{
  "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": "Third Floor"
        },
        "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"
      },
      {
        "meta": {
          "name": "2F_Label"
        },
        "position": {
          "basis": "25px",
          "shrink": 0
        },
        "props": {
          "style": {
            "color": "var(--text-color)"
          },
          "text": "Third Floor"
        },
        "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"
      },
      {
        "meta": {
          "name": "1F_Label"
        },
        "position": {
          "basis": "25px",
          "shrink": 0
        },
        "props": {
          "style": {
            "color": "var(--text-color)"
          },
          "text": "Third Floor"
        },
        "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"
  }
}