-
Notifications
You must be signed in to change notification settings - Fork 0
/
project.json
1 lines (1 loc) · 47.2 KB
/
project.json
1
{"name":"No-Cody","components":[{"name":"/App","graph":{"connections":[],"roots":[{"id":"246f9453-a119-ac78-171e-3806cf596ecc","type":"Group","x":-111.4681915301291,"y":311.4376377651178,"parameters":{"backgroundColor":"#FFFFFF","alignItems":"center"},"ports":[],"dynamicports":[],"children":[{"id":"867d0287-7024-b238-2008-7dc357bec54a","type":"/Header menu","parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"62af91fa-faa0-5196-c241-689720f9448f","type":"Group","label":"Max width: 960px","parameters":{"maxWidth":{"value":1200,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"b8f6e86f-6335-5c1c-e20f-2650eba78e8a","type":"Router","parameters":{"name":"main","pages":{"routes":["/Home","/Settings","/Profile"],"startPage":"/Home"},"clip":"scroll"},"ports":[],"dynamicports":[],"children":[]}]}]}],"visualRoots":[]},"metadata":{"canvasSize":{"width":"623px","height":"630px"},"canvasPos":{"x":198.432422033227,"y":-15.874593762658161}}},{"name":"/Header menu","id":"aa05c732-c493-52c9-5f05-45ab7c4e3e34","graph":{"connections":[{"fromId":"f26bd467-798d-7fa0-b9de-0f995fb62fd8","fromProperty":"Match","toId":"0a72d704-4d2f-343c-ca43-0789d9161d39","toProperty":"to-Tablet & Mobile"},{"fromId":"f26bd467-798d-7fa0-b9de-0f995fb62fd8","fromProperty":"No Match","toId":"0a72d704-4d2f-343c-ca43-0789d9161d39","toProperty":"to-Desktop"},{"fromId":"3642a407-30f4-fe63-69bd-bb9033acf14a","fromProperty":"items","toId":"bdcbc58a-fafa-f705-f351-91bee8e7507a","toProperty":"menu Items"},{"fromId":"0a72d704-4d2f-343c-ca43-0789d9161d39","fromProperty":"at-Desktop","toId":"bdcbc58a-fafa-f705-f351-91bee8e7507a","toProperty":"Mounted"},{"fromId":"3642a407-30f4-fe63-69bd-bb9033acf14a","fromProperty":"items","toId":"dd6e200d-c90a-7e5f-0c38-1e9460633ebd","toProperty":"menu Items"},{"fromId":"0a72d704-4d2f-343c-ca43-0789d9161d39","fromProperty":"at-Tablet & Mobile","toId":"dd6e200d-c90a-7e5f-0c38-1e9460633ebd","toProperty":"Mounted"}],"roots":[{"id":"74155a41-ab03-992d-abf5-5f35de41b4af","type":"Group","label":"Header","x":0,"y":0,"parameters":{"height":{"value":80,"unit":"px"},"sizeMode":"explicit","borderBottomStyle":"solid","borderBottomWidth":{"value":1,"unit":"px"},"borderBottomColor":"Grey - 300","paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"paddingTop":{"value":16,"unit":"px"},"paddingBottom":{"value":16,"unit":"px"},"flexDirection":"row","alignItems":"center","justifyContent":"space-between"},"ports":[],"dynamicports":[],"children":[{"id":"9491b87a-9716-c4fc-7a7b-1c4ea442fd9e","type":"Group","label":"Logo","parameters":{"sizeMode":"contentHeight","flexDirection":"row"},"ports":[],"dynamicports":[],"children":[{"id":"503883af-d37e-5a76-5e8e-77b86ca40e87","type":"net.noodl.visual.icon","parameters":{"iconIconSource":{"class":"material-icons","code":"brightness_1"},"iconColor":"Grey - 600","iconSize":{"value":24,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"197f758b-b74f-040c-6b6e-7d7fac56fa8e","type":"Text","parameters":{"textStyle":"Body Medium","color":"Grey - 700","marginLeft":{"value":8,"unit":"px"},"text":"Company","sizeMode":"contentSize"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"bdcbc58a-fafa-f705-f351-91bee8e7507a","type":"/Header menu/Desktop Navigation","parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"dd6e200d-c90a-7e5f-0c38-1e9460633ebd","type":"/Header menu/Mobile Navigation","parameters":{},"ports":[],"dynamicports":[],"children":[]}]},{"id":"f26bd467-798d-7fa0-b9de-0f995fb62fd8","type":"/Utility Components/Media Query","x":595.9705136705112,"y":258.96090340653734,"parameters":{"mediaQuery":"(max-width: 575px)"},"ports":[],"dynamicports":[],"children":[]},{"id":"0a72d704-4d2f-343c-ca43-0789d9161d39","type":"States","x":338.56703526166314,"y":260.0604295422658,"parameters":{"states":"Tablet & Mobile,Desktop"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Tablet & Mobile","name":"to-Tablet & Mobile","group":"Go to state","index":6},{"plug":"output","type":"boolean","displayName":"At Tablet & Mobile","name":"at-Tablet & Mobile","group":"Current state","index":7},{"plug":"output","type":"signal","displayName":"Has Reached Tablet & Mobile","name":"reached-Tablet & Mobile","group":"Current state","index":8},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Desktop","name":"to-Desktop","group":"Go to state","index":9},{"plug":"output","type":"boolean","displayName":"At Desktop","name":"at-Desktop","group":"Current state","index":10},{"plug":"output","type":"signal","displayName":"Has Reached Desktop","name":"reached-Desktop","group":"Current state","index":11},{"plug":"input","type":{"name":"enum","enums":["Tablet & Mobile","Desktop"]},"group":"States","displayName":"State","name":"currentState","default":"Tablet & Mobile","index":12}],"children":[]},{"id":"3642a407-30f4-fe63-69bd-bb9033acf14a","type":"Static Data","label":"Page navigation content","x":-262.19261617321285,"y":212.4205812883977,"parameters":{"type":"json","json":"[\n {\n \"Icon\":\"home\",\n \"Label\":\"Home\",\n \"Url\":\"/home\",\n \"IsHome\":true\n },\n\n {\n \"Icon\":\"settings\",\n \"Label\":\"Settings\",\n \"Url\":\"/settings\"\n },\n\n {\n \"Icon\":\"account_circle\",\n \"Label\":\"Profile\",\n \"Url\":\"/profile\"\n }\n]"},"ports":[],"dynamicports":[],"children":[],"metadata":{"merge":{"soureCodePorts":["json"]}}}],"visualRoots":[]},"metadata":{"canvasPos":{"x":1119,"y":0}}},{"name":"/Header menu/Desktop Navigation","id":"f7f03f60-36fd-1cd4-e47d-cb31c07e72cb","graph":{"connections":[{"fromId":"6ba011bd-e6d0-4451-5415-5827a626c25c","fromProperty":"Mounted","toId":"7e616850-d70d-a60f-7c11-d2148e6fe1f1","toProperty":"mounted"},{"fromId":"1acb086a-ff34-47ab-eb85-4bbde21c1eab","fromProperty":"onClick","toId":"24339c9d-ee8c-3544-d28d-b07f57fd2c27","toProperty":"CTA clicked"},{"fromId":"6ba011bd-e6d0-4451-5415-5827a626c25c","fromProperty":"menu Items","toId":"6aa900ed-2efd-ce29-d2ff-a63ddce693c7","toProperty":"Items"}],"roots":[{"id":"7e616850-d70d-a60f-7c11-d2148e6fe1f1","type":"Group","label":"On Desktop Menu","x":-83,"y":-47,"parameters":{"flexDirection":"row","alignItems":"center","justifyContent":"space-between"},"ports":[],"dynamicports":[],"children":[{"id":"6aa900ed-2efd-ce29-d2ff-a63ddce693c7","type":"/Header menu/Navigation Menu","parameters":{"Layout":"row","Align X":"right","Margin Right":{"value":40,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"1acb086a-ff34-47ab-eb85-4bbde21c1eab","type":"net.noodl.controls.button","label":"CTA","parameters":{"label":"CTA"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"6ba011bd-e6d0-4451-5415-5827a626c25c","type":"Component Inputs","x":-341,"y":-17,"parameters":{},"ports":[{"name":"Mounted","plug":"output","type":{"name":"*"},"index":1},{"name":"menu Items","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]},{"id":"24339c9d-ee8c-3544-d28d-b07f57fd2c27","type":"Component Outputs","x":322,"y":61,"parameters":{},"ports":[{"name":"CTA clicked","plug":"input","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":1354.9320993955603,"y":295.51190086387726},"canvasSize":{"width":"455px","height":"65px"}}},{"name":"/Header menu/Mobile Navigation","id":"b1038831-14d7-b1f8-fc3e-2c1ca84b9dd8","graph":{"connections":[{"fromId":"69985711-4d8e-1e5f-46b0-d2fceb0b334e","fromProperty":"onClick","toId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","toProperty":"to-Mobile nav open"},{"fromId":"1fc0e8b6-efb2-b741-03da-1e05f0cbfceb","fromProperty":"onClick","toId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","toProperty":"to-Mobile nav closed"},{"fromId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","fromProperty":"at-Mobile nav closed","toId":"69985711-4d8e-1e5f-46b0-d2fceb0b334e","toProperty":"mounted"},{"fromId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","fromProperty":"at-Mobile nav open","toId":"1fc0e8b6-efb2-b741-03da-1e05f0cbfceb","toProperty":"mounted"},{"fromId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","fromProperty":"at-Mobile nav open","toId":"f5e6e919-f6b5-02ae-7587-dc4101a1ca97","toProperty":"mounted"},{"fromId":"f5e6e919-f6b5-02ae-7587-dc4101a1ca97","fromProperty":"focusLost","toId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","toProperty":"to-Mobile nav closed"},{"fromId":"54577d9b-e314-3472-7006-eb928fd09726","fromProperty":"menu Items","toId":"b8bd36bb-c48d-393a-fb37-b8c41be06de8","toProperty":"Items"},{"fromId":"54577d9b-e314-3472-7006-eb928fd09726","fromProperty":"Mounted","toId":"89b556be-a6bd-c968-7280-7d01fe0e1af2","toProperty":"mounted"},{"fromId":"89b556be-a6bd-c968-7280-7d01fe0e1af2","fromProperty":"focusLost","toId":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","toProperty":"to-Mobile nav closed"},{"fromId":"0757188b-d3d3-ab4b-53cf-9aefdcdd8eb7","fromProperty":"onClick","toId":"1cdc8f14-5263-e9b2-6750-eb99734ffe34","toProperty":"CTA clicked"}],"roots":[{"id":"145e5fa8-75f3-cbf5-034b-959cff6df4ee","type":"States","label":"Open and close navigation drawer","x":276.9665285958286,"y":113.59539950550766,"parameters":{"states":"Mobile nav open,Mobile nav closed","currentState":"Mobile nav closed"},"ports":[],"dynamicports":[{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Mobile nav open","name":"to-Mobile nav open","group":"Go to state","index":6},{"plug":"output","type":"boolean","displayName":"At Mobile nav open","name":"at-Mobile nav open","group":"Current state","index":7},{"plug":"output","type":"signal","displayName":"Has Reached Mobile nav open","name":"reached-Mobile nav open","group":"Current state","index":8},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To Mobile nav closed","name":"to-Mobile nav closed","group":"Go to state","index":9},{"plug":"output","type":"boolean","displayName":"At Mobile nav closed","name":"at-Mobile nav closed","group":"Current state","index":10},{"plug":"output","type":"signal","displayName":"Has Reached Mobile nav closed","name":"reached-Mobile nav closed","group":"Current state","index":11},{"plug":"input","type":{"name":"enum","enums":["Mobile nav open","Mobile nav closed"]},"group":"States","displayName":"State","name":"currentState","default":"Mobile nav open","index":12}],"children":[]},{"id":"54577d9b-e314-3472-7006-eb928fd09726","type":"Component Inputs","x":-484,"y":210,"parameters":{},"ports":[{"name":"Mounted","plug":"output","type":{"name":"*"},"index":1},{"name":"menu Items","plug":"output","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]},{"id":"89b556be-a6bd-c968-7280-7d01fe0e1af2","type":"Group","label":"Mobile Navigation Wrapper","x":-133.88900394539428,"y":-113.117178953043,"parameters":{"sizeMode":"explicit"},"ports":[],"dynamicports":[],"children":[{"id":"69985711-4d8e-1e5f-46b0-d2fceb0b334e","type":"net.noodl.controls.button","label":"Menu Icon","parameters":{"useIcon":true,"useLabel":false,"iconIconSource":{"class":"material-icons","code":"dehaze"},"iconSize":{"value":24,"unit":"px"},"iconColor":"Grey - 700","backgroundColor":"transparent","paddingLeft":{"value":4,"unit":"px"},"paddingRight":{"value":4,"unit":"px"},"paddingTop":{"value":4,"unit":"px"},"alignX":"right"},"ports":[],"dynamicports":[],"children":[]},{"id":"f5e6e919-f6b5-02ae-7587-dc4101a1ca97","type":"Group","label":"Mobile Sidebar Navigation","parameters":{"sizeMode":"explicit","position":"absolute","width":{"value":50,"unit":"%"},"height":{"value":100,"unit":"vh"},"backgroundColor":"Grey - 200","alignX":"right","zIndex":1,"minWidth":{"value":200,"unit":"px"},"borderLeftStyle":"solid","borderLeftWidth":{"value":1,"unit":"px"},"borderLeftColor":"Grey - 400","marginRight":{"value":-24,"unit":"px"},"marginTop":{"value":-16,"unit":"px"},"paddingLeft":{"value":16,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"fda637c1-9f92-fc98-82f9-6efbe618c7c5","type":"Group","label":"Menu header","parameters":{"sizeMode":"contentHeight","flexDirection":"row","alignItems":"center"},"ports":[],"dynamicports":[],"children":[{"id":"605e8c7d-9283-a31e-873a-2c73b34acbf7","type":"Text","label":"Text","parameters":{"sizeMode":"contentHeight","textStyle":"Body Medium","color":"Grey - 700","text":"Menu"},"ports":[],"dynamicports":[],"children":[]},{"id":"1fc0e8b6-efb2-b741-03da-1e05f0cbfceb","type":"net.noodl.controls.button","label":"Close Icon","parameters":{"useIcon":true,"useLabel":false,"iconIconSource":{"class":"material-icons","code":"close"},"iconSize":{"value":24,"unit":"px"},"iconColor":"Grey - 700","backgroundColor":"transparent","paddingLeft":{"value":4,"unit":"px"},"paddingRight":{"value":4,"unit":"px"},"paddingTop":{"value":4,"unit":"px"},"alignX":"right","marginRight":{"value":24,"unit":"px"},"marginTop":{"value":16,"unit":"px"},"marginBottom":{"value":16,"unit":"px"},"iconPlacement":"right","color":"Grey - 700","textStyle":"Body Medium","fontFamily":"fonts/Roboto/Roboto-Regular.ttf","label":"Menu","iconSpacing":{"value":8,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]},{"id":"b8bd36bb-c48d-393a-fb37-b8c41be06de8","type":"/Header menu/Navigation Menu","parameters":{"Layout":"column","Align X":"left"},"ports":[],"dynamicports":[],"children":[]},{"id":"0757188b-d3d3-ab4b-53cf-9aefdcdd8eb7","type":"net.noodl.controls.button","label":"CTA","parameters":{"label":"CTA","marginTop":{"value":24,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]}]}]},{"id":"1cdc8f14-5263-e9b2-6750-eb99734ffe34","type":"Component Outputs","x":238.49211573733953,"y":537.4616897209022,"parameters":{},"ports":[{"name":"CTA clicked","plug":"input","type":{"name":"*"},"index":1}],"dynamicports":[],"children":[]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":1115.7081827366992,"y":297.52218206312006},"canvasSize":{"width":"204px","height":"405px"}}},{"name":"/Header menu/Navigation Menu","id":"0aa376fd-3a6a-2dc4-734a-3cf77d43602f","graph":{"connections":[{"fromId":"c0cc4f56-a419-f299-ddff-ffc19df348ea","fromProperty":"out-Items","toId":"1946f48d-1897-129e-978a-0d894a50dfbe","toProperty":"items"},{"fromId":"43dad932-1d08-da2e-0714-d0d23fbeeb78","fromProperty":"Items","toId":"c0cc4f56-a419-f299-ddff-ffc19df348ea","toProperty":"in-Items"},{"fromId":"1946f48d-1897-129e-978a-0d894a50dfbe","fromProperty":"itemOutputSignal-Click","toId":"377a7591-26a9-cf15-12ba-226feb6c223f","toProperty":"Click"},{"fromId":"1946f48d-1897-129e-978a-0d894a50dfbe","fromProperty":"itemOutput-Url","toId":"377a7591-26a9-cf15-12ba-226feb6c223f","toProperty":"Url"},{"fromId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","fromProperty":"didMount","toId":"2f4676bb-66b8-8ad6-6c02-efd8434e8a32","toProperty":"run"},{"fromId":"2f4676bb-66b8-8ad6-6c02-efd8434e8a32","fromProperty":"out-PathName","toId":"c0cc4f56-a419-f299-ddff-ffc19df348ea","toProperty":"in-CurrentPathName"},{"fromId":"1946f48d-1897-129e-978a-0d894a50dfbe","fromProperty":"itemOutputSignal-Click","toId":"30bb2aa5-1998-3dd9-84ec-3394c7feaafa","toProperty":"navigate"},{"fromId":"1946f48d-1897-129e-978a-0d894a50dfbe","fromProperty":"itemOutput-Url","toId":"30bb2aa5-1998-3dd9-84ec-3394c7feaafa","toProperty":"path"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Magin Top","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"marginTop"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Margin Bottom","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"marginBottom"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Margin Left","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"marginLeft"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Margin Right","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"marginRight"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Align X","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"alignX"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Align Y","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"alignY"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Position","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"position"},{"fromId":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","fromProperty":"Layout","toId":"ccbe488e-947a-5cde-7321-02f4f9ef8651","toProperty":"flexDirection"}],"roots":[{"id":"ccbe488e-947a-5cde-7321-02f4f9ef8651","type":"Group","x":-24,"y":-226,"parameters":{"sizeMode":"contentSize","alignItems":"flex-start","marginLeft":{"value":0,"unit":"px"}},"ports":[],"dynamicports":[],"children":[{"id":"1946f48d-1897-129e-978a-0d894a50dfbe","type":"For Each","parameters":{"template":"/Header menu/Navigation Menu/Item"},"ports":[],"dynamicports":[{"name":"itemOutputSignal-Click","displayName":"Click","type":"signal","plug":"output","group":"Item Signals","index":6},{"name":"itemOutput-Url","displayName":"Url","type":{"name":"*","allowConnectionsOnly":true},"plug":"output","group":"Item Outputs","index":7},{"name":"inputMappingScript","type":{"name":"string","codeeditor":"javascript"},"displayName":"Script","group":"Input Mapping","default":"// Here you add mappings between the properties of the item objects and the inputs of the components.\n// 'myComponentInput': 'myObjectProperty',\n// 'anotherComponentInput': function () { return object.get('someProperty') + ' ' + object.get('otherProp') }\n// These are the default mappings based on the selected template component.\nmap({\n})\n","plug":"input","index":8}],"children":[]}]},{"id":"43dad932-1d08-da2e-0714-d0d23fbeeb78","type":"Component Inputs","x":-621.1417713506253,"y":97.56328512968753,"parameters":{},"ports":[{"name":"Items","plug":"output","type":{"name":"*"},"index":0,"group":"General"}],"dynamicports":[],"children":[]},{"id":"c0cc4f56-a419-f299-ddff-ffc19df348ea","type":"JavaScriptFunction","label":"Default value for items","x":-296.4240249358998,"y":54.03118566185765,"parameters":{"scriptInputs":[{"id":"6slp","label":"Items"}],"intype-Items":"array","in-Items":"[\n {\n // Icons are references to material icons, \n // see https://fonts.google.com/icons?selected=Material+Icons\n Icon:\"home\",\n\n // The label to be shown on the nav item\n Label:\"Home\",\n\n // The url to navigate to when clicked\n Url:\"/home\",\n\n // Setting this to true will indicate that this\n // item should be selected if there is no path\n // or if no other path matches\n IsHome:true,\n },\n {\n Icon:\"schedule\",\n Label:\"Calendar\",\n Url:\"/calendar\"\n }\n]","functionScript":"Outputs.Items = Inputs.Items.map(i => ({\n Label:i.Label,\n Url:i.Url,\n Icon:i.Icon,\n // Set the \"selected\" item as the one with matching path name, or it it's an empty pathname\n // the IsHome item\n Selected:Inputs.CurrentPathName !== undefined && (Inputs.CurrentPathName === '/' && i.IsHome) || (Inputs.CurrentPathName !== '/' && i.Url.startsWith(Inputs.CurrentPathName))\n}))"},"ports":[],"dynamicports":[{"name":"intype-Items","displayName":"Type","editorName":"Items | Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"date","label":"Date"},{"value":"array","label":"Array"},{"value":"color","label":"Color"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"6slp","index":4},{"name":"in-Items","displayName":"Items","plug":"input","type":"array","group":"Inputs","index":5},{"name":"in-CurrentPathName","displayName":"CurrentPathName","plug":"input","type":"*","group":"Inputs","index":6},{"name":"out-Items","displayName":"Items","plug":"output","type":"*","group":"Outputs","index":7}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"377a7591-26a9-cf15-12ba-226feb6c223f","type":"Component Outputs","x":252,"y":-180,"parameters":{},"ports":[{"name":"Click","plug":"input","type":{"name":"*"},"index":0,"group":"Events"},{"name":"Url","plug":"input","type":{"name":"*"},"index":1,"group":"Events"}],"dynamicports":[],"children":[]},{"id":"2f4676bb-66b8-8ad6-6c02-efd8434e8a32","type":"JavaScriptFunction","label":"Keep track of current url","x":-295,"y":-66,"parameters":{"functionScript":"const onUrlChange = () => {\n // Send the current pathname as an output\n Outputs.PathName = document.location.pathname\n}\n\n// Detect a change of the pathname\nif (window.history && window.history.pushState) {\n window.addEventListener('popstate', onUrlChange)\n} else {\n window.addEventListener('hashchange', onUrlChange)\n}\n\nonUrlChange()"},"ports":[],"dynamicports":[{"name":"out-PathName","displayName":"PathName","plug":"output","type":"*","group":"Outputs","index":4}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"30bb2aa5-1998-3dd9-84ec-3394c7feaafa","type":"PageStackNavigateToPath","x":251.10226014845603,"y":14.36383762470291,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"c4bfe3ab-4c62-9404-b706-444ce9a32c85","type":"Component Inputs","x":-292.5645518872917,"y":-331.8430275581251,"parameters":{},"ports":[{"name":"Align X","plug":"output","type":{"name":"*"},"group":"Alignment","index":4},{"name":"Align Y","plug":"output","type":{"name":"*"},"group":"Alignment","index":5},{"name":"Layout","plug":"output","type":{"name":"*"},"group":"Layout","index":7},{"name":"Magin Top","plug":"output","type":{"name":"*"},"group":"Margins","index":0},{"name":"Margin Bottom","plug":"output","type":{"name":"*"},"group":"Margins","index":1},{"name":"Margin Left","plug":"output","type":{"name":"*"},"group":"Margins","index":2},{"name":"Margin Right","plug":"output","type":{"name":"*"},"group":"Margins","index":3},{"name":"Position","plug":"output","type":{"name":"*"},"group":"Layout","index":6}],"dynamicports":[],"children":[]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":1119,"y":130.66852590610003}}},{"name":"/Header menu/Navigation Menu/Item","id":"9c22afba-105a-eeab-bcb1-9d0baf9d77d8","graph":{"connections":[{"fromId":"3ea6776b-2109-9a51-98ad-40e2437f0d2e","fromProperty":"prop-Icon","toId":"2f6c7077-7bfe-7a28-b36d-69f12e22b36d","toProperty":"in-IconCode"},{"fromId":"3ea6776b-2109-9a51-98ad-40e2437f0d2e","fromProperty":"prop-Url","toId":"555ecce4-c8b5-e078-e0a2-4892bd65a9a0","toProperty":"Url"},{"fromId":"3ea6776b-2109-9a51-98ad-40e2437f0d2e","fromProperty":"prop-Selected","toId":"0477e110-5ea1-c0ab-71a7-27b739f4e94e","toProperty":"condition"},{"fromId":"0477e110-5ea1-c0ab-71a7-27b739f4e94e","fromProperty":"ontrue","toId":"56b78a73-10a3-9b0c-c0cc-888716aacfd3","toProperty":"to-selected"},{"fromId":"0477e110-5ea1-c0ab-71a7-27b739f4e94e","fromProperty":"onfalse","toId":"56b78a73-10a3-9b0c-c0cc-888716aacfd3","toProperty":"to-not selected"},{"fromId":"96cbf9aa-92ca-aa68-d9fa-51510fbe56fd","fromProperty":"onClick","toId":"555ecce4-c8b5-e078-e0a2-4892bd65a9a0","toProperty":"Click"},{"fromId":"2f6c7077-7bfe-7a28-b36d-69f12e22b36d","fromProperty":"out-IconSource","toId":"bd552408-e8a7-b7af-34ae-029b44bd9d37","toProperty":"iconIconSource"},{"fromId":"2f6c7077-7bfe-7a28-b36d-69f12e22b36d","fromProperty":"out-HaveIcon","toId":"bd552408-e8a7-b7af-34ae-029b44bd9d37","toProperty":"mounted"},{"fromId":"56b78a73-10a3-9b0c-c0cc-888716aacfd3","fromProperty":"color","toId":"bd552408-e8a7-b7af-34ae-029b44bd9d37","toProperty":"iconColor"},{"fromId":"56b78a73-10a3-9b0c-c0cc-888716aacfd3","fromProperty":"color","toId":"2b1bdcdc-88ff-e8bb-a49a-6499299ec69e","toProperty":"color"},{"fromId":"3ea6776b-2109-9a51-98ad-40e2437f0d2e","fromProperty":"prop-Label","toId":"2b1bdcdc-88ff-e8bb-a49a-6499299ec69e","toProperty":"text"}],"roots":[{"id":"3ea6776b-2109-9a51-98ad-40e2437f0d2e","type":"Model2","x":-539.0443422987182,"y":37.37135777681101,"parameters":{"idSource":"foreach","properties":"Icon,Label,Url,Selected"},"ports":[],"dynamicports":[{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-Icon","displayName":"Icon","index":7},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Icon Changed","name":"changed-Icon","index":8},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-Label","displayName":"Label","index":9},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Label Changed","name":"changed-Label","index":10},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-Url","displayName":"Url","index":11},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Url Changed","name":"changed-Url","index":12},{"type":{"name":"*","allowConnectionsOnly":true},"plug":"input/output","group":"Properties","name":"prop-Selected","displayName":"Selected","index":13},{"type":"signal","plug":"output","group":"Changed Events","displayName":"Selected Changed","name":"changed-Selected","index":14}],"children":[]},{"id":"2f6c7077-7bfe-7a28-b36d-69f12e22b36d","type":"JavaScriptFunction","x":-335.17329481891244,"y":-43.997327050872,"parameters":{"functionScript":"Outputs.IconSource = {\n \"class\": \"material-icons\",\n \"code\": Inputs.IconCode\n}\nOutputs.HaveIcon = Inputs.IconCode !== undefined && Inputs.IconCode !== \"\""},"ports":[],"dynamicports":[{"name":"in-IconCode","displayName":"IconCode","plug":"input","type":"*","group":"Inputs","index":4},{"name":"out-IconSource","displayName":"IconSource","plug":"output","type":"*","group":"Outputs","index":5},{"name":"out-HaveIcon","displayName":"HaveIcon","plug":"output","type":"*","group":"Outputs","index":6}],"children":[],"metadata":{"merge":{"soureCodePorts":["functionScript"]}}},{"id":"555ecce4-c8b5-e078-e0a2-4892bd65a9a0","type":"Component Outputs","x":306.0442912317816,"y":93.58623210048233,"parameters":{},"ports":[{"name":"Click","plug":"input","type":{"name":"*"},"index":1},{"name":"Url","plug":"input","type":{"name":"*"},"index":2}],"dynamicports":[],"children":[]},{"id":"56b78a73-10a3-9b0c-c0cc-888716aacfd3","type":"States","x":-316.4917996021515,"y":-204.50303303126327,"parameters":{"states":"selected,not selected","values":"color","type-color":"color","value-selected-color":"Primary","value-not selected-color":"Grey - 700","currentState":"not selected"},"ports":[],"dynamicports":[{"type":{"name":"color","allowConnectionsOnly":true},"plug":"output","group":"Values","name":"color","index":6},{"type":{"name":"enum","enums":[{"label":"Number","value":"number"},{"label":"String","value":"string"},{"label":"Boolean","value":"boolean"},{"label":"Color","value":"color"},{"label":"Text Style","value":"textStyle"}],"allowEditOnly":true},"default":"number","plug":"input","group":"Types","displayName":"color","name":"type-color","index":7},{"plug":"input","type":"color","group":"selected Values","name":"value-selected-color","displayName":"color","editorName":"selected|color","index":8},{"plug":"input","type":"curve","displayName":"Default","default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"selected Transitions","name":"transitiondef-selected","index":9},{"plug":"input","type":{"name":"curve"},"default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"selected Transitions","name":"transition-selected-color","displayName":"color","editorName":"Transition selected|color","index":10},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To selected","name":"to-selected","group":"Go to state","index":11},{"plug":"output","type":"boolean","displayName":"At selected","name":"at-selected","group":"Current state","index":12},{"plug":"output","type":"signal","displayName":"Has Reached selected","name":"reached-selected","group":"Current state","index":13},{"plug":"input","type":"color","group":"not selected Values","name":"value-not selected-color","displayName":"color","editorName":"not selected|color","index":14},{"plug":"input","type":"curve","displayName":"Default","default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"not selected Transitions","name":"transitiondef-not selected","index":15},{"plug":"input","type":{"name":"curve"},"default":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"group":"not selected Transitions","name":"transition-not selected-color","displayName":"color","editorName":"Transition not selected|color","index":16},{"plug":"input","type":{"name":"signal","allowConnectionsOnly":true},"displayName":"To not selected","name":"to-not selected","group":"Go to state","index":17},{"plug":"output","type":"boolean","displayName":"At not selected","name":"at-not selected","group":"Current state","index":18},{"plug":"output","type":"signal","displayName":"Has Reached not selected","name":"reached-not selected","group":"Current state","index":19},{"plug":"input","type":{"name":"enum","enums":["selected","not selected"]},"group":"States","displayName":"State","name":"currentState","default":"selected","index":20}],"children":[]},{"id":"0477e110-5ea1-c0ab-71a7-27b739f4e94e","type":"Condition","x":-527.4392271503068,"y":-206.75915525102965,"parameters":{},"ports":[],"dynamicports":[],"children":[]},{"id":"96cbf9aa-92ca-aa68-d9fa-51510fbe56fd","type":"Group","label":"Menu item","x":-14.171422153458707,"y":-192.09436082254828,"parameters":{"sizeMode":"contentWidth","flexDirection":"row","alignItems":"center","borderRadius":{"value":4,"unit":"px"},"styleCss":"cursor:pointer;","height":{"value":40,"unit":"px"},"paddingLeft":{"value":8,"unit":"px"},"paddingRight":{"value":12,"unit":"px"},"marginRight":{"value":8,"unit":"px"}},"stateParameters":{"hover":{"backgroundColor":"Grey - 300"}},"ports":[],"dynamicports":[],"children":[{"id":"bd552408-e8a7-b7af-34ae-029b44bd9d37","type":"net.noodl.visual.icon","label":"Menu Icon","parameters":{"iconIconSource":{"class":"material-icons","code":"account_circle"},"iconColor":"Grey - 900","iconSize":{"value":24,"unit":"px"}},"ports":[],"dynamicports":[],"children":[]},{"id":"2b1bdcdc-88ff-e8bb-a49a-6499299ec69e","type":"Text","label":"Menu Label","parameters":{"sizeMode":"contentSize","color":"Grey - 900","marginLeft":{"value":8,"unit":"px"},"textStyle":"Body Medium"},"ports":[],"dynamicports":[],"children":[]}]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":1527.7634446793804,"y":0}}},{"name":"/Home","id":"6676c29a-9753-7d46-50af-045f51700bb0","graph":{"connections":[],"roots":[{"id":"d4eaeffe-6f20-b7d9-869c-fa806c10402a","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Home","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"home","index":15}],"children":[{"id":"49287343-fe06-bc6a-65d4-3225f7407aac","type":"Text","parameters":{"text":"Home","color":"Grey - 900","textStyle":"Display","textAlignX":"center","textAlignY":"center","sizeMode":"explicit"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"0ffc0ca3-2659-0a02-0a0d-698e7a7dd8f6","type":"PageInputs","x":-263.5714654962799,"y":8.364497641394564,"parameters":{},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":2254.5749598111106,"y":-12.70252035938731}}},{"name":"/Profile","id":"72e3ffe6-7c18-1ec2-b662-5d89b643b691","graph":{"connections":[],"roots":[{"id":"b7c97531-2914-4b4d-f8e2-cf05623a2070","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Profile","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"profile","index":15}],"children":[{"id":"1c941d97-43ed-6c0b-e3f8-0b24dc593ce4","type":"Text","parameters":{"text":"Profile","color":"Grey - 900","textStyle":"Display","textAlignX":"center","textAlignY":"center","sizeMode":"explicit"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"41ce193b-9ad1-07b5-ed5f-941bc1e52843","type":"PageInputs","x":-213,"y":8,"parameters":{},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":3169.5465667977646,"y":0}}},{"name":"/Settings","id":"b5aa3a46-227d-7da1-4c6c-05147d1ddec8","graph":{"connections":[],"roots":[{"id":"e91860eb-0f1f-2edb-562c-ea8cd3aef6b3","type":"Page","x":0,"y":0,"parameters":{},"ports":[],"dynamicports":[{"name":"title","displayName":"Title","type":"string","group":"General","plug":"input","default":"Settings","index":14},{"name":"urlPath","displayName":"Url Path","type":"string","group":"General","plug":"input","default":"settings","index":15}],"children":[{"id":"518cbd6d-d424-0d7f-cd83-e4852f9b13ad","type":"Text","parameters":{"text":"Settings","color":"Grey - 900","textStyle":"Display","textAlignX":"center","textAlignY":"center","sizeMode":"explicit"},"ports":[],"dynamicports":[],"children":[]}]},{"id":"59ff14c7-3834-8056-1056-40cb791a7278","type":"PageInputs","x":-213.87280249127002,"y":-3.521305105603915,"parameters":{},"ports":[],"dynamicports":[],"children":[]}],"visualRoots":[]},"metadata":{"canvasPos":{"x":2703.4494975677244,"y":-3.0898245734951395}}},{"name":"/Utility Components/Media Query","id":"e0410742-2d37-2993-89ea-a9204367aa67","graph":{"connections":[{"fromId":"d1137066-a8e6-fbde-24f0-50a2814cf680","fromProperty":"mediaQuery","toId":"912fcadc-bfbd-c5ed-4560-f70adc0f18cd","toProperty":"mediaQuery"},{"fromId":"912fcadc-bfbd-c5ed-4560-f70adc0f18cd","fromProperty":"match","toId":"c8927c41-0893-d941-9057-a17588550a7c","toProperty":"Match"},{"fromId":"912fcadc-bfbd-c5ed-4560-f70adc0f18cd","fromProperty":"noMatch","toId":"c8927c41-0893-d941-9057-a17588550a7c","toProperty":"No Match"}],"roots":[{"id":"d1137066-a8e6-fbde-24f0-50a2814cf680","type":"Component Inputs","x":-191.5137301958379,"y":37.42393265732524,"parameters":{},"ports":[{"name":"mediaQuery","plug":"output","type":"*","index":1}],"dynamicports":[],"children":[]},{"id":"c8927c41-0893-d941-9057-a17588550a7c","type":"Component Outputs","x":225.60974141961697,"y":38.96632592305775,"parameters":{},"ports":[{"name":"Match","plug":"input","type":"*","index":2},{"name":"No Match","plug":"input","type":"*","index":1}],"dynamicports":[],"children":[]},{"id":"912fcadc-bfbd-c5ed-4560-f70adc0f18cd","type":"Javascript2","x":11,"y":38.5,"parameters":{"code":"Node.Setters.mediaQuery = function(value) {\n \n if(this.query) {\n this.query.removeListener(this.listener);\n }\n \n this.listener = query => {\n if (query.matches) {\n Node.setOutputs({match: true, noMatch: false});\n } else {\n Node.setOutputs({match: false, noMatch: true});\n }\n }\n \n this.query = window.matchMedia(value);\n this.listener(this.query);\n this.query.addListener(this.listener);\n \n}\n\nNode.OnDestoy = function() {\n if(this.query) {\n this.query.removeListener(this.listener);\n this.query = undefined;\n this.listener = undefined;\n }\n}","scriptInputs":[{"id":"icv7","label":"mediaQuery"}],"scriptOutputs":[{"id":"z4bx","label":"match"},{"id":"5hag","label":"noMatch"}],"outtype-match":"boolean","outtype-noMatch":"boolean"},"ports":[],"dynamicports":[{"name":"outtype-match","displayName":"Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"array","label":"Array"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"z4bx","index":4},{"name":"match","plug":"output","type":"boolean","group":"Outputs","index":5},{"name":"outtype-noMatch","displayName":"Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"array","label":"Array"},{"value":"signal","label":"Signal"}],"allowEditOnly":true},"default":"string","parent":"scriptOutputs","parentItemId":"5hag","index":6},{"name":"noMatch","plug":"output","type":"boolean","group":"Outputs","index":7},{"name":"intype-mediaQuery","displayName":"Type","plug":"input","type":{"name":"enum","enums":[{"value":"string","label":"String"},{"value":"boolean","label":"Boolean"},{"value":"number","label":"Number"},{"value":"object","label":"Object"},{"value":"array","label":"Array"}],"allowEditOnly":true},"default":"string","parent":"scriptInputs","parentItemId":"icv7","index":8},{"name":"mediaQuery","plug":"input","type":"string","group":"Inputs","index":9}],"children":[],"metadata":{"merge":{"soureCodePorts":["code"]}}}],"visualRoots":[]},"metadata":{"canvasPos":{"x":40,"y":40}}}],"settings":{"navigationPathType":"path"},"rootNodeId":"246f9453-a119-ac78-171e-3806cf596ecc","version":"4","metadata":{"dbCollections":[],"styles":{"text":{"Display":{"letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none","fontSize":{"value":"40","unit":"px"},"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","color":"#000000"},"Headline":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"32","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Title Large":{"fontFamily":"fonts/Roboto/Roboto-Bold.ttf","fontSize":{"value":"24","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120%","unit":"px"},"textTransform":"none"},"Title Medium":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"20","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Title Small":{"fontFamily":"fonts/Roboto/Roboto-Bold.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Label Large":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Label Medium":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Label Small":{"fontFamily":"fonts/Roboto/Roboto-Medium.ttf","fontSize":{"value":"12","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"120","unit":"%"},"textTransform":"none"},"Body Large":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"20","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"150","unit":"%"},"textTransform":"none"},"Body Medium":{"fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"16","unit":"px"},"color":"#000000","letterSpacing":"Auto","lineHeight":{"value":"150","unit":"%"},"textTransform":"none"},"Body Small":{"letterSpacing":"Auto","lineHeight":{"value":"150","unit":"%"},"textTransform":"none","fontFamily":"fonts/Roboto/Roboto-Regular.ttf","fontSize":{"value":"14","unit":"px"},"color":"#000000"}},"colors":{"Grey - 300":"#E9E9E9","Grey - 900":"#1F1F1F","Primary":"#5836F5","Primary Dark":"#3F22B8","Primary Subtle":"#C9BFFC","Primary Light":"#F7F5FF","Grey - 800":"#383838","Grey - 700":"#4C4C4C","Grey - 600":"#757575","Grey - 500":"#A5A5A5","Grey - 400":"#CECECE","Grey - 200":"#F4F4F4","Grey - 100":"#FBFBFB","Success":"#49AD7F","Notice":"#F2C441","Danger":"#F75A4F","White":"#FFFFFF","Black":"#000000"}}},"variants":[{"typename":"Text","parameters":{"textStyle":"Body Medium"},"stateParamaters":{},"stateTransitions":{}},{"typename":"net.noodl.controls.button","parameters":{"height":{"value":40,"unit":"px"},"sizeMode":"contentWidth","backgroundColor":"Primary","iconIconSource":{"class":"material-icons","code":"home"},"iconSpacing":{"value":8,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"textStyle":"Label Medium","paddingTop":{"value":0,"unit":"px"},"paddingLeft":{"value":24,"unit":"px"},"paddingRight":{"value":24,"unit":"px"},"paddingBottom":{"value":0,"unit":"px"},"color":"#FFFFFF","minWidth":{"value":80,"unit":"px"},"useIcon":false,"iconSize":{"value":20,"unit":"px"}},"stateParamaters":{"hover":{"backgroundColor":"Primary Dark"},"pressed":{"backgroundColor":"Primary","color":"White"},"disabled":{"backgroundColor":"Grey - 300","color":"Grey - 600"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.textinput","parameters":{"useLabel":true,"sizeMode":"explicit","height":{"value":40,"unit":"px"},"textStyle":"Body Medium","borderStyle":"solid","borderRadius":{"value":4,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColor":"Grey - 700","labeltextStyle":"Label Small","paddingLeft":{"value":12,"unit":"px"},"paddingRight":{"value":8,"unit":"px"},"labelSpacing":{"value":4,"unit":"px"},"placeholder":"Type here","color":"Grey - 900","placeHolderOpacity":0.65,"enabled":true,"blockTouch":false,"useIcon":false,"iconIconSource":{"class":"material-icons","code":"home"},"iconSize":{"value":20,"unit":"px"},"iconSpacing":{"value":4,"unit":"px"},"iconColor":"Grey - 700","labelcolor":"Grey - 700"},"stateParamaters":{"hover":{"labelcolor":"Grey - 700","borderColor":"Grey - 700","borderStyle":"solid","color":"Grey - 900"},"focused":{"borderColor":"Primary","labelcolor":"Primary","borderWidth":{"value":1,"unit":"px"},"boxShadowEnabled":false,"boxShadowColor":"Primary","borderStyle":"solid"},"disabled":{"labelcolor":"Grey - 500","backgroundColor":"Grey - 200","borderWidth":{"value":1,"unit":"px"},"borderColor":"Grey - 500","color":"Grey - 600"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"disabled":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.options","parameters":{"sizeMode":"explicit","height":{"value":40,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"borderColor":"Grey - 700","boxShadowColor":"Dark Gray","useIcon":true,"iconIconSource":{"class":"material-icons","code":"expand_more"},"iconPlacement":"right","iconSize":{"value":20,"unit":"px"},"paddingRight":{"value":12,"unit":"px"},"textStyle":"Body Medium","paddingLeft":{"value":12,"unit":"px"},"marginTop":{"value":0,"unit":"px"},"width":{"value":100,"unit":"%"},"iconColor":"Grey - 700","placeholderOpacity":0.65,"placeholder":"Select option","useLabel":true,"labelSpacing":{"value":4,"unit":"px"},"labeltextStyle":"Label Small","labelcolor":"Grey - 700","items":"[\n {\"Label\":\"Option 1\", \"Value\":\"1\"},\n {\"Label\":\"Option 2\", \"Value\":\"2\"},\n {\"Label\":\"Option 3\", \"Value\":\"3\"}\n]"},"stateParamaters":{"hover":{"borderColor":"Grey - 700","borderRadius":{"value":4,"unit":"px"},"iconColor":"Grey - 900","iconSize":{"value":20,"unit":"px"},"iconPlacement":"right","color":"Grey - 900","labelcolor":"Grey - 700"},"focused":{"borderColor":"Primary","boxShadowColor":"Primary","borderRadius":{"value":4,"unit":"px"},"useIcon":true,"iconColor":"Primary","iconIconSource":{"class":"material-icons","code":"keyboard_arrow_up"},"iconPlacement":"right","color":"Grey - 900","labelcolor":"Primary"},"pressed":{"borderRadius":{"value":4,"unit":"px"}},"disabled":{"labelcolor":"Grey - 500","iconColor":"Grey - 500","borderColor":"Grey - 500","color":"Grey - 600","backgroundColor":"Grey - 200"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"focused":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"pressed":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.range","parameters":{"thumbColor":"Primary","thumbBorderRadius":{"value":100,"unit":"%"},"trackHeight":{"value":4,"unit":"px"},"trackActiveColor":"Primary","trackColor":"Primary Subtle","width":{"value":100,"unit":"%"},"trackBorderRadius":{"value":100,"unit":"px"},"thumbHeight":{"value":16,"unit":"px"},"thumbWidth":{"value":16,"unit":"px"}},"stateParamaters":{"hover":{"thumbColor":"Primary Dark","trackActiveColor":"Primary Dark"},"disabled":{"trackActiveColor":"Grey - 500","trackColor":"Grey - 300","thumbColor":"Grey - 500"}},"stateTransitions":{}},{"typename":"net.noodl.controls.checkbox","parameters":{"width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"},"useIcon":false,"borderWidth":{"value":1,"unit":"px"},"useLabel":true,"labeltextStyle":"Body Medium","borderRadius":{"value":2,"unit":"px"},"borderColor":"Grey - 700","labelfontSize":{"value":16,"unit":"px"},"labelcolor":"Grey - 900","labelSpacing":{"value":12,"unit":"px"}},"stateParamaters":{"checked":{"useIcon":true,"iconIconSource":{"class":"material-icons","code":"check"},"backgroundColor":"Primary","borderColor":"Primary","iconSize":{"value":16,"unit":"px"}},"disabled":{"opacity":0.5},"hover":{"borderColor":"Grey - 700"},"pressed":{}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":300,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"typename":"net.noodl.controls.radiobutton","parameters":{"width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"},"useLabel":true,"labeltextStyle":"Body Large","borderWidth":{"value":1,"unit":"px"},"value":"0","useIcon":false,"fillColor":"transparent","borderColor":"Grey - 700","labelfontSize":{"value":16,"unit":"px"},"marginBottom":{"value":8,"unit":"px"},"labelcolor":"Grey - 900","labelSpacing":{"value":12,"unit":"px"}},"stateParamaters":{"checked":{"fillColor":"Primary","borderColor":"Primary","borderWidth":{"value":1,"unit":"px"},"backgroundColor":"transparent","width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"},"fillSpacing":{"value":2,"unit":"px"}},"hover":{"backgroundColor":"transparent","borderColor":"Grey - 700","width":{"value":20,"unit":"px"},"height":{"value":20,"unit":"px"}},"disabled":{"borderColor":"Grey - 500","labelcolor":"Grey - 500","fillColor":"transparent"}},"stateTransitions":{},"defaultStateTransitions":{"neutral":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"hover":{"curve":[0,0,0.58,1],"dur":0,"delay":0},"checked":{"curve":[0,0,0.58,1],"dur":0,"delay":0}}},{"name":"menu item","typename":"Text","parameters":{"textStyle":"Body Text","color":"Light Gray","text":"Page 1","marginRight":{"value":32,"unit":"px"},"styleCss":"cursor:pointer;"},"stateParamaters":{"hover":{"color":"Primary Light"}},"stateTransitions":{}},{"name":"Menu Item","typename":"net.noodl.controls.button","parameters":{"height":{"value":40,"unit":"px"},"sizeMode":"contentSize","backgroundColor":"Primary","iconIconSource":{"class":"material-icons","code":"home"},"iconSize":{"value":22,"unit":"px"},"iconSpacing":{"value":6,"unit":"px"},"borderRadius":{"value":4,"unit":"px"},"textStyle":"Button Label","paddingTop":{"value":2,"unit":"px"},"paddingLeft":{"value":0,"unit":"px"},"paddingRight":{"value":0,"unit":"px"},"paddingBottom":{"value":24,"unit":"px"},"color":"#FFFFFF","fontFamily":"fonts/Roboto/Roboto-Medium.ttf","marginLeft":{"value":0,"unit":"px"}},"stateParamaters":{"hover":{"backgroundColor":"transparent","sizeMode":"contentSize","color":"Primary Light"},"pressed":{"backgroundColor":"transparent","color":"Primary Light","sizeMode":"contentSize"},"disabled":{"backgroundColor":"Light Gray"}},"stateTransitions":{},"defaultStateTransitions":{}},{"name":"Page Container","typename":"Group","parameters":{"flexDirection":"row","paddingLeft":{"value":48,"unit":"px"},"paddingRight":{"value":48,"unit":"px"},"paddingTop":{"value":80,"unit":"px"},"paddingBottom":{"value":24,"unit":"px"},"justifyContent":"center","alignItems":"center"},"stateParamaters":{},"stateTransitions":{}}]}