{
  "custom": {},
  "params": {
    "breadcrumbs": "",
    "expanded": false,
    "icon": {
      "path": "material/home"
    },
    "items": [],
    "label": "Facility",
    "target": "/Facility"
  },
  "propConfig": {
    "params.breadcrumbs": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.expanded": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.icon": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.items": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.label": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.target": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 35,
      "width": 200
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "ExpandIcon"
        },
        "position": {
          "basis": "15px"
        },
        "propConfig": {
          "position.display": {
            "binding": {
              "config": {
                "path": "view.params.items"
              },
              "transforms": [
                {
                  "code": "\tif len(value) \u003e 0:\n\t\treturn True\n\telse:\n\t\treturn False",
                  "type": "script"
                }
              ],
              "type": "property"
            }
          },
          "props.path": {
            "binding": {
              "config": {
                "path": "view.params.expanded"
              },
              "transforms": [
                {
                  "fallback": null,
                  "inputType": "scalar",
                  "mappings": [
                    {
                      "input": true,
                      "output": "material/arrow_drop_down"
                    },
                    {
                      "input": false,
                      "output": "material/arrow_right"
                    }
                  ],
                  "outputType": "scalar",
                  "type": "map"
                }
              ],
              "type": "property"
            }
          }
        },
        "type": "ia.display.icon"
      },
      {
        "meta": {
          "name": "Spacer"
        },
        "position": {
          "basis": "15px"
        },
        "propConfig": {
          "position.display": {
            "binding": {
              "config": {
                "path": "view.params.items"
              },
              "transforms": [
                {
                  "code": "\tif len(value) \u003e 0:\n\t\treturn False\n\telse:\n\t\treturn True",
                  "type": "script"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "classes": "navigation/items"
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "Selected"
        },
        "position": {
          "basis": "5px"
        },
        "propConfig": {
          "props.style.backgroundColor": {
            "binding": {
              "config": {
                "path": "session.custom.breadcrumbs"
              },
              "transforms": [
                {
                  "code": "\titems \u003d value.split(\u0027/\u0027)\n\tif items[-1] \u003d\u003d self.view.params.label:\n\t\treturn \"var(--call-to-action-highlight)\"\n\telse:\n\t\treturn \"var(--container)\"",
                  "type": "script"
                }
              ],
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "borderBottomLeftRadius": "var(--border-radius-input)",
            "borderTopLeftRadius": "var(--border-radius-input)",
            "transition": "all 0.1s ease-in-out"
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "basis": "134px",
          "shrink": 0
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.label"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "style": {
            "borderBottomRightRadius": "var(--border-radius-input)",
            "borderTopRightRadius": "var(--border-radius-input)",
            "classes": "navigation/items",
            "paddingLeft": "var(--space-xs)"
          }
        },
        "type": "ia.display.label"
      }
    ],
    "events": {
      "dom": {
        "onClick": {
          "config": {
            "script": "\t#toggleItemsByPath(itemsCopy, itemPath, breadcrumb)\n\ttarget \u003d self.view.params.target\n\tif target !\u003d \"\":\n\t\tsystem.perspective.navigate(view \u003d target)\n\t\tself.session.custom.breadcrumbs \u003d self.custom.breadcrumbs"
          },
          "scope": "G",
          "type": "script"
        }
      }
    },
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "custom.breadcrumbs": {
        "binding": {
          "config": {
            "path": "view.params.breadcrumbs"
          },
          "transforms": [
            {
              "code": "\treturn str(value)",
              "type": "script"
            }
          ],
          "type": "property"
        }
      }
    },
    "props": {
      "style": {
        "cursor": "pointer"
      }
    },
    "type": "ia.container.flex"
  }
}