@siemens/ix 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/esm/ix-workflow-step.entry.js

@@ -0,0 +1,116 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-DtF9fwpD.js';
+import { H as iconCircleDot, I as iconCircle, i as iconError, a as iconWarning, J as iconCircleFilled, c as iconSuccess, K as iconTriangleFilled } from './index-CrTP-icT.js';
+
+const workflowStepCss = ":host(:not(.host-vertical)){width:12rem;height:4rem;min-width:2rem;min-height:4rem;max-width:12rem}:host(.host-vertical){width:100%;height:4rem;min-width:4rem;min-height:2rem;max-height:12rem}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);padding:1.125rem 0 0.5rem 0}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:100%;padding:0 0.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}:host .step.vertical{flex-direction:row;padding:0;height:100%}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:100%}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin:0 1rem;padding:0;width:auto}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";
+
+const WorkflowStep = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.selectedChanged = createEvent(this, "selectedChanged", 7);
+        /**
+         * Select orientation
+         */
+        this.vertical = false;
+        /**
+         * Set disabled
+         */
+        this.disabled = false;
+        /**
+         * Set status
+         */
+        this.status = 'open';
+        /**
+         * Activate navigation click
+         */
+        this.clickable = false;
+        /**
+         * Set selected
+         */
+        this.selected = false;
+        /**
+         * Activate navigation click
+         *
+         * @internal
+         */
+        this.position = 'undefined';
+        this.iconColor = 'workflow-step-icon-default--color';
+        this.customIconSlot = false;
+    }
+    selectedHandler() {
+        const selectedStyle = this.selected ? '--selected' : '';
+        if (this.status === 'open') {
+            this.iconName = this.selected ? iconCircleDot : iconCircle;
+            this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;
+        }
+        if (this.status === 'done' && !this.disabled) {
+            this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;
+        }
+    }
+    watchPropHandler() {
+        switch (this.status) {
+            case 'open':
+                this.iconName = iconCircle;
+                this.iconColor = 'workflow-step-icon-default--color';
+                break;
+            case 'success':
+                this.iconName = iconSuccess;
+                this.iconColor = 'color-success';
+                break;
+            case 'done':
+                this.iconName = iconCircleFilled;
+                this.iconColor = 'workflow-step-icon-done--color';
+                break;
+            case 'warning':
+                this.iconName = iconWarning;
+                this.iconColor = 'color-warning';
+                break;
+            case 'error':
+                this.iconName = iconError;
+                this.iconColor = 'color-alarm';
+                break;
+            default:
+                this.iconName = iconCircle;
+                break;
+        }
+        if (this.disabled) {
+            this.iconColor = 'workflow-step-icon-success--color--disabled';
+        }
+    }
+    componentWillLoad() {
+        this.watchPropHandler();
+        this.selectedHandler();
+        this.customIconSlot = !!this.hostElement.querySelector('[slot="custom-icon"]');
+    }
+    onStepClick() {
+        if (!this.disabled && this.clickable) {
+            this.selectedChanged.emit(this.hostElement);
+        }
+    }
+    render() {
+        const icons = !this.customIconSlot ? (h(Fragment, null, h("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24" }))) : null;
+        return (h(Host, { key: '24a5f9161abb12783379518006da477ff692b9f1', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, h("div", { key: 'd9ee53b74a6b2746ab112d79b3342eac60cd2b75', tabIndex: 0, class: {
+                step: true,
+                selected: this.selected,
+                vertical: this.vertical,
+                disabled: this.disabled,
+                clickable: this.clickable && !this.disabled,
+            } }, h("div", { key: '8ddc4a7837b74bfb5bcd113cdb570f95606720cf', class: "wrapper" }, h("div", { key: 'a83f5d344a08351a0a95d882d2f56791f1508e51', class: {
+                line: true,
+                selected: this.selected,
+                [this.status]: true,
+                [this.position]: true,
+            } }), h("div", { key: '65967894ee2986df460362e6452a1a8d65e96740', class: "iconWrapper" }, icons, h("slot", { key: '328b81589cd56c4a55668303691aea213e870a18', name: "custom-icon" }))), h("div", { key: '20506bf99bb237219a9c4050f585d7890feddaef', class: "text" }, h("slot", { key: 'b0524caf6e84aac8f1145e4ffa130afe32d69544' })))));
+    }
+    get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "selected": ["selectedHandler"],
+        "disabled": ["watchPropHandler"],
+        "status": ["watchPropHandler"]
+    }; }
+};
+WorkflowStep.style = workflowStepCss;
+
+export { WorkflowStep as ix_workflow_step };
+//# sourceMappingURL=ix-workflow-step.entry.js.map
+
+//# sourceMappingURL=ix-workflow-step.entry.js.map

package/dist/esm/ix-workflow-step.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-workflow-step.entry.js","sources":["src/components/workflow-step/workflow-step.scss?tag=ix-workflow-step&encapsulation=shadow","src/components/workflow-step/workflow-step.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host(:not(.host-vertical)) {\n  width: 12rem;\n  height: 4rem;\n  min-width: 2rem;\n  min-height: 4rem;\n  max-width: 12rem;\n}\n\n:host(.host-vertical) {\n  width: 100%;\n  height: 4rem;\n  min-width: 4rem;\n  min-height: 2rem;\n  max-height: 12rem;\n}\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  .step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: var(--theme-workflow-step--background);\n    border-radius: var(--theme-workflow--border-radius);\n    padding: 1.125rem 0 $small-space 0;\n\n    .wrapper {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .line {\n        width: 100%;\n        height: 0.125rem;\n        background-color: var(--theme-workflow-step-icon-default--color);\n\n        &.first,\n        &.last {\n          width: 50%;\n          margin: 0 0 0 auto;\n        }\n\n        &.last {\n          margin: 0 auto 0 0;\n        }\n\n        &.single {\n          width: 0;\n        }\n\n        &.selected {\n          background-color: var(\n              --theme-workflow-step-icon-default--color--selected\n          );\n        }\n\n        &.done {\n          background-color: var(--theme-workflow-step-icon-done--color);\n\n          &.selected {\n            background-color: var(\n                --theme-workflow-step-icon-done--color--selected\n            );\n          }\n        }\n\n        &.warning {\n          background-color: var(--theme-color-warning);\n        }\n\n        &.success {\n          background-color: var(--theme-color-success);\n        }\n\n        &.error {\n          background-color: var(--theme-color-alarm);\n        }\n      }\n\n      .iconWrapper {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n\n        .absolute {\n          position: absolute;\n        }\n      }\n    }\n\n    .text {\n      margin-top: $default-space;\n      width: 100%;\n      padding: 0 $small-space;\n\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    &.vertical {\n      flex-direction: row;\n      padding: 0;\n      height: 100%;\n\n      .wrapper {\n        width: auto;\n        padding-left: 1.125rem;\n        height: 100%;\n\n        .line {\n          width: 0.125rem;\n          height: 100%;\n\n          &.first,\n          &.last {\n            height: 50%;\n            margin: auto 0 0 0;\n          }\n\n          &.last {\n            margin: 0 0 auto 0;\n          }\n\n          &.single {\n            width: 0;\n          }\n        }\n      }\n\n      .text {\n        margin: 0 $default-space;\n        padding: 0;\n        width: auto;\n      }\n    }\n\n    &.clickable {\n      &:hover {\n        background-color: var(--theme-workflow-step--background--hover);\n      }\n\n      &:active {\n        background-color: var(--theme-workflow-step--background--active);\n      }\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--focus--border-color);\n      border-radius: 0;\n    }\n\n    &.selected {\n      background-color: var(--theme-workflow-step--background--selected);\n    }\n\n    &.disabled {\n      background-color: var(--theme-workflow-step--background--disabled);\n\n      .line {\n        background-color: var(\n          --theme-workflow-step-icon-default--color--disabled\n        ) !important;\n      }\n\n      .text {\n        color: var(--theme-workflow-step--color--disabled);\n      }\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconCircle,\n  iconCircleDot,\n  iconCircleFilled,\n  iconError,\n  iconSuccess,\n  iconTriangleFilled,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-workflow-step',\n  styleUrl: 'workflow-step.scss',\n  shadow: true,\n})\nexport class WorkflowStep {\n  @Element() hostElement!: HTMLIxWorkflowStepElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Set disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Set status\n   */\n  @Prop() status: 'open' | 'success' | 'done' | 'warning' | 'error' = 'open';\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Set selected\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Activate navigation click\n   *\n   * @internal\n   */\n  @Prop() position: 'first' | 'last' | 'single' | 'undefined' = 'undefined';\n\n  @State() iconName?: string;\n\n  @State() iconColor: string = 'workflow-step-icon-default--color';\n\n  /**\n   * @internal\n   */\n  @Event() selectedChanged!: EventEmitter<HTMLIxWorkflowStepElement>;\n\n  private customIconSlot: boolean = false;\n\n  @Watch('selected')\n  selectedHandler() {\n    const selectedStyle = this.selected ? '--selected' : '';\n\n    if (this.status === 'open') {\n      this.iconName = this.selected ? iconCircleDot : iconCircle;\n      this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;\n    }\n\n    if (this.status === 'done' && !this.disabled) {\n      this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;\n    }\n  }\n\n  @Watch('disabled')\n  @Watch('status')\n  watchPropHandler() {\n    switch (this.status) {\n      case 'open':\n        this.iconName = iconCircle;\n        this.iconColor = 'workflow-step-icon-default--color';\n        break;\n      case 'success':\n        this.iconName = iconSuccess;\n        this.iconColor = 'color-success';\n        break;\n      case 'done':\n        this.iconName = iconCircleFilled;\n        this.iconColor = 'workflow-step-icon-done--color';\n        break;\n      case 'warning':\n        this.iconName = iconWarning;\n        this.iconColor = 'color-warning';\n        break;\n      case 'error':\n        this.iconName = iconError;\n        this.iconColor = 'color-alarm';\n        break;\n\n      default:\n        this.iconName = iconCircle;\n        break;\n    }\n\n    if (this.disabled) {\n      this.iconColor = 'workflow-step-icon-success--color--disabled';\n    }\n  }\n\n  componentWillLoad() {\n    this.watchPropHandler();\n    this.selectedHandler();\n\n    this.customIconSlot = !!this.hostElement.querySelector(\n      '[slot=\"custom-icon\"]'\n    );\n  }\n\n  onStepClick() {\n    if (!this.disabled && this.clickable) {\n      this.selectedChanged.emit(this.hostElement);\n    }\n  }\n\n  render() {\n    const icons = !this.customIconSlot ? (\n      <Fragment>\n        <ix-icon\n          color=\"color-1\"\n          name={\n            this.status === 'warning' ? iconTriangleFilled : iconCircleFilled\n          }\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n        <ix-icon\n          color={this.iconColor}\n          name={this.iconName}\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n      </Fragment>\n    ) : null;\n\n    return (\n      <Host\n        class={{ 'host-vertical': this.vertical }}\n        onClick={() => this.onStepClick()}\n      >\n        <div\n          tabIndex={0}\n          class={{\n            step: true,\n            selected: this.selected,\n            vertical: this.vertical,\n            disabled: this.disabled,\n            clickable: this.clickable && !this.disabled,\n          }}\n        >\n          <div class=\"wrapper\">\n            <div\n              class={{\n                line: true,\n                selected: this.selected,\n                [this.status]: true,\n                [this.position]: true,\n              }}\n            ></div>\n            <div class=\"iconWrapper\">\n              {icons}\n              <slot name=\"custom-icon\"></slot>\n            </div>\n          </div>\n          <div class=\"text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ix-workflow-steps.entry.js

@@ -0,0 +1,90 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-DtF9fwpD.js';
+import { c as createMutationObserver } from './mutation-observer-CX81WQtk.js';
+
+const workflowStepsCss = ":host{display:block;position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:2rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .steps{display:flex;height:100%}:host .steps.vertical{flex-direction:column}";
+
+const WorkflowSteps = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.stepSelected = createEvent(this, "stepSelected", 7);
+        /**
+         * Select orientation
+         */
+        this.vertical = false;
+        /**
+         * Activate navigation click
+         */
+        this.clickable = false;
+        /**
+         * Activate navigation click
+         */
+        this.selectedIndex = 0;
+    }
+    getSteps() {
+        return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));
+    }
+    updateSteps() {
+        let steps = this.getSteps();
+        steps.forEach((element, index) => {
+            element.vertical = this.vertical;
+            element.clickable = this.clickable;
+            element.selected = this.selectedIndex === index;
+            if (steps.length === 1) {
+                element.position = 'single';
+                return;
+            }
+            if (index === 0) {
+                element.position = 'first';
+            }
+            else if (index === steps.length - 1) {
+                element.position = 'last';
+            }
+            else {
+                element.position = 'undefined';
+            }
+        });
+    }
+    onStepSelectionChanged(event) {
+        const eventTarget = event.detail;
+        const steps = this.getSteps();
+        const clickIndex = steps.findIndex((step) => step === eventTarget);
+        const clientEvent = this.stepSelected.emit(clickIndex);
+        if (clientEvent.defaultPrevented) {
+            return;
+        }
+        steps.forEach((step, index) => {
+            step.selected = index === clickIndex;
+        });
+    }
+    componentWillLoad() {
+        this.updateSteps();
+    }
+    componentDidLoad() {
+        this.observer = createMutationObserver((mutations) => {
+            for (let mutation of mutations) {
+                if (mutation.type === 'childList') {
+                    this.updateSteps();
+                }
+            }
+        });
+        this.observer.observe(this.hostElement, { childList: true });
+    }
+    disconnectedCallback() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+    }
+    componentDidRender() {
+        this.updateSteps();
+    }
+    render() {
+        return (h(Host, { key: '192c534bab7bc83c33b9c479817b9bec7967f759' }, h("div", { key: '9b35cb1aa638c73acf3cca0fb359e4b26ed8004e', class: { steps: true, vertical: this.vertical } }, h("slot", { key: '5feb3ad4a26faed8f4071673980ab1bb3fe27970' }))));
+    }
+    get hostElement() { return getElement(this); }
+};
+WorkflowSteps.style = workflowStepsCss;
+
+export { WorkflowSteps as ix_workflow_steps };
+//# sourceMappingURL=ix-workflow-steps.entry.js.map
+
+//# sourceMappingURL=ix-workflow-steps.entry.js.map

package/dist/esm/ix-workflow-steps.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ix-workflow-steps.entry.js","sources":["src/components/workflow-steps/workflow-steps.scss?tag=ix-workflow-steps&encapsulation=shadow","src/components/workflow-steps/workflow-steps.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n  min-width: 2rem;\n\n  .steps {\n    display: flex;\n    height: 100%;\n\n    &.vertical {\n      flex-direction: column;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n@Component({\n  tag: 'ix-workflow-steps',\n  styleUrl: 'workflow-steps.scss',\n  shadow: true,\n})\nexport class WorkflowSteps {\n  @Element() hostElement!: HTMLIxWorkflowStepsElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() selectedIndex: number = 0;\n\n  /**\n   * On step selected event\n   */\n  @Event() stepSelected!: EventEmitter<number>;\n\n  private getSteps() {\n    return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));\n  }\n\n  updateSteps() {\n    let steps = this.getSteps();\n    steps.forEach((element, index) => {\n      element.vertical = this.vertical;\n      element.clickable = this.clickable;\n      element.selected = this.selectedIndex === index;\n\n      if (steps.length === 1) {\n        element.position = 'single';\n        return;\n      }\n\n      if (index === 0) {\n        element.position = 'first';\n      } else if (index === steps.length - 1) {\n        element.position = 'last';\n      } else {\n        element.position = 'undefined';\n      }\n    });\n  }\n\n  private observer?: MutationObserver;\n\n  @Listen('selectedChanged')\n  onStepSelectionChanged(event: CustomEvent<HTMLIxWorkflowStepElement>) {\n    const eventTarget = event.detail;\n\n    const steps = this.getSteps();\n    const clickIndex = steps.findIndex((step) => step === eventTarget);\n    const clientEvent = this.stepSelected.emit(clickIndex);\n\n    if (clientEvent.defaultPrevented) {\n      return;\n    }\n\n    steps.forEach((step, index) => {\n      step.selected = index === clickIndex;\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSteps();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver((mutations) => {\n      for (let mutation of mutations) {\n        if (mutation.type === 'childList') {\n          this.updateSteps();\n        }\n      }\n    });\n\n    this.observer.observe(this.hostElement, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  componentDidRender() {\n    this.updateSteps();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={{ steps: true, vertical: this.vertical }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/listener-CNnvvup1.js

@@ -0,0 +1,76 @@
+import { g as getElement } from './index-DtF9fwpD.js';
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const defaultOptions = {
+    target: 'window',
+    defaultEnabled: true,
+};
+function createListener(event, options = {}) {
+    const opts = Object.assign(Object.assign({}, defaultOptions), options);
+    let callback;
+    const onEvent = (event) => {
+        callback(event);
+    };
+    const resultObject = {
+        on: (onEventCallback) => {
+            callback = onEventCallback;
+        },
+        isEnabled: opts.defaultEnabled,
+        enable: (state) => {
+            resultObject.isEnabled = state;
+            if (state) {
+                addEventListener(event, onEvent);
+            }
+            else {
+                removeEventListener(event, onEvent);
+            }
+        },
+        destroy: () => {
+            resultObject.enable(false);
+        },
+    };
+    resultObject.enable(!!opts.defaultEnabled);
+    return resultObject;
+}
+function OnListener(event, fnExp) {
+    return (proto, methodName) => {
+        const { componentWillLoad, componentWillRender, disconnectedCallback } = proto;
+        if (fnExp) {
+            proto.componentWillRender = function () {
+                var _a;
+                const host = getElement(this);
+                (_a = host[`__ix__${methodName}`]) === null || _a === void 0 ? void 0 : _a.enable(fnExp(this));
+                return componentWillRender && componentWillRender.call(this);
+            };
+        }
+        proto.componentWillLoad = function () {
+            const listener = createListener(event);
+            const host = getElement(this);
+            const method = this[methodName];
+            host[`__ix__${methodName}`] = listener;
+            listener.on(method.bind(this));
+            return componentWillLoad && componentWillLoad.call(this);
+        };
+        proto.disconnectedCallback = function () {
+            var _a;
+            const host = getElement(this);
+            if (host && host[`__ix__${methodName}`]) {
+                (_a = host[`__ix__${methodName}`]) === null || _a === void 0 ? void 0 : _a.destroy();
+                host[`__ix__${methodName}`] = null;
+            }
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}
+
+export { OnListener as O };
+//# sourceMappingURL=listener-CNnvvup1.js.map
+
+//# sourceMappingURL=listener-CNnvvup1.js.map

package/dist/esm/listener-CNnvvup1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listener-CNnvvup1.js","sources":["src/components/utils/listener.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { getElement } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\nexport type ListenerOptions = {\n  target?: 'window';\n  defaultEnabled?: boolean;\n};\n\ntype HostListener = {\n  on: (onEventCallback: any) => void;\n  isEnabled: boolean | undefined;\n  enable: (state: boolean) => void;\n  destroy: () => void;\n};\n\nconst defaultOptions: ListenerOptions = {\n  target: 'window',\n  defaultEnabled: true,\n};\n\nexport function createListener(\n  event: string,\n  options: ListenerOptions = {}\n): HostListener {\n  const opts = {\n    ...defaultOptions,\n    ...options,\n  };\n\n  let callback: any;\n  const onEvent = (event: Event) => {\n    callback(event);\n  };\n\n  const resultObject = {\n    on: (onEventCallback: any) => {\n      callback = onEventCallback;\n    },\n\n    isEnabled: opts.defaultEnabled,\n\n    enable: (state: boolean) => {\n      resultObject.isEnabled = state;\n\n      if (state) {\n        addEventListener(event, onEvent);\n      } else {\n        removeEventListener(event, onEvent);\n      }\n    },\n\n    destroy: () => {\n      resultObject.enable(false);\n    },\n  };\n\n  resultObject.enable(!!opts.defaultEnabled);\n  return resultObject;\n}\n\ntype HTMLStencilElementWithListener = HTMLStencilElement & {\n  [K in `__ix__${string}`]?: HostListener | null;\n};\n\nexport function OnListener<T>(event: string, fnExp?: (self: T) => boolean) {\n  return (proto: any, methodName: string) => {\n    const { componentWillLoad, componentWillRender, disconnectedCallback } =\n      proto;\n\n    if (fnExp) {\n      proto.componentWillRender = function () {\n        const host = getElement(this) as HTMLStencilElementWithListener;\n        host[`__ix__${methodName}`]?.enable(fnExp(this));\n        return componentWillRender && componentWillRender.call(this);\n      };\n    }\n\n    proto.componentWillLoad = function () {\n      const listener = createListener(event);\n      const host = getElement(this) as HTMLStencilElementWithListener;\n      const method = this[methodName];\n\n      host[`__ix__${methodName}`] = listener;\n\n      listener.on(method.bind(this));\n      return componentWillLoad && componentWillLoad.call(this);\n    };\n\n    proto.disconnectedCallback = function () {\n      const host = getElement(this) as HTMLStencilElementWithListener;\n\n      if (host && host[`__ix__${methodName}`]) {\n        host[`__ix__${methodName}`]?.destroy();\n        host[`__ix__${methodName}`] = null;\n      }\n\n      return disconnectedCallback && disconnectedCallback.call(this);\n    };\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/loader.js

@@ -0,0 +1,15 @@
+import { b as bootstrapLazy } from './index-DtF9fwpD.js';
+export { s as setNonce } from './index-DtF9fwpD.js';
+import { g as globalScripts } from './app-globals-u1To5tos.js';
+import './setup-BbF8F_t9.js';
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[4,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nTime\":[1,\"i-1-8n-time\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"]}]]],[\"ix-pagination\",[[1,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-date-dropdown\",[[1,\"ix-date-dropdown\",{\"disabled\":[4],\"format\":[1],\"range\":[4],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"loading\":[4],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"dateRangeOptions\":[16],\"locale\":[1],\"weekStartIndex\":[2,\"week-start-index\"],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"],\"disabled\":[\"onDisabledChange\"]}]]],[\"ix-date-input\",[[65,\"ix-date-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"locale\":[1],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[513,\"invalid-text\"],\"readonly\":[4],\"disabled\":[4],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"i18nErrorDateUnparsable\":[1,\"i18n-error-date-unparsable\"],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"show\":[32],\"from\":[32],\"isInputInvalid\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"focus\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getValidityState\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-map-navigation\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-menu-avatar\",[[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"showLogoutButton\":[4,\"show-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-basic-navigation\",[[1,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"breakpoint\":[32]},null,{\"hideHeader\":[\"onHideHeaderChange\"],\"breakpoints\":[\"onBreakpointsChange\"]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"hideShowAll\":[4,\"hide-show-all\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-input\",[[65,\"ix-input\",{\"type\":[1],\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"required\":[516],\"disabled\":[516],\"readonly\":[516],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"pattern\":[1],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"allowedCharactersPattern\":[1,\"allowed-characters-pattern\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"inputType\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"type\":[\"updateInputType\"]}]]],[\"ix-menu\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"startExpanded\":[4,\"start-expanded\"],\"pinned\":[4],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-category\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]},[[8,\"closeOtherCategories\",\"onPointerLeave\"]]]]],[\"ix-number-input\",[[65,\"ix-number-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1538],\"required\":[516],\"disabled\":[4],\"readonly\":[4],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"pattern\":[1],\"min\":[8],\"max\":[8],\"allowedCharactersPattern\":[1,\"allowed-characters-pattern\"],\"showStepperButtons\":[4,\"show-stepper-buttons\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]}]]],[\"ix-application-switch-modal\",[[1,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[1,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[1,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"staticOperator\":[1,\"static-operator\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"showDropdown\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-checkbox-group\",[[1,\"ix-checkbox-group\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"direction\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"isInvalid\":[32],\"isInfo\":[32],\"isValid\":[32],\"isWarning\":[32]}]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4],\"tooltipText\":[8,\"tooltip-text\"]}]]],[\"ix-custom-field\",[[1,\"ix-custom-field\",{\"required\":[4],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1]}]]],[\"ix-group\",[[1,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"slotSize\":[32],\"footerVisible\":[32],\"showExpandCollapsedIcon\":[32]},[[0,\"selectedChanged\",\"onItemClicked\"]],{\"selected\":[\"selectedChanged\"]}]]],[\"ix-menu-about\",[[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-radio-group\",[[1,\"ix-radio-group\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"value\":[1],\"invalidText\":[1,\"invalid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validText\":[1,\"valid-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"direction\":[1],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-split-button\",[[1,\"ix-split-button\",{\"variant\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-textarea\",[[65,\"ix-textarea\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"required\":[516],\"disabled\":[4],\"readonly\":[4],\"helperText\":[1,\"helper-text\"],\"infoText\":[1,\"info-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"validText\":[1,\"valid-text\"],\"warningText\":[1,\"warning-text\"],\"label\":[513],\"invalidText\":[1,\"invalid-text\"],\"textareaHeight\":[1,\"textarea-height\"],\"textareaWidth\":[1,\"textarea-width\"],\"textareaRows\":[2,\"textarea-rows\"],\"textareaCols\":[2,\"textarea-cols\"],\"resizeBehavior\":[1,\"resize-behavior\"],\"maxLength\":[2,\"max-length\"],\"minLength\":[2,\"min-length\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-pane\",[[1,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"expanded\":[\"onSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-toast-container\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"showContent\":[32],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[1,\"ix-flip-tile\",{\"state\":[1],\"height\":[8],\"width\":[8],\"index\":[2],\"isFlipAnimationActive\":[32]},null,{\"index\":[\"watchIndex\"]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"],\"tooltipText\":[8,\"tooltip-text\"],\"iconOnly\":[32]}]]],[\"ix-slider\",[[1,\"ix-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-upload\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox\",[[65,\"ix-checkbox\",{\"name\":[513],\"value\":[513],\"label\":[1],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[516],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text\",[[1,\"ix-helper-text\",{\"htmlFor\":[1,\"html-for\"],\"helperText\":[1,\"helper-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"validationResults\":[32]}]]],[\"ix-icon-toggle-button\",[[1,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-radio\",[[65,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle\",[[65,\"ix-toggle\",{\"name\":[513],\"value\":[513],\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"watchCheckedChange\"]}]]],[\"ix-toggle-button\",[[1,\"ix-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"pressed\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-tree\",[[1,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]},null,{\"model\":[\"modelChange\"]}]]],[\"ix-application\",[[1,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[1,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[1,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[1,\"ix-event-list-item\",{\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[1,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group\",[[1,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-layout-auto\",[[1,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[1,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[1,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[1,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip\",[[1,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[1,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps\",[[1,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-tab-item_2\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32],\"showArrowPrevious\":[32],\"showArrowNext\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]],{\"selected\":[\"onSelectedChange\"]}]]],[\"ix-filter-chip_2\",[[1,\"ix-select-item\",{\"label\":[513],\"value\":[513],\"selected\":[4],\"hover\":[4],\"getDropdownItemElement\":[64],\"onItemClick\":[64]},null,{\"value\":[\"onValueChange\"],\"label\":[\"labelChange\"]}],[1,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ix-select\",[[65,\"ix-select\",{\"name\":[513],\"required\":[516],\"label\":[1],\"warningText\":[1,\"warning-text\"],\"infoText\":[1,\"info-text\"],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"helperText\":[1,\"helper-text\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"isDropdownEmpty\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:valueChange\",\"onLabelChange\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"value\":[\"watchValue\"],\"dropdownShow\":[\"watchDropdownShow\"]}]]],[\"ix-time-picker\",[[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"textTime\":[1,\"text-time\"],\"_time\":[32],\"_timeRef\":[32],\"_formattedTime\":[32],\"getCurrentTime\":[64]},null,{\"time\":[\"watchTimePropHandler\"],\"_time\":[\"formatTime\",\"onInternalTimeChange\"]}]]],[\"ix-map-navigation-overlay\",[[1,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-toast\",[[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-breadcrumb-item\",[[1,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tree-item\",[[1,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-group-context-menu_2\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"collapse\":[4],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[1,\"ix-card-title\"]]],[\"ix-icon-button_2\",[[1,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-menu-expand-icon\",[[1,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-typography\",[[1,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"showMenu\":[1028,\"show-menu\"],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedElements\":[32],\"applicationLayoutContext\":[32]},null,{\"applicationLayoutContext\":[\"watchApplicationLayoutContext\"],\"suppressResponsive\":[\"watchSuppressResponsive\"]}]]],[\"ix-modal-content_2\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[1,\"ix-modal-content\"]]],[\"ix-menu-item\",[[1,\"ix-menu-item\",{\"label\":[1],\"home\":[4],\"bottom\":[4],\"icon\":[1025],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"isCategory\":[4,\"is-category\"],\"tooltip\":[32],\"menuExpanded\":[32]},null,{\"icon\":[\"onIconChange\"]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"standaloneAppearance\":[4,\"standalone-appearance\"],\"individual\":[4],\"corners\":[1]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[1,\"ix-card-content\"]]],[\"ix-dropdown-item\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-avatar_2\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ix-col_4\",[[1,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[1,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[1,\"ix-row\"],[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dayNames\":[32],\"monthNames\":[32],\"focusedDay\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"showDelay\":[2,\"show-delay\"],\"hideDelay\":[2,\"hide-delay\"],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-dropdown\",[[1,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"ignoreRelatedSubmenu\":[4,\"ignore-related-submenu\"],\"suppressOverflowBehavior\":[4,\"suppress-overflow-behavior\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-field-label_2\",[[1,\"ix-field-wrapper\",{\"helperText\":[1,\"helper-text\"],\"label\":[1],\"invalidText\":[1,\"invalid-text\"],\"validText\":[1,\"valid-text\"],\"infoText\":[1,\"info-text\"],\"warningText\":[1,\"warning-text\"],\"isInvalid\":[4,\"is-invalid\"],\"isValid\":[4,\"is-valid\"],\"isInfo\":[4,\"is-info\"],\"isWarning\":[4,\"is-warning\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"],\"required\":[4],\"htmlForLabel\":[1,\"html-for-label\"],\"controlRef\":[16]}],[1,\"ix-field-label\",{\"required\":[1540],\"htmlFor\":[513,\"html-for\"],\"controlRef\":[16],\"isInvalid\":[1028,\"is-invalid\"]},null,{\"htmlFor\":[\"registerHtmlForObserver\"],\"controlRef\":[\"registerControlRefObserver\"]}]]]]"), options);
+};
+
+export { defineCustomElements };
+//# sourceMappingURL=loader.js.map
+
+//# sourceMappingURL=loader.js.map

package/dist/esm/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/esm/logical-filter-operator-BH3f5fa3.js

@@ -0,0 +1,37 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+class InputState {
+    hasCategory() {
+        return this.category !== undefined;
+    }
+    constructor(token, category) {
+        this.token = token;
+        this.category = category;
+    }
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// eslint-disable-next-line @stencil-community/ban-exported-const-enums
+var LogicalFilterOperator;
+(function (LogicalFilterOperator) {
+    LogicalFilterOperator["EQUAL"] = "Equal";
+    LogicalFilterOperator["NOT_EQUAL"] = "Not equal";
+})(LogicalFilterOperator || (LogicalFilterOperator = {}));
+
+export { InputState as I, LogicalFilterOperator as L };
+//# sourceMappingURL=logical-filter-operator-BH3f5fa3.js.map
+
+//# sourceMappingURL=logical-filter-operator-BH3f5fa3.js.map

package/dist/esm/logical-filter-operator-BH3f5fa3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logical-filter-operator-BH3f5fa3.js","sources":["src/components/category-filter/input-state.ts","src/components/category-filter/logical-filter-operator.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport class InputState {\n  public token: string;\n  public category: string;\n\n  public hasCategory() {\n    return this.category !== undefined;\n  }\n\n  constructor(token: string, category: string) {\n    this.token = token;\n    this.category = category;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n// eslint-disable-next-line @stencil-community/ban-exported-const-enums\nexport enum LogicalFilterOperator {\n  EQUAL = 'Equal',\n  NOT_EQUAL = 'Not equal',\n}\n"],"names":[],"mappings":"AAAA;;;;;;;AAOG;MAEU,UAAU,CAAA;IAId,WAAW,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS;;IAGpC,WAAY,CAAA,KAAa,EAAE,QAAgB,EAAA;AACzC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;AAE3B;;ACrBD;;;;;;;AAOG;AAEH;IACY;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACzB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}

package/dist/esm/make-ref-bcj7UEIC.js

@@ -0,0 +1,24 @@
+function makeRef(currentChangedCallback) {
+    let resolve = undefined;
+    let currentPromise = new Promise((res) => (resolve = res));
+    let current = undefined;
+    const setRefFunction = (ref) => {
+        if (ref === undefined) {
+            return;
+        }
+        current = setRefFunction.current = ref;
+        currentChangedCallback === null || currentChangedCallback === void 0 ? void 0 : currentChangedCallback(ref);
+        resolve === null || resolve === void 0 ? void 0 : resolve(ref);
+    };
+    setRefFunction.current = current;
+    setRefFunction.waitForCurrent = async () => {
+        await currentPromise;
+        return current;
+    };
+    return setRefFunction;
+}
+
+export { makeRef as m };
+//# sourceMappingURL=make-ref-bcj7UEIC.js.map
+
+//# sourceMappingURL=make-ref-bcj7UEIC.js.map

package/dist/esm/make-ref-bcj7UEIC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-ref-bcj7UEIC.js","sources":["src/components/utils/make-ref.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport type MakeRef<T> = {\n  (ref: T | undefined | null): void;\n  current: T | null;\n  waitForCurrent(): Promise<T>;\n};\n\ntype Resolve<T> = (value: T) => void;\n\nexport function makeRef<T>(\n  currentChangedCallback?: (element: T) => void\n): MakeRef<T> {\n  let resolve: Resolve<T> | undefined = undefined;\n  let currentPromise = new Promise<T>((res) => (resolve = res));\n  let current: T | undefined = undefined;\n\n  const setRefFunction = (ref: T | undefined) => {\n    if (ref === undefined) {\n      return;\n    }\n    current = (setRefFunction as MakeRef<T>).current = ref;\n    currentChangedCallback?.(ref);\n    resolve?.(ref);\n  };\n\n  setRefFunction.current = current as T | null;\n\n  setRefFunction.waitForCurrent = async () => {\n    await currentPromise;\n    return current;\n  };\n\n  return setRefFunction as MakeRef<T>;\n}\n"],"names":[],"mappings":"AAgBM,SAAU,OAAO,CACrB,sBAA6C,EAAA;IAE7C,IAAI,OAAO,GAA2B,SAAS;AAC/C,IAAA,IAAI,cAAc,GAAG,IAAI,OAAO,CAAI,CAAC,GAAG,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC;IAC7D,IAAI,OAAO,GAAkB,SAAS;AAEtC,IAAA,MAAM,cAAc,GAAG,CAAC,GAAkB,KAAI;AAC5C,QAAA,IAAI,GAAG,KAAK,SAAS,EAAE;YACrB;;AAEF,QAAA,OAAO,GAAI,cAA6B,CAAC,OAAO,GAAG,GAAG;AACtD,QAAA,sBAAsB,aAAtB,sBAAsB,KAAA,MAAA,GAAA,MAAA,GAAtB,sBAAsB,CAAG,GAAG,CAAC;AAC7B,QAAA,OAAO,aAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,CAAG,GAAG,CAAC;AAChB,KAAC;AAED,IAAA,cAAc,CAAC,OAAO,GAAG,OAAmB;AAE5C,IAAA,cAAc,CAAC,cAAc,GAAG,YAAW;AACzC,QAAA,MAAM,cAAc;AACpB,QAAA,OAAO,OAAO;AAChB,KAAC;AAED,IAAA,OAAO,cAA4B;AACrC;;;;"}

package/dist/esm/menu-service-Dl5Ra79J.js

@@ -0,0 +1,79 @@
+import { T as TypedEvent } from './typed-event-BdCnOrqW.js';
+
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _MenuService_menuElement, _MenuService_menuExpandChange, _MenuService_isPinned;
+class MenuService {
+    constructor() {
+        _MenuService_menuElement.set(this, null);
+        _MenuService_menuExpandChange.set(this, new TypedEvent());
+        _MenuService_isPinned.set(this, false);
+    }
+    register(menuElement) {
+        if (__classPrivateFieldGet(this, _MenuService_menuElement, "f")) {
+            console.warn('Menu already defined');
+            return;
+        }
+        __classPrivateFieldSet(this, _MenuService_menuElement, menuElement, "f");
+        __classPrivateFieldGet(this, _MenuService_menuElement, "f").addEventListener('expandChange', (event) => {
+            __classPrivateFieldGet(this, _MenuService_menuExpandChange, "f").emit(event.detail);
+        });
+    }
+    setIsPinned(pinned) {
+        __classPrivateFieldSet(this, _MenuService_isPinned, pinned, "f");
+    }
+    async open() {
+        if (__classPrivateFieldGet(this, _MenuService_menuElement, "f")) {
+            __classPrivateFieldGet(this, _MenuService_menuElement, "f").toggleMenu(true);
+            return true;
+        }
+        return false;
+    }
+    async close() {
+        if (__classPrivateFieldGet(this, _MenuService_menuElement, "f")) {
+            __classPrivateFieldGet(this, _MenuService_menuElement, "f").toggleMenu(false);
+            return true;
+        }
+        return false;
+    }
+    async toggle() {
+        if (__classPrivateFieldGet(this, _MenuService_menuElement, "f")) {
+            __classPrivateFieldGet(this, _MenuService_menuElement, "f").toggleMenu();
+            return true;
+        }
+        return false;
+    }
+    get nativeElement() {
+        return __classPrivateFieldGet(this, _MenuService_menuElement, "f");
+    }
+    get expandChange() {
+        return __classPrivateFieldGet(this, _MenuService_menuExpandChange, "f");
+    }
+    get isPinned() {
+        return __classPrivateFieldGet(this, _MenuService_isPinned, "f");
+    }
+}
+_MenuService_menuElement = new WeakMap(), _MenuService_menuExpandChange = new WeakMap(), _MenuService_isPinned = new WeakMap();
+const menuController = new MenuService();
+
+export { menuController as m };
+//# sourceMappingURL=menu-service-Dl5Ra79J.js.map
+
+//# sourceMappingURL=menu-service-Dl5Ra79J.js.map

package/dist/esm/menu-service-Dl5Ra79J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-service-Dl5Ra79J.js","sources":["src/components/utils/menu-service/menu-service.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TypedEvent } from '../typed-event';\n\nclass MenuService {\n  #menuElement: HTMLIxMenuElement | null = null;\n  #menuExpandChange = new TypedEvent<boolean>();\n  #isPinned = false;\n\n  register(menuElement: HTMLIxMenuElement) {\n    if (this.#menuElement) {\n      console.warn('Menu already defined');\n      return;\n    }\n    this.#menuElement = menuElement;\n    this.#menuElement.addEventListener(\n      'expandChange',\n      (event: CustomEvent<boolean>) => {\n        this.#menuExpandChange.emit(event.detail);\n      }\n    );\n  }\n\n  public setIsPinned(pinned: boolean) {\n    this.#isPinned = pinned;\n  }\n\n  public async open() {\n    if (this.#menuElement) {\n      this.#menuElement.toggleMenu(true);\n      return true;\n    }\n\n    return false;\n  }\n\n  public async close() {\n    if (this.#menuElement) {\n      this.#menuElement.toggleMenu(false);\n      return true;\n    }\n\n    return false;\n  }\n\n  public async toggle() {\n    if (this.#menuElement) {\n      this.#menuElement.toggleMenu();\n      return true;\n    }\n\n    return false;\n  }\n\n  get nativeElement() {\n    return this.#menuElement;\n  }\n\n  get expandChange() {\n    return this.#menuExpandChange;\n  }\n\n  get isPinned() {\n    return this.#isPinned;\n  }\n}\n\nexport const menuController = new MenuService();\n"],"names":[],"mappings":";;AAAA;;;;;;;AAOG;;;;;;;;;;;;;AAIH,MAAM,WAAW,CAAA;AAAjB,IAAA,WAAA,GAAA;AACE,QAAA,wBAAA,CAAA,GAAA,CAAA,IAAA,EAAyC,IAAI,CAAC;QAC9C,6BAAoB,CAAA,GAAA,CAAA,IAAA,EAAA,IAAI,UAAU,EAAW,CAAC;AAC9C,QAAA,qBAAA,CAAA,GAAA,CAAA,IAAA,EAAY,KAAK,CAAC;;AAElB,IAAA,QAAQ,CAAC,WAA8B,EAAA;AACrC,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,EAAE;AACrB,YAAA,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;YACpC;;AAEF,QAAA,sBAAA,CAAA,IAAI,EAAA,wBAAA,EAAgB,WAAW,EAAA,GAAA,CAAA;QAC/B,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,CAAC,gBAAgB,CAChC,cAAc,EACd,CAAC,KAA2B,KAAI;YAC9B,sBAAA,CAAA,IAAI,qCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;AAC3C,SAAC,CACF;;AAGI,IAAA,WAAW,CAAC,MAAe,EAAA;AAChC,QAAA,sBAAA,CAAA,IAAI,EAAA,qBAAA,EAAa,MAAM,EAAA,GAAA,CAAA;;AAGlB,IAAA,MAAM,IAAI,GAAA;AACf,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,EAAE;AACrB,YAAA,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,CAAC,UAAU,CAAC,IAAI,CAAC;AAClC,YAAA,OAAO,IAAI;;AAGb,QAAA,OAAO,KAAK;;AAGP,IAAA,MAAM,KAAK,GAAA;AAChB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,EAAE;AACrB,YAAA,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,CAAC,UAAU,CAAC,KAAK,CAAC;AACnC,YAAA,OAAO,IAAI;;AAGb,QAAA,OAAO,KAAK;;AAGP,IAAA,MAAM,MAAM,GAAA;AACjB,QAAA,IAAI,sBAAA,CAAA,IAAI,EAAa,wBAAA,EAAA,GAAA,CAAA,EAAE;AACrB,YAAA,sBAAA,CAAA,IAAI,EAAA,wBAAA,EAAA,GAAA,CAAa,CAAC,UAAU,EAAE;AAC9B,YAAA,OAAO,IAAI;;AAGb,QAAA,OAAO,KAAK;;AAGd,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,sBAAA,CAAA,IAAI,EAAA,wBAAA,EAAA,GAAA,CAAa;;AAG1B,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,sBAAA,CAAA,IAAI,EAAA,6BAAA,EAAA,GAAA,CAAkB;;AAG/B,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,sBAAA,CAAA,IAAI,EAAA,qBAAA,EAAA,GAAA,CAAU;;AAExB;;AAEY,MAAA,cAAc,GAAG,IAAI,WAAW;;;;"}