@siemens/ix 0.0.0-pr-2297-20251211061723 → 0.0.0-pr-2300-20260109081436
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/index.js +1 -1
- package/components/index.js.map +1 -1
- package/components/ix-action-card.js +8 -3
- package/components/ix-action-card.js.map +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-message-bar.js.map +1 -1
- package/components/ix-pane-layout.js +2 -1
- package/components/ix-pane-layout.js.map +1 -1
- package/components/ix-push-card.js +8 -3
- package/components/ix-push-card.js.map +1 -1
- package/components/ix-toast-container.js +5 -4
- package/components/ix-toast-container.js.map +1 -1
- package/components/ix-toast.js +1 -1
- package/components/{p-CsHYWHE6.js → p-G5i1Siog.js} +15 -5
- package/components/p-G5i1Siog.js.map +1 -0
- package/components/{p-hwPzPVf8.js → p-rFxiFp44.js} +12 -6
- package/components/p-rFxiFp44.js.map +1 -0
- package/components/{p-DlVaL0Yi.js → p-tpxSImkl.js} +9 -4
- package/components/p-tpxSImkl.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/ix-action-card.cjs.entry.js +5 -1
- package/dist/cjs/ix-action-card.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-application.cjs.entry.js +1 -1
- package/dist/cjs/ix-card.ix-card-content.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-card_2.cjs.entry.js +8 -3
- package/dist/cjs/ix-menu.cjs.entry.js +1 -1
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-message-bar.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -1
- package/dist/cjs/ix-pane-layout.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-push-card.cjs.entry.js +5 -1
- package/dist/cjs/ix-push-card.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-toast-container.cjs.entry.js +4 -3
- package/dist/cjs/ix-toast-container.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-toast.cjs.entry.js +6 -2
- package/dist/cjs/ix-toast.entry.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/cjs/{theme-switcher-76Td30il.js → theme-switcher-BCyZa6wG.js} +15 -5
- package/dist/cjs/theme-switcher-BCyZa6wG.js.map +1 -0
- package/dist/collection/components/action-card/action-card.js +25 -1
- package/dist/collection/components/action-card/action-card.js.map +1 -1
- package/dist/collection/components/card/card.css +49 -0
- package/dist/collection/components/card/card.js +27 -2
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/message-bar/message-bar.css +0 -11
- package/dist/collection/components/pane-layout/pane-layout.js +2 -1
- package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
- package/dist/collection/components/push-card/push-card.js +25 -1
- package/dist/collection/components/push-card/push-card.js.map +1 -1
- package/dist/collection/components/toast/toast-container.js +4 -3
- package/dist/collection/components/toast/toast-container.js.map +1 -1
- package/dist/collection/components/toast/toast-utils.js.map +1 -1
- package/dist/collection/components/toast/toast.js +26 -2
- package/dist/collection/components/toast/toast.js.map +1 -1
- package/dist/collection/components/utils/theme-switcher.js +13 -3
- package/dist/collection/components/utils/theme-switcher.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/ix-action-card.entry.js +5 -1
- package/dist/esm/ix-action-card.entry.js.map +1 -1
- package/dist/esm/ix-application.entry.js +1 -1
- package/dist/esm/ix-card.ix-card-content.entry.js.map +1 -1
- package/dist/esm/ix-card_2.entry.js +8 -3
- package/dist/esm/ix-menu.entry.js +1 -1
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-message-bar.entry.js.map +1 -1
- package/dist/esm/ix-pane-layout.entry.js +2 -1
- package/dist/esm/ix-pane-layout.entry.js.map +1 -1
- package/dist/esm/ix-push-card.entry.js +5 -1
- package/dist/esm/ix-push-card.entry.js.map +1 -1
- package/dist/esm/ix-toast-container.entry.js +4 -3
- package/dist/esm/ix-toast-container.entry.js.map +1 -1
- package/dist/esm/ix-toast.entry.js +6 -2
- package/dist/esm/ix-toast.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/esm/{theme-switcher-DRqJGlG2.js → theme-switcher-EbjilqRl.js} +15 -5
- package/dist/esm/theme-switcher-EbjilqRl.js.map +1 -0
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/index.esm.js.map +1 -1
- package/dist/siemens-ix/ix-action-card.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-card.ix-card-content.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-message-bar.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-pane-layout.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-push-card.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-toast-container.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-toast.entry.esm.js.map +1 -1
- package/dist/siemens-ix/{p-6dc6eb63.entry.js → p-01e16377.entry.js} +2 -2
- package/dist/siemens-ix/{p-6dc6eb63.entry.js.map → p-01e16377.entry.js.map} +1 -1
- package/dist/siemens-ix/p-2e1bb4bf.entry.js +2 -0
- package/dist/siemens-ix/p-2e1bb4bf.entry.js.map +1 -0
- package/dist/siemens-ix/p-3c297dc0.entry.js +2 -0
- package/dist/siemens-ix/p-3c297dc0.entry.js.map +1 -0
- package/dist/siemens-ix/{p-367df024.entry.js → p-84178b22.entry.js} +2 -2
- package/dist/siemens-ix/p-84178b22.entry.js.map +1 -0
- package/dist/siemens-ix/p-944a39a6.entry.js +2 -0
- package/dist/siemens-ix/p-944a39a6.entry.js.map +1 -0
- package/dist/siemens-ix/{p-b76df1c7.entry.js → p-9f7d9525.entry.js} +2 -2
- package/dist/siemens-ix/p-9f7d9525.entry.js.map +1 -0
- package/dist/siemens-ix/p-G5i1Siog.js +2 -0
- package/dist/siemens-ix/p-G5i1Siog.js.map +1 -0
- package/dist/siemens-ix/{p-8f17f6ec.entry.js → p-ec9dc8d8.entry.js} +2 -2
- package/dist/siemens-ix/p-ec9dc8d8.entry.js.map +1 -0
- package/dist/siemens-ix/{p-35d6b656.entry.js → p-f5dd421a.entry.js} +2 -2
- package/dist/siemens-ix/{p-f27c0a6c.entry.js → p-f5f9940c.entry.js} +2 -2
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/action-card/action-card.d.ts +4 -0
- package/dist/types/components/card/card.d.ts +4 -0
- package/dist/types/components/push-card/push-card.d.ts +4 -0
- package/dist/types/components/toast/toast-utils.d.ts +4 -0
- package/dist/types/components/toast/toast.d.ts +4 -0
- package/dist/types/components.d.ts +40 -0
- package/hydrate/index.js +51 -18
- package/hydrate/index.mjs +51 -18
- package/package.json +1 -1
- package/components/p-CsHYWHE6.js.map +0 -1
- package/components/p-DlVaL0Yi.js.map +0 -1
- package/components/p-hwPzPVf8.js.map +0 -1
- package/dist/cjs/theme-switcher-76Td30il.js.map +0 -1
- package/dist/esm/theme-switcher-DRqJGlG2.js.map +0 -1
- package/dist/siemens-ix/p-2597a988.entry.js +0 -2
- package/dist/siemens-ix/p-2597a988.entry.js.map +0 -1
- package/dist/siemens-ix/p-33fcea65.entry.js +0 -2
- package/dist/siemens-ix/p-33fcea65.entry.js.map +0 -1
- package/dist/siemens-ix/p-367df024.entry.js.map +0 -1
- package/dist/siemens-ix/p-8f17f6ec.entry.js.map +0 -1
- package/dist/siemens-ix/p-CsHYWHE6.js +0 -2
- package/dist/siemens-ix/p-CsHYWHE6.js.map +0 -1
- package/dist/siemens-ix/p-b76df1c7.entry.js.map +0 -1
- package/dist/siemens-ix/p-c1160cf8.entry.js +0 -2
- package/dist/siemens-ix/p-c1160cf8.entry.js.map +0 -1
- /package/dist/siemens-ix/{p-35d6b656.entry.js.map → p-f5dd421a.entry.js.map} +0 -0
- /package/dist/siemens-ix/{p-f27c0a6c.entry.js.map → p-f5f9940c.entry.js.map} +0 -0
|
@@ -13,10 +13,14 @@ const PushCard = class {
|
|
|
13
13
|
* Expand the card
|
|
14
14
|
*/
|
|
15
15
|
this.expanded = false;
|
|
16
|
+
/**
|
|
17
|
+
* If true, disables hover and active styles and changes cursor to default
|
|
18
|
+
*/
|
|
19
|
+
this.passive = false;
|
|
16
20
|
}
|
|
17
21
|
render() {
|
|
18
22
|
var _a;
|
|
19
|
-
return (h(Host, { key: '
|
|
23
|
+
return (h(Host, { key: 'f91d2bc149d2358afb29d82de24a0fd4d36ff8da', class: `card-${this.variant}` }, h("ix-card", { key: '22520048301a654e61139c8d6bd50788328861d9', variant: this.variant, passive: this.passive }, h("ix-card-content", { key: 'ff4cdaa22e092861c98cf9af6554626c5d8b067f' }, h("ix-card-title", { key: '63deacdf7535977fd8c7a4f42e45127231ee6475' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("ix-typography", { key: '3a86dc49d3cf32c426c231865b1a2336ccad48bf', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), h("slot", { key: '19fa42ddfbb9e1dce31842f5eab9ca9652b86701', name: "title-action" })), h("ix-typography", { key: '28a8dd2f112f679f5352fd17bccb0e9996208d80', format: "h4" }, this.heading), h("ix-typography", { key: '6b46c08124d639b71d8c11b8b3fb07c91950b5ed' }, this.subheading)), h("ix-card-accordion", { key: '0812bbb4d460cd89d095aa1eff55e5c37ef52e36', collapse: !this.expanded, variant: this.variant }, h("slot", { key: '2ac082345c8179a97520407d6bc91aac7a3b0a9b' })))));
|
|
20
24
|
}
|
|
21
25
|
};
|
|
22
26
|
PushCard.style = pushCardCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-push-card.entry.js","sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"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@use './../card/card-vars' as card-vars;\n\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n ix-card-title {\n height: 2.5rem;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n\n@each $variant in card-vars.$ix-card-variants {\n :host(.card-#{$variant}) {\n ix-card-content {\n border-bottom: var(--theme-push-card--border-width)\n solid\n var(--theme-push-card-#{$variant}-accordion--border-color);\n }\n }\n}\n","/*\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 { Component, h, Host, Prop } from '@stencil/core';\nimport type { PushCardVariant } from './push-card.types';\n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /**\n * Card icon\n */\n @Prop() icon?: string;\n\n /**\n * ARIA label for the icon\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelIcon?: string;\n\n /**\n * Card KPI value\n */\n @Prop() notification?: string;\n\n /**\n * Card heading\n */\n @Prop() heading?: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading?: string;\n\n /**\n * Card variant\n */\n @Prop() variant: PushCardVariant = 'outline';\n\n /**\n * Expand the card\n */\n @Prop() expanded: boolean = false;\n\n render() {\n return (\n <Host class={`card-${this.variant}`}>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon\n class={'icon'}\n name={this.icon}\n size=\"32\"\n aria-label={this.ariaLabelIcon}\n ></ix-icon>\n ) : null}\n <ix-typography format=\"display-xxl\">\n {this.notification ?? 0}\n </ix-typography>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={!this.expanded} variant={this.variant}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,2gDAA2gD;;MCiBlhD,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAiCE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AA+
|
|
1
|
+
{"version":3,"file":"ix-push-card.entry.js","sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"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@use './../card/card-vars' as card-vars;\n\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n ix-card-title {\n height: 2.5rem;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n\n@each $variant in card-vars.$ix-card-variants {\n :host(.card-#{$variant}) {\n ix-card-content {\n border-bottom: var(--theme-push-card--border-width)\n solid\n var(--theme-push-card-#{$variant}-accordion--border-color);\n }\n }\n}\n","/*\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 { Component, h, Host, Prop } from '@stencil/core';\nimport type { PushCardVariant } from './push-card.types';\n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /**\n * Card icon\n */\n @Prop() icon?: string;\n\n /**\n * ARIA label for the icon\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelIcon?: string;\n\n /**\n * Card KPI value\n */\n @Prop() notification?: string;\n\n /**\n * Card heading\n */\n @Prop() heading?: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading?: string;\n\n /**\n * Card variant\n */\n @Prop() variant: PushCardVariant = 'outline';\n\n /**\n * Expand the card\n */\n @Prop() expanded: boolean = false;\n\n /**\n * If true, disables hover and active styles and changes cursor to default\n */\n @Prop() passive: boolean = false;\n\n render() {\n return (\n <Host class={`card-${this.variant}`}>\n <ix-card variant={this.variant} passive={this.passive}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon\n class={'icon'}\n name={this.icon}\n size=\"32\"\n aria-label={this.ariaLabelIcon}\n ></ix-icon>\n ) : null}\n <ix-typography format=\"display-xxl\">\n {this.notification ?? 0}\n </ix-typography>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={!this.expanded} variant={this.variant}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,2gDAA2gD;;MCiBlhD,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAiCE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AA+BjC;IA7BC,MAAM,GAAA;;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACjC,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACnD,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACR,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACG,YAAA,EAAA,IAAI,CAAC,aAAa,EACrB,CAAA,IACT,IAAI,EACR,CAAe,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAC,aAAa,EAChC,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CACT,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClB,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAChE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;"}
|
|
@@ -51,7 +51,7 @@ const ToastContainer = class {
|
|
|
51
51
|
* @param config
|
|
52
52
|
*/
|
|
53
53
|
async showToast(config) {
|
|
54
|
-
var _a, _b;
|
|
54
|
+
var _a, _b, _c;
|
|
55
55
|
const toast = document.createElement('ix-toast');
|
|
56
56
|
const onClose = new TypedEvent();
|
|
57
57
|
function removeToast(result) {
|
|
@@ -64,6 +64,7 @@ const ToastContainer = class {
|
|
|
64
64
|
toast.autoCloseDelay = (_b = config.autoCloseDelay) !== null && _b !== void 0 ? _b : 5000;
|
|
65
65
|
toast.icon = config.icon;
|
|
66
66
|
toast.iconColor = config.iconColor;
|
|
67
|
+
toast.hideIcon = (_c = config.hideIcon) !== null && _c !== void 0 ? _c : false;
|
|
67
68
|
toast.addEventListener('closeToast', (event) => {
|
|
68
69
|
const { detail } = event;
|
|
69
70
|
removeToast(detail);
|
|
@@ -98,10 +99,10 @@ const ToastContainer = class {
|
|
|
98
99
|
};
|
|
99
100
|
}
|
|
100
101
|
render() {
|
|
101
|
-
return (h(Host, { key: '
|
|
102
|
+
return (h(Host, { key: '11d339600495a1d923de9ee92abdb2b6248ed8b5', class: {
|
|
102
103
|
'toast-container--bottom-right': this.position === 'bottom-right',
|
|
103
104
|
'toast-container--top-right': this.position === 'top-right',
|
|
104
|
-
} }, h("slot", { key: '
|
|
105
|
+
} }, h("slot", { key: 'b942eb55489de1a132d4b7c481fa9b91ddb9657d' })));
|
|
105
106
|
}
|
|
106
107
|
static get watchers() { return {
|
|
107
108
|
"position": ["onPositionChange"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-toast-container.entry.js","sources":["src/components/toast/styles/toast-container.scss?tag=ix-toast-container&encapsulation=shadow","src/components/toast/toast-container.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@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host {\n @include component.ix-component;\n}\n\n#toast-container {\n > :not(:last-child) {\n margin-block-end: vars.$default-space;\n }\n}\n\n.toast-container {\n display: block;\n position: fixed;\n z-index: var(--theme-z-index-toast);\n}\n\n.toast-container--top-right {\n right: 1rem;\n top: 2rem;\n}\n\n.toast-container--bottom-right {\n right: 1rem;\n bottom: 2rem;\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 { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\nimport type { ShowToastResult } from './toast-container.types';\n\n@Component({\n tag: 'ix-toast-container',\n styleUrl: './styles/toast-container.scss',\n shadow: true,\n})\nexport class ToastContainer {\n /**\n */\n @Prop() containerId = 'toast-container';\n\n /**\n */\n @Prop() containerClass = 'toast-container';\n\n /**\n */\n @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n get hostContainer() {\n return new Promise<HTMLElement>((resolve) => {\n const interval = setInterval(() => {\n const containerElement = document.getElementById(this.containerId);\n if (containerElement) {\n clearInterval(interval);\n resolve(containerElement);\n }\n });\n });\n }\n\n componentDidLoad() {\n if (!document.getElementById(this.containerId)) {\n const toastContainer = document.createElement('div');\n toastContainer.id = this.containerId;\n toastContainer.classList.add(this.containerClass);\n toastContainer.classList.add(\n `${this.PREFIX_POSITION_CLASS}${this.position}`\n );\n document.body.appendChild(toastContainer);\n }\n }\n\n @Watch('position')\n onPositionChange(newPosition: string, oldPosition: string) {\n const toastContainer = document.getElementById(this.containerId);\n if (!toastContainer) {\n console.warn('No toast container found, cannot configure toast position');\n return;\n }\n toastContainer.classList.remove(\n `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n );\n toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n }\n\n /**\n * Display a toast message\n * @param config\n */\n @Method()\n async showToast(config: ToastConfig): Promise<ShowToastResult> {\n const toast = document.createElement('ix-toast');\n const onClose = new TypedEvent<any | undefined>();\n\n function removeToast(result?: any) {\n toast.remove();\n onClose.emit(result);\n }\n\n toast.toastTitle = config.title;\n toast.type = config.type ?? 'info';\n toast.preventAutoClose = config.autoClose === false;\n toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n toast.icon = config.icon;\n toast.iconColor = config.iconColor;\n toast.addEventListener(\n 'closeToast',\n (event: CustomEvent<any | undefined>) => {\n const { detail } = event;\n removeToast(detail);\n }\n );\n\n if (config.message) {\n if (typeof config.message === 'string') {\n toast.innerText = config.message;\n } else {\n toast.appendChild(config.message);\n }\n }\n\n if (config.action && config.action instanceof HTMLElement) {\n config.action.slot = 'action';\n toast.appendChild(config.action);\n }\n\n (await this.hostContainer).appendChild(toast);\n\n return {\n onClose,\n close: (result?: any) => {\n removeToast(result);\n },\n pause: () => {\n toast.pause();\n },\n resume: () => {\n toast.resume();\n },\n isPaused: () => {\n return toast.isPaused();\n },\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'toast-container--bottom-right': this.position === 'bottom-right',\n 'toast-container--top-right': this.position === 'top-right',\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,iBAAiB,GAAG,sgCAAsgC;;MCmBnhC,cAAc,GAAA,MAAA;AAL3B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAME;AACG;AACK,QAAA,IAAW,CAAA,WAAA,GAAG,iBAAiB;AAEvC;AACG;AACK,QAAA,IAAc,CAAA,cAAA,GAAG,iBAAiB;AAE1C;AACG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAiC,cAAc;AAE9C,QAAA,IAAqB,CAAA,qBAAA,GAAG,mBAAmB;
|
|
1
|
+
{"version":3,"file":"ix-toast-container.entry.js","sources":["src/components/toast/styles/toast-container.scss?tag=ix-toast-container&encapsulation=shadow","src/components/toast/toast-container.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@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host {\n @include component.ix-component;\n}\n\n#toast-container {\n > :not(:last-child) {\n margin-block-end: vars.$default-space;\n }\n}\n\n.toast-container {\n display: block;\n position: fixed;\n z-index: var(--theme-z-index-toast);\n}\n\n.toast-container--top-right {\n right: 1rem;\n top: 2rem;\n}\n\n.toast-container--bottom-right {\n right: 1rem;\n bottom: 2rem;\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 { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\nimport type { ShowToastResult } from './toast-container.types';\n\n@Component({\n tag: 'ix-toast-container',\n styleUrl: './styles/toast-container.scss',\n shadow: true,\n})\nexport class ToastContainer {\n /**\n */\n @Prop() containerId = 'toast-container';\n\n /**\n */\n @Prop() containerClass = 'toast-container';\n\n /**\n */\n @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n get hostContainer() {\n return new Promise<HTMLElement>((resolve) => {\n const interval = setInterval(() => {\n const containerElement = document.getElementById(this.containerId);\n if (containerElement) {\n clearInterval(interval);\n resolve(containerElement);\n }\n });\n });\n }\n\n componentDidLoad() {\n if (!document.getElementById(this.containerId)) {\n const toastContainer = document.createElement('div');\n toastContainer.id = this.containerId;\n toastContainer.classList.add(this.containerClass);\n toastContainer.classList.add(\n `${this.PREFIX_POSITION_CLASS}${this.position}`\n );\n document.body.appendChild(toastContainer);\n }\n }\n\n @Watch('position')\n onPositionChange(newPosition: string, oldPosition: string) {\n const toastContainer = document.getElementById(this.containerId);\n if (!toastContainer) {\n console.warn('No toast container found, cannot configure toast position');\n return;\n }\n toastContainer.classList.remove(\n `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n );\n toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n }\n\n /**\n * Display a toast message\n * @param config\n */\n @Method()\n async showToast(config: ToastConfig): Promise<ShowToastResult> {\n const toast = document.createElement('ix-toast');\n const onClose = new TypedEvent<any | undefined>();\n\n function removeToast(result?: any) {\n toast.remove();\n onClose.emit(result);\n }\n\n toast.toastTitle = config.title;\n toast.type = config.type ?? 'info';\n toast.preventAutoClose = config.autoClose === false;\n toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n toast.icon = config.icon;\n toast.iconColor = config.iconColor;\n toast.hideIcon = config.hideIcon ?? false;\n toast.addEventListener(\n 'closeToast',\n (event: CustomEvent<any | undefined>) => {\n const { detail } = event;\n removeToast(detail);\n }\n );\n\n if (config.message) {\n if (typeof config.message === 'string') {\n toast.innerText = config.message;\n } else {\n toast.appendChild(config.message);\n }\n }\n\n if (config.action && config.action instanceof HTMLElement) {\n config.action.slot = 'action';\n toast.appendChild(config.action);\n }\n\n (await this.hostContainer).appendChild(toast);\n\n return {\n onClose,\n close: (result?: any) => {\n removeToast(result);\n },\n pause: () => {\n toast.pause();\n },\n resume: () => {\n toast.resume();\n },\n isPaused: () => {\n return toast.isPaused();\n },\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'toast-container--bottom-right': this.position === 'bottom-right',\n 'toast-container--top-right': this.position === 'top-right',\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -19,6 +19,10 @@ const Toast = class {
|
|
|
19
19
|
* Autoclose behavior
|
|
20
20
|
*/
|
|
21
21
|
this.preventAutoClose = false;
|
|
22
|
+
/**
|
|
23
|
+
* Allows to hide the icon in the toast.
|
|
24
|
+
*/
|
|
25
|
+
this.hideIcon = false;
|
|
22
26
|
this.progress = 0;
|
|
23
27
|
this.touched = false;
|
|
24
28
|
this.paused = false;
|
|
@@ -75,11 +79,11 @@ const Toast = class {
|
|
|
75
79
|
animationPlayState: this.touched || this.paused ? 'paused' : 'running',
|
|
76
80
|
};
|
|
77
81
|
progressBarClass.push('toast-progress-bar--animated');
|
|
78
|
-
return (h(Host, { key: '
|
|
82
|
+
return (h(Host, { key: 'f2f95d77b28639b78e3fb0f82f471d8fba9b3a3d', class: "animate__animated animate__fadeIn" }, h("div", { key: 'c32a7a677f5d7ca00c209355e5af9679ad28fc28', class: "toast-body", onPointerLeave: () => {
|
|
79
83
|
this.touched = false;
|
|
80
84
|
}, onPointerEnter: () => {
|
|
81
85
|
this.touched = true;
|
|
82
|
-
} }, this.type || this.icon ? (h("div", { class: "toast-icon" }, this.getIcon())) : null, h("div", { key: '
|
|
86
|
+
} }, (this.type || this.icon) && !this.hideIcon ? (h("div", { class: "toast-icon" }, this.getIcon())) : null, h("div", { key: '853a02c2cedea5b66aabc754699e6aeab69dbb9a', class: "toast-content" }, this.toastTitle ? (h("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, h("div", { key: '35d881b3af41b2400a873ea2e45a0634eb81831f', class: "toast-message" }, h("slot", { key: '9030ed64837f7ee0b4ffc8b9aa36d8553e3a97ae' })), h("div", { key: 'fee8e7ca8620d01f8de665ad80293f44b71879ca', class: "toast-action" }, h("slot", { key: '0b81d513c974da48e77cebc35806ab19f7bc9e6f', name: "action" }))), h("div", { key: '59f3cf1722fc9203cb9602387115019258014c55', class: "toast-close" }, h("ix-icon-button", { key: 'd6dceea9274e9266f9ac36c51546635e954ef963', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (h("div", { key: '3530a6781c5f32d787ef1a1b38eb39f98ca26062', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
|
|
83
87
|
this.close();
|
|
84
88
|
}, onTransitionEnd: () => {
|
|
85
89
|
if (this.progress === 0) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ix-toast.entry.js","sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.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@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n@use 'legacy/mixins/fonts';\n\n:host {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: 17.5rem;\n max-width: 17.5rem;\n min-height: 3.5rem;\n\n pointer-events: all;\n\n background-color: var(--theme-toast--background);\n border: var(--theme-toast--border-thickness) solid\n var(--theme-toast--border-color);\n border-radius: var(\n --theme-toast--border-radius,\n var(--theme-toast--border-radus)\n );\n box-shadow: var(--theme-toast--box-shadow);\n\n --animate-duration: var(--theme-medium-time);\n\n @include component.ix-component;\n\n .toast-body {\n display: flex;\n position: relative;\n min-height: 3.5rem;\n width: 100%;\n flex-grow: 1;\n padding: 0.75rem;\n\n .toast-icon {\n display: flex;\n align-items: flex-start;\n margin-right: 0.5rem;\n }\n\n .toast-content {\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n width: 100%;\n\n .toast-title {\n margin: 0.25rem 0px;\n }\n\n .toast-message {\n min-width: 0;\n\n @include fonts.text-default;\n }\n\n .toast-action {\n margin-top: 0.5rem;\n }\n }\n\n .toast-icon + .toast-content {\n max-width: 10.25rem;\n }\n }\n\n .toast-close {\n display: flex;\n position: relative;\n pointer-events: all;\n margin-left: auto;\n margin-right: 0px;\n opacity: 0.6;\n &:hover {\n opacity: 1;\n }\n }\n\n .toast-progress-bar {\n position: absolute;\n bottom: 0;\n height: 0.125rem;\n width: 100%;\n background-color: var(--theme-toast-timer-value--background);\n transform-origin: left;\n\n &--animated {\n animation: trackProgress linear 1 forwards;\n }\n }\n\n @keyframes trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\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 Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n iconClose,\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-toast',\n styleUrl: 'toast.scss',\n shadow: true,\n})\nexport class Toast {\n /**\n * Toast type\n */\n @Prop() type: ToastType = 'info';\n\n /**\n * Toast title\n */\n @Prop() toastTitle?: string;\n\n /**\n * Autoclose title after delay\n */\n @Prop() autoCloseDelay = 5000;\n\n /**\n * Autoclose behavior\n */\n @Prop() preventAutoClose = false;\n\n /**\n * Icon of toast\n */\n @Prop() icon?: string;\n\n /**\n * Icon color of toast\n */\n @Prop() iconColor?: string;\n\n /**\n * ARIA label for the close icon button\n * Will be set as aria-label on the nested HTML button element\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelCloseIconButton?: string;\n\n /**\n * Toast closed\n */\n @Event() closeToast!: EventEmitter;\n\n @State() progress = 0;\n @State() touched = false;\n @State() paused = false;\n\n @Element() hostElement!: HTMLIxToastElement;\n\n private getIcon() {\n if (this.icon) {\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={this.icon}\n color={this.iconColor}\n size=\"24\"\n />\n );\n }\n\n switch (this.type) {\n case 'info':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconInfo}\n size=\"24\"\n color=\"color-std-text\"\n />\n );\n\n case 'error':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconError}\n size=\"24\"\n color=\"color-alarm\"\n />\n );\n\n case 'success':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconSuccess}\n size=\"24\"\n color=\"color-success\"\n />\n );\n\n case 'warning':\n //TODO(IX-3400): Replace icon colors with proper CSS variables when available\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconWarning}\n size=\"24\"\n color=\"color-warning-text\"\n />\n );\n\n default:\n return '';\n }\n }\n\n private close() {\n if (this.hostElement) {\n this.hostElement.classList.add('animate__fadeOut');\n }\n setTimeout(() => {\n this.closeToast.emit();\n }, 250);\n }\n\n /**\n * Pause the toast's auto-close progress bar and timer.\n */\n @Method()\n async pause() {\n this.paused = true;\n }\n\n /**\n * Resume the toast's auto-close progress bar and timer if previously paused.\n */\n @Method()\n async resume() {\n this.paused = false;\n }\n\n /**\n * Returns whether the toast is currently paused (auto-close is paused).\n */\n @Method()\n async isPaused(): Promise<boolean> {\n return this.paused || this.touched;\n }\n\n render() {\n let progressBarStyle: Record<string, string> = {};\n\n const progressBarClass = ['toast-progress-bar'];\n\n progressBarStyle = {\n animationDuration: `${this.autoCloseDelay}ms`,\n animationPlayState: this.touched || this.paused ? 'paused' : 'running',\n };\n\n progressBarClass.push('toast-progress-bar--animated');\n\n return (\n <Host class=\"animate__animated animate__fadeIn\">\n <div\n class=\"toast-body\"\n onPointerLeave={() => {\n this.touched = false;\n }}\n onPointerEnter={() => {\n this.touched = true;\n }}\n >\n {this.type || this.icon ? (\n <div class=\"toast-icon\">{this.getIcon()}</div>\n ) : null}\n <div class=\"toast-content\">\n {this.toastTitle ? (\n <ix-typography class=\"toast-title\" format=\"h5\">\n {this.toastTitle}\n </ix-typography>\n ) : null}\n <div class=\"toast-message\">\n <slot></slot>\n </div>\n <div class=\"toast-action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n <div class=\"toast-close\">\n <ix-icon-button\n icon={iconClose}\n iconColor=\"color-soft-text\"\n size=\"24\"\n variant=\"tertiary\"\n onClick={() => this.closeToast.emit()}\n aria-label={this.ariaLabelCloseIconButton}\n />\n </div>\n </div>\n {!this.preventAutoClose && (\n <div\n class={progressBarClass.join(' ')}\n style={progressBarStyle}\n onAnimationEnd={() => {\n this.close();\n }}\n onTransitionEnd={() => {\n if (this.progress === 0) {\n this.close();\n }\n }}\n ></div>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ix-toast.entry.js","sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.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@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n@use 'legacy/mixins/fonts';\n\n:host {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: 17.5rem;\n max-width: 17.5rem;\n min-height: 3.5rem;\n\n pointer-events: all;\n\n background-color: var(--theme-toast--background);\n border: var(--theme-toast--border-thickness) solid\n var(--theme-toast--border-color);\n border-radius: var(\n --theme-toast--border-radius,\n var(--theme-toast--border-radus)\n );\n box-shadow: var(--theme-toast--box-shadow);\n\n --animate-duration: var(--theme-medium-time);\n\n @include component.ix-component;\n\n .toast-body {\n display: flex;\n position: relative;\n min-height: 3.5rem;\n width: 100%;\n flex-grow: 1;\n padding: 0.75rem;\n\n .toast-icon {\n display: flex;\n align-items: flex-start;\n margin-right: 0.5rem;\n }\n\n .toast-content {\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n width: 100%;\n\n .toast-title {\n margin: 0.25rem 0px;\n }\n\n .toast-message {\n min-width: 0;\n\n @include fonts.text-default;\n }\n\n .toast-action {\n margin-top: 0.5rem;\n }\n }\n\n .toast-icon + .toast-content {\n max-width: 10.25rem;\n }\n }\n\n .toast-close {\n display: flex;\n position: relative;\n pointer-events: all;\n margin-left: auto;\n margin-right: 0px;\n opacity: 0.6;\n &:hover {\n opacity: 1;\n }\n }\n\n .toast-progress-bar {\n position: absolute;\n bottom: 0;\n height: 0.125rem;\n width: 100%;\n background-color: var(--theme-toast-timer-value--background);\n transform-origin: left;\n\n &--animated {\n animation: trackProgress linear 1 forwards;\n }\n }\n\n @keyframes trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\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 Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n iconClose,\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-toast',\n styleUrl: 'toast.scss',\n shadow: true,\n})\nexport class Toast {\n /**\n * Toast type\n */\n @Prop() type: ToastType = 'info';\n\n /**\n * Toast title\n */\n @Prop() toastTitle?: string;\n\n /**\n * Autoclose title after delay\n */\n @Prop() autoCloseDelay = 5000;\n\n /**\n * Autoclose behavior\n */\n @Prop() preventAutoClose = false;\n\n /**\n * Icon of toast\n */\n @Prop() icon?: string;\n\n /**\n * Icon color of toast\n */\n @Prop() iconColor?: string;\n\n /**\n * Allows to hide the icon in the toast.\n */\n @Prop() hideIcon: boolean = false;\n\n /**\n * ARIA label for the close icon button\n * Will be set as aria-label on the nested HTML button element\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelCloseIconButton?: string;\n\n /**\n * Toast closed\n */\n @Event() closeToast!: EventEmitter;\n\n @State() progress = 0;\n @State() touched = false;\n @State() paused = false;\n\n @Element() hostElement!: HTMLIxToastElement;\n\n private getIcon() {\n if (this.icon) {\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={this.icon}\n color={this.iconColor}\n size=\"24\"\n />\n );\n }\n\n switch (this.type) {\n case 'info':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconInfo}\n size=\"24\"\n color=\"color-std-text\"\n />\n );\n\n case 'error':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconError}\n size=\"24\"\n color=\"color-alarm\"\n />\n );\n\n case 'success':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconSuccess}\n size=\"24\"\n color=\"color-success\"\n />\n );\n\n case 'warning':\n //TODO(IX-3400): Replace icon colors with proper CSS variables when available\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconWarning}\n size=\"24\"\n color=\"color-warning-text\"\n />\n );\n\n default:\n return '';\n }\n }\n\n private close() {\n if (this.hostElement) {\n this.hostElement.classList.add('animate__fadeOut');\n }\n setTimeout(() => {\n this.closeToast.emit();\n }, 250);\n }\n\n /**\n * Pause the toast's auto-close progress bar and timer.\n */\n @Method()\n async pause() {\n this.paused = true;\n }\n\n /**\n * Resume the toast's auto-close progress bar and timer if previously paused.\n */\n @Method()\n async resume() {\n this.paused = false;\n }\n\n /**\n * Returns whether the toast is currently paused (auto-close is paused).\n */\n @Method()\n async isPaused(): Promise<boolean> {\n return this.paused || this.touched;\n }\n\n render() {\n let progressBarStyle: Record<string, string> = {};\n\n const progressBarClass = ['toast-progress-bar'];\n\n progressBarStyle = {\n animationDuration: `${this.autoCloseDelay}ms`,\n animationPlayState: this.touched || this.paused ? 'paused' : 'running',\n };\n\n progressBarClass.push('toast-progress-bar--animated');\n\n return (\n <Host class=\"animate__animated animate__fadeIn\">\n <div\n class=\"toast-body\"\n onPointerLeave={() => {\n this.touched = false;\n }}\n onPointerEnter={() => {\n this.touched = true;\n }}\n >\n {(this.type || this.icon) && !this.hideIcon ? (\n <div class=\"toast-icon\">{this.getIcon()}</div>\n ) : null}\n <div class=\"toast-content\">\n {this.toastTitle ? (\n <ix-typography class=\"toast-title\" format=\"h5\">\n {this.toastTitle}\n </ix-typography>\n ) : null}\n <div class=\"toast-message\">\n <slot></slot>\n </div>\n <div class=\"toast-action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n <div class=\"toast-close\">\n <ix-icon-button\n icon={iconClose}\n iconColor=\"color-soft-text\"\n size=\"24\"\n variant=\"tertiary\"\n onClick={() => this.closeToast.emit()}\n aria-label={this.ariaLabelCloseIconButton}\n />\n </div>\n </div>\n {!this.preventAutoClose && (\n <div\n class={progressBarClass.join(' ')}\n style={progressBarStyle}\n onAnimationEnd={() => {\n this.close();\n }}\n onTransitionEnd={() => {\n if (this.progress === 0) {\n this.close();\n }\n }}\n ></div>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
|
package/dist/esm/loader.js
CHANGED
|
@@ -6,7 +6,7 @@ import './setup-BHVEOpQp.js';
|
|
|
6
6
|
const defineCustomElements = async (win, options) => {
|
|
7
7
|
if (typeof window === 'undefined') return undefined;
|
|
8
8
|
await globalScripts();
|
|
9
|
-
return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[257,\"ix-datetime-picker\",{\"singleSelection\":[4,\"single-selection\"],\"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,\"i18n-time\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"]}]]],[\"ix-pagination\",[[257,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"hideItemCount\":[4,\"hide-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i18n-page\"],\"i18nOf\":[1,\"i18n-of\"],\"i18nItems\":[1,\"i18n-items\"],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"ariaLabelPageSelection\":[1,\"aria-label-page-selection\"]}]]],[\"ix-date-dropdown\",[[257,\"ix-date-dropdown\",{\"disabled\":[4],\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"variant\":[1],\"loading\":[4],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"customRangeDisabled\":[4,\"custom-range-disabled\"],\"dateRangeOptions\":[16,\"date-range-options\"],\"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\",[[321,\"ix-date-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"locale\":[1],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"ariaLabelCalendarButton\":[1,\"aria-label-calendar-button\"],\"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\"],\"weekStartIndex\":[2,\"week-start-index\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"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\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-time-input\",[[321,\"ix-time-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"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\"],\"i18nErrorTimeUnparsable\":[1,\"i18n-error-time-unparsable\"],\"hourInterval\":[2,\"hour-interval\"],\"minuteInterval\":[2,\"minute-interval\"],\"secondInterval\":[2,\"second-interval\"],\"millisecondInterval\":[2,\"millisecond-interval\"],\"i18nSelectTime\":[1,\"i18n-select-time\"],\"i18nTime\":[1,\"i18n-time\"],\"i18nHourColumnHeader\":[1,\"i18n-hour-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"hideHeader\":[4,\"hide-header\"],\"textAlignment\":[1,\"text-alignment\"],\"show\":[32],\"time\":[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\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-menu-avatar\",[[257,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i18n-logout\"],\"hideLogoutButton\":[4,\"hide-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[257,\"ix-card-list\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"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,\"i18n-show-all\"],\"i18nMoreCards\":[1,\"i18n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-input\",[[321,\"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\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"inputType\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"getValidityState\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"type\":[\"updateInputType\"]}]]],[\"ix-menu\",[[257,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"i18nExpandSidebar\":[1,\"i18n-expand-sidebar\"],\"expand\":[1540],\"startExpanded\":[4,\"start-expanded\"],\"pinned\":[4],\"i18nLegal\":[1,\"i18n-legal\"],\"i18nSettings\":[1,\"i18n-settings\"],\"i18nToggleTheme\":[1,\"i18n-toggle-theme\"],\"i18nExpand\":[1,\"i18n-expand\"],\"i18nCollapse\":[1,\"i18n-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\"]],{\"expand\":[\"expandChanged\"],\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-category\",[[257,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"tooltipText\":[1,\"tooltip-text\"],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]},[[8,\"closeOtherCategories\",\"onPointerLeave\"]]]]],[\"ix-number-input\",[[321,\"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\"],\"step\":[8],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"allowEmptyValueChange\":[516,\"allow-empty-value-change\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"onValueChange\"]}]]],[\"ix-application-header\",[[257,\"ix-application-header\",{\"name\":[1],\"nameSuffix\":[1,\"name-suffix\"],\"companyLogo\":[1,\"company-logo\"],\"companyLogoAlt\":[1,\"company-logo-alt\"],\"appIcon\":[1,\"app-icon\"],\"appIconAlt\":[1,\"app-icon-alt\"],\"appIconOutline\":[4,\"app-icon-outline\"],\"hideBottomBorder\":[4,\"hide-bottom-border\"],\"showMenu\":[1028,\"show-menu\"],\"ariaLabelMenuExpandIconButton\":[1,\"aria-label-menu-expand-icon-button\"],\"ariaLabelAppSwitchIconButton\":[1,\"aria-label-app-switch-icon-button\"],\"ariaLabelMoreMenuIconButton\":[1,\"aria-label-more-menu-icon-button\"],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedLogo\":[32],\"hasOverflowContextMenu\":[32],\"hasSecondarySlotElements\":[32],\"hasDefaultSlotElements\":[32],\"hasOverflowSlotElements\":[32],\"applicationLayoutContext\":[32]},null,{\"applicationLayoutContext\":[\"watchApplicationLayoutContext\"],\"suppressResponsive\":[\"watchSuppressResponsive\"]}]]],[\"ix-application-switch-modal\",[[257,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card\",[[257,\"ix-push-card\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"expanded\":[4]}]]],[\"ix-breadcrumb\",[[257,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16,\"next-items\"],\"subtle\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[257,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16,\"filter-state\"],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16,\"non-selectable-categories\"],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"staticOperator\":[1,\"static-operator\"],\"uniqueCategories\":[4,\"unique-categories\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i18n-plain-text\"],\"ariaLabelResetButton\":[1,\"aria-label-reset-button\"],\"ariaLabelOperatorButton\":[1,\"aria-label-operator-button\"],\"ariaLabelFilterInput\":[1,\"aria-label-filter-input\"],\"showDropdown\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-checkbox-group\",[[257,\"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\"],\"required\":[4],\"isInvalid\":[32],\"isInfo\":[32],\"isValid\":[32],\"isWarning\":[32],\"isTouched\":[64],\"hasValidValue\":[64]}]]],[\"ix-chip\",[[257,\"ix-chip\",{\"variant\":[513],\"inactive\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4],\"tooltipText\":[8,\"tooltip-text\"],\"centerContent\":[4,\"center-content\"],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"]}]]],[\"ix-custom-field\",[[257,\"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\",[[257,\"ix-dropdown-button\",{\"variant\":[1],\"disabled\":[516],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"dropdownShow\":[32]}]]],[\"ix-group\",[[257,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"expanded\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"slotSize\":[32],\"footerVisible\":[32],\"showExpandCollapsedIcon\":[32],\"hasDropdown\":[32]},[[0,\"selectedChanged\",\"onItemClicked\"]],{\"selected\":[\"selectedChanged\"]}]]],[\"ix-menu-about\",[[257,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[257,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i18n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[257,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-radio-group\",[[257,\"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],\"required\":[4],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"isTouched\":[64],\"setCheckedToNextItem\":[64]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-split-button\",[[257,\"ix-split-button\",{\"variant\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"label\":[1],\"ariaLabelButton\":[1,\"aria-label-button\"],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"ariaLabelSplitIconButton\":[1,\"aria-label-split-icon-button\"],\"disabled\":[4],\"disableButton\":[4,\"disable-button\"],\"disableDropdownButton\":[4,\"disable-dropdown-button\"],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-textarea\",[[321,\"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]},null,{\"textareaHeight\":[\"onDimensionPropsChange\"],\"textareaWidth\":[\"onDimensionPropsChange\"],\"resizeBehavior\":[\"onResizeBehaviorChange\"]}]]],[\"ix-toast-container\",[[257,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-action-card\",[[257,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"heading\":[1],\"subheading\":[1],\"selected\":[4],\"ariaLabelCard\":[1,\"aria-label-card\"]}]]],[\"ix-content-header\",[[257,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[257,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1],\"ariaLabelEmptyStateIcon\":[1,\"aria-label-empty-state-icon\"]}]]],[\"ix-pane\",[[257,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCollapseCloseButton\":[1,\"aria-label-collapse-close-button\"],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"expanded\":[\"onExpandedChange\",\"onSizeChange\"],\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-drawer\",[[257,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"],\"showContent\":[32],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[257,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"variant\":[1],\"ariaLabelSearchIconButton\":[1,\"aria-label-search-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"ariaLabelSearchInput\":[1,\"aria-label-search-input\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[257,\"ix-flip-tile\",{\"variant\":[1],\"height\":[8],\"width\":[8],\"index\":[2],\"ariaLabelEyeIconButton\":[1,\"aria-label-eye-icon-button\"],\"isFlipAnimationActive\":[32],\"hasFooterSlot\":[32]},null,{\"index\":[\"watchIndex\"]}]]],[\"ix-message-bar\",[[257,\"ix-message-bar\",{\"type\":[1],\"persistent\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill\",[[257,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"background\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"],\"tooltipText\":[8,\"tooltip-text\"],\"iconOnly\":[32]}]]],[\"ix-progress-indicator\",[[257,\"ix-progress-indicator\",{\"type\":[1],\"size\":[1],\"value\":[2],\"min\":[2],\"max\":[2],\"status\":[1],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"textAlignment\":[1,\"text-alignment\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"]}]]],[\"ix-slider\",[[257,\"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\",[[257,\"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,\"i18n-upload-file\"],\"i18nUploadDisabled\":[1,\"i18n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[257,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox\",[[321,\"ix-checkbox\",{\"name\":[513],\"value\":[513],\"label\":[1],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[516],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"isTouched\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-dropdown-header\",[[257,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text\",[[257,\"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\",[[257,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"oval\":[4],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4],\"ariaLabelIconButton\":[1,\"aria-label-icon-button\"]}]]],[\"ix-modal-loading\",[[257,\"ix-modal-loading\"]]],[\"ix-radio\",[[321,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"required\":[516],\"setCheckedState\":[64],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle\",[[321,\"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],\"isTouched\":[64]},null,{\"checked\":[\"watchCheckedChange\"]}]]],[\"ix-toggle-button\",[[257,\"ix-toggle-button\",{\"variant\":[1],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"pressed\":[4],\"ariaLabelButton\":[1,\"aria-label-button\"]}]]],[\"ix-tree\",[[257,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16,\"render-item\"],\"context\":[1040],\"toggleOnItemClick\":[4,\"toggle-on-item-click\"],\"markItemsAsDirty\":[64],\"refreshTree\":[64]},[[0,\"toggle\",\"onToggle\"]],{\"model\":[\"onModelChange\"]}]]],[\"ix-application\",[[257,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16,\"app-switch-config\"],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[257,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[257,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[257,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[257,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[257,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[257,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[257,\"ix-event-list-item\",{\"variant\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[257,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group\",[[257,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[257,\"ix-key-value\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[257,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[257,\"ix-kpi\",{\"label\":[1],\"ariaLabelAlarmIcon\":[1,\"aria-label-alarm-icon\"],\"ariaLabelWarningIcon\":[1,\"aria-label-warning-icon\"],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-layout-auto\",[[257,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button\",[[257,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[257,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[257,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[257,\"ix-modal\",{\"size\":[1],\"disableAnimation\":[4,\"disable-animation\"],\"hideBackdrop\":[4,\"hide-backdrop\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16,\"before-dismiss\"],\"centered\":[4],\"disableEscapeClose\":[4,\"disable-escape-close\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[257,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[257,\"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\",[[257,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip\",[[257,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[257,\"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\",[[257,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-typography\",[[257,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-select\",[[321,\"ix-select\",{\"name\":[513],\"required\":[516],\"label\":[1],\"ariaLabelChevronDownIconButton\":[1,\"aria-label-chevron-down-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"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,\"i18n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i18n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i18n-select-list-header\"],\"i18nNoMatches\":[1,\"i18n-no-matches\"],\"i18nAllSelected\":[1,\"i18n-all-selected\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"collapseMultipleSelection\":[4,\"collapse-multiple-selection\"],\"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-toast\",[[257,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"preventAutoClose\":[4,\"prevent-auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"progress\":[32],\"touched\":[32],\"paused\":[32],\"pause\":[64],\"resume\":[64],\"isPaused\":[64]}]]],[\"ix-breadcrumb-item\",[[257,\"ix-breadcrumb-item\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"rel\":[1],\"subtle\":[4],\"invisible\":[4],\"hideChevron\":[4,\"hide-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tree-item\",[[257,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16],\"ariaLabelChevronIcon\":[1,\"aria-label-chevron-icon\"]}]]],[\"ix-avatar_2\",[[257,\"ix-avatar\",{\"a11yLabel\":[1,\"a11y-label\"],\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"ariaLabelTooltip\":[1,\"aria-label-tooltip\"],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[257,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-modal-content_2\",[[257,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[257,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[257,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[257,\"ix-group-item\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"groupFooter\":[4,\"group-footer\"],\"selected\":[4],\"disabled\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-tab-item_2\",[[257,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[257,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32],\"showArrowPrevious\":[32],\"showArrowNext\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]],{\"selected\":[\"onSelectedChange\"]}]]],[\"ix-filter-chip_2\",[[257,\"ix-select-item\",{\"label\":[513],\"value\":[513],\"selected\":[4],\"hover\":[4],\"getDropdownItemElement\":[64],\"onItemClick\":[64]},null,{\"value\":[\"onValueChange\"],\"label\":[\"labelChange\"]}],[257,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"]}]]],[\"ix-card_2\",[[257,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[257,\"ix-card-content\"]]],[\"ix-date-time-card\",[[257,\"ix-date-time-card\",{\"embedded\":[4],\"timePickerAppearance\":[4,\"time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hasFooter\":[4,\"has-footer\"],\"corners\":[1]}]]],[\"ix-time-picker\",[[257,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"embedded\":[4],\"dateTimePickerAppearance\":[4,\"date-time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hourInterval\":[1026,\"hour-interval\"],\"minuteInterval\":[1026,\"minute-interval\"],\"secondInterval\":[1026,\"second-interval\"],\"millisecondInterval\":[1026,\"millisecond-interval\"],\"time\":[1],\"i18nConfirmTime\":[1,\"i18n-confirm-time\"],\"i18nHeader\":[1,\"i18n-header\"],\"i18nHourColumnHeader\":[1,\"i18n-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"_time\":[32],\"timeRef\":[32],\"formattedTime\":[32],\"timePickerDescriptors\":[32],\"isUnitFocused\":[32],\"focusedUnit\":[32],\"focusedValue\":[32],\"getCurrentTime\":[64]},null,{\"format\":[\"watchFormatIntervalPropHandler\"],\"hourInterval\":[\"watchHourIntervalPropHandler\"],\"minuteInterval\":[\"watchMinuteIntervalPropHandler\"],\"secondInterval\":[\"watchSecondIntervalPropHandler\"],\"millisecondInterval\":[\"watchMillisecondIntervalPropHandler\"],\"time\":[\"watchTimePropHandler\"],\"_time\":[\"onTimeChange\"]}]]],[\"ix-menu-expand-icon\",[[257,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-menu-item\",[[257,\"ix-menu-item\",{\"label\":[1],\"home\":[4],\"bottom\":[4],\"icon\":[1025],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"tooltipText\":[1,\"tooltip-text\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"isCategory\":[4,\"is-category\"],\"tooltip\":[32],\"ariaHiddenTooltip\":[32],\"menuExpanded\":[32]},null,{\"icon\":[\"onIconChange\"]}]]],[\"ix-card-accordion_2\",[[257,\"ix-card-accordion\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"collapse\":[4],\"variant\":[1],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[257,\"ix-card-title\"]]],[\"ix-divider\",[[257,\"ix-divider\"]]],[\"ix-dropdown-item\",[[257,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelButton\":[1,\"aria-label-button\"],\"hover\":[4],\"disabled\":[516],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-button\",[[273,\"ix-button\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"variant\":[1],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"form\":[1],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"],\"href\":[1],\"target\":[1],\"rel\":[1]},[[2,\"click\",\"handleClick\"]],{\"form\":[\"handleFormChange\"]}]]],[\"ix-dropdown\",[[257,\"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,\"overwrite-dropdown-style\"],\"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-col_4\",[[257,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[257,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[257,\"ix-row\"],[257,\"ix-date-picker\",{\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"i18nDone\":[1,\"i18n-done\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"embedded\":[4],\"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\",[[257,\"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-field-label_2\",[[257,\"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,\"control-ref\"]}],[257,\"ix-field-label\",{\"required\":[1540],\"htmlFor\":[513,\"html-for\"],\"controlRef\":[16,\"control-ref\"],\"isInvalid\":[1028,\"is-invalid\"]},null,{\"htmlFor\":[\"registerHtmlForObserver\"],\"controlRef\":[\"registerControlRefObserver\"]}]]],[\"ix-icon-button_2\",[[257,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"oval\":[4],\"icon\":[1],\"size\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[257,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]]]"), options);
|
|
9
|
+
return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[257,\"ix-datetime-picker\",{\"singleSelection\":[4,\"single-selection\"],\"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,\"i18n-time\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"]}]]],[\"ix-pagination\",[[257,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"hideItemCount\":[4,\"hide-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i18n-page\"],\"i18nOf\":[1,\"i18n-of\"],\"i18nItems\":[1,\"i18n-items\"],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"ariaLabelPageSelection\":[1,\"aria-label-page-selection\"]}]]],[\"ix-date-dropdown\",[[257,\"ix-date-dropdown\",{\"disabled\":[4],\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"variant\":[1],\"loading\":[4],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"customRangeDisabled\":[4,\"custom-range-disabled\"],\"dateRangeOptions\":[16,\"date-range-options\"],\"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\",[[321,\"ix-date-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"locale\":[1],\"format\":[1],\"required\":[4],\"helperText\":[1,\"helper-text\"],\"label\":[1],\"ariaLabelCalendarButton\":[1,\"aria-label-calendar-button\"],\"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\"],\"weekStartIndex\":[2,\"week-start-index\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"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\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-time-input\",[[321,\"ix-time-input\",{\"name\":[513],\"placeholder\":[513],\"value\":[1537],\"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\"],\"i18nErrorTimeUnparsable\":[1,\"i18n-error-time-unparsable\"],\"hourInterval\":[2,\"hour-interval\"],\"minuteInterval\":[2,\"minute-interval\"],\"secondInterval\":[2,\"second-interval\"],\"millisecondInterval\":[2,\"millisecond-interval\"],\"i18nSelectTime\":[1,\"i18n-select-time\"],\"i18nTime\":[1,\"i18n-time\"],\"i18nHourColumnHeader\":[1,\"i18n-hour-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"hideHeader\":[4,\"hide-header\"],\"textAlignment\":[1,\"text-alignment\"],\"show\":[32],\"time\":[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\":[\"watchValuePropHandler\",\"watchValue\"],\"isInputInvalid\":[\"onInputValidationChange\"]}]]],[\"ix-menu-avatar\",[[257,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i18n-logout\"],\"hideLogoutButton\":[4,\"hide-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[257,\"ix-card-list\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"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,\"i18n-show-all\"],\"i18nMoreCards\":[1,\"i18n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-input\",[[321,\"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\"],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"inputType\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"getValidityState\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"type\":[\"updateInputType\"]}]]],[\"ix-menu\",[[257,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"i18nExpandSidebar\":[1,\"i18n-expand-sidebar\"],\"expand\":[1540],\"startExpanded\":[4,\"start-expanded\"],\"pinned\":[4],\"i18nLegal\":[1,\"i18n-legal\"],\"i18nSettings\":[1,\"i18n-settings\"],\"i18nToggleTheme\":[1,\"i18n-toggle-theme\"],\"i18nExpand\":[1,\"i18n-expand\"],\"i18nCollapse\":[1,\"i18n-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\"]],{\"expand\":[\"expandChanged\"],\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-category\",[[257,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"tooltipText\":[1,\"tooltip-text\"],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]},[[8,\"closeOtherCategories\",\"onPointerLeave\"]]]]],[\"ix-number-input\",[[321,\"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\"],\"step\":[8],\"suppressSubmitOnEnter\":[516,\"suppress-submit-on-enter\"],\"textAlignment\":[1,\"text-alignment\"],\"allowEmptyValueChange\":[516,\"allow-empty-value-change\"],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"isInvalidByRequired\":[32],\"getAssociatedFormElement\":[64],\"hasValidValue\":[64],\"getNativeInputElement\":[64],\"focusInput\":[64],\"isTouched\":[64]},null,{\"value\":[\"onValueChange\"]}]]],[\"ix-application-header\",[[257,\"ix-application-header\",{\"name\":[1],\"nameSuffix\":[1,\"name-suffix\"],\"companyLogo\":[1,\"company-logo\"],\"companyLogoAlt\":[1,\"company-logo-alt\"],\"appIcon\":[1,\"app-icon\"],\"appIconAlt\":[1,\"app-icon-alt\"],\"appIconOutline\":[4,\"app-icon-outline\"],\"hideBottomBorder\":[4,\"hide-bottom-border\"],\"showMenu\":[1028,\"show-menu\"],\"ariaLabelMenuExpandIconButton\":[1,\"aria-label-menu-expand-icon-button\"],\"ariaLabelAppSwitchIconButton\":[1,\"aria-label-app-switch-icon-button\"],\"ariaLabelMoreMenuIconButton\":[1,\"aria-label-more-menu-icon-button\"],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedLogo\":[32],\"hasOverflowContextMenu\":[32],\"hasSecondarySlotElements\":[32],\"hasDefaultSlotElements\":[32],\"hasOverflowSlotElements\":[32],\"applicationLayoutContext\":[32]},null,{\"applicationLayoutContext\":[\"watchApplicationLayoutContext\"],\"suppressResponsive\":[\"watchSuppressResponsive\"]}]]],[\"ix-application-switch-modal\",[[257,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-push-card\",[[257,\"ix-push-card\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"expanded\":[4],\"passive\":[4]}]]],[\"ix-breadcrumb\",[[257,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16,\"next-items\"],\"subtle\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[257,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16,\"filter-state\"],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16,\"non-selectable-categories\"],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"staticOperator\":[1,\"static-operator\"],\"uniqueCategories\":[4,\"unique-categories\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i18n-plain-text\"],\"ariaLabelResetButton\":[1,\"aria-label-reset-button\"],\"ariaLabelOperatorButton\":[1,\"aria-label-operator-button\"],\"ariaLabelFilterInput\":[1,\"aria-label-filter-input\"],\"showDropdown\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-checkbox-group\",[[257,\"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\"],\"required\":[4],\"isInvalid\":[32],\"isInfo\":[32],\"isValid\":[32],\"isWarning\":[32],\"isTouched\":[64],\"hasValidValue\":[64]}]]],[\"ix-chip\",[[257,\"ix-chip\",{\"variant\":[513],\"inactive\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4],\"tooltipText\":[8,\"tooltip-text\"],\"centerContent\":[4,\"center-content\"],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"]}]]],[\"ix-custom-field\",[[257,\"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\",[[257,\"ix-dropdown-button\",{\"variant\":[1],\"disabled\":[516],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"ariaLabelDropdownButton\":[1,\"aria-label-dropdown-button\"],\"dropdownShow\":[32]}]]],[\"ix-group\",[[257,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"expanded\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"slotSize\":[32],\"footerVisible\":[32],\"showExpandCollapsedIcon\":[32],\"hasDropdown\":[32]},[[0,\"selectedChanged\",\"onItemClicked\"]],{\"selected\":[\"selectedChanged\"]}]]],[\"ix-menu-about\",[[257,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[257,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i18n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[257,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-radio-group\",[[257,\"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],\"required\":[4],\"isInvalid\":[32],\"isValid\":[32],\"isInfo\":[32],\"isWarning\":[32],\"hasValidValue\":[64],\"isTouched\":[64],\"setCheckedToNextItem\":[64]},[[0,\"checkedChange\",\"onCheckedChangeHandler\"]],{\"value\":[\"onValueChangeHandler\"]}]]],[\"ix-split-button\",[[257,\"ix-split-button\",{\"variant\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"label\":[1],\"ariaLabelButton\":[1,\"aria-label-button\"],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"ariaLabelSplitIconButton\":[1,\"aria-label-split-icon-button\"],\"disabled\":[4],\"disableButton\":[4,\"disable-button\"],\"disableDropdownButton\":[4,\"disable-dropdown-button\"],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-textarea\",[[321,\"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]},null,{\"textareaHeight\":[\"onDimensionPropsChange\"],\"textareaWidth\":[\"onDimensionPropsChange\"],\"resizeBehavior\":[\"onResizeBehaviorChange\"]}]]],[\"ix-toast-container\",[[257,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-action-card\",[[257,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"heading\":[1],\"subheading\":[1],\"selected\":[4],\"ariaLabelCard\":[1,\"aria-label-card\"],\"passive\":[4]}]]],[\"ix-content-header\",[[257,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[257,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1],\"ariaLabelEmptyStateIcon\":[1,\"aria-label-empty-state-icon\"]}]]],[\"ix-pane\",[[257,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCollapseCloseButton\":[1,\"aria-label-collapse-close-button\"],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"expanded\":[\"onExpandedChange\",\"onSizeChange\"],\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-drawer\",[[257,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"ariaLabelCloseButton\":[1,\"aria-label-close-button\"],\"showContent\":[32],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[257,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"variant\":[1],\"ariaLabelSearchIconButton\":[1,\"aria-label-search-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"ariaLabelSearchInput\":[1,\"aria-label-search-input\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[257,\"ix-flip-tile\",{\"variant\":[1],\"height\":[8],\"width\":[8],\"index\":[2],\"ariaLabelEyeIconButton\":[1,\"aria-label-eye-icon-button\"],\"isFlipAnimationActive\":[32],\"hasFooterSlot\":[32]},null,{\"index\":[\"watchIndex\"]}]]],[\"ix-message-bar\",[[257,\"ix-message-bar\",{\"type\":[1],\"persistent\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-pill\",[[257,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"background\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"],\"tooltipText\":[8,\"tooltip-text\"],\"iconOnly\":[32]}]]],[\"ix-progress-indicator\",[[257,\"ix-progress-indicator\",{\"type\":[1],\"size\":[1],\"value\":[2],\"min\":[2],\"max\":[2],\"status\":[1],\"label\":[1],\"helperText\":[1,\"helper-text\"],\"textAlignment\":[1,\"text-alignment\"],\"showTextAsTooltip\":[4,\"show-text-as-tooltip\"]}]]],[\"ix-slider\",[[257,\"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\",[[257,\"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,\"i18n-upload-file\"],\"i18nUploadDisabled\":[1,\"i18n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[257,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-checkbox\",[[321,\"ix-checkbox\",{\"name\":[513],\"value\":[513],\"label\":[1],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[516],\"required\":[516],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64],\"isTouched\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-dropdown-header\",[[257,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-helper-text\",[[257,\"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\",[[257,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"oval\":[4],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4],\"ariaLabelIconButton\":[1,\"aria-label-icon-button\"]}]]],[\"ix-modal-loading\",[[257,\"ix-modal-loading\"]]],[\"ix-radio\",[[321,\"ix-radio\",{\"name\":[513],\"value\":[513],\"label\":[1],\"disabled\":[4],\"checked\":[1540],\"required\":[516],\"setCheckedState\":[64],\"hasValidValue\":[64],\"getAssociatedFormElement\":[64]},null,{\"checked\":[\"onCheckedChange\"],\"value\":[\"onValueChange\"]}]]],[\"ix-toggle\",[[321,\"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],\"isTouched\":[64]},null,{\"checked\":[\"watchCheckedChange\"]}]]],[\"ix-toggle-button\",[[257,\"ix-toggle-button\",{\"variant\":[1],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"pressed\":[4],\"ariaLabelButton\":[1,\"aria-label-button\"]}]]],[\"ix-tree\",[[257,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16,\"render-item\"],\"context\":[1040],\"toggleOnItemClick\":[4,\"toggle-on-item-click\"],\"markItemsAsDirty\":[64],\"refreshTree\":[64]},[[0,\"toggle\",\"onToggle\"]],{\"model\":[\"onModelChange\"]}]]],[\"ix-application\",[[257,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16,\"app-switch-config\"],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[257,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[257,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[257,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[257,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[257,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[257,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[257,\"ix-event-list-item\",{\"variant\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[257,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-input-group\",[[257,\"ix-input-group\",{\"disabled\":[32],\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[257,\"ix-key-value\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[257,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[257,\"ix-kpi\",{\"label\":[1],\"ariaLabelAlarmIcon\":[1,\"aria-label-alarm-icon\"],\"ariaLabelWarningIcon\":[1,\"aria-label-warning-icon\"],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-layout-auto\",[[257,\"ix-layout-auto\",{\"layout\":[16]},null,{\"layout\":[\"updateMediaQueryList\"]}]]],[\"ix-link-button\",[[257,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[257,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[257,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[257,\"ix-modal\",{\"size\":[1],\"disableAnimation\":[4,\"disable-animation\"],\"hideBackdrop\":[4,\"hide-backdrop\"],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16,\"before-dismiss\"],\"centered\":[4],\"disableEscapeClose\":[4,\"disable-escape-close\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[257,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[257,\"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\",[[257,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-validation-tooltip\",[[257,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[257,\"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\",[[257,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-typography\",[[257,\"ix-typography\",{\"format\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]],[\"ix-select\",[[321,\"ix-select\",{\"name\":[513],\"required\":[516],\"label\":[1],\"ariaLabelChevronDownIconButton\":[1,\"aria-label-chevron-down-icon-button\"],\"ariaLabelClearIconButton\":[1,\"aria-label-clear-icon-button\"],\"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,\"i18n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i18n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i18n-select-list-header\"],\"i18nNoMatches\":[1,\"i18n-no-matches\"],\"i18nAllSelected\":[1,\"i18n-all-selected\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMaxWidth\":[1,\"dropdown-max-width\"],\"collapseMultipleSelection\":[4,\"collapse-multiple-selection\"],\"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-toast\",[[257,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"preventAutoClose\":[4,\"prevent-auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"hideIcon\":[4,\"hide-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"progress\":[32],\"touched\":[32],\"paused\":[32],\"pause\":[64],\"resume\":[64],\"isPaused\":[64]}]]],[\"ix-breadcrumb-item\",[[257,\"ix-breadcrumb-item\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"label\":[1],\"icon\":[1],\"href\":[1],\"target\":[1],\"rel\":[1],\"subtle\":[4],\"invisible\":[4],\"hideChevron\":[4,\"hide-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tree-item\",[[257,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16],\"ariaLabelChevronIcon\":[1,\"aria-label-chevron-icon\"]}]]],[\"ix-avatar_2\",[[257,\"ix-avatar\",{\"a11yLabel\":[1,\"a11y-label\"],\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"ariaLabelTooltip\":[1,\"aria-label-tooltip\"],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[257,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-modal-content_2\",[[257,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[257,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[257,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[257,\"ix-group-item\",{\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"groupFooter\":[4,\"group-footer\"],\"selected\":[4],\"disabled\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-tab-item_2\",[[257,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[257,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"ariaLabelChevronLeftIconButton\":[1,\"aria-label-chevron-left-icon-button\"],\"ariaLabelChevronRightIconButton\":[1,\"aria-label-chevron-right-icon-button\"],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32],\"showArrowPrevious\":[32],\"showArrowNext\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]],{\"selected\":[\"onSelectedChange\"]}]]],[\"ix-filter-chip_2\",[[257,\"ix-select-item\",{\"label\":[513],\"value\":[513],\"selected\":[4],\"hover\":[4],\"getDropdownItemElement\":[64],\"onItemClick\":[64]},null,{\"value\":[\"onValueChange\"],\"label\":[\"labelChange\"]}],[257,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4],\"ariaLabelCloseIconButton\":[1,\"aria-label-close-icon-button\"]}]]],[\"ix-card_2\",[[257,\"ix-card\",{\"variant\":[1],\"selected\":[4],\"passive\":[4]}],[257,\"ix-card-content\"]]],[\"ix-date-time-card\",[[257,\"ix-date-time-card\",{\"embedded\":[4],\"timePickerAppearance\":[4,\"time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hasFooter\":[4,\"has-footer\"],\"corners\":[1]}]]],[\"ix-time-picker\",[[257,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"embedded\":[4],\"dateTimePickerAppearance\":[4,\"date-time-picker-appearance\"],\"hideHeader\":[4,\"hide-header\"],\"hourInterval\":[1026,\"hour-interval\"],\"minuteInterval\":[1026,\"minute-interval\"],\"secondInterval\":[1026,\"second-interval\"],\"millisecondInterval\":[1026,\"millisecond-interval\"],\"time\":[1],\"i18nConfirmTime\":[1,\"i18n-confirm-time\"],\"i18nHeader\":[1,\"i18n-header\"],\"i18nHourColumnHeader\":[1,\"i18n-column-header\"],\"i18nMinuteColumnHeader\":[1,\"i18n-minute-column-header\"],\"i18nSecondColumnHeader\":[1,\"i18n-second-column-header\"],\"i18nMillisecondColumnHeader\":[1,\"i18n-millisecond-column-header\"],\"_time\":[32],\"timeRef\":[32],\"formattedTime\":[32],\"timePickerDescriptors\":[32],\"isUnitFocused\":[32],\"focusedUnit\":[32],\"focusedValue\":[32],\"getCurrentTime\":[64]},null,{\"format\":[\"watchFormatIntervalPropHandler\"],\"hourInterval\":[\"watchHourIntervalPropHandler\"],\"minuteInterval\":[\"watchMinuteIntervalPropHandler\"],\"secondInterval\":[\"watchSecondIntervalPropHandler\"],\"millisecondInterval\":[\"watchMillisecondIntervalPropHandler\"],\"time\":[\"watchTimePropHandler\"],\"_time\":[\"onTimeChange\"]}]]],[\"ix-menu-expand-icon\",[[257,\"ix-menu-expand-icon\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"breakpoint\":[513],\"pinned\":[4]}]]],[\"ix-menu-item\",[[257,\"ix-menu-item\",{\"label\":[1],\"home\":[4],\"bottom\":[4],\"icon\":[1025],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"tooltipText\":[1,\"tooltip-text\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"isCategory\":[4,\"is-category\"],\"tooltip\":[32],\"ariaHiddenTooltip\":[32],\"menuExpanded\":[32]},null,{\"icon\":[\"onIconChange\"]}]]],[\"ix-card-accordion_2\",[[257,\"ix-card-accordion\",{\"ariaLabelExpandButton\":[1,\"aria-label-expand-button\"],\"collapse\":[4],\"variant\":[1],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[257,\"ix-card-title\"]]],[\"ix-divider\",[[257,\"ix-divider\"]]],[\"ix-dropdown-item\",[[257,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"ariaLabelIcon\":[1,\"aria-label-icon\"],\"ariaLabelButton\":[1,\"aria-label-button\"],\"hover\":[4],\"disabled\":[516],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-button\",[[273,\"ix-button\",{\"ariaLabelButton\":[1,\"aria-label-button\"],\"variant\":[1],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"form\":[1],\"icon\":[1],\"iconRight\":[1,\"icon-right\"],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"],\"href\":[1],\"target\":[1],\"rel\":[1]},[[2,\"click\",\"handleClick\"]],{\"form\":[\"handleFormChange\"]}]]],[\"ix-dropdown\",[[257,\"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,\"overwrite-dropdown-style\"],\"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-col_4\",[[257,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[257,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[257,\"ix-row\"],[257,\"ix-date-picker\",{\"format\":[1],\"singleSelection\":[4,\"single-selection\"],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"i18nDone\":[1,\"i18n-done\"],\"ariaLabelPreviousMonthButton\":[1,\"aria-label-previous-month-button\"],\"ariaLabelNextMonthButton\":[1,\"aria-label-next-month-button\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"showWeekNumbers\":[4,\"show-week-numbers\"],\"embedded\":[4],\"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\",[[257,\"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-field-label_2\",[[257,\"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,\"control-ref\"]}],[257,\"ix-field-label\",{\"required\":[1540],\"htmlFor\":[513,\"html-for\"],\"controlRef\":[16,\"control-ref\"],\"isInvalid\":[1028,\"is-invalid\"]},null,{\"htmlFor\":[\"registerHtmlForObserver\"],\"controlRef\":[\"registerControlRefObserver\"]}]]],[\"ix-icon-button_2\",[[257,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"oval\":[4],\"icon\":[1],\"size\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[257,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]]]"), options);
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { defineCustomElements };
|