@infineon/infineon-design-system-stencil 37.13.1--canary.1987.af4057eae2ab04d5a02dcce99e6921a50cf96f1f.0 → 37.14.0--canary.1964.0cc47e126559ad69071eedaaa2c1137ce976ec2c.0

package/dist/esm/ifx-textarea.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, d as Host, a as getElement
 import { d as detectFramework, t as trackComponent } from './framework-detection-DcmcuUOA.js';
 import { i as isNestedInIfxComponent } from './dom-utils-Bw2fh5LT.js';
 
-const textareaCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:flex;flex-direction:column;width:100%}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}.wrapper__label .required{margin-left:4px}.wrapper__label .required.error{color:#CD002F}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea{width:100%}.wrapper__textarea.fullWidth{width:100%}.wrapper__textarea.fullWidth textarea{width:100%;box-sizing:border-box}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:2px solid #0A8276;outline-offset:0}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}";
+const textareaCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:flex;flex-direction:column;width:100%}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}.wrapper__label .required{margin-left:4px}.wrapper__label .required.error{color:#CD002F}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea{width:100%}.wrapper__textarea.fullWidth{width:100%}.wrapper__textarea.fullWidth textarea{width:100%;box-sizing:border-box}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0A8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}";
 
 const TextArea = class {
     constructor(hostRef) {
@@ -65,8 +65,8 @@ const TextArea = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '12bde489e47781aec33e8d4926c4df84f59b2fbb', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '5e71a8259e4bad4c128964b1f1ce88e7ab6e79a4', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.trim(), this.required && (h("span", { key: '50e89654dd63aea0d30960538b7deed3e8ae5bb1', class: `required ${this.error ? 'error' : ""}` }, "*"))), h("div", { key: 'd385ecd414a6b71a06ca64a8db477229b070f333', class: 'wrapper__textarea' }, h("textarea", { key: '4047c48ea3444963990899301eca7d744a7cb7fc', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '7f5dcfefb8274224155d0b0dcbc556a5443e21bd', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: '3c6e9e94424bf16199c02a74b37c38e5479da515', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '523b22340786b4b80049b8a5c564156ab270ec7c', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.trim(), this.required && (h("span", { key: 'f297fabd11b18aab1f8ac32c4111ce48514c8607', class: `required ${this.error ? 'error' : ""}` }, "*"))), h("div", { key: 'd0e5f4351bf8b7b4483db55da4262898aa7e45e2', class: 'wrapper__textarea' }, h("textarea", { key: 'a3b6fe24bac13ce7360a76990ae05e2252d43962', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'a084c410f63bd7ca6dc10acc326cc0c14a951be1', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
     get el() { return getElement(this); }

package/dist/esm/ifx-textarea.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-textarea.entry.js","sources":["src/components/textarea/textarea.scss?tag=ifx-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.wrapper__label {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    & .required {\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n}\n:host(.wrapper--disabled) .wrapper__label {\n    color: tokens.$ifxColorEngineering500;\n}\n\n.wrapper__textarea {\n    width: 100%;\n    &.fullWidth { \n        width: 100%;\n        & textarea { \n            width: 100%;\n            box-sizing: border-box; \n        }\n    }\n}\n\n.wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering400;\n    border-radius: tokens.$ifxSpace12;\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n    \n    background-color: tokens.$ifxColorBaseWhite;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    \n    transition: all 100ms ease;\n    transition-property: border-color;\n\n    &:hover {\n        border: 1px solid tokens.$ifxColorEngineering500;\n    }\n    \n    &:focus-within {\n     outline: 2px solid tokens.$ifxColorOcean500;\n     outline-offset: 0; \n    }\n}\n\n:host(.wrapper--error) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering500;\n\n    background-color: tokens.$ifxColorEngineering200;\n}\n\n.wrapper__caption {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n}\n:host(.wrapper--error) .wrapper__caption {\n    color: tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__caption {\n    color: tokens.$ifxColorEngineering500;\n}","import { h, AttachInternals, Component, Event, EventEmitter, Host, Method, Prop, Element } from \"@stencil/core\"\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n\tformAssociated: true,\n\tshadow: true,\n\tstyleUrl: 'textarea.scss',\n\ttag: 'ifx-textarea'\n})\n\nexport class TextArea {\n\n\tprivate inputId: string = `ifx-textarea-${++textareaId}`;\n\n\t@AttachInternals() internals: ElementInternals;\n\n\t@Event() ifxInput: EventEmitter<String>;\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop() cols: number;\n\t@Prop() disabled: boolean = false;\n\t@Prop() error: boolean = false;\n\t@Prop() label: string;\n\t@Prop() maxlength: number;\n\t@Prop() name: string;\n\t@Prop() placeholder: string;\n\t@Prop() required: boolean = false;\n\t@Prop() readOnly: boolean = false;\n\t@Prop() resize: 'both' | 'horizontal' | 'vertical' | 'none' = 'both';\n\t@Prop() rows: number;\n\t@Prop({ mutable: true }) value: string;\n\t@Prop() wrap: 'hard' | 'soft' | 'off' = 'soft';\n\t@Prop({ reflect: true }) fullWidth: string = \"false\";\n\n\t@Method()\n\tasync reset() {\n\t\tthis.resetTextarea();\n\t}\n\n\thandleComponentWidth() {\n\t\tconst textareaWrapper = this.el.shadowRoot.querySelector('.wrapper__textarea')\n\t\tconst isFullWidth = this.fullWidth.toLowerCase() === \"true\";\n\n\t\tif (isFullWidth) {\n\t\t\ttextareaWrapper.classList.add('fullWidth')\n\t\t} else if (textareaWrapper.classList.contains('fullWidth')) {\n\t\t\ttextareaWrapper.classList.remove('fullWidth');\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.handleComponentWidth()\n\t}\n\n\tformResetCallback(): void {\n\t\tthis.resetTextarea();\n\t\tthis.internals.setFormValue(\"\");\n\t}\n\n\thandleOnInput(e: InputEvent): void {\n\t\tthis.value = (e.target as HTMLTextAreaElement).value;\n\t\tthis.internals.setFormValue(this.value);\n\t\tthis.ifxInput.emit(this.value);\n\t}\n\n\tresetTextarea() {\n\t\tthis.value = '';\n\t\tthis.internals.setValidity({});\n\t\tthis.internals.setFormValue('');\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.internals.setFormValue(this.value);\n\t}\n\n\t\tasync componentDidLoad() { \n\t\tif(!isNestedInIfxComponent(this.el)) { \n\t\t\tconst framework = detectFramework();\n\t\t\ttrackComponent('ifx-textarea', await framework)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}`}>\n\t\t\t\t<label class='wrapper__label' htmlFor={this.inputId}>\n\t\t\t\t\t{this.label?.trim()}\n\t\t\t\t\t{this.required && (\n\t\t\t\t\t\t<span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n\t\t\t\t\t)}\n\t\t\t\t</label>\n\n\t\t\t\t<div class='wrapper__textarea'>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\taria-label='a textarea'\n\t\t\t\t\t\taria-value={this.value}\n\t\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\t\tid={this.inputId}\n\t\t\t\t\t\tstyle={{ resize: this.resize }}\n\t\t\t\t\t\tname={this.name ? this.name : this.inputId}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\twrap={this.wrap}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadonly={this.readOnly}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={(e) => this.handleOnInput(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.caption?.trim() && (\n\t\t\t\t\t<div class='wrapper__caption'>\n\t\t\t\t\t\t{this.caption.trim()}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n\nlet textareaId = 0;"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifx-textarea.entry.js","sources":["src/components/textarea/textarea.scss?tag=ifx-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.wrapper__label {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    & .required {\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n}\n:host(.wrapper--disabled) .wrapper__label {\n    color: tokens.$ifxColorEngineering500;\n}\n\n.wrapper__textarea {\n    width: 100%;\n    &.fullWidth { \n        width: 100%;\n        & textarea { \n            width: 100%;\n            box-sizing: border-box; \n        }\n    }\n}\n\n.wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering400;\n    border-radius: tokens.$ifxSpace12;\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n    \n    background-color: tokens.$ifxColorBaseWhite;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    \n    transition: all 100ms ease;\n    transition-property: border-color;\n\n    &:hover {\n        border: 1px solid tokens.$ifxColorEngineering500;\n    }\n    \n    &:focus-within {\n        outline: none;\n        border: 1px solid tokens.$ifxColorOcean500;\n    }\n}\n\n:host(.wrapper--error) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering500;\n\n    background-color: tokens.$ifxColorEngineering200;\n}\n\n.wrapper__caption {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n}\n:host(.wrapper--error) .wrapper__caption {\n    color: tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__caption {\n    color: tokens.$ifxColorEngineering500;\n}","import { h, AttachInternals, Component, Event, EventEmitter, Host, Method, Prop, Element } from \"@stencil/core\"\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n\tformAssociated: true,\n\tshadow: true,\n\tstyleUrl: 'textarea.scss',\n\ttag: 'ifx-textarea'\n})\n\nexport class TextArea {\n\n\tprivate inputId: string = `ifx-textarea-${++textareaId}`;\n\n\t@AttachInternals() internals: ElementInternals;\n\n\t@Event() ifxInput: EventEmitter<String>;\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop() cols: number;\n\t@Prop() disabled: boolean = false;\n\t@Prop() error: boolean = false;\n\t@Prop() label: string;\n\t@Prop() maxlength: number;\n\t@Prop() name: string;\n\t@Prop() placeholder: string;\n\t@Prop() required: boolean = false;\n\t@Prop() readOnly: boolean = false;\n\t@Prop() resize: 'both' | 'horizontal' | 'vertical' | 'none' = 'both';\n\t@Prop() rows: number;\n\t@Prop({ mutable: true }) value: string;\n\t@Prop() wrap: 'hard' | 'soft' | 'off' = 'soft';\n\t@Prop({ reflect: true }) fullWidth: string = \"false\";\n\n\t@Method()\n\tasync reset() {\n\t\tthis.resetTextarea();\n\t}\n\n\thandleComponentWidth() {\n\t\tconst textareaWrapper = this.el.shadowRoot.querySelector('.wrapper__textarea')\n\t\tconst isFullWidth = this.fullWidth.toLowerCase() === \"true\";\n\n\t\tif (isFullWidth) {\n\t\t\ttextareaWrapper.classList.add('fullWidth')\n\t\t} else if (textareaWrapper.classList.contains('fullWidth')) {\n\t\t\ttextareaWrapper.classList.remove('fullWidth');\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.handleComponentWidth()\n\t}\n\n\tformResetCallback(): void {\n\t\tthis.resetTextarea();\n\t\tthis.internals.setFormValue(\"\");\n\t}\n\n\thandleOnInput(e: InputEvent): void {\n\t\tthis.value = (e.target as HTMLTextAreaElement).value;\n\t\tthis.internals.setFormValue(this.value);\n\t\tthis.ifxInput.emit(this.value);\n\t}\n\n\tresetTextarea() {\n\t\tthis.value = '';\n\t\tthis.internals.setValidity({});\n\t\tthis.internals.setFormValue('');\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.internals.setFormValue(this.value);\n\t}\n\n\t\tasync componentDidLoad() { \n\t\tif(!isNestedInIfxComponent(this.el)) { \n\t\t\tconst framework = detectFramework();\n\t\t\ttrackComponent('ifx-textarea', await framework)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}`}>\n\t\t\t\t<label class='wrapper__label' htmlFor={this.inputId}>\n\t\t\t\t\t{this.label?.trim()}\n\t\t\t\t\t{this.required && (\n\t\t\t\t\t\t<span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n\t\t\t\t\t)}\n\t\t\t\t</label>\n\n\t\t\t\t<div class='wrapper__textarea'>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\taria-label='a textarea'\n\t\t\t\t\t\taria-value={this.value}\n\t\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\t\tid={this.inputId}\n\t\t\t\t\t\tstyle={{ resize: this.resize }}\n\t\t\t\t\t\tname={this.name ? this.name : this.inputId}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\twrap={this.wrap}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\treadonly={this.readOnly}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={(e) => this.handleOnInput(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.caption?.trim() && (\n\t\t\t\t\t<div class='wrapper__caption'>\n\t\t\t\t\t\t{this.caption.trim()}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n\nlet textareaId = 0;"],"names":[],"mappings":"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"}

package/dist/esm/ifx-tooltip.entry.js

@@ -157,10 +157,10 @@ const Tooltip = class {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: '392a0dea33ce094c1c9edfa66bac570041c6faa8', "aria-label": this.ariaLabel, "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '060d3d893192da2f5c9e7da059a72ad24c3e96fb' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'f692d7b1592c89f011d5ecedf33bddf9eb76fea7', class: tooltipDismissible }, h("button", { key: 'ebb9ec532d359f6f3d7e27bce88d39a5bef0a02a', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '5d6135b54703c7a9543913868033d20400c621d3', icon: "cross16" })), h("div", { key: '70a28bfc24bed55c221b2f63aabe22fe937cb9cb', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'a84b24eaf5770c80953a2a3b9bc58d4a47971d23', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '5784c784d17950c0c656fd3b20b55d2c5439dfb4', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '4873d99641fc0d149f7a8670d60b137da4850ec6', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'fe2be9c1c3e054513a06279a93079ad27157c09f', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '8e01e6bce39dfe478415debfb61b2e9220b4d28e', class: tooltipCompact }, this.text, h("svg", { key: 'dab75581ded89658750d748b631a540c3f4f7646', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a25a3ec98ba2a6c59183ae0220a004d2c903757e', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: '09283c102e17de29a463565681bca1eb5a1a0cb3', class: tooltipExtended }, h("slot", { key: '599a57702fbf73b7540eb59d3a7d2c1e82a63b06', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
-                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: 'b0e22b8bab61afc6150a3d2aa7d79d9744a0abf8', class: "tooltip-extended-content" }, this.header && h("div", { key: 'e7b46d17bf65831f2875af89326d0a5774910192', class: "tooltip-extended-header" }, this.header), h("div", { key: 'e5123a74a9234baf5fb6b5f25026217ea066d6b2', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '321c1f9fca215417f9f68998fc0de65dc23c4a80', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '99062b9d90e6c7c109612eb3b59170694c150f62', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '3153b0de8f955ba1d53fd410855245c5b83346ac', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '9e17213b1685ddb719d1b5e1054d6058a4ee6883' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '0a01726d528c78f665ddd375eb452c861e6834d4', class: tooltipDismissible }, h("button", { key: '8aec520727f0b555764fc6a89607f5c886375cec', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '45f9288221b598e49a1ea2647c84e37bab684cca', icon: "cross16" })), h("div", { key: '17a744951346dcc88e2d2bb04952338fbf8a6c9d', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '54973c1b3ca9034220cb84d51a30855f07baa85b', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '1f124dfbcdbf0bd5b05ef347d1b8e453d9a1dae8', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '30abeaa7d05f1763d9d461ab4eaa65c8f9e1c8f0', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4f4209dc3752a40763fd37fa2e16ad2e1c3cf33f', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: 'ac89e86f8946ce718e8c63322afd009c55a34be2', class: tooltipCompact }, this.text, h("svg", { key: '4ddca543a94d87b954da35ba3c409938a0dc340d', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2bbd19dc92dfa85cfc8ceab896312ed1bfcd533c', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: 'fdea84a28417d4f6cde203f33a7a0978d466c81b', class: tooltipExtended }, h("slot", { key: 'aac6014d34993ec145a3c60453b392cd3dd36959', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
+                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '3e552b9f5a4ae27eec6688fb47d3d89f614062a9', class: "tooltip-extended-content" }, this.header && h("div", { key: '4e1c314b046fcc6b32fc7c44a41f9b422ace2e0d', class: "tooltip-extended-header" }, this.header), h("div", { key: 'f84d89ad6724fd74de8ce72d290b23bef7b5f011', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'ac13f38631507d24581b51f5b4853ce6322ea740', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dde248f6e0a563df8c58d642635e89982cb79497', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ifx-tooltip.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"ifx-tooltip.entry.js","sources":["src/components/tooltip/tooltip.scss?tag=ifx-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip__container {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n}\n\n%tooltip-common {\n  background-color: tokens.$ifxColorBaseBlack;\n  border: 1px solid black;\n  z-index: 1080;\n  display: none;\n  transition: opacity 0.3s;\n  position: absolute;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  color: tokens.$ifxColorBaseWhite;\n  width: max-content;\n  box-sizing: border-box;\n\n  white-space: pre-wrap;   /* wraps text at spaces and within words */\n  word-wrap: break-word;   /* breaks text within a word if necessary */\n  overflow-wrap: anywhere; /* breaks text at arbitrary points when needed */\n\n  &.visible {\n    display: flex !important;\n    align-items: start;\n    //min-width: 100px;\n    //width: auto;\n  }\n}\n\n\n\n.tooltip-dismissible {\n  @extend %tooltip-common;\n\n    .close-button {\n      all: unset;\n      //position: absolute;\n      //top: tokens.$ifxSpace150;\n      //right: tokens.$ifxSpace150;\n      cursor: pointer;\n      position: relative;\n      order: 2;\n      margin-top: 12px;\n      margin-right: 12px;\n      line-height: 0px;\n    }\n\n  .tooltip-dismissible-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n\n  }\n\n  .tooltip-dismissible-header,\n  .tooltip-dismissible-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-dismissible-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-dismissible-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n.tooltip-compact {\n  @extend %tooltip-common;\n  padding: 4px 8px;\n  text-align: center;\n  flex-grow: 1;\n}\n\n\n.tooltip-extended {\n  @extend %tooltip-common;\n  //padding-left: 36px; // Added this line, adjust as per your icon width\n  //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width\n  align-items: center;\n  padding: tokens.$ifxSpace150;\n  gap: 10px;\n\n  .extended_icon {\n    display: flex;\n    align-self: flex-start;\n    align-items: center;\n    //padding-top: tokens.$ifxSpace150;\n    cursor: pointer;\n  }\n\n\n\n  .tooltip-extended-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    //padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .tooltip-extended-header,\n  .tooltip-extended-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-extended-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-extended-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n\n.tooltip__container .tooltip-arrow-svg {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n}\n\n\n%tooltip-arrow-positions {\n\n  // For 'top' placement\n  &[data-placement=\"top\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 50%;\n    transform: rotate(180deg) translateX(-50%);\n  }\n\n  // For 'top-start' placement\n  &[data-placement=\"top-start\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 10px; // Adjust as needed\n    transform: rotate(180deg)\n  }\n\n  // For 'top-end' placement\n  &[data-placement=\"top-end\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    right: 10px; // Adjust as needed\n    transform: rotate(180deg);\n  }\n\n  // For 'bottom' placement\n  &[data-placement=\"bottom\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  // For 'bottom-start' placement\n  &[data-placement=\"bottom-start\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 10px; // Adjust as needed\n  }\n\n  // For 'bottom-end' placement\n  &[data-placement=\"bottom-end\"]>.tooltip-arrow-svg {\n    top: -7px;\n    right: 10px; // Adjust as needed\n  }\n\n  // For 'left' placement\n  &[data-placement=\"left\"]>.tooltip-arrow-svg {\n    right: -3px;\n    top: 50%;\n    transform: rotate(90deg) translateY(-50%) translateX(-50%);\n  }\n\n  // For 'right' placement\n  &[data-placement=\"right\"]>.tooltip-arrow-svg {\n    left: -3px;\n    top: 50%;\n    transform: rotate(270deg) translateY(-50%) translateX(50%);\n  }\n}\n\n\n.tooltip-compact {\n  @extend %tooltip-arrow-positions;\n  min-width: 28px !important;\n  max-width: 145px !important;\n}\n\n.tooltip-dismissible {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n\n.tooltip-extended {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n","import { Component, Prop, h, Element, State, Watch } from '@stencil/core';\nimport { createPopper } from '@popperjs/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true\n})\nexport class Tooltip {\n\n  @Element() el: HTMLElement;\n  @State() tooltipVisible: boolean = false;\n  @Prop() header: string = '';\n  @Prop() text: string = '';\n  @Prop() position: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @State() internalPosition: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @Prop() ariaLabel: string | null;\n  @Prop() variant: 'compact' | 'dismissible' | 'extended' = 'compact';\n  @Prop() icon: string;\n\n  tooltipEl: HTMLElement;\n  referenceEl: HTMLElement;\n  popperInstance: any = null;\n\n\n  componentWillLoad() { \n    if(this.variant.toLowerCase().trim() === \"\") { \n      this.variant = 'compact'\n    }\n  }\n  \n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-tooltip', await framework)\n    }\n    const slotElement = this.el.shadowRoot.querySelector('.tooltip__container').firstChild;\n    \n    if(this.variant.toLowerCase() === 'compact' || this.variant.toLowerCase() === 'extended') {\n      slotElement.addEventListener('mouseenter', this.onMouseEnter)\n      slotElement.addEventListener('mouseleave', this.onMouseLeave)\n    }else{\n      slotElement.addEventListener('click', this.onClick);\n    }\n\n  }\n\n  initializePopper() {\n    if (this.popperInstance) return;\n\n    this.referenceEl = this.el;\n    this.tooltipEl;\n    if (this.variant.toLowerCase() === 'compact') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-compact');\n    }\n    else if (this.variant.toLowerCase() === 'dismissible') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-dismissible');\n    }\n    else {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-extended');\n\n    }\n\n    const effectivePosition = this.position === 'auto' ? this.determineBestPosition() : this.position;\n\n    // Set the internalPosition\n    this.internalPosition = effectivePosition;\n\n    if (this.tooltipEl && this.referenceEl) {\n\n      this.popperInstance = createPopper(this.referenceEl, this.tooltipEl, {\n        placement: this.internalPosition,\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 8]  // this offset should be adjusted to ensure the tooltip doesn't overlap its reference element\n            }\n          },\n          {\n            name: 'arrow',\n            options: {\n              element: '.tooltip-arrow-svg'\n            }\n          }\n        ]\n      });\n\n    }\n\n    // Add this line to set the 'data-placement' attribute on the tooltip\n    this.tooltipEl.setAttribute('data-placement', effectivePosition);\n\n\n  }\n\n  determineBestPosition() {\n    // This is a simplified version, you can enhance this based on available viewport space.\n    const rect = this.referenceEl.getBoundingClientRect();\n    const yOffset = window.scrollY; // Get current scroll position\n    const xOffset = window.scrollX; // Get current horizontal scroll position\n\n    const verticalHalfwayPoint = rect.top + yOffset + rect.height / 2;\n    const horizontalHalfwayPoint = rect.left + xOffset + rect.width / 2;\n\n    if (this.position === 'auto') {\n      if (verticalHalfwayPoint > window.innerHeight / 2) {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'top-end';\n        } else {\n          return 'top-start';\n        }\n      } else {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'bottom-end';\n        } else {\n          return 'bottom-start';\n        }\n      }\n    } else {\n      return this.position;\n    }\n  }\n\n  @Watch('position')\n  positionChanged(newVal: any) {\n    this.internalPosition = newVal;\n    this.popperInstance?.destroy();\n    this.popperInstance = null; // Force re-initialization on next mouse enter\n  }\n\n\n\n  onMouseEnter = () => {\n    // Enable the event listeners immediately\n    this.popperInstance?.setOptions((options) => ({\n      ...options,\n      modifiers: [\n        ...options.modifiers,\n        { name: 'eventListeners', enabled: true },\n      ],\n    }));\n\n    // Initialize the popper instance\n    this.initializePopper();\n\n    // Make the tooltip visible\n    this.tooltipVisible = true;\n    this.tooltipEl.style.display = 'block';\n\n    // Update the popper instance immediately after initialization\n    this.popperInstance?.update();\n  }\n\n\n  onMouseLeave = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n\n  }\n\n  disconnectedCallback() {\n    this.popperInstance?.destroy();\n  }\n\n  onClick = () => {\n    if (this.variant.toLowerCase() === 'dismissible') {\n      this.initializePopper();\n      this.tooltipVisible = !this.tooltipVisible;\n      this.tooltipEl.style.display = this.tooltipVisible ? 'block' : 'none';\n      this.popperInstance?.update();\n    }\n  }\n\n  onDismissClick = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n  }\n\n  render() {\n    const tooltipDismissible = {\n      'tooltip-dismissible': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipCompact = {\n      'tooltip-compact': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipExtended = {\n      'tooltip-extended': true,\n      'visible': this.tooltipVisible,\n    };\n\n    return (\n      <div aria-label={this.ariaLabel} aria-value={this.header} class=\"tooltip__container\" >\n        <slot></slot>\n\n        {this.variant.toLowerCase() === 'dismissible' && <div class={tooltipDismissible}>\n          <button aria-label=\"Close Tooltip\" class=\"close-button\" onClick={this.onDismissClick}>\n            <ifx-icon icon=\"cross16\"></ifx-icon>\n          </button>\n          <div class=\"tooltip-dismissible-content\">\n            {this.header && <div class=\"tooltip-dismissible-header\">{this.header}</div>}\n            <div class=\"tooltip-dismissible-body\">{this.text}</div>\n          </div>\n          <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n          </svg>\n        </div>\n        }\n        {this.variant.toLowerCase() === 'compact' &&\n          <div class={tooltipCompact}>\n            {this.text}\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div>\n        }\n        {this.variant.toLowerCase() === 'extended' &&\n          <div class={tooltipExtended}>\n            <slot name=\"icon\">\n              {this.icon ? <div class=\"extended_icon\"><ifx-icon icon={this.icon}></ifx-icon></div> :\n                <svg class=\"extended_icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n                  <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z\" />\n                  <path stroke=\"#fff\" d=\"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z\" />\n                  <path fill=\"#fff\" d=\"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n                </svg>\n              }\n            </slot>\n            <div class=\"tooltip-extended-content\">\n              {this.header && <div class=\"tooltip-extended-header\">{this.header}</div>}\n              <div class=\"tooltip-extended-body\">{this.text}</div>\n            </div>\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div >\n        }\n      </div>\n    );\n  }\n\n\n}"],"names":[],"mappings":"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"}
+{"version":3,"file":"ifx-tooltip.entry.js","sources":["src/components/tooltip/tooltip.scss?tag=ifx-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip__container {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n}\n\n%tooltip-common {\n  background-color: tokens.$ifxColorBaseBlack;\n  border: 1px solid black;\n  z-index: 1080;\n  display: none;\n  transition: opacity 0.3s;\n  position: absolute;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  color: tokens.$ifxColorBaseWhite;\n  width: max-content;\n  box-sizing: border-box;\n\n  white-space: pre-wrap;   /* wraps text at spaces and within words */\n  word-wrap: break-word;   /* breaks text within a word if necessary */\n  overflow-wrap: anywhere; /* breaks text at arbitrary points when needed */\n\n  &.visible {\n    display: flex !important;\n    align-items: start;\n    //min-width: 100px;\n    //width: auto;\n  }\n}\n\n\n\n.tooltip-dismissible {\n  @extend %tooltip-common;\n\n    .close-button {\n      all: unset;\n      //position: absolute;\n      //top: tokens.$ifxSpace150;\n      //right: tokens.$ifxSpace150;\n      cursor: pointer;\n      position: relative;\n      order: 2;\n      margin-top: 12px;\n      margin-right: 12px;\n      line-height: 0px;\n    }\n\n  .tooltip-dismissible-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n\n  }\n\n  .tooltip-dismissible-header,\n  .tooltip-dismissible-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-dismissible-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-dismissible-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n.tooltip-compact {\n  @extend %tooltip-common;\n  padding: 4px 8px;\n  text-align: center;\n  flex-grow: 1;\n}\n\n\n.tooltip-extended {\n  @extend %tooltip-common;\n  //padding-left: 36px; // Added this line, adjust as per your icon width\n  //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width\n  align-items: center;\n  padding: tokens.$ifxSpace150;\n  gap: 10px;\n\n  .extended_icon {\n    display: flex;\n    align-self: flex-start;\n    align-items: center;\n    //padding-top: tokens.$ifxSpace150;\n    cursor: pointer;\n  }\n\n\n\n  .tooltip-extended-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    //padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .tooltip-extended-header,\n  .tooltip-extended-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-extended-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-extended-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n\n.tooltip__container .tooltip-arrow-svg {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n}\n\n\n%tooltip-arrow-positions {\n\n  // For 'top' placement\n  &[data-placement=\"top\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 50%;\n    transform: rotate(180deg) translateX(-50%);\n  }\n\n  // For 'top-start' placement\n  &[data-placement=\"top-start\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 10px; // Adjust as needed\n    transform: rotate(180deg)\n  }\n\n  // For 'top-end' placement\n  &[data-placement=\"top-end\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    right: 10px; // Adjust as needed\n    transform: rotate(180deg);\n  }\n\n  // For 'bottom' placement\n  &[data-placement=\"bottom\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  // For 'bottom-start' placement\n  &[data-placement=\"bottom-start\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 10px; // Adjust as needed\n  }\n\n  // For 'bottom-end' placement\n  &[data-placement=\"bottom-end\"]>.tooltip-arrow-svg {\n    top: -7px;\n    right: 10px; // Adjust as needed\n  }\n\n  // For 'left' placement\n  &[data-placement=\"left\"]>.tooltip-arrow-svg {\n    right: -3px;\n    top: 50%;\n    transform: rotate(90deg) translateY(-50%) translateX(-50%);\n  }\n\n  // For 'right' placement\n  &[data-placement=\"right\"]>.tooltip-arrow-svg {\n    left: -3px;\n    top: 50%;\n    transform: rotate(270deg) translateY(-50%) translateX(50%);\n  }\n}\n\n\n.tooltip-compact {\n  @extend %tooltip-arrow-positions;\n  min-width: 28px !important;\n  max-width: 145px !important;\n}\n\n.tooltip-dismissible {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n\n.tooltip-extended {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n","import { Component, Prop, h, Element, State, Watch } from '@stencil/core';\nimport { createPopper } from '@popperjs/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true\n})\nexport class Tooltip {\n\n  @Element() el: HTMLElement;\n  @State() tooltipVisible: boolean = false;\n  @Prop() header: string = '';\n  @Prop() text: string = '';\n  @Prop() position: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @State() internalPosition: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n\n  @Prop() variant: 'compact' | 'dismissible' | 'extended' = 'compact';\n  @Prop() icon: string;\n\n  tooltipEl: HTMLElement;\n  referenceEl: HTMLElement;\n  popperInstance: any = null;\n\n\n  componentWillLoad() { \n    if(this.variant.toLowerCase().trim() === \"\") { \n      this.variant = 'compact'\n    }\n  }\n  \n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-tooltip', await framework)\n    }\n    const slotElement = this.el.shadowRoot.querySelector('.tooltip__container').firstChild;\n    \n    if(this.variant.toLowerCase() === 'compact' || this.variant.toLowerCase() === 'extended') {\n      slotElement.addEventListener('mouseenter', this.onMouseEnter)\n      slotElement.addEventListener('mouseleave', this.onMouseLeave)\n    }else{\n      slotElement.addEventListener('click', this.onClick);\n    }\n\n  }\n\n  initializePopper() {\n    if (this.popperInstance) return;\n\n    this.referenceEl = this.el;\n    this.tooltipEl;\n    if (this.variant.toLowerCase() === 'compact') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-compact');\n    }\n    else if (this.variant.toLowerCase() === 'dismissible') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-dismissible');\n    }\n    else {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-extended');\n\n    }\n\n    const effectivePosition = this.position === 'auto' ? this.determineBestPosition() : this.position;\n\n    // Set the internalPosition\n    this.internalPosition = effectivePosition;\n\n    if (this.tooltipEl && this.referenceEl) {\n\n      this.popperInstance = createPopper(this.referenceEl, this.tooltipEl, {\n        placement: this.internalPosition,\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 8]  // this offset should be adjusted to ensure the tooltip doesn't overlap its reference element\n            }\n          },\n          {\n            name: 'arrow',\n            options: {\n              element: '.tooltip-arrow-svg'\n            }\n          }\n        ]\n      });\n\n    }\n\n    // Add this line to set the 'data-placement' attribute on the tooltip\n    this.tooltipEl.setAttribute('data-placement', effectivePosition);\n\n\n  }\n\n  determineBestPosition() {\n    // This is a simplified version, you can enhance this based on available viewport space.\n    const rect = this.referenceEl.getBoundingClientRect();\n    const yOffset = window.scrollY; // Get current scroll position\n    const xOffset = window.scrollX; // Get current horizontal scroll position\n\n    const verticalHalfwayPoint = rect.top + yOffset + rect.height / 2;\n    const horizontalHalfwayPoint = rect.left + xOffset + rect.width / 2;\n\n    if (this.position === 'auto') {\n      if (verticalHalfwayPoint > window.innerHeight / 2) {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'top-end';\n        } else {\n          return 'top-start';\n        }\n      } else {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'bottom-end';\n        } else {\n          return 'bottom-start';\n        }\n      }\n    } else {\n      return this.position;\n    }\n  }\n\n  @Watch('position')\n  positionChanged(newVal: any) {\n    this.internalPosition = newVal;\n    this.popperInstance?.destroy();\n    this.popperInstance = null; // Force re-initialization on next mouse enter\n  }\n\n\n\n  onMouseEnter = () => {\n    // Enable the event listeners immediately\n    this.popperInstance?.setOptions((options) => ({\n      ...options,\n      modifiers: [\n        ...options.modifiers,\n        { name: 'eventListeners', enabled: true },\n      ],\n    }));\n\n    // Initialize the popper instance\n    this.initializePopper();\n\n    // Make the tooltip visible\n    this.tooltipVisible = true;\n    this.tooltipEl.style.display = 'block';\n\n    // Update the popper instance immediately after initialization\n    this.popperInstance?.update();\n  }\n\n\n  onMouseLeave = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n\n  }\n\n  disconnectedCallback() {\n    this.popperInstance?.destroy();\n  }\n\n  onClick = () => {\n    if (this.variant.toLowerCase() === 'dismissible') {\n      this.initializePopper();\n      this.tooltipVisible = !this.tooltipVisible;\n      this.tooltipEl.style.display = this.tooltipVisible ? 'block' : 'none';\n      this.popperInstance?.update();\n    }\n  }\n\n  onDismissClick = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n  }\n\n  render() {\n    const tooltipDismissible = {\n      'tooltip-dismissible': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipCompact = {\n      'tooltip-compact': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipExtended = {\n      'tooltip-extended': true,\n      'visible': this.tooltipVisible,\n    };\n\n    return (\n      <div aria-label=\"a tooltip showing important information\" aria-value={this.header} class=\"tooltip__container\" >\n        <slot></slot>\n\n        {this.variant.toLowerCase() === 'dismissible' && <div class={tooltipDismissible}>\n          <button aria-label=\"Close Tooltip\" class=\"close-button\" onClick={this.onDismissClick}>\n            <ifx-icon icon=\"cross16\"></ifx-icon>\n          </button>\n          <div class=\"tooltip-dismissible-content\">\n            {this.header && <div class=\"tooltip-dismissible-header\">{this.header}</div>}\n            <div class=\"tooltip-dismissible-body\">{this.text}</div>\n          </div>\n          <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n          </svg>\n        </div>\n        }\n        {this.variant.toLowerCase() === 'compact' &&\n          <div class={tooltipCompact}>\n            {this.text}\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div>\n        }\n        {this.variant.toLowerCase() === 'extended' &&\n          <div class={tooltipExtended}>\n            <slot name=\"icon\">\n              {this.icon ? <div class=\"extended_icon\"><ifx-icon icon={this.icon}></ifx-icon></div> :\n                <svg class=\"extended_icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n                  <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z\" />\n                  <path stroke=\"#fff\" d=\"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z\" />\n                  <path fill=\"#fff\" d=\"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n                </svg>\n              }\n            </slot>\n            <div class=\"tooltip-extended-content\">\n              {this.header && <div class=\"tooltip-extended-header\">{this.header}</div>}\n              <div class=\"tooltip-extended-body\">{this.text}</div>\n            </div>\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div >\n        }\n      </div>\n    );\n  }\n\n\n}"],"names":[],"mappings":";;;;;AAAA,MAAM,UAAU,GAAG,2/HAA2/H;;MCWjgI,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQW,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAChC,QAAA,IAAM,CAAA,MAAA,GAAW,EAAE;AACnB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAQ,CAAA,QAAA,GAA2G,MAAM;AACxH,QAAA,IAAgB,CAAA,gBAAA,GAA2G,MAAM;AAElI,QAAA,IAAO,CAAA,OAAA,GAA2C,SAAS;AAKnE,QAAA,IAAc,CAAA,cAAA,GAAQ,IAAI;AA+G1B,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;;;YAElB,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,CAAC,OAAO,MAAK,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,SAAS,EAAE;oBACT,GAAG,OAAO,CAAC,SAAS;AACpB,oBAAA,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,IAAI,EAAE;iBAC1C,EAAA,CAAA,CACD,CAAC;;YAGH,IAAI,CAAC,gBAAgB,EAAE;;AAGvB,YAAA,IAAI,CAAC,cAAc,GAAG,IAAI;YAC1B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO;;YAGtC,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,EAAE;AAC/B,SAAC;AAGD,QAAA,IAAY,CAAA,YAAA,GAAG,MAAK;AAClB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;YAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AAEvC,SAAC;AAMD,QAAA,IAAO,CAAA,OAAA,GAAG,MAAK;;YACb,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,aAAa,EAAE;gBAChD,IAAI,CAAC,gBAAgB,EAAE;AACvB,gBAAA,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc;AAC1C,gBAAA,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,GAAG,OAAO,GAAG,MAAM;gBACrE,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,EAAE;;AAEjC,SAAC;AAED,QAAA,IAAc,CAAA,cAAA,GAAG,MAAK;AACpB,YAAA,IAAI,CAAC,cAAc,GAAG,KAAK;YAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AACvC,SAAC;AAoEF;IA5NC,iBAAiB,GAAA;AACf,QAAA,IAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;AAC3C,YAAA,IAAI,CAAC,OAAO,GAAG,SAAS;;;AAI5B,IAAA,MAAM,gBAAgB,GAAA;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACnC,YAAA,MAAM,SAAS,GAAG,eAAe,EAAE;AACnC,YAAA,cAAc,CAAC,aAAa,EAAE,MAAM,SAAS,CAAC;;AAEhD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC,UAAU;AAEtF,QAAA,IAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,UAAU,EAAE;YACxF,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC;YAC7D,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC;;aAC1D;YACH,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;;;IAKvD,gBAAgB,GAAA;QACd,IAAI,IAAI,CAAC,cAAc;YAAE;AAEzB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE;QAE1B,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,SAAS,EAAE;AAC5C,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC;;aAElE,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,aAAa,EAAE;AACrD,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,sBAAsB,CAAC;;aAEtE;AACH,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAC;;QAIxE,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,KAAK,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,GAAG,IAAI,CAAC,QAAQ;;AAGjG,QAAA,IAAI,CAAC,gBAAgB,GAAG,iBAAiB;QAEzC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,EAAE;AAEtC,YAAA,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,EAAE;gBACnE,SAAS,EAAE,IAAI,CAAC,gBAAgB;AAChC,gBAAA,SAAS,EAAE;AACT,oBAAA;AACE,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,OAAO,EAAE;AACP,4BAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACf;AACF,qBAAA;AACD,oBAAA;AACE,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,OAAO,EAAE;AACP,4BAAA,OAAO,EAAE;AACV;AACF;AACF;AACF,aAAA,CAAC;;;QAKJ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;;IAKlE,qBAAqB,GAAA;;QAEnB,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE;AACrD,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAC/B,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AAE/B,QAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC;AACjE,QAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,IAAI,GAAG,OAAO,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;AAEnE,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,MAAM,EAAE;YAC5B,IAAI,oBAAoB,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,EAAE;gBACjD,IAAI,sBAAsB,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,EAAE;AAClD,oBAAA,OAAO,SAAS;;qBACX;AACL,oBAAA,OAAO,WAAW;;;iBAEf;gBACL,IAAI,sBAAsB,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,EAAE;AAClD,oBAAA,OAAO,YAAY;;qBACd;AACL,oBAAA,OAAO,cAAc;;;;aAGpB;YACL,OAAO,IAAI,CAAC,QAAQ;;;AAKxB,IAAA,eAAe,CAAC,MAAW,EAAA;;AACzB,QAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM;QAC9B,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,EAAE;AAC9B,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;;IAiC7B,oBAAoB,GAAA;;QAClB,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,EAAE;;IAiBhC,MAAM,GAAA;AACJ,QAAA,MAAM,kBAAkB,GAAG;AACzB,YAAA,qBAAqB,EAAE,IAAI;YAC3B,SAAS,EAAE,IAAI,CAAC,cAAc;SAC/B;AAED,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,iBAAiB,EAAE,IAAI;YACvB,SAAS,EAAE,IAAI,CAAC,cAAc;SAC/B;AAED,QAAA,MAAM,eAAe,GAAG;AACtB,YAAA,kBAAkB,EAAE,IAAI;YACxB,SAAS,EAAE,IAAI,CAAC,cAAc;SAC/B;QAED,QACE,CAAgB,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,yCAAyC,EAAa,YAAA,EAAA,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,oBAAoB,EAAA,EAC3G,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEZ,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,aAAa,IAAI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,kBAAkB,EAAA,EAC7E,CAAmB,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAA,EAAA,eAAe,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAA,EAClF,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,EAAA,CAAY,CAC7B,EACT,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EACrC,IAAI,CAAC,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4BAA4B,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,EAC3E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EAAE,IAAI,CAAC,IAAI,CAAO,CACnD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACpH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,EAAE,EAAC,WAAW,EAAC,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACzD,CACF,EAEL,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,SAAS;AACvC,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAA,EACvB,IAAI,CAAC,IAAI,EACV,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACpH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,EAAE,EAAC,WAAW,EAAC,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,SAAS,EAAA,CAAG,CACzD,CACF,EAEP,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,UAAU;YACxC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,eAAe,EAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,EACd,IAAI,CAAC,IAAI,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAC,CAAU,CAAA,UAAA,EAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAa,CAAA,CAAM;gBAClF,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAA,EAClH,CAAM,CAAA,MAAA,EAAA,EAAA,MAAM,EAAC,MAAM,EAAgB,gBAAA,EAAA,OAAO,EAAiB,iBAAA,EAAA,OAAO,EAAC,CAAC,EAAC,kFAAkF,EAAG,CAAA,EAC1J,CAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,MAAM,EAAC,CAAC,EAAC,wEAAwE,EAAG,CAAA,EACjG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,8CAA8C,EAAG,CAAA,CACjE,CAEH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EAClC,IAAI,CAAC,MAAM,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAE,EAAA,IAAI,CAAC,MAAM,CAAO,EACxE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAAE,IAAI,CAAC,IAAI,CAAO,CAChD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACpH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,EAAE,EAAC,WAAW,EAAC,CAAC,EAAC,oBAAoB,EAAC,IAAI,EAAC,SAAS,EAAG,CAAA,CACzD,CACD,CAEL;;;;;;;;;;;"}

package/dist/esm/ifx-tree-view-item.entry.js

@@ -363,12 +363,12 @@ const TreeViewItem = class {
         };
     }
     render() {
-        return (h("div", { key: '162ae23e62d1e72d51db7be555af269a404a8a8b', class: {
+        return (h("div", { key: 'a290b75fff1437936246bc2b7435d936c23153b9', class: {
                 'tree-item': true,
                 'tree-item--expanded': this.isExpanded,
                 'tree-item--has-children': this.hasChildren,
                 'tree-item--disabled': this.disabled,
-            }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'befe8adcc6e30761593f89dcbc0b0afe3699e002', class: "tree-item__content" }, h("div", { key: '5ad3f49e004fed83f1541ecef8bd94fd78ddc59f', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: 'c038eb439265d26b74e6598a488f2d41a6d5dd96', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: '316f703d55730d34724c8ef8568d55fc69e6815b', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: 'd2a8e5a1a403e6a239056a353d3bc38d209e0907', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'ea9ea3c3e9dc083b53faf27a89b73df19d2e68ca', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '14be28eda1a6d823f3416b6fdef0cd17cbc5a39f', class: "tree-item__line" }))), h("div", { key: '488409621c1355737f0e5d7f5b90d6b94465cdaa', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: '163c36cdda49d36c94f7c7f18539f8e71bf04ed2', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: '42f0d9e90ae841e206318811c73e54bcf44c3cee', class: "tree-item__label" }, h("slot", { key: 'a06b08003dbaf058dee39508b193e4a5b94f65a7' }))))), this.isExpanded && h("div", { key: 'fc197474a8d0ba6d16cceede2ebef4c5db296501', class: "tree-item__children" }, h("slot", { key: 'cda8a8d46c3a59af25371545611bd6c9229be625', name: "children" }))));
+            }, role: "treeitem", "aria-expanded": this.isExpanded ? 'true' : 'false', "data-level": this.level, "aria-disabled": this.disabled ? 'true' : undefined, "aria-label": this.ariaLabel }, h("div", { key: 'c190c71b69acb4946e299aea6f03299b6aac9497', class: "tree-item__content" }, h("div", { key: 'eaaf691c6cfbe39f5a46fe78f6778ad85b76237b', class: "tree-item__checkbox-container", onClick: e => e.stopPropagation() }, h("ifx-checkbox", { key: '8c404dcdafc8e3b3efae1fb051165111d88a9d63', size: 's', checked: this.partialChecked ? false : this.isChecked, indeterminate: this.partialChecked, onIfxChange: this.handleCheckboxChange, disabled: this.disabled })), h("div", { key: 'baecea346031b6d955a43bb62853640f826b2de6', class: "tree-item__header", style: { paddingLeft: `${this.level * 24 + 10}px` }, onClick: this.handleHeaderClick, tabIndex: -1, "aria-disabled": this.disabled ? 'true' : undefined }, this.hasChildren && (h("div", { key: '993267959d9f16f93312d14010f2d18b8a454b68', class: "tree-item__chevron-container", onClick: this.toggleExpand }, h("ifx-icon", { key: 'a1798f11a1197f3c60167567dea0e16dd5f4fd79', class: `tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`, icon: "chevron-right-16" }), h("div", { key: '579da8131946dc0826dca3a1524b9d69b3aa148a', class: "tree-item__line" }))), h("div", { key: '585bfc668a9d0842638d640701e29703ebf174e4', class: "tree-item__label-icon-container", tabIndex: this.disabled ? -1 : 0, onKeyDown: this.handleKeyDown }, h("div", { key: 'ea54520f9ba2ad12ce7a591f02547602cc61913c', class: "tree-item__icon-container" }, this.hasChildren ? (h(Fragment, null, h("ifx-icon", { class: { 'icon--hidden': this.isExpanded }, icon: "folder-16" }), h("ifx-icon", { class: { 'icon--hidden': !this.isExpanded }, icon: "folder-open-16" }))) : (h("ifx-icon", { icon: "file-16" }))), h("span", { key: 'f707075bd11eee73ef8cc8db0444d8c93e528c06', class: "tree-item__label" }, h("slot", { key: '2961e332d6ca1b5360c5352907347a3cf7fbc7cc' }))))), this.isExpanded && h("div", { key: '04db63360ae3205a38b4182a5f78b38d9fbb3c57', class: "tree-item__children" }, h("slot", { key: '4241a2f3f0698727d4fd92f18e555b2002bb4bba', name: "children" }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ifx-tree-view.entry.js

@@ -41,7 +41,7 @@ const TreeView = class {
         }
     }
     render() {
-        return (h("div", { key: '2416bba6c7a463c881349da1040cf63634ee75d5', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: '84f4d5a8610fd7c92059b3e04c99b92271bcf5df', class: "tree-view__label" }, this.label), h("slot", { key: '2adfecbdcf546603e8da93a30db53f3d5ca7f5e1', ref: this.handleSlotRef })));
+        return (h("div", { key: '91cbeb69981f41ca69eafddb29b051dc3ac261b7', class: `tree-view ${this.disableAllItems ? ' tree-view--disabled' : ''}`, role: "tree", "aria-label": this.ariaLabel }, this.label && this.label.trim() !== '' && h("div", { key: 'e3e2357f117573fc80808e05c1267591bc83ba77', class: "tree-view__label" }, this.label), h("slot", { key: '9183d311c318b6caab5a4e873bc3946974aad3cf', ref: this.handleSlotRef })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/infineon-design-system-stencil.js

@@ -37,7 +37,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"ifx-table\",[[257,\"ifx-table\",{\"cols\":[8],\"rows\":[8],\"buttonRendererOptions\":[16,\"button-renderer-options\"],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"pagination\":[4],\"paginationItemsPerPage\":[1,\"pagination-items-per-page\"],\"filterOrientation\":[1,\"filter-orientation\"],\"variant\":[1],\"showLoading\":[4,\"show-loading\"],\"currentPage\":[32],\"rowData\":[32],\"colData\":[32],\"filterOptions\":[32],\"currentFilters\":[32],\"uniqueKey\":[32],\"paginationPageSize\":[32],\"showSidebarFilters\":[32],\"matchingResultsCount\":[32],\"onBtShowLoading\":[64]},[[0,\"ifxItemsPerPageChange\",\"handleResultsPerPageChange\"],[0,\"ifxChange\",\"handleChipChange\"]],{\"rows\":[\"rowsChanged\"],\"cols\":[\"colsChanged\"],\"buttonRendererOptions\":[\"onButtonRendererOptionsChanged\"]}]]],[\"ifx-templates-ui\",[[257,\"ifx-templates-ui\",null,[[0,\"fieldError\",\"handleError\"],[0,\"toggleTemplates\",\"filterTemplates\"]]]]],[\"ifx-set-filter\",[[257,\"ifx-set-filter\",{\"filterName\":[1,\"filter-name\"],\"filterLabel\":[1,\"filter-label\"],\"placeholder\":[1],\"type\":[1],\"options\":[1],\"filterValues\":[32]}]]],[\"ifx-file-upload\",[[257,\"ifx-file-upload\",{\"dragAndDrop\":[4,\"drag-and-drop\"],\"required\":[4],\"disabled\":[4],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"allowedFileTypes\":[1,\"allowed-file-types\"],\"additionalAllowedFileTypes\":[1,\"additional-allowed-file-types\"],\"uploadHandler\":[16,\"upload-handler\"],\"maxFiles\":[6146,\"max-files\"],\"label\":[1],\"labelRequiredError\":[1,\"label-required-error\"],\"labelBrowseFiles\":[1,\"label-browse-files\"],\"labelDragAndDrop\":[1,\"label-drag-and-drop\"],\"labelUploadedFilesHeading\":[1,\"label-uploaded-files-heading\"],\"labelFileTooLarge\":[1,\"label-file-too-large\"],\"labelUnsupportedFileType\":[1,\"label-unsupported-file-type\"],\"labelUploaded\":[1,\"label-uploaded\"],\"labelUploadFailed\":[1,\"label-upload-failed\"],\"labelSupportedFormatsTemplate\":[1,\"label-supported-formats-template\"],\"labelFileSingular\":[1,\"label-file-singular\"],\"labelFilePlural\":[1,\"label-file-plural\"],\"labelMaxFilesInfo\":[1,\"label-max-files-info\"],\"labelMaxFilesExceeded\":[1,\"label-max-files-exceeded\"],\"ariaLabelBrowseFiles\":[1,\"aria-label-browse-files\"],\"ariaLabelDropzone\":[1,\"aria-label-dropzone\"],\"ariaLabelFileInput\":[1,\"aria-label-file-input\"],\"ariaLabelRemoveFile\":[1,\"aria-label-remove-file\"],\"ariaLabelCancelUpload\":[1,\"aria-label-cancel-upload\"],\"ariaLabelRetryUpload\":[1,\"aria-label-retry-upload\"],\"ariaLabelUploadingStatus\":[1,\"aria-label-uploading-status\"],\"ariaLabelUploadedStatus\":[1,\"aria-label-uploaded-status\"],\"ariaLabelUploadFailedStatus\":[1,\"aria-label-upload-failed-status\"],\"isDragOver\":[32],\"files\":[32],\"uploadTasks\":[32],\"rejectedSizeFiles\":[32],\"rejectedTypeFiles\":[32],\"requiredError\":[32],\"statusMessage\":[32],\"injectDemoState\":[64],\"triggerDemoValidation\":[64]}]]],[\"ifx-icons-preview\",[[257,\"ifx-icons-preview\",{\"iconsArray\":[32],\"isCopied\":[32],\"copiedIndex\":[32],\"copiedIcon\":[32],\"htmlTag\":[32],\"iconName\":[32],\"searchTerm\":[32]}]]],[\"ifx-faq\",[[257,\"ifx-faq\"]]],[\"ifx-list-entry\",[[257,\"ifx-list-entry\",{\"value\":[1028],\"label\":[1],\"type\":[1]},[[0,\"ifxChange\",\"handleFilterEntryChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-overview-table\",[[257,\"ifx-overview-table\"]]],[\"ifx-dropdown-trigger-button\",[[257,\"ifx-dropdown-trigger-button\",{\"isOpen\":[4,\"is-open\"],\"theme\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"hideArrow\":[4,\"hide-arrow\"]}]]],[\"ifx-filter-accordion\",[[257,\"ifx-filter-accordion\",{\"maxVisibleItems\":[2,\"max-visible-items\"],\"filterGroupName\":[1,\"filter-group-name\"],\"expanded\":[32],\"count\":[32],\"totalItems\":[32]}]]],[\"ifx-filter-bar\",[[257,\"ifx-filter-bar\",{\"maxShownFilters\":[2,\"max-shown-filters\"],\"showMoreFiltersButton\":[4,\"show-more-filters-button\"],\"selectedOptions\":[32],\"showAllFilters\":[32],\"visibleSlots\":[32]}]]],[\"ifx-filter-search\",[[257,\"ifx-filter-search\",{\"filterName\":[1,\"filter-name\"],\"disabled\":[4],\"filterValue\":[1025,\"filter-value\"],\"filterKey\":[1,\"filter-key\"],\"filterOrientation\":[1,\"filter-orientation\"],\"placeholder\":[1],\"showDeleteIcon\":[32]},[[0,\"ifxInput\",\"handleFilterSearchChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-list\",[[257,\"ifx-list\",{\"name\":[1],\"maxVisibleItems\":[2,\"max-visible-items\"],\"type\":[1],\"resetTrigger\":[1028,\"reset-trigger\"],\"expanded\":[32],\"showMore\":[32],\"selectedCount\":[32],\"totalItems\":[32],\"internalResetTrigger\":[32]},null,{\"type\":[\"handleTypeChange\"],\"resetTrigger\":[\"resetTriggerChanged\"]}]]],[\"ifx-modal\",[[257,\"ifx-modal\",{\"opened\":[1540],\"caption\":[1],\"captionAriaLabel\":[1,\"caption-aria-label\"],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"variant\":[1],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"closeButtonAriaLabel\":[1,\"close-button-aria-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"ifx-navbar-item\",[[257,\"ifx-navbar-item\",{\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"href\":[1],\"target\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"numberIndicator\":[2,\"number-indicator\"],\"dotIndicator\":[4,\"dot-indicator\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"isSidebarMenuItem\":[32],\"itemPosition\":[32],\"hideComponent\":[64],\"showComponent\":[64],\"toggleChildren\":[64],\"moveChildComponentsIntoSubLayerMenu\":[64],\"toggleFirstLayerItem\":[64],\"addMenuItemClass\":[64],\"moveChildComponentsBackIntoNavbar\":[64],\"returnToFirstLayer\":[64],\"setMenuItemPosition\":[64],\"setItemSideSpecifications\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-search-bar\",[[257,\"ifx-search-bar\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"value\":[1025],\"maxlength\":[2],\"autocomplete\":[1],\"internalState\":[32],\"onNavbarMobile\":[64]},null,{\"isOpen\":[\"handlePropChange\"]}]]],[\"ifx-sidebar-item\",[[257,\"ifx-sidebar-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"numberIndicator\":[2,\"number-indicator\"],\"active\":[4],\"isActionItem\":[4,\"is-action-item\"],\"handleItemClick\":[16,\"handle-item-click\"],\"showIcon\":[32],\"showIconWrapper\":[32],\"internalHref\":[32],\"isExpandable\":[32],\"isNested\":[32],\"isSubMenuItem\":[32],\"internalActiveState\":[32],\"setActiveClasses\":[64],\"expandMenu\":[64],\"isItemExpandable\":[64]},[[0,\"consoleError\",\"handleConsoleError\"]],{\"active\":[\"handleActiveChange\"]}]]],[\"ifx-tree-view-item\",[[257,\"ifx-tree-view-item\",{\"expanded\":[1540],\"initiallyExpanded\":[4,\"initially-expanded\"],\"disableItem\":[4,\"disable-item\"],\"ariaLabel\":[1,\"aria-label\"],\"initiallySelected\":[4,\"initially-selected\"],\"value\":[1],\"hasChildren\":[32],\"isChecked\":[32],\"partialChecked\":[32],\"level\":[32],\"disableAllItems\":[32],\"expandAllItems\":[32],\"suppressExpandEvents\":[32]},null,{\"expanded\":[\"handleExpandedChange\"],\"disableItem\":[\"handleDisableItemChange\"]}]]],[\"ifx-breadcrumb-item-label\",[[257,\"ifx-breadcrumb-item-label\",{\"icon\":[1],\"href\":[1],\"target\":[1]}]]],[\"ifx-checkbox-group\",[[321,\"ifx-checkbox-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleCheckboxError\"]]]]],[\"ifx-date-picker\",[[321,\"ifx-date-picker\",{\"size\":[1],\"error\":[4],\"success\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1],\"type\":[1],\"max\":[1],\"min\":[1],\"required\":[4],\"label\":[1],\"caption\":[1],\"autocomplete\":[1]}]]],[\"ifx-download\",[[257,\"ifx-download\",{\"tokens\":[1]}]]],[\"ifx-dropdown-item\",[[257,\"ifx-dropdown-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"hide\":[4],\"size\":[32]},[[16,\"menuSize\",\"handleMenuSize\"]]]]],[\"ifx-navbar\",[[257,\"ifx-navbar\",{\"applicationName\":[1,\"application-name\"],\"fixed\":[4],\"showLogoAndAppname\":[4,\"show-logo-and-appname\"],\"logoHref\":[1,\"logo-href\"],\"logoHrefTarget\":[1,\"logo-href-target\"],\"main\":[32],\"products\":[32],\"applications\":[32],\"design\":[32],\"support\":[32],\"about\":[32],\"hasLeftMenuItems\":[32],\"searchBarIsOpen\":[32],\"internalLogoHref\":[32],\"internalLogoHrefTarget\":[32]},[[0,\"ifxNavItem\",\"clearFirstLayerMenu\"],[0,\"ifxOpen\",\"handleSearchBarToggle\"]]]]],[\"ifx-radio-button-group\",[[321,\"ifx-radio-button-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleRadioButtonError\"]]]]],[\"ifx-segment\",[[257,\"ifx-segment\",{\"icon\":[1],\"segmentIndex\":[2,\"segment-index\"],\"selected\":[1028],\"value\":[1]}]]],[\"ifx-segmented-control\",[[257,\"ifx-segmented-control\",{\"caption\":[1],\"label\":[1],\"size\":[1]},[[0,\"segmentSelect\",\"onSegmentSelect\"]]]]],[\"ifx-slider\",[[257,\"ifx-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"minValueHandle\":[2,\"min-value-handle\"],\"maxValueHandle\":[2,\"max-value-handle\"],\"disabled\":[4],\"showPercentage\":[4,\"show-percentage\"],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"leftText\":[1,\"left-text\"],\"rightText\":[1,\"right-text\"],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalValue\":[32],\"percentage\":[32],\"internalMinValue\":[32],\"internalMaxValue\":[32]},null,{\"value\":[\"valueChanged\"],\"minValueHandle\":[\"minValueChanged\"],\"maxValueHandle\":[\"maxValueChanged\"]}]]],[\"ifx-step\",[[257,\"ifx-step\",{\"complete\":[4],\"disabled\":[4],\"error\":[1028],\"lastStep\":[4,\"last-step\"],\"stepId\":[2,\"step-id\"],\"stepperState\":[16,\"stepper-state\"],\"active\":[32],\"clickable\":[32]},[[4,\"ifxChange\",\"onStepChange\"]],{\"stepperState\":[\"updateCurrentStep\"],\"active\":[\"updateErrorState\"]}]]],[\"ifx-tabs\",[[257,\"ifx-tabs\",{\"orientation\":[1],\"activeTabIndex\":[1026,\"active-tab-index\"],\"fullWidth\":[4,\"full-width\"],\"internalOrientation\":[32],\"internalActiveTabIndex\":[32],\"internalFocusedTabIndex\":[32],\"tabRefs\":[32],\"tabHeaderRefs\":[32],\"disabledTabs\":[32],\"tabObjects\":[32]},[[9,\"resize\",\"updateBorderOnWindowResize\"],[0,\"tabHeaderChange\",\"handleTabHeaderChange\"],[0,\"slotchange\",\"onSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"activeTabIndex\":[\"activeTabIndexChanged\"]}]]],[\"ifx-tag\",[[257,\"ifx-tag\",{\"icon\":[1],\"ariaLabel\":[1,\"aria-label\"],\"role\":[1]}]]],[\"ifx-tooltip\",[[257,\"ifx-tooltip\",{\"header\":[1],\"text\":[1],\"position\":[1],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"icon\":[1],\"tooltipVisible\":[32],\"internalPosition\":[32]},null,{\"position\":[\"positionChanged\"]}]]],[\"ifx-badge\",[[257,\"ifx-badge\"]]],[\"ifx-basic-table\",[[256,\"ifx-basic-table\",{\"cols\":[1],\"rows\":[1],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"variant\":[1],\"gridOptions\":[32],\"columnDefs\":[32],\"rowData\":[32],\"uniqueKey\":[32]}]]],[\"ifx-breadcrumb\",[[257,\"ifx-breadcrumb\"]]],[\"ifx-breadcrumb-item\",[[257,\"ifx-breadcrumb-item\",{\"isLastItem\":[32],\"uniqueId\":[32],\"hasDropdownMenu\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"breadcrumbMenuIconWrapper\",\"menuWrapperEventReEmitter\"]]]]],[\"ifx-card\",[[257,\"ifx-card\",{\"direction\":[1],\"href\":[1],\"target\":[1],\"ariaLabel\":[1,\"aria-label\"],\"noBtns\":[32],\"alignment\":[32],\"noImg\":[32],\"internalHref\":[32]},[[0,\"imgPosition\",\"setImgPosition\"]]]]],[\"ifx-card-headline\",[[257,\"ifx-card-headline\",{\"direction\":[32],\"hasDesc\":[32]}]]],[\"ifx-card-image\",[[257,\"ifx-card-image\",{\"src\":[1],\"alt\":[1],\"position\":[1]}]]],[\"ifx-card-links\",[[257,\"ifx-card-links\"]]],[\"ifx-card-overline\",[[257,\"ifx-card-overline\"]]],[\"ifx-card-text\",[[257,\"ifx-card-text\",{\"hasBtn\":[32]}]]],[\"ifx-content-switcher\",[[257,\"ifx-content-switcher\",{\"items\":[32],\"activeIndex\":[32],\"hoverIndex\":[32],\"focusIndex\":[32],\"dividers\":[32]}]]],[\"ifx-content-switcher-item\",[[257,\"ifx-content-switcher-item\",{\"selected\":[4],\"value\":[1]}]]],[\"ifx-dropdown\",[[257,\"ifx-dropdown\",{\"placement\":[1],\"defaultOpen\":[4,\"default-open\"],\"noAppendToBody\":[4,\"no-append-to-body\"],\"disabled\":[4],\"noCloseOnOutsideClick\":[4,\"no-close-on-outside-click\"],\"noCloseOnMenuClick\":[4,\"no-close-on-menu-click\"],\"internalIsOpen\":[32],\"trigger\":[32],\"menu\":[32],\"isOpen\":[64],\"closeDropdown\":[64],\"openDropdown\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"],[4,\"focusin\",\"handleFocusOutside\"],[0,\"slotchange\",\"watchHandlerSlot\"]],{\"defaultOpen\":[\"watchHandlerIsOpen\"],\"disabled\":[\"watchHandlerDisabled\"]}]]],[\"ifx-dropdown-header\",[[257,\"ifx-dropdown-header\"]]],[\"ifx-dropdown-menu\",[[257,\"ifx-dropdown-menu\",{\"isOpen\":[4,\"is-open\"],\"size\":[1],\"hideTopPadding\":[32],\"filteredItems\":[32]},[[0,\"ifxInput\",\"handleMenuFilter\"],[0,\"ifxDropdownItem\",\"handleDropdownItemValueEmission\"]]]]],[\"ifx-dropdown-separator\",[[257,\"ifx-dropdown-separator\"]]],[\"ifx-dropdown-trigger\",[[257,\"ifx-dropdown-trigger\",{\"isOpen\":[4,\"is-open\"]}]]],[\"ifx-filter-type-group\",[[257,\"ifx-filter-type-group\",{\"selectedOptions\":[32]}]]],[\"ifx-footer\",[[257,\"ifx-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32]}]]],[\"ifx-footer-column\",[[257,\"ifx-footer-column\"]]],[\"ifx-navbar-profile\",[[257,\"ifx-navbar-profile\",{\"showLabel\":[4,\"show-label\"],\"href\":[1],\"imageUrl\":[1,\"image-url\"],\"target\":[1],\"alt\":[1],\"userName\":[1,\"user-name\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"internalImageUrl\":[32],\"hideComponent\":[64],\"showComponent\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-sidebar\",[[257,\"ifx-sidebar\",{\"applicationName\":[1,\"application-name\"],\"initialCollapse\":[4,\"initial-collapse\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"termsOfUse\":[1,\"terms-of-use\"],\"imprint\":[1],\"privacyPolicy\":[1,\"privacy-policy\"],\"target\":[1],\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32],\"internalTermsofUse\":[32],\"internalImprint\":[32],\"internalPrivacyPolicy\":[32],\"internalShowFooter\":[32],\"activeItem\":[32]},[[0,\"ifxSidebarMenu\",\"handleSidebarItemInteraction\"],[0,\"ifxSidebarNavigationItem\",\"handleSidebarItemActivated\"]]]]],[\"ifx-sidebar-title\",[[257,\"ifx-sidebar-title\"]]],[\"ifx-status\",[[257,\"ifx-status\",{\"label\":[1],\"border\":[4],\"color\":[1]}]]],[\"ifx-stepper\",[[257,\"ifx-stepper\",{\"activeStep\":[1026,\"active-step\"],\"indicatorPosition\":[1,\"indicator-position\"],\"showStepNumber\":[4,\"show-step-number\"],\"variant\":[1],\"ariaLabel\":[1,\"aria-label\"],\"ariaCurrent\":[1,\"aria-current\"],\"stepsCount\":[32],\"shouldEmitEvent\":[32],\"emittedByClick\":[32]},[[0,\"ifxChange\",\"onStepChange\"]],{\"activeStep\":[\"handleActiveStep\"]}]]],[\"ifx-switch\",[[321,\"ifx-switch\",{\"checked\":[4],\"name\":[1],\"disabled\":[4],\"value\":[1],\"internalChecked\":[32],\"isChecked\":[64]},null,{\"checked\":[\"valueChanged\"]}]]],[\"ifx-tab\",[[260,\"ifx-tab\",{\"header\":[1],\"disabled\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"]}]]],[\"ifx-textarea\",[[321,\"ifx-textarea\",{\"caption\":[1],\"cols\":[2],\"disabled\":[4],\"error\":[4],\"label\":[1],\"maxlength\":[2],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"resize\":[1],\"rows\":[2],\"value\":[1025],\"wrap\":[1],\"fullWidth\":[513,\"full-width\"],\"reset\":[64]}]]],[\"ifx-tree-view\",[[257,\"ifx-tree-view\",{\"label\":[1],\"disableAllItems\":[4,\"disable-all-items\"],\"expandAllItems\":[4,\"expand-all-items\"],\"ariaLabel\":[1,\"aria-label\"]},null,{\"expandAllItems\":[\"handleExpandAllItemsChange\"],\"disableAllItems\":[\"handleDisableAllItemsChange\"]}]]],[\"ifx-notification\",[[257,\"ifx-notification\",{\"icon\":[1],\"variant\":[1],\"linkText\":[1,\"link-text\"],\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ifx-progress-bar\",[[257,\"ifx-progress-bar\",{\"value\":[2],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"internalValue\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"ifx-radio-button\",[[321,\"ifx-radio-button\",{\"disabled\":[4],\"value\":[1],\"error\":[4],\"size\":[513],\"name\":[513],\"checked\":[1028],\"internalChecked\":[32],\"hasSlot\":[32],\"isChecked\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[4,\"change\",\"handleExternalChange\"]],{\"checked\":[\"handleCheckedChange\"],\"internalChecked\":[\"updateFormValue\"],\"error\":[\"errorChanged\"]}]]],[\"ifx-alert_2\",[[257,\"ifx-template\",{\"name\":[1],\"thumbnail\":[1],\"repoDetails\":[32],\"repoUrl\":[32],\"showDetails\":[32],\"isTemplatePage\":[32],\"isLoading\":[32],\"repoError\":[32],\"toggleTemplate\":[64]}],[257,\"ifx-alert\",{\"variant\":[1],\"icon\":[1],\"closable\":[4],\"AriaLive\":[1,\"aria-live\"],\"uniqueId\":[32]}]]],[\"ifx-multiselect_2\",[[321,\"ifx-multiselect\",{\"name\":[1],\"disabled\":[4],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"placeholder\":[1],\"showSearch\":[4,\"show-search\"],\"showSelectAll\":[4,\"show-select-all\"],\"showClearButton\":[4,\"show-clear-button\"],\"showExpandCollapse\":[4,\"show-expand-collapse\"],\"noResultsMessage\":[1,\"no-results-message\"],\"showNoResultsMessage\":[4,\"show-no-results-message\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"expandLabel\":[1,\"expand-label\"],\"collapseLabel\":[1,\"collapse-label\"],\"ariaMultiSelectLabel\":[1,\"aria-multi-select-label\"],\"ariaMultiSelectLabelledBy\":[1,\"aria-multi-select-labelled-by\"],\"ariaMultiSelectDescribedBy\":[1,\"aria-multi-select-described-by\"],\"ariaSearchLabel\":[1,\"aria-search-label\"],\"ariaClearLabel\":[1,\"aria-clear-label\"],\"ariaToggleLabel\":[1,\"aria-toggle-label\"],\"ariaSelectAllLabel\":[1,\"aria-select-all-label\"],\"ariaExpandAllLabel\":[1,\"aria-expand-all-label\"],\"ariaCollapseAllLabel\":[1,\"aria-collapse-all-label\"],\"internalError\":[32],\"internalErrorMessage\":[32],\"persistentSelectedOptions\":[32],\"dropdownOpen\":[32],\"dropdownFlipped\":[32],\"searchTerm\":[32],\"clearSelection\":[64]},null,{\"error\":[\"updateInternalError\"],\"errorMessage\":[\"updateInternalErrorMessage\"],\"persistentSelectedOptions\":[\"onSelectionChange\"]}],[257,\"ifx-multiselect-option\",{\"value\":[1],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[1540],\"isExpanded\":[32],\"hasChildren\":[32],\"depth\":[32],\"searchTerm\":[32],\"isSearchActive\":[32],\"isSearchDisabled\":[32]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"ifx-accordion_2\",[[257,\"ifx-accordion-item\",{\"caption\":[1],\"open\":[1028],\"AriaLevel\":[2,\"aria-level\"],\"internalOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"]],{\"open\":[\"openChanged\"]}],[273,\"ifx-accordion\",{\"autoCollapse\":[4,\"auto-collapse\"]},[[0,\"ifxOpen\",\"onItemOpen\"]]]]],[\"ifx-select\",[[256,\"ifx-select\",{\"value\":[1],\"name\":[1],\"items\":[16],\"choices\":[1],\"renderChoiceLimit\":[2,\"render-choice-limit\"],\"maxItemCount\":[2,\"max-item-count\"],\"addItems\":[4,\"add-items\"],\"removeItems\":[4,\"remove-items\"],\"removeItemButton\":[4,\"remove-item-button\"],\"editItems\":[4,\"edit-items\"],\"duplicateItemsAllowed\":[4,\"duplicate-items-allowed\"],\"delimiter\":[1],\"paste\":[4],\"showSearch\":[4,\"show-search\"],\"searchChoices\":[4,\"search-choices\"],\"searchFields\":[1,\"search-fields\"],\"searchFloor\":[2,\"search-floor\"],\"searchResultLimit\":[2,\"search-result-limit\"],\"position\":[1],\"resetScrollPosition\":[4,\"reset-scroll-position\"],\"shouldSort\":[4,\"should-sort\"],\"shouldSortItems\":[4,\"should-sort-items\"],\"sorter\":[16],\"placeholder\":[8],\"searchPlaceholderValue\":[1,\"search-placeholder-value\"],\"prependValue\":[1,\"prepend-value\"],\"appendValue\":[1,\"append-value\"],\"renderSelectedChoices\":[1,\"render-selected-choices\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"noChoicesText\":[1,\"no-choices-text\"],\"itemSelectText\":[1,\"item-select-text\"],\"addItemText\":[1,\"add-item-text\"],\"maxItemText\":[1,\"max-item-text\"],\"uniqueItemText\":[1,\"unique-item-text\"],\"classNames\":[16,\"class-names\"],\"fuseOptions\":[16,\"fuse-options\"],\"addItemFilter\":[1,\"add-item-filter\"],\"customAddItemText\":[1,\"custom-add-item-text\"],\"callbackOnInit\":[16,\"callback-on-init\"],\"callbackOnCreateTemplates\":[16,\"callback-on-create-templates\"],\"valueComparer\":[16,\"value-comparer\"],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"disabled\":[4],\"placeholderValue\":[1,\"placeholder-value\"],\"options\":[1025],\"size\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"selectedOption\":[32],\"optionIsSelected\":[32],\"clearSelection\":[64],\"handleChange\":[64],\"highlightItem\":[64],\"unhighlightItem\":[64],\"highlightAll\":[64],\"unhighlightAll\":[64],\"removeActiveItemsByValue\":[64],\"removeActiveItems\":[64],\"removeHighlightedItems\":[64],\"showDropdown\":[64],\"hideDropdown\":[64],\"getValue\":[64],\"setValue\":[64],\"setChoiceByValue\":[64],\"setChoices\":[64],\"clearChoices\":[64],\"clearStore\":[64],\"clearInput\":[64],\"ajax\":[64],\"handleDeleteIcon\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"disabled\":[\"watchDisabled\"]}]]],[\"ifx-spinner_2\",[[257,\"ifx-spinner\",{\"size\":[1],\"variant\":[1],\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[321,\"ifx-text-field\",{\"placeholder\":[1],\"value\":[1025],\"error\":[4],\"label\":[1],\"icon\":[1],\"caption\":[1],\"size\":[1],\"required\":[4],\"optional\":[4],\"success\":[4],\"disabled\":[4],\"maxlength\":[2],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"autocomplete\":[1],\"type\":[1],\"internalId\":[1,\"internal-id\"],\"ariaLabel\":[1,\"aria-label\"],\"internalType\":[32],\"reset\":[64]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ifx-icon-button\",[[257,\"ifx-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"icon\":[1],\"href\":[1],\"target\":[1],\"shape\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalIcon\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleClick\"]],{\"icon\":[\"updateIcon\"]}]]],[\"ifx-search-field\",[[257,\"ifx-search-field\",{\"value\":[1025],\"suggestions\":[16],\"showSuggestions\":[4,\"show-suggestions\"],\"maxSuggestions\":[2,\"max-suggestions\"],\"maxHistoryItems\":[2,\"max-history-items\"],\"enableHistory\":[4,\"enable-history\"],\"historyKey\":[1,\"history-key\"],\"historyHeaderText\":[1,\"history-header-text\"],\"ariaLabel\":[1,\"aria-label\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"deleteIconAriaLabel\":[1,\"delete-icon-aria-label\"],\"historyDeleteAriaLabel\":[1,\"history-delete-aria-label\"],\"dropdownAriaLabel\":[1,\"dropdown-aria-label\"],\"suggestionAriaLabel\":[1,\"suggestion-aria-label\"],\"historyItemAriaLabel\":[1,\"history-item-aria-label\"],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"disabled\":[4],\"size\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"maxlength\":[2],\"showDropdown\":[32],\"filteredSuggestions\":[32],\"selectedSuggestionIndex\":[32],\"searchHistory\":[32],\"showDeleteIconInternalState\":[32],\"isFocused\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"valueWatcher\"],\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"ifx-button\",[[257,\"ifx-button\",{\"variant\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4],\"href\":[1],\"target\":[1],\"type\":[1],\"fullWidth\":[4,\"full-width\"],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[2,\"click\",\"handleHostClick\"]],{\"href\":[\"setInternalHref\"]}]]],[\"ifx-indicator\",[[257,\"ifx-indicator\",{\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"number\":[2],\"filteredNumber\":[32]}]]],[\"ifx-checkbox\",[[321,\"ifx-checkbox\",{\"disabled\":[4],\"checked\":[4],\"error\":[4],\"size\":[1],\"indeterminate\":[4],\"value\":[1],\"internalChecked\":[32],\"internalIndeterminate\":[32],\"isChecked\":[64],\"toggleCheckedState\":[64]},null,{\"checked\":[\"valueChanged\"],\"error\":[\"errorChanged\"],\"indeterminate\":[\"indeterminateChanged\"]}]]],[\"ifx-chip_3\",[[257,\"ifx-pagination\",{\"currentPage\":[2,\"current-page\"],\"total\":[2],\"itemsPerPage\":[1,\"items-per-page\"],\"internalPage\":[32],\"internalItemsPerPage\":[32],\"numberOfPages\":[32],\"filteredItemsPerPage\":[32],\"visiblePages\":[32]},[[0,\"ifxSelect\",\"setItemsPerPage\"]],{\"total\":[\"watchTotalHandler\"],\"currentPage\":[\"currentPageWatcher\"]}],[257,\"ifx-chip\",{\"placeholder\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"readOnly\":[4,\"read-only\"],\"ariaLabel\":[1,\"aria-label\"],\"opened\":[32],\"selectedOptions\":[32]},[[5,\"mousedown\",\"closeDropdownOnOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"ifxChipItemSelect\",\"updateSelectedOptions\"]],{\"value\":[\"handleValueChange\"],\"readOnly\":[\"handleReadOnlyChange\"]}],[257,\"ifx-chip-item\",{\"value\":[1],\"chipState\":[16,\"chip-state\"],\"selected\":[1540]},[[16,\"ifxChipItemSelect\",\"updateItemSelection\"]],{\"selected\":[\"validateSelected\"]}]]],[\"ifx-link\",[[257,\"ifx-link\",{\"href\":[1],\"target\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"download\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"internalTarget\":[32],\"internalVariant\":[32]}]]],[\"ifx-icon\",[[256,\"ifx-icon\",{\"icon\":[1025],\"ifxIcon\":[1032,\"ifx-icon\"],\"internalIcon\":[32]},null,{\"icon\":[\"updateIcon\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"ifx-table\",[[257,\"ifx-table\",{\"cols\":[8],\"rows\":[8],\"buttonRendererOptions\":[16,\"button-renderer-options\"],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"pagination\":[4],\"paginationItemsPerPage\":[1,\"pagination-items-per-page\"],\"filterOrientation\":[1,\"filter-orientation\"],\"variant\":[1],\"showLoading\":[4,\"show-loading\"],\"currentPage\":[32],\"rowData\":[32],\"colData\":[32],\"filterOptions\":[32],\"currentFilters\":[32],\"uniqueKey\":[32],\"paginationPageSize\":[32],\"showSidebarFilters\":[32],\"matchingResultsCount\":[32],\"onBtShowLoading\":[64]},[[0,\"ifxItemsPerPageChange\",\"handleResultsPerPageChange\"],[0,\"ifxChange\",\"handleChipChange\"]],{\"rows\":[\"rowsChanged\"],\"cols\":[\"colsChanged\"],\"buttonRendererOptions\":[\"onButtonRendererOptionsChanged\"]}]]],[\"ifx-templates-ui\",[[257,\"ifx-templates-ui\",null,[[0,\"fieldError\",\"handleError\"],[0,\"toggleTemplates\",\"filterTemplates\"]]]]],[\"ifx-set-filter\",[[257,\"ifx-set-filter\",{\"filterName\":[1,\"filter-name\"],\"filterLabel\":[1,\"filter-label\"],\"placeholder\":[1],\"type\":[1],\"options\":[1],\"filterValues\":[32]}]]],[\"ifx-file-upload\",[[257,\"ifx-file-upload\",{\"dragAndDrop\":[4,\"drag-and-drop\"],\"required\":[4],\"disabled\":[4],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"allowedFileTypes\":[1,\"allowed-file-types\"],\"additionalAllowedFileTypes\":[1,\"additional-allowed-file-types\"],\"uploadHandler\":[16,\"upload-handler\"],\"maxFiles\":[6146,\"max-files\"],\"label\":[1],\"labelRequiredError\":[1,\"label-required-error\"],\"labelBrowseFiles\":[1,\"label-browse-files\"],\"labelDragAndDrop\":[1,\"label-drag-and-drop\"],\"labelUploadedFilesHeading\":[1,\"label-uploaded-files-heading\"],\"labelFileTooLarge\":[1,\"label-file-too-large\"],\"labelUnsupportedFileType\":[1,\"label-unsupported-file-type\"],\"labelUploaded\":[1,\"label-uploaded\"],\"labelUploadFailed\":[1,\"label-upload-failed\"],\"labelSupportedFormatsTemplate\":[1,\"label-supported-formats-template\"],\"labelFileSingular\":[1,\"label-file-singular\"],\"labelFilePlural\":[1,\"label-file-plural\"],\"labelMaxFilesInfo\":[1,\"label-max-files-info\"],\"labelMaxFilesExceeded\":[1,\"label-max-files-exceeded\"],\"ariaLabelBrowseFiles\":[1,\"aria-label-browse-files\"],\"ariaLabelDropzone\":[1,\"aria-label-dropzone\"],\"ariaLabelFileInput\":[1,\"aria-label-file-input\"],\"ariaLabelRemoveFile\":[1,\"aria-label-remove-file\"],\"ariaLabelCancelUpload\":[1,\"aria-label-cancel-upload\"],\"ariaLabelRetryUpload\":[1,\"aria-label-retry-upload\"],\"ariaLabelUploadingStatus\":[1,\"aria-label-uploading-status\"],\"ariaLabelUploadedStatus\":[1,\"aria-label-uploaded-status\"],\"ariaLabelUploadFailedStatus\":[1,\"aria-label-upload-failed-status\"],\"isDragOver\":[32],\"files\":[32],\"uploadTasks\":[32],\"rejectedSizeFiles\":[32],\"rejectedTypeFiles\":[32],\"requiredError\":[32],\"statusMessage\":[32],\"injectDemoState\":[64],\"triggerDemoValidation\":[64]}]]],[\"ifx-icons-preview\",[[257,\"ifx-icons-preview\",{\"iconsArray\":[32],\"isCopied\":[32],\"copiedIndex\":[32],\"copiedIcon\":[32],\"htmlTag\":[32],\"iconName\":[32],\"searchTerm\":[32]}]]],[\"ifx-faq\",[[257,\"ifx-faq\"]]],[\"ifx-list-entry\",[[257,\"ifx-list-entry\",{\"value\":[1028],\"label\":[1],\"type\":[1]},[[0,\"ifxChange\",\"handleFilterEntryChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-overview-table\",[[257,\"ifx-overview-table\"]]],[\"ifx-dropdown-trigger-button\",[[257,\"ifx-dropdown-trigger-button\",{\"isOpen\":[4,\"is-open\"],\"theme\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"hideArrow\":[4,\"hide-arrow\"]}]]],[\"ifx-filter-accordion\",[[257,\"ifx-filter-accordion\",{\"maxVisibleItems\":[2,\"max-visible-items\"],\"filterGroupName\":[1,\"filter-group-name\"],\"expanded\":[32],\"count\":[32],\"totalItems\":[32]}]]],[\"ifx-filter-bar\",[[257,\"ifx-filter-bar\",{\"maxShownFilters\":[2,\"max-shown-filters\"],\"showMoreFiltersButton\":[4,\"show-more-filters-button\"],\"selectedOptions\":[32],\"showAllFilters\":[32],\"visibleSlots\":[32]}]]],[\"ifx-filter-search\",[[257,\"ifx-filter-search\",{\"filterName\":[1,\"filter-name\"],\"disabled\":[4],\"filterValue\":[1025,\"filter-value\"],\"filterKey\":[1,\"filter-key\"],\"filterOrientation\":[1,\"filter-orientation\"],\"placeholder\":[1],\"showDeleteIcon\":[32]},[[0,\"ifxInput\",\"handleFilterSearchChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-list\",[[257,\"ifx-list\",{\"name\":[1],\"maxVisibleItems\":[2,\"max-visible-items\"],\"type\":[1],\"resetTrigger\":[1028,\"reset-trigger\"],\"expanded\":[32],\"showMore\":[32],\"selectedCount\":[32],\"totalItems\":[32],\"internalResetTrigger\":[32]},null,{\"type\":[\"handleTypeChange\"],\"resetTrigger\":[\"resetTriggerChanged\"]}]]],[\"ifx-modal\",[[257,\"ifx-modal\",{\"opened\":[1540],\"caption\":[1],\"captionAriaLabel\":[1,\"caption-aria-label\"],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"variant\":[1],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"closeButtonAriaLabel\":[1,\"close-button-aria-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"ifx-navbar-item\",[[257,\"ifx-navbar-item\",{\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"href\":[1],\"target\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"numberIndicator\":[2,\"number-indicator\"],\"dotIndicator\":[4,\"dot-indicator\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"isSidebarMenuItem\":[32],\"itemPosition\":[32],\"hideComponent\":[64],\"showComponent\":[64],\"toggleChildren\":[64],\"moveChildComponentsIntoSubLayerMenu\":[64],\"toggleFirstLayerItem\":[64],\"addMenuItemClass\":[64],\"moveChildComponentsBackIntoNavbar\":[64],\"returnToFirstLayer\":[64],\"setMenuItemPosition\":[64],\"setItemSideSpecifications\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-search-bar\",[[257,\"ifx-search-bar\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"value\":[1025],\"maxlength\":[2],\"autocomplete\":[1],\"internalState\":[32],\"onNavbarMobile\":[64]},null,{\"isOpen\":[\"handlePropChange\"]}]]],[\"ifx-sidebar-item\",[[257,\"ifx-sidebar-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"numberIndicator\":[2,\"number-indicator\"],\"active\":[4],\"isActionItem\":[4,\"is-action-item\"],\"handleItemClick\":[16,\"handle-item-click\"],\"showIcon\":[32],\"showIconWrapper\":[32],\"internalHref\":[32],\"isExpandable\":[32],\"isNested\":[32],\"isSubMenuItem\":[32],\"internalActiveState\":[32],\"setActiveClasses\":[64],\"expandMenu\":[64],\"isItemExpandable\":[64]},[[0,\"consoleError\",\"handleConsoleError\"]],{\"active\":[\"handleActiveChange\"]}]]],[\"ifx-tree-view-item\",[[257,\"ifx-tree-view-item\",{\"expanded\":[1540],\"initiallyExpanded\":[4,\"initially-expanded\"],\"disableItem\":[4,\"disable-item\"],\"ariaLabel\":[1,\"aria-label\"],\"initiallySelected\":[4,\"initially-selected\"],\"value\":[1],\"hasChildren\":[32],\"isChecked\":[32],\"partialChecked\":[32],\"level\":[32],\"disableAllItems\":[32],\"expandAllItems\":[32],\"suppressExpandEvents\":[32]},null,{\"expanded\":[\"handleExpandedChange\"],\"disableItem\":[\"handleDisableItemChange\"]}]]],[\"ifx-breadcrumb-item-label\",[[257,\"ifx-breadcrumb-item-label\",{\"icon\":[1],\"href\":[1],\"target\":[1]}]]],[\"ifx-checkbox-group\",[[321,\"ifx-checkbox-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"required\":[4],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleCheckboxError\"]]]]],[\"ifx-date-picker\",[[321,\"ifx-date-picker\",{\"size\":[1],\"error\":[4],\"success\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1],\"type\":[1],\"max\":[1],\"min\":[1],\"required\":[4],\"label\":[1],\"caption\":[1],\"autocomplete\":[1]}]]],[\"ifx-download\",[[257,\"ifx-download\",{\"tokens\":[1]}]]],[\"ifx-dropdown-item\",[[257,\"ifx-dropdown-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"hide\":[4],\"size\":[32]},[[16,\"menuSize\",\"handleMenuSize\"]]]]],[\"ifx-navbar\",[[257,\"ifx-navbar\",{\"applicationName\":[1,\"application-name\"],\"fixed\":[4],\"showLogoAndAppname\":[4,\"show-logo-and-appname\"],\"logoHref\":[1,\"logo-href\"],\"logoHrefTarget\":[1,\"logo-href-target\"],\"main\":[32],\"products\":[32],\"applications\":[32],\"design\":[32],\"support\":[32],\"about\":[32],\"hasLeftMenuItems\":[32],\"searchBarIsOpen\":[32],\"internalLogoHref\":[32],\"internalLogoHrefTarget\":[32]},[[0,\"ifxNavItem\",\"clearFirstLayerMenu\"],[0,\"ifxOpen\",\"handleSearchBarToggle\"]]]]],[\"ifx-radio-button-group\",[[321,\"ifx-radio-button-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"required\":[4],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleRadioButtonError\"]]]]],[\"ifx-segment\",[[257,\"ifx-segment\",{\"icon\":[1],\"segmentIndex\":[2,\"segment-index\"],\"selected\":[1028],\"value\":[1]}]]],[\"ifx-segmented-control\",[[257,\"ifx-segmented-control\",{\"caption\":[1],\"label\":[1],\"size\":[1],\"required\":[4],\"error\":[4]},[[0,\"segmentSelect\",\"onSegmentSelect\"]]]]],[\"ifx-slider\",[[257,\"ifx-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"minValueHandle\":[2,\"min-value-handle\"],\"maxValueHandle\":[2,\"max-value-handle\"],\"disabled\":[4],\"showPercentage\":[4,\"show-percentage\"],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"leftText\":[1,\"left-text\"],\"rightText\":[1,\"right-text\"],\"type\":[1],\"internalValue\":[32],\"percentage\":[32],\"internalMinValue\":[32],\"internalMaxValue\":[32]},null,{\"value\":[\"valueChanged\"],\"minValueHandle\":[\"minValueChanged\"],\"maxValueHandle\":[\"maxValueChanged\"]}]]],[\"ifx-step\",[[257,\"ifx-step\",{\"complete\":[4],\"disabled\":[4],\"error\":[1028],\"lastStep\":[4,\"last-step\"],\"stepId\":[2,\"step-id\"],\"stepperState\":[16,\"stepper-state\"],\"active\":[32],\"clickable\":[32]},[[4,\"ifxChange\",\"onStepChange\"]],{\"stepperState\":[\"updateCurrentStep\"],\"active\":[\"updateErrorState\"]}]]],[\"ifx-tabs\",[[257,\"ifx-tabs\",{\"orientation\":[1],\"activeTabIndex\":[1026,\"active-tab-index\"],\"fullWidth\":[4,\"full-width\"],\"internalOrientation\":[32],\"internalActiveTabIndex\":[32],\"internalFocusedTabIndex\":[32],\"tabRefs\":[32],\"tabHeaderRefs\":[32],\"disabledTabs\":[32],\"tabObjects\":[32]},[[9,\"resize\",\"updateBorderOnWindowResize\"],[0,\"tabHeaderChange\",\"handleTabHeaderChange\"],[0,\"slotchange\",\"onSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"activeTabIndex\":[\"activeTabIndexChanged\"]}]]],[\"ifx-tag\",[[257,\"ifx-tag\",{\"icon\":[1]}]]],[\"ifx-tooltip\",[[257,\"ifx-tooltip\",{\"header\":[1],\"text\":[1],\"position\":[1],\"variant\":[1],\"icon\":[1],\"tooltipVisible\":[32],\"internalPosition\":[32]},null,{\"position\":[\"positionChanged\"]}]]],[\"ifx-badge\",[[257,\"ifx-badge\"]]],[\"ifx-basic-table\",[[256,\"ifx-basic-table\",{\"cols\":[1],\"rows\":[1],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"variant\":[1],\"gridOptions\":[32],\"columnDefs\":[32],\"rowData\":[32],\"uniqueKey\":[32]}]]],[\"ifx-breadcrumb\",[[257,\"ifx-breadcrumb\"]]],[\"ifx-breadcrumb-item\",[[257,\"ifx-breadcrumb-item\",{\"isLastItem\":[32],\"uniqueId\":[32],\"hasDropdownMenu\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"breadcrumbMenuIconWrapper\",\"menuWrapperEventReEmitter\"]]]]],[\"ifx-card\",[[257,\"ifx-card\",{\"direction\":[1],\"href\":[1],\"target\":[1],\"ariaLabel\":[1,\"aria-label\"],\"noBtns\":[32],\"alignment\":[32],\"noImg\":[32],\"internalHref\":[32]},[[0,\"imgPosition\",\"setImgPosition\"]]]]],[\"ifx-card-headline\",[[257,\"ifx-card-headline\",{\"direction\":[32],\"hasDesc\":[32]}]]],[\"ifx-card-image\",[[257,\"ifx-card-image\",{\"src\":[1],\"alt\":[1],\"position\":[1]}]]],[\"ifx-card-links\",[[257,\"ifx-card-links\"]]],[\"ifx-card-overline\",[[257,\"ifx-card-overline\"]]],[\"ifx-card-text\",[[257,\"ifx-card-text\",{\"hasBtn\":[32]}]]],[\"ifx-content-switcher\",[[257,\"ifx-content-switcher\",{\"items\":[32],\"activeIndex\":[32],\"hoverIndex\":[32],\"focusIndex\":[32],\"dividers\":[32]}]]],[\"ifx-content-switcher-item\",[[257,\"ifx-content-switcher-item\",{\"selected\":[4],\"value\":[1]}]]],[\"ifx-dropdown\",[[257,\"ifx-dropdown\",{\"placement\":[1],\"defaultOpen\":[4,\"default-open\"],\"noAppendToBody\":[4,\"no-append-to-body\"],\"disabled\":[4],\"noCloseOnOutsideClick\":[4,\"no-close-on-outside-click\"],\"noCloseOnMenuClick\":[4,\"no-close-on-menu-click\"],\"internalIsOpen\":[32],\"trigger\":[32],\"menu\":[32],\"isOpen\":[64],\"closeDropdown\":[64],\"openDropdown\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"],[4,\"focusin\",\"handleFocusOutside\"],[0,\"slotchange\",\"watchHandlerSlot\"]],{\"defaultOpen\":[\"watchHandlerIsOpen\"],\"disabled\":[\"watchHandlerDisabled\"]}]]],[\"ifx-dropdown-header\",[[257,\"ifx-dropdown-header\"]]],[\"ifx-dropdown-menu\",[[257,\"ifx-dropdown-menu\",{\"isOpen\":[4,\"is-open\"],\"size\":[1],\"hideTopPadding\":[32],\"filteredItems\":[32]},[[0,\"ifxInput\",\"handleMenuFilter\"],[0,\"ifxDropdownItem\",\"handleDropdownItemValueEmission\"]]]]],[\"ifx-dropdown-separator\",[[257,\"ifx-dropdown-separator\"]]],[\"ifx-dropdown-trigger\",[[257,\"ifx-dropdown-trigger\",{\"isOpen\":[4,\"is-open\"]}]]],[\"ifx-filter-type-group\",[[257,\"ifx-filter-type-group\",{\"selectedOptions\":[32]}]]],[\"ifx-footer\",[[257,\"ifx-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32]}]]],[\"ifx-footer-column\",[[257,\"ifx-footer-column\"]]],[\"ifx-navbar-profile\",[[257,\"ifx-navbar-profile\",{\"showLabel\":[4,\"show-label\"],\"href\":[1],\"imageUrl\":[1,\"image-url\"],\"target\":[1],\"alt\":[1],\"userName\":[1,\"user-name\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"internalImageUrl\":[32],\"hideComponent\":[64],\"showComponent\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-sidebar\",[[257,\"ifx-sidebar\",{\"applicationName\":[1,\"application-name\"],\"initialCollapse\":[4,\"initial-collapse\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"termsOfUse\":[1,\"terms-of-use\"],\"imprint\":[1],\"privacyPolicy\":[1,\"privacy-policy\"],\"target\":[1],\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32],\"internalTermsofUse\":[32],\"internalImprint\":[32],\"internalPrivacyPolicy\":[32],\"internalShowFooter\":[32],\"activeItem\":[32]},[[0,\"ifxSidebarMenu\",\"handleSidebarItemInteraction\"],[0,\"ifxSidebarNavigationItem\",\"handleSidebarItemActivated\"]]]]],[\"ifx-sidebar-title\",[[257,\"ifx-sidebar-title\"]]],[\"ifx-status\",[[257,\"ifx-status\",{\"label\":[1],\"border\":[4],\"color\":[1]}]]],[\"ifx-stepper\",[[257,\"ifx-stepper\",{\"activeStep\":[1026,\"active-step\"],\"indicatorPosition\":[1,\"indicator-position\"],\"showStepNumber\":[4,\"show-step-number\"],\"variant\":[1],\"stepsCount\":[32],\"shouldEmitEvent\":[32],\"emittedByClick\":[32]},[[0,\"ifxChange\",\"onStepChange\"]],{\"activeStep\":[\"handleActiveStep\"]}]]],[\"ifx-switch\",[[321,\"ifx-switch\",{\"checked\":[4],\"name\":[1],\"disabled\":[4],\"value\":[1],\"internalChecked\":[32],\"isChecked\":[64]},null,{\"checked\":[\"valueChanged\"]}]]],[\"ifx-tab\",[[260,\"ifx-tab\",{\"header\":[1],\"disabled\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"]}]]],[\"ifx-textarea\",[[321,\"ifx-textarea\",{\"caption\":[1],\"cols\":[2],\"disabled\":[4],\"error\":[4],\"label\":[1],\"maxlength\":[2],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"resize\":[1],\"rows\":[2],\"value\":[1025],\"wrap\":[1],\"fullWidth\":[513,\"full-width\"],\"reset\":[64]}]]],[\"ifx-tree-view\",[[257,\"ifx-tree-view\",{\"label\":[1],\"disableAllItems\":[4,\"disable-all-items\"],\"expandAllItems\":[4,\"expand-all-items\"],\"ariaLabel\":[1,\"aria-label\"]},null,{\"expandAllItems\":[\"handleExpandAllItemsChange\"],\"disableAllItems\":[\"handleDisableAllItemsChange\"]}]]],[\"ifx-notification\",[[257,\"ifx-notification\",{\"icon\":[1],\"variant\":[1],\"linkText\":[1,\"link-text\"],\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ifx-progress-bar\",[[257,\"ifx-progress-bar\",{\"value\":[2],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"internalValue\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"ifx-radio-button\",[[321,\"ifx-radio-button\",{\"disabled\":[4],\"value\":[1],\"error\":[4],\"size\":[513],\"name\":[513],\"checked\":[1028],\"internalChecked\":[32],\"hasSlot\":[32],\"isChecked\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[4,\"change\",\"handleExternalChange\"]],{\"checked\":[\"handleCheckedChange\"],\"internalChecked\":[\"updateFormValue\"],\"error\":[\"errorChanged\"]}]]],[\"ifx-alert_2\",[[257,\"ifx-template\",{\"name\":[1],\"thumbnail\":[1],\"repoDetails\":[32],\"repoUrl\":[32],\"showDetails\":[32],\"isTemplatePage\":[32],\"isLoading\":[32],\"repoError\":[32],\"toggleTemplate\":[64]}],[257,\"ifx-alert\",{\"variant\":[1],\"icon\":[1],\"closable\":[4],\"AriaLive\":[1,\"aria-live\"],\"uniqueId\":[32]}]]],[\"ifx-multiselect_2\",[[321,\"ifx-multiselect\",{\"name\":[1],\"disabled\":[4],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"placeholder\":[1],\"showSearch\":[4,\"show-search\"],\"showSelectAll\":[4,\"show-select-all\"],\"showClearButton\":[4,\"show-clear-button\"],\"showExpandCollapse\":[4,\"show-expand-collapse\"],\"noResultsMessage\":[1,\"no-results-message\"],\"showNoResultsMessage\":[4,\"show-no-results-message\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"expandLabel\":[1,\"expand-label\"],\"collapseLabel\":[1,\"collapse-label\"],\"ariaMultiSelectLabel\":[1,\"aria-multi-select-label\"],\"ariaMultiSelectLabelledBy\":[1,\"aria-multi-select-labelled-by\"],\"ariaMultiSelectDescribedBy\":[1,\"aria-multi-select-described-by\"],\"ariaSearchLabel\":[1,\"aria-search-label\"],\"ariaClearLabel\":[1,\"aria-clear-label\"],\"ariaToggleLabel\":[1,\"aria-toggle-label\"],\"ariaSelectAllLabel\":[1,\"aria-select-all-label\"],\"ariaExpandAllLabel\":[1,\"aria-expand-all-label\"],\"ariaCollapseAllLabel\":[1,\"aria-collapse-all-label\"],\"internalError\":[32],\"internalErrorMessage\":[32],\"persistentSelectedOptions\":[32],\"dropdownOpen\":[32],\"dropdownFlipped\":[32],\"searchTerm\":[32],\"clearSelection\":[64]},null,{\"error\":[\"updateInternalError\"],\"errorMessage\":[\"updateInternalErrorMessage\"],\"persistentSelectedOptions\":[\"onSelectionChange\"]}],[257,\"ifx-multiselect-option\",{\"value\":[1],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[1540],\"isExpanded\":[32],\"hasChildren\":[32],\"depth\":[32],\"searchTerm\":[32],\"isSearchActive\":[32],\"isSearchDisabled\":[32]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"ifx-accordion_2\",[[257,\"ifx-accordion-item\",{\"caption\":[1],\"open\":[1028],\"AriaLevel\":[2,\"aria-level\"],\"internalOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"]],{\"open\":[\"openChanged\"]}],[273,\"ifx-accordion\",{\"autoCollapse\":[4,\"auto-collapse\"]},[[0,\"ifxOpen\",\"onItemOpen\"]]]]],[\"ifx-select\",[[256,\"ifx-select\",{\"value\":[1],\"name\":[1],\"items\":[16],\"choices\":[1],\"renderChoiceLimit\":[2,\"render-choice-limit\"],\"maxItemCount\":[2,\"max-item-count\"],\"addItems\":[4,\"add-items\"],\"removeItems\":[4,\"remove-items\"],\"removeItemButton\":[4,\"remove-item-button\"],\"editItems\":[4,\"edit-items\"],\"duplicateItemsAllowed\":[4,\"duplicate-items-allowed\"],\"delimiter\":[1],\"paste\":[4],\"showSearch\":[4,\"show-search\"],\"searchChoices\":[4,\"search-choices\"],\"searchFields\":[1,\"search-fields\"],\"searchFloor\":[2,\"search-floor\"],\"searchResultLimit\":[2,\"search-result-limit\"],\"position\":[1],\"resetScrollPosition\":[4,\"reset-scroll-position\"],\"shouldSort\":[4,\"should-sort\"],\"shouldSortItems\":[4,\"should-sort-items\"],\"sorter\":[16],\"placeholder\":[8],\"searchPlaceholderValue\":[1,\"search-placeholder-value\"],\"prependValue\":[1,\"prepend-value\"],\"appendValue\":[1,\"append-value\"],\"renderSelectedChoices\":[1,\"render-selected-choices\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"noChoicesText\":[1,\"no-choices-text\"],\"itemSelectText\":[1,\"item-select-text\"],\"addItemText\":[1,\"add-item-text\"],\"maxItemText\":[1,\"max-item-text\"],\"uniqueItemText\":[1,\"unique-item-text\"],\"classNames\":[16,\"class-names\"],\"fuseOptions\":[16,\"fuse-options\"],\"addItemFilter\":[1,\"add-item-filter\"],\"customAddItemText\":[1,\"custom-add-item-text\"],\"callbackOnInit\":[16,\"callback-on-init\"],\"callbackOnCreateTemplates\":[16,\"callback-on-create-templates\"],\"valueComparer\":[16,\"value-comparer\"],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"disabled\":[4],\"placeholderValue\":[1,\"placeholder-value\"],\"options\":[1025],\"size\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"selectedOption\":[32],\"optionIsSelected\":[32],\"clearSelection\":[64],\"handleChange\":[64],\"highlightItem\":[64],\"unhighlightItem\":[64],\"highlightAll\":[64],\"unhighlightAll\":[64],\"removeActiveItemsByValue\":[64],\"removeActiveItems\":[64],\"removeHighlightedItems\":[64],\"showDropdown\":[64],\"hideDropdown\":[64],\"getValue\":[64],\"setValue\":[64],\"setChoiceByValue\":[64],\"setChoices\":[64],\"clearChoices\":[64],\"clearStore\":[64],\"clearInput\":[64],\"ajax\":[64],\"handleDeleteIcon\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"disabled\":[\"watchDisabled\"]}]]],[\"ifx-spinner_2\",[[257,\"ifx-spinner\",{\"size\":[1],\"variant\":[1],\"inverted\":[4]}],[321,\"ifx-text-field\",{\"placeholder\":[1],\"value\":[1025],\"error\":[4],\"label\":[1],\"icon\":[1],\"caption\":[1],\"size\":[1],\"required\":[4],\"optional\":[4],\"success\":[4],\"disabled\":[4],\"maxlength\":[2],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"autocomplete\":[1],\"type\":[1],\"internalId\":[1,\"internal-id\"],\"internalType\":[32],\"reset\":[64]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ifx-icon-button\",[[257,\"ifx-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"icon\":[1],\"href\":[1],\"target\":[1],\"shape\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalIcon\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleClick\"]],{\"icon\":[\"updateIcon\"]}]]],[\"ifx-search-field\",[[257,\"ifx-search-field\",{\"value\":[1025],\"suggestions\":[16],\"showSuggestions\":[4,\"show-suggestions\"],\"maxSuggestions\":[2,\"max-suggestions\"],\"maxHistoryItems\":[2,\"max-history-items\"],\"enableHistory\":[4,\"enable-history\"],\"historyKey\":[1,\"history-key\"],\"historyHeaderText\":[1,\"history-header-text\"],\"ariaLabel\":[1,\"aria-label\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"deleteIconAriaLabel\":[1,\"delete-icon-aria-label\"],\"historyDeleteAriaLabel\":[1,\"history-delete-aria-label\"],\"dropdownAriaLabel\":[1,\"dropdown-aria-label\"],\"suggestionAriaLabel\":[1,\"suggestion-aria-label\"],\"historyItemAriaLabel\":[1,\"history-item-aria-label\"],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"disabled\":[4],\"size\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"maxlength\":[2],\"showDropdown\":[32],\"filteredSuggestions\":[32],\"selectedSuggestionIndex\":[32],\"searchHistory\":[32],\"showDeleteIconInternalState\":[32],\"isFocused\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"valueWatcher\"],\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"ifx-button\",[[257,\"ifx-button\",{\"variant\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4],\"href\":[1],\"target\":[1],\"type\":[1],\"fullWidth\":[4,\"full-width\"],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[2,\"click\",\"handleHostClick\"]],{\"href\":[\"setInternalHref\"]}]]],[\"ifx-indicator\",[[257,\"ifx-indicator\",{\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"number\":[2],\"filteredNumber\":[32]}]]],[\"ifx-checkbox\",[[321,\"ifx-checkbox\",{\"disabled\":[4],\"checked\":[4],\"error\":[4],\"size\":[1],\"indeterminate\":[4],\"value\":[1],\"internalChecked\":[32],\"internalIndeterminate\":[32],\"isChecked\":[64],\"toggleCheckedState\":[64]},null,{\"checked\":[\"valueChanged\"],\"error\":[\"errorChanged\"],\"indeterminate\":[\"indeterminateChanged\"]}]]],[\"ifx-chip_3\",[[257,\"ifx-pagination\",{\"currentPage\":[2,\"current-page\"],\"total\":[2],\"itemsPerPage\":[1,\"items-per-page\"],\"internalPage\":[32],\"internalItemsPerPage\":[32],\"numberOfPages\":[32],\"filteredItemsPerPage\":[32],\"visiblePages\":[32]},[[0,\"ifxSelect\",\"setItemsPerPage\"]],{\"total\":[\"watchTotalHandler\"],\"currentPage\":[\"currentPageWatcher\"]}],[257,\"ifx-chip\",{\"placeholder\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"readOnly\":[4,\"read-only\"],\"ariaLabel\":[1,\"aria-label\"],\"opened\":[32],\"selectedOptions\":[32]},[[5,\"mousedown\",\"closeDropdownOnOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"ifxChipItemSelect\",\"updateSelectedOptions\"]],{\"value\":[\"handleValueChange\"],\"readOnly\":[\"handleReadOnlyChange\"]}],[257,\"ifx-chip-item\",{\"value\":[1],\"chipState\":[16,\"chip-state\"],\"selected\":[1540]},[[16,\"ifxChipItemSelect\",\"updateItemSelection\"]],{\"selected\":[\"validateSelected\"]}]]],[\"ifx-link\",[[257,\"ifx-link\",{\"href\":[1],\"target\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"download\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"internalTarget\":[32],\"internalVariant\":[32]}]]],[\"ifx-icon\",[[256,\"ifx-icon\",{\"icon\":[1025],\"ifxIcon\":[1032,\"ifx-icon\"],\"internalIcon\":[32]},null,{\"icon\":[\"updateIcon\"]}]]]]"), options);
 });
 //# sourceMappingURL=infineon-design-system-stencil.js.map