933 lines
30 KiB
Plaintext
933 lines
30 KiB
Plaintext
{
|
|
"custom": {},
|
|
"params": {},
|
|
"props": {
|
|
"defaultSize": {
|
|
"height": 491,
|
|
"width": 200
|
|
}
|
|
},
|
|
"root": {
|
|
"children": [
|
|
{
|
|
"meta": {
|
|
"name": "3F_Label"
|
|
},
|
|
"position": {
|
|
"basis": "25px",
|
|
"shrink": 0
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"color": "var(--text-color)"
|
|
},
|
|
"text": "Data Halls"
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM31\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM31"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"height": 20,
|
|
"width": 30
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM31"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM32\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM32"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"height": 25,
|
|
"width": 30
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM32"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM33\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM33"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"height": 25,
|
|
"position": "center",
|
|
"width": 30
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM33"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM34\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM34"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"height": 25,
|
|
"width": 30
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM34"
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "3F_Btns"
|
|
},
|
|
"props": {
|
|
"alignContent": "center",
|
|
"alignItems": "center",
|
|
"justify": "center",
|
|
"style": {
|
|
"gap": "var(--space-sm)",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"wrap": "wrap"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Divider1"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "var(--text-muted)"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM21\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM21"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"height": 15,
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM21"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM22\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM22"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM22"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM23\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM23"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM23"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM24\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM24"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM24"
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "2F_Btns"
|
|
},
|
|
"props": {
|
|
"alignContent": "center",
|
|
"alignItems": "center",
|
|
"justify": "center",
|
|
"style": {
|
|
"gap": "var(--space-sm)",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"wrap": "wrap"
|
|
},
|
|
"type": "ia.container.flex"
|
|
},
|
|
{
|
|
"meta": {
|
|
"name": "Divider2"
|
|
},
|
|
"position": {
|
|
"basis": "1px"
|
|
},
|
|
"props": {
|
|
"style": {
|
|
"backgroundColor": "var(--text-muted)"
|
|
}
|
|
},
|
|
"type": "ia.display.label"
|
|
},
|
|
{
|
|
"children": [
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM11\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM11"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"height": 15,
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM11"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM12\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM12"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM12"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM13\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM13"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM13"
|
|
},
|
|
"type": "ia.input.button"
|
|
},
|
|
{
|
|
"events": {
|
|
"dom": {
|
|
"onClick": {
|
|
"config": {
|
|
"script": "\tself.view.getChild(\"root\").custom.selected \u003d \"DM14\""
|
|
},
|
|
"scope": "G",
|
|
"type": "script"
|
|
}
|
|
}
|
|
},
|
|
"meta": {
|
|
"name": "DM14"
|
|
},
|
|
"position": {
|
|
"basis": "80px",
|
|
"shrink": 0
|
|
},
|
|
"propConfig": {
|
|
"props.style.backgroundColor": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--call-to-action)\u0027\n\treturn \u0027var(--container)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
},
|
|
"props.style.color": {
|
|
"binding": {
|
|
"config": {
|
|
"path": "/root.custom.selected"
|
|
},
|
|
"transforms": [
|
|
{
|
|
"code": "\tif value \u003d\u003d self.props.text:\n\t\treturn \u0027var(--container)\u0027\n\treturn \u0027var(--call-to-action)\u0027",
|
|
"type": "script"
|
|
}
|
|
],
|
|
"type": "property"
|
|
}
|
|
}
|
|
},
|
|
"props": {
|
|
"image": {
|
|
"width": 150
|
|
},
|
|
"style": {
|
|
"borderBottomLeftRadius": "var(--border-radius)",
|
|
"borderBottomRightRadius": "var(--border-radius)",
|
|
"borderColor": "var(--call-to-action)",
|
|
"borderStyle": "solid",
|
|
"borderTopLeftRadius": "var(--border-radius)",
|
|
"borderTopRightRadius": "var(--border-radius)",
|
|
"borderWidth": "2px",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"text": "DM14"
|
|
},
|
|
"type": "ia.input.button"
|
|
}
|
|
],
|
|
"meta": {
|
|
"name": "1F_Btns"
|
|
},
|
|
"props": {
|
|
"alignContent": "center",
|
|
"alignItems": "center",
|
|
"justify": "center",
|
|
"style": {
|
|
"gap": "var(--space-sm)",
|
|
"padding": "var(--space-sm)"
|
|
},
|
|
"wrap": "wrap"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
],
|
|
"custom": {
|
|
"selected": "DM31"
|
|
},
|
|
"meta": {
|
|
"name": "root"
|
|
},
|
|
"props": {
|
|
"direction": "column"
|
|
},
|
|
"type": "ia.container.flex"
|
|
}
|
|
} |