{
  "custom": {
    "isCollapsed": false
  },
  "params": {},
  "propConfig": {
    "custom.isCollapsed": {
      "persistent": true
    },
    "props.defaultSize.width": {
      "binding": {
        "config": {
          "path": "view.custom.isExpanded"
        },
        "enabled": false,
        "transforms": [
          {
            "fallback": null,
            "inputType": "scalar",
            "mappings": [
              {
                "input": true,
                "output": 250
              },
              {
                "input": false,
                "output": 60
              }
            ],
            "outputType": "scalar",
            "type": "map"
          }
        ],
        "type": "property"
      }
    }
  },
  "props": {
    "defaultSize": {
      "width": 273
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "EmbeddedView"
        },
        "position": {
          "basis": "10%"
        },
        "props": {
          "path": "Components/Atoms/Logo",
          "style": {
            "backgroundColor": "var(--container)",
            "padding": "26px"
          }
        },
        "type": "ia.display.view"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Full_Menu"
                },
                "position": {
                  "grow": 1
                },
                "propConfig": {
                  "position.display": {
                    "binding": {
                      "config": {
                        "expression": "!{view.custom.isCollapsed}"
                      },
                      "type": "expr"
                    }
                  },
                  "props.instances": {
                    "binding": {
                      "config": {
                        "path": "session.custom.navStructure"
                      },
                      "transforms": [
                        {
                          "code": "\treturn_list \u003d []\n\tfor item in value:\n\t\tnew_item \u003d dict(item)\n\t\tnew_item[\u0027breadcrumbs\u0027] \u003d item[\u0027label\u0027]\n\t\treturn_list.append(new_item)\n\treturn return_list",
                          "type": "script"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "alignItems": "flex-start",
                  "direction": "column",
                  "elementPosition": {
                    "basis": "auto",
                    "grow": 0,
                    "shrink": 0
                  },
                  "path": "Frames/Layouts/Navigation/Tree/L1",
                  "style": {
                    "gap": "var(--space-xs)",
                    "overflow": "visible",
                    "padding": "var(--space-sm)"
                  },
                  "useDefaultViewHeight": false,
                  "useDefaultViewWidth": false
                },
                "type": "ia.display.flex-repeater"
              },
              {
                "meta": {
                  "name": "Icon_Menu"
                },
                "position": {
                  "basis": "320px"
                },
                "propConfig": {
                  "position.display": {
                    "binding": {
                      "config": {
                        "expression": "{view.custom.isCollapsed}"
                      },
                      "type": "expr"
                    }
                  },
                  "props.instances": {
                    "binding": {
                      "config": {
                        "path": "session.custom.navStructure"
                      },
                      "transforms": [
                        {
                          "code": "\treturn_list \u003d []\n\tfor item in value:\n\t\tnew_item \u003d dict(item)\n\t\tnew_item[\u0027breadcrumbs\u0027] \u003d item[\u0027label\u0027]\n\t\treturn_list.append(new_item)\n\treturn return_list",
                          "type": "script"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "direction": "column",
                  "path": "Frames/Layouts/Navigation/Tree/IconButton"
                },
                "type": "ia.display.flex-repeater"
              }
            ],
            "meta": {
              "name": "Tree Container"
            },
            "position": {
              "basis": "100%"
            },
            "type": "ia.container.flex"
          },
          {
            "events": {
              "dom": {
                "onClick": {
                  "config": {
                    "script": "\tself.view.custom.isCollapsed \u003d True\n\tsystem.perspective.alterDock(\u0027Left\u0027, { \u0027size\u0027: 60 } )\n"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "Collapse"
            },
            "position": {
              "basis": "30px",
              "display": false,
              "shrink": 0
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "expression": "!{view.custom.isCollapsed}"
                  },
                  "enabled": false,
                  "type": "expr"
                }
              },
              "props.image.icon.path": {
                "binding": {
                  "config": {
                    "path": "view.custom.isExpanded"
                  },
                  "enabled": false,
                  "transforms": [
                    {
                      "fallback": "material/menu",
                      "inputType": "scalar",
                      "mappings": [
                        {
                          "input": false,
                          "output": "material/menu_open"
                        },
                        {
                          "input": true,
                          "output": "material/menu"
                        }
                      ],
                      "outputType": "scalar",
                      "type": "map"
                    }
                  ],
                  "type": "property"
                }
              }
            },
            "props": {
              "image": {
                "icon": {
                  "color": "var(--text-color)",
                  "path": "material/menu_open"
                }
              },
              "text": ""
            },
            "type": "ia.input.button"
          },
          {
            "events": {
              "dom": {
                "onClick": {
                  "config": {
                    "script": "\tself.view.custom.isCollapsed \u003d False\n\tsystem.perspective.alterDock(\u0027Left\u0027, { \u0027size\u0027: 260 } )"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "Expand"
            },
            "position": {
              "basis": "34px"
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "expression": "{view.custom.isCollapsed}"
                  },
                  "type": "expr"
                }
              }
            },
            "props": {
              "image": {
                "icon": {
                  "color": "var(--text-color)",
                  "path": "material/menu"
                }
              },
              "text": ""
            },
            "type": "ia.input.button"
          }
        ],
        "meta": {
          "name": "CardContainer"
        },
        "position": {
          "grow": 1
        },
        "props": {
          "alignItems": "center",
          "direction": "column",
          "justify": "space-between",
          "style": {
            "backgroundColor": "var(--palette-slate-150-1)",
            "border": "var(--container-border)",
            "borderRadius": "var(--border-radius)",
            "boxShadow": "var(--box-shadow-2)",
            "fontSize": "var(--text-md)"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "events": {
      "system": {
        "onStartup": {
          "config": {
            "script": "\tself.session.custom.navStructure \u003d ui.navigation.get_structure()\n\tself.view.custom.isCollapsed \u003d False"
          },
          "scope": "G",
          "type": "script"
        }
      }
    },
    "meta": {
      "name": "root"
    },
    "props": {
      "alignContent": "flex-start",
      "alignItems": "flex-start",
      "direction": "column",
      "style": {
        "backgroundColor": "var(--container-root)",
        "classes": "navtree",
        "padding": "var(--space-sm)"
      }
    },
    "type": "ia.container.flex"
  }
}