{
  "custom": {
    "box_shadow": "0px 2px 4px rgba(0, 0, 40, 0.15)",
    "expanded": true,
    "show_content": true
  },
  "events": {
    "system": {
      "onStartup": {
        "config": {
          "script": "\tself.custom.expanded \u003d self.params.open_expanded\n\t"
        },
        "scope": "G",
        "type": "script"
      }
    }
  },
  "params": {
    "anchor_position": null,
    "content_shown": true,
    "open_expanded": true,
    "params": {},
    "path": "Objects/Templates/S3/Management/file",
    "show_box_shadow_on_expanded": true,
    "title": "Card Title",
    "useDefaultHeight": false,
    "useDefaultWidth": false
  },
  "propConfig": {
    "custom.box_shadow": {
      "binding": {
        "config": {
          "expression": "if(\r\n\t{view.params.show_box_shadow_on_expanded}\u0026\u0026{view.custom.expanded},\r\n\t\u00270px 2px 4px rgba(0, 0, 40, 0.15)\u0027,\r\n\t\u0027\u0027\r\n)"
        },
        "type": "expr"
      },
      "persistent": true
    },
    "custom.expanded": {
      "persistent": true
    },
    "custom.show_content": {
      "persistent": true
    },
    "params.address": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.anchor_position": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.content_shown": {
      "binding": {
        "config": {
          "path": "view.custom.show_content"
        },
        "type": "property"
      },
      "paramDirection": "output",
      "persistent": true
    },
    "params.open_expanded": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.params": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.path": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.show_box_shadow_on_expanded": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.system": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.title": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.useDefaultHeight": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.useDefaultWidth": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 600,
      "width": 500
    }
  },
  "root": {
    "children": [
      {
        "children": [
          {
            "events": {
              "component": {
                "onActionPerformed": {
                  "config": {
                    "script": "\t# toggle \u0027show_content\u0027 view custom prop\n\tself.view.custom.show_content \u003d not self.view.custom.show_content"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "Button"
            },
            "position": {
              "shrink": 0
            },
            "propConfig": {
              "props.image.icon.path": {
                "binding": {
                  "config": {
                    "expression": "if({view.custom.show_content},\"material/chevron_left\",\"material/chevron_right\")"
                  },
                  "type": "expr"
                }
              }
            },
            "props": {
              "image": {
                "icon": {}
              },
              "primary": false,
              "style": {
                "borderStyle": "none",
                "classes": "Input/Button/Secondary_minimal"
              },
              "text": ""
            },
            "type": "ia.input.button"
          }
        ],
        "meta": {
          "name": "FlexContainer Anchor Left"
        },
        "position": {
          "shrink": 0
        },
        "propConfig": {
          "position.display": {
            "binding": {
              "config": {
                "expression": "{view.params.anchor_position}\u003d\u0027left\u0027"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "direction": "column",
          "style": {
            "classes": "Framework/Card/Title_transparent",
            "margin": "0px",
            "padding": "0px"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Label"
                },
                "position": {
                  "grow": 1
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.params.title"
                      },
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "classes": "Framework/Card/Title_transparent"
                  }
                },
                "type": "ia.display.label"
              },
              {
                "events": {
                  "component": {
                    "onActionPerformed": {
                      "config": {
                        "script": "\tself.view.custom.expanded \u003d not self.view.custom.expanded"
                      },
                      "scope": "G",
                      "type": "script"
                    }
                  }
                },
                "meta": {
                  "name": "Button"
                },
                "propConfig": {
                  "props.image.icon.path": {
                    "binding": {
                      "config": {
                        "expression": "if({view.custom.expanded}, \u0027material/expand_less\u0027, \u0027material/expand_more\u0027)"
                      },
                      "type": "expr"
                    }
                  }
                },
                "props": {
                  "image": {
                    "icon": {}
                  },
                  "primary": false,
                  "style": {
                    "classes": "Input/Button/Secondary_minimal"
                  },
                  "text": ""
                },
                "type": "ia.input.button"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "24px",
              "shrink": 0
            },
            "type": "ia.container.flex"
          },
          {
            "meta": {
              "name": "EmbeddedView"
            },
            "position": {
              "shrink": 0
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "path": "view.custom.expanded"
                  },
                  "type": "property"
                }
              },
              "props.params": {
                "binding": {
                  "config": {
                    "path": "view.params.params"
                  },
                  "overlayOptOut": true,
                  "type": "property"
                }
              },
              "props.path": {
                "binding": {
                  "config": {
                    "path": "view.params.path"
                  },
                  "overlayOptOut": true,
                  "type": "property"
                }
              },
              "props.useDefaultViewHeight": {
                "binding": {
                  "config": {
                    "path": "view.params.useDefaultHeight"
                  },
                  "type": "property"
                }
              },
              "props.useDefaultViewWidth": {
                "binding": {
                  "config": {
                    "path": "view.params.useDefaultWidth"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "classes": "Framework/Card/Embedded_transparent"
              }
            },
            "type": "ia.display.view"
          }
        ],
        "meta": {
          "name": "FlexContainer"
        },
        "position": {
          "basis": "100%",
          "grow": 1
        },
        "propConfig": {
          "position.display": {
            "binding": {
              "config": {
                "path": "view.custom.show_content"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "direction": "column",
          "style": {
            "overflow": "hidden"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "events": {
              "component": {
                "onActionPerformed": {
                  "config": {
                    "script": "\t# toggle \u0027show_content\u0027 view custom prop\n\tself.view.custom.show_content \u003d not self.view.custom.show_content"
                  },
                  "scope": "G",
                  "type": "script"
                }
              }
            },
            "meta": {
              "name": "Button"
            },
            "position": {
              "shrink": 0
            },
            "propConfig": {
              "props.image.icon.path": {
                "binding": {
                  "config": {
                    "expression": "if({view.custom.show_content},\"material/chevron_right\",\"material/chevron_left\")"
                  },
                  "type": "expr"
                }
              }
            },
            "props": {
              "image": {
                "icon": {}
              },
              "primary": false,
              "style": {
                "borderStyle": "none"
              },
              "text": ""
            },
            "type": "ia.input.button"
          }
        ],
        "meta": {
          "name": "FlexContainer Anchor Right"
        },
        "position": {
          "shrink": 0
        },
        "propConfig": {
          "position.display": {
            "binding": {
              "config": {
                "expression": "{view.params.anchor_position}\u003d\u0027right\u0027"
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "direction": "column",
          "style": {
            "classes": "Framework/Card/Title_transparent",
            "margin": "0px",
            "padding": "0px"
          }
        },
        "type": "ia.container.flex"
      }
    ],
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "props.justify": {
        "binding": {
          "config": {
            "expression": "if({view.params.anchor_position}\u003d\u0027right\u0027,\u0027flex-end\u0027,\u0027flex-start\u0027)"
          },
          "type": "expr"
        }
      },
      "props.style.boxShadow": {
        "binding": {
          "config": {
            "path": "view.custom.box_shadow"
          },
          "type": "property"
        }
      }
    },
    "props": {
      "style": {
        "classes": "Framework/Card/Card_transparent"
      }
    },
    "type": "ia.container.flex"
  }
}