{
  "custom": {
    "alarm_active": 7,
    "udt_type": "_template"
  },
  "params": {
    "tagPath": "[Ignition_TX21_BE]DM11/TX21_DM11_CDU02"
  },
  "propConfig": {
    "custom.alarm_active": {
      "binding": {
        "config": {
          "fallbackDelay": 2.5,
          "mode": "indirect",
          "references": {
            "tagPath": "{view.params.tagPath}"
          },
          "tagPath": "{tagPath}/Alarm Metrics.activeUnackCount"
        },
        "type": "tag"
      },
      "persistent": true
    },
    "custom.udt_type": {
      "binding": {
        "config": {
          "path": "view.params.tagPath"
        },
        "enabled": false,
        "transforms": [
          {
            "code": "\tconfig \u003d system.tag.getConfiguration(value, 0)\n\treturn config[0][\u0027typeId\u0027].split(\u0027/\u0027)[-1]",
            "type": "script"
          }
        ],
        "type": "property"
      },
      "persistent": true
    },
    "params.tagPath": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {},
  "root": {
    "children": [
      {
        "children": [
          {
            "meta": {
              "name": "Label"
            },
            "position": {
              "grow": 1,
              "shrink": 0
            },
            "propConfig": {
              "props.text": {
                "binding": {
                  "config": {
                    "path": "view.params.tagPath"
                  },
                  "type": "property"
                }
              }
            },
            "props": {
              "style": {
                "classes": "Common/Static/text"
              }
            },
            "type": "ia.display.label"
          },
          {
            "events": {
              "dom": {
                "onClick": {
                  "config": {
                    "id": "L4",
                    "type": "close"
                  },
                  "scope": "C",
                  "type": "dock"
                }
              }
            },
            "meta": {
              "name": "Icon"
            },
            "position": {
              "basis": "30px",
              "shrink": 0
            },
            "props": {
              "path": "material/close",
              "style": {
                "color": "var(--icon)"
              }
            },
            "type": "ia.display.icon"
          }
        ],
        "meta": {
          "name": "Information"
        },
        "position": {
          "basis": "30px",
          "shrink": 0
        },
        "props": {
          "style": {
            "padding": "var(--space-xs)"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "meta": {
          "name": "Divider_1"
        },
        "position": {
          "basis": "1px"
        },
        "props": {
          "style": {
            "border": "var(--container-border)",
            "classes": "Common/Static/text_muted"
          }
        },
        "type": "ia.display.label"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Label"
                },
                "position": {
                  "basis": "90%"
                },
                "props": {
                  "style": {
                    "classes": "Common/Static/Text"
                  },
                  "text": "Active Alarms"
                },
                "type": "ia.display.label"
              },
              {
                "events": {
                  "dom": {
                    "onClick": {
                      "config": {
                        "script": "\tself.parent.parent.parent.getChild(\"AlarmsSection\").custom.is_collapsed \u003d not self.parent.parent.parent.getChild(\"AlarmsSection\").custom.is_collapsed"
                      },
                      "scope": "G",
                      "type": "script"
                    }
                  }
                },
                "meta": {
                  "name": "Icon"
                },
                "position": {
                  "basis": "30px"
                },
                "propConfig": {
                  "props.path": {
                    "binding": {
                      "config": {
                        "path": "..../AlarmsSection.custom.is_collapsed"
                      },
                      "transforms": [
                        {
                          "fallback": "material/keyboard_arrow_up",
                          "inputType": "scalar",
                          "mappings": [
                            {
                              "input": true,
                              "output": "material/keyboard_arrow_down"
                            },
                            {
                              "input": false,
                              "output": "material/keyboard_arrow_up"
                            }
                          ],
                          "outputType": "scalar",
                          "type": "map"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "style": {
                    "color": "var(--icon)"
                  }
                },
                "type": "ia.display.icon"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "position": {
              "basis": "30px"
            },
            "props": {
              "justify": "space-between"
            },
            "type": "ia.container.flex"
          },
          {
            "meta": {
              "name": "AlarmStatusTable"
            },
            "position": {
              "basis": "300px"
            },
            "propConfig": {
              "position.display": {
                "binding": {
                  "config": {
                    "expression": "!{parent.custom.is_collapsed}"
                  },
                  "type": "expr"
                }
              },
              "props.filters.active.conditions": {
                "binding": {
                  "config": {
                    "path": "view.params.tagPath"
                  },
                  "transforms": [
                    {
                      "code": "\tpathArr \u003d value.split(\u0027]\u0027)\n\t\n\treturn {\u0027provider\u0027: pathArr[0].replace(\u0027[\u0027, \u0027\u0027), \u0027source\u0027: \u0027*\u0027+pathArr[1]+\u0027*\u0027}",
                      "type": "script"
                    }
                  ],
                  "type": "property"
                }
              }
            },
            "props": {
              "enableAcknowledge": false,
              "enableDetails": false,
              "enableShelve": false,
              "enableUnshelve": false,
              "filters": {
                "active": {}
              },
              "style": {
                "borderTopRightRadius": "var(--border-radius)",
                "boxShadow": "var(--box-shadow-2)",
                "classes": "Common/Static/card"
              },
              "toolbar": {
                "enabled": false
              }
            },
            "type": "ia.display.alarmstatustable"
          }
        ],
        "custom": {
          "is_collapsed": false
        },
        "meta": {
          "name": "AlarmsSection"
        },
        "position": {
          "shrink": 0
        },
        "props": {
          "direction": "column",
          "style": {
            "overflow": "visible",
            "padding": "var(--space-xs)"
          }
        },
        "type": "ia.container.flex"
      },
      {
        "meta": {
          "name": "Divider_2"
        },
        "position": {
          "basis": "1px"
        },
        "props": {
          "style": {
            "border": "var(--container-border)"
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "Body"
        },
        "position": {
          "grow": 1
        },
        "propConfig": {
          "props.params.tagpath": {
            "binding": {
              "config": {
                "path": "view.params.tagPath"
              },
              "type": "property"
            }
          },
          "props.path": {
            "binding": {
              "config": {
                "expression": "\"Components/Faceplates/\"+ {view.custom.udt_type} +\"/body\""
              },
              "type": "expr"
            }
          }
        },
        "props": {
          "params": {
            "udt_type": "_template"
          }
        },
        "type": "ia.display.view"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "background": "var(--container-root)",
        "gap": "var(--space-sm)",
        "padding": "var(--space-sm)"
      }
    },
    "scripts": {
      "customMethods": [],
      "extensionFunctions": null,
      "messageHandlers": [
        {
          "messageType": "TAB_CHANGE",
          "pageScope": true,
          "script": "\t# implement your handler here\n\tself.view.custom.selected_tab \u003d payload[\u0027newTab\u0027]",
          "sessionScope": false,
          "viewScope": false
        }
      ]
    },
    "type": "ia.container.flex"
  }
}