@siemens/ix 0.0.0-v4-next-20251103080000 → 0.0.0-v4-next-20251105163401

package/dist/cjs/ix-radio-group.cjs.entry.js

@@ -113,10 +113,10 @@ const RadiobuttonGroup = class {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (index.h(index.Host, { key: '93241d4ab22b1d87d5fd1e5ff65d5fc8877e1784', onIxBlur: () => (this.touched = true), ref: this.groupRef }, index.h("ix-field-wrapper", { key: '8ee3487bb24408f698cb975822eed476c070f3eb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, index.h("div", { key: '96216c66bce9e4b63071048a3848de1c611da84f', class: {
+        return (index.h(index.Host, { key: '2dd3d82d58a32203135321ba638c55b074b9f628', onIxBlur: () => (this.touched = true), ref: this.groupRef }, index.h("ix-field-wrapper", { key: 'a8f1f97ab61388f7bc37dcf395bd89dbf00bab95', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, index.h("div", { key: 'db7071faa7d87361671587c469c0ce18309d63f2', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, index.h("slot", { key: '8910a200a6eb0d9f88f3b45d96967a7f406b545d' })))));
+            } }, index.h("slot", { key: '34e16ab1e87248e24b316b25b64f11462b7883c5' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-radio.cjs.entry.js

@@ -91,17 +91,17 @@ const Radio = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'e74cc1b490830412ff329d586c35914a8b55abb8', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "radio", class: {
+        return (index.h(index.Host, { key: '7c4e63e0463f26f0c10309d731d8a199bb5de4f6', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "radio", class: {
                 disabled: this.disabled,
                 checked: this.checked,
-            }, onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '2e2736e762d21e1e254078dc07e0e6754c9f0d60' }, index.h("div", { key: 'c22603f3a435fc4271b092af4010208ab7d43eda', class: "radio-button" }, index.h("input", { key: 'd56beba76c83ab1ccf2e3eaea89c6d1c285e3c62', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
+            }, onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '47822f54a77665cb7fafb087da25db93343e55ce' }, index.h("div", { key: '76bc278430fd736fcfd871853c7b3e3d2c8f9da7', class: "radio-button" }, index.h("input", { key: '547dd9547ec9ee2613119a70174a9f72790fc77a', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
                 const ref = this.inputRef.current;
                 if (ref) {
                     this.setCheckedState(ref.checked);
                 }
-            } }), index.h("button", { key: '70747f5c03103161f8808d996b15720af681c54d', disabled: this.disabled, class: {
+            } }), index.h("button", { key: '9ba48fa9d9c3c1172fc58cc45d1f75425c39528c', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, index.h("div", { key: '3f2a5030726debb338686f95feabc123f64524bb', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (index.h("ix-typography", { key: '1beb22d26c2e6c759bfc6be64ad6a11b1c0d2d19', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: 'cbf06b0578d34daed1a952d2bb3346affaf384b6' }))))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, index.h("div", { key: 'fe51f6c3c6b638309aafe0c7481adfe313a057d5', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (index.h("ix-typography", { key: '23d6b78a599b70ffd06e08bffaf0f8ff68e7535b', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: 'c9d1afc17c51c15bd91078b897b1ab6b8b8c4928' }))))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/ix-select.cjs.entry.js

@@ -571,9 +571,9 @@ const Select = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: '616b4904936081cc06fea9f96ba1534ad9c72072', "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
+        return (index.h(index.Host, { key: 'fa2fe3b954c13ec624b3cfbc1b9fc1fbb12da8ba', "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, index.h("ix-field-wrapper", { key: 'f5db8587baff69257f674e0563c36561fb38411e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, index.h("div", { key: '3daefd90f192731fa4b770e5da2c189c80551d3a', class: {
+            } }, index.h("ix-field-wrapper", { key: '0b3766dba1a67a2f82602fd95d6b97f3c5406963', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, index.h("div", { key: 'c22dd458e84fa4e2b93f4e1350493d24e22d1558', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -581,13 +581,13 @@ const Select = class {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, index.h("div", { key: '61298dac05f4be62b06e0db6fd18299fee55ce76', class: "input-container" }, index.h("div", { key: '21c3950b5d76a4027de13baaf9c8054f90b4cbcf', class: "chips" }, this.isMultipleMode
+            } }, index.h("div", { key: 'b688e73f2381c1da69c85c90c22593eaef3b2663', class: "input-container" }, index.h("div", { key: 'dd2495fb0f698cec9791cee97cfee9dba58e79de', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (index.h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', index.h("div", { key: '31390b0957847514ace6fef5c3bfe68f9975a3c0', class: "trigger" }, index.h("input", { key: 'cce77232cf533ff29bd394cdaaf1698ab3bcdc5e', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', index.h("div", { key: '9b5fe0053e60152e0c2c7e9bd4a55acb44a09ec9', class: "trigger" }, index.h("input", { key: '16de609269d6378b3abbdbd1d12760d1668476f2', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
                 this.inputElement = ref;
@@ -606,7 +606,7 @@ const Select = class {
                 : index$1.iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), index.h("ix-dropdown", { key: '69e81d42ef04f3c65449fda9778596bde0c0c708', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), index.h("ix-dropdown", { key: 'e0209df8a782b83f2d6f9c8f36f915225e4c5350', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'display-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
@@ -622,12 +622,12 @@ const Select = class {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, index.h("div", { key: 'e3bbcfe9eaa0547b4f1818d1e96e2aba4b1ff199', class: {
+            } }, index.h("div", { key: '66a5be09c93ce987f3abb706386a151e3bc2a8c0', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: 'd9d1060ee1fa7188a60e854d855c96cee1752355', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: '9743afd0eb5be9d6fc078043dcd61708b542a404', onSlotchange: () => {
                 this.updateSelection();
-            } }), index.h("div", { key: '80906bd69760d63dd6b45c62337d8b9fdb1b3c3a', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: index$1.iconPlus, class: {
+            } }), index.h("div", { key: '2ce8d900ce88645e95919187baceece9c12c3d27', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: index$1.iconPlus, class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();

package/dist/cjs/ix-slider.cjs.entry.js

@@ -150,12 +150,12 @@ const Slider = class {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (index.h(index.Host, { key: '8607a41b85a5cb0241432eca5b6fccd931059247', class: {
+        return (index.h(index.Host, { key: 'ced207d13f14515355756b6f263b3c6bec2b3209', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, index.h("div", { key: 'e5b7d976938e96a4e6f39a2070b4144288f70f29', class: "slider" }, index.h("div", { key: 'c5e5f75983bad193e6ee5fd64f4a23ad06e7eebb', class: "track" }, index.h("div", { key: '10aad41281a45508e54c35d20a2b0d06c071c7f5', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, index.h("div", { key: 'c293d00d438f6e24d8b322842cb692706691331c', class: "slider" }, index.h("div", { key: 'd98fe64e7eb7dd9cb3606ca6296762882c955234', class: "track" }, index.h("div", { key: '98c02d33da457adee53c4fb9f3efd563b68eec0f', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), index.h("div", { key: '8b39d81357e4c4c328f4cca4118a9114ee061e3b', class: "ticks" }, this.marker
+            } }), index.h("div", { key: '93826cc786a1276ad1f75f0663d338ece8b11779', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -168,7 +168,7 @@ const Slider = class {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), index.h("input", Object.assign({ key: 'e3dd09329ca7f15807222948b23a5691c0e8285d', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
+            : null)), index.h("input", Object.assign({ key: '85b6e682067ad68ea6e15380d96c6d142dad2838', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
                 '--value': `${valueInPercentage}`,
                 '--trace-reference': `${traceReferenceInPercentage}`,
                 '--trace-start': `${traceStart}`,
@@ -182,9 +182,9 @@ const Slider = class {
                 this.showTooltip = true;
             }, onBlur: () => {
                 this.showTooltip = false;
-            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), index.h("ix-tooltip", { key: 'e22440fb877deb31a73fcb3ef7d7de68e1e3bc26', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), index.h("ix-tooltip", { key: '8a41a6681becc0058f76752e46f61cadc2124a11', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), index.h("div", { key: '94dc92cea736331e1adf377a550e0d5da003fcfc', class: "label" }, index.h("div", { key: 'ffd03546d0e0a5c8fb974f689c700572b429f76d', class: "label-start" }, index.h("slot", { key: 'fcf333f15011541e4ce9fc11472d00de73b2b768', name: "label-start" })), index.h("div", { key: '2b9ff68a94f3c882428414e2fa089b134a8ccbb6', class: "label-end" }, index.h("slot", { key: '5c5ba7b73af4067842afe022bf01686a3e437eae', name: "label-end" }))), this.error ? (index.h("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), index.h("div", { key: '5edd24e230364a761297b81d14af42702ae43dd2', class: "label" }, index.h("div", { key: '61dc1d63fc02740c939baab017933e49596bc2f7', class: "label-start" }, index.h("slot", { key: '3cbd07966df87b3f821e25e0c89b12b740d54200', name: "label-start" })), index.h("div", { key: 'd437f171c83b76dec30f71d546fb2b63a0c319af', class: "label-end" }, index.h("slot", { key: '3ce1dcbfff773c12fa60a94a77b5bb95d0e96792', name: "label-end" }))), this.error ? (index.h("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-split-button.cjs.entry.js

@@ -45,7 +45,7 @@ const SplitButton = class {
                 'left-button-border': !hasOutline,
             },
         };
-        return (index.h(index.Host, { key: 'c0fec74005091e767fabcb3a3f19da5bdd95a43b' }, index.h("div", { key: '5ed4d1f6ecc27eacb58c101612b6f38d6487e903', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (index.h("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (index.h("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), index.h("ix-icon-button", Object.assign({ key: '0026fece6601ca9715b259bc2fd67f1c63993a93' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : index$1.iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), index.h("ix-dropdown", { key: 'c6e1fc922c216672d8c9545721b421021408f74f', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, index.h("slot", { key: 'ae34c0441b00ef9f29ea8a53308698cda6678468' }))));
+        return (index.h(index.Host, { key: '0dc63835924ed1f30a7f734784a3fb76db827dba' }, index.h("div", { key: '6615abc02cbd9232b8855703f90d93a52c4948f1', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (index.h("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (index.h("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), index.h("ix-icon-button", Object.assign({ key: 'c5c736d7105c8e84030e94146a094bc0aab6c8c9' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : index$1.iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), index.h("ix-dropdown", { key: '73aad4c875a12e36ee79363a81586ff687dffd46', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, index.h("slot", { key: 'a06fbe62a5985b3f10dfcb78f209178d23dc4445' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-tab-item_2.cjs.entry.js

@@ -51,7 +51,7 @@ const TabItem = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '2eaa9ee3ba9488210877fa4ed43595e1f9d9a8dd', class: this.tabItemClasses({
+        return (index.h(index.Host, { key: 'f0e6c03c7624e9d8ae86223da810ca909e89ceb9', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -68,12 +68,12 @@ const TabItem = class {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, index.h("div", { key: 'a3592b79e11a50056834d1920aa666a6989f7be9', class: {
+            } }, index.h("div", { key: '21b8861c7547865527d9395b1c288b358ca816c3', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: '6bdd7252b0906f1d47257c6bc0fd4bff91a7eb3b' })), index.h("div", { key: '876c31b1ee2c454887434a99b65435d1511676e1', class: {
+            } }, index.h("slot", { key: '4e268ef6667abfd1e2b4ea85b7a34819a16c188a' })), index.h("div", { key: '86633194654d3ab97aaa0c37fdf22b9f2ea6dd7c', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -342,13 +342,13 @@ const Tabs = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '4c58b26f100793ee93715ddf2d71cd85c7a77394' }, this.showArrowPrevious && (index.h("button", { key: '88b2aa246f44f6fca988e8cc95d5c69f973b5626', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, index.h("ix-icon", { key: '0a6bdb7e2edafe47e7a2c3a09c860df3b8e8c73f', name: index$1.iconChevronLeftSmall }))), index.h("div", { key: 'd06c37c4aae268d43ada257185256163c54668bf', class: {
+        return (index.h(index.Host, { key: 'c756fbb7d81e27ec6933c724febfb5a6ad6ff8ef' }, this.showArrowPrevious && (index.h("button", { key: '318c355a1e02f1b76916940569116419984a7654', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, index.h("ix-icon", { key: '7f22da7b7042eb8dc0ec033224ba79d9277025f0', name: index$1.iconChevronLeftSmall }))), index.h("div", { key: 'e2218eb17d252887bdc215cbd9995bafaaa57948', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
                 'shadow-left': this.showArrowPrevious,
                 'shadow-right': this.showArrowNext,
                 'shadow-both': this.showArrowNext && this.showArrowPrevious,
-            } }, index.h("div", { key: 'b2636001520d9d9c63173f35a45c3f38217f949f', class: "items-content" }, index.h("slot", { key: 'd29d939ea9c1053d79b7670c7c54d9e6ec483dce' }))), this.showArrowNext && (index.h("button", { key: '91b68bb75e979fdab0643a479300371e67a0174f', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, index.h("ix-icon", { key: '735a473ee7bd00e299530b09c166b111cd8f04cd', name: index$1.iconChevronRightSmall })))));
+            } }, index.h("div", { key: '5defa66da4f7dcb37ed6942caa8bc2c0754623b4', class: "items-content" }, index.h("slot", { key: '6045ae1b6a9b6313a9476a4d646696bc0ecc5356' }))), this.showArrowNext && (index.h("button", { key: 'fb065f75de3acfe34c2a2f2a929ed29d82498d7b', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, index.h("ix-icon", { key: 'e8c6a8e99fe5756346abd99cb833bfb9152613a8', name: index$1.iconChevronRightSmall })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-textarea.cjs.entry.js

@@ -155,10 +155,10 @@ const Textarea = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '01f3753f8d224c04fcfd170004d1591155bae8fe', class: {
+        return (index.h(index.Host, { key: '886249f3b150fd8d45ef69d6e9e91ade0213aa10', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, index.h("ix-field-wrapper", { key: '7e69d00bbdef14efac3be23a093602dc2c0dae76', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (index.h("ix-typography", { key: 'ebd14c19b62522cfb95ab1aa5177931020e12673', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), index.h("div", { key: '26855cb5d7dcd374388e8c6d8ab8102b57414a47', class: "input-wrapper" }, index.h(input_util.TextareaElement, { key: '763de52ae31785cc5fd08b37c6f926528f3e665e', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, index.h("ix-field-wrapper", { key: '178c631726c9e1db43f0d2041f3adca9d4587c78', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (index.h("ix-typography", { key: '83f426ae1fe578142232fb71e3ae40820d55954f', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), index.h("div", { key: '17a8fe75f5f9248fc6559ecf8298e62a4d959f02', class: "input-wrapper" }, index.h(input_util.TextareaElement, { key: 'd9e284e0357cb2608f7b4d1a1fc220dc92ccf4d8', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 input_util.onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));

package/dist/cjs/ix-tile.cjs.entry.js

@@ -21,17 +21,17 @@ const Tile = class {
         this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
     }
     render() {
-        return (index.h(index.Host, { key: 'aa9ab71b723ec68685a2d0a37b53d9edcfe82cd6', class: {
+        return (index.h(index.Host, { key: 'e1166a8b4e348942b7ed4258f88f8be64de05933', class: {
                 'tile-small': this.size === 'small',
                 'tile-medium': this.size === 'medium',
                 'tile-big': this.size === 'big',
-            } }, index.h("div", { key: 'fdbc231e60e607c9a5c60d66138f87d563d3a1d1', class: {
+            } }, index.h("div", { key: 'a6bd9158342ed546d51c55685afe3d75c2bf31b8', class: {
                 'tile-header': true,
                 'has-content': this.hasHeaderSlot,
-            } }, index.h("slot", { key: 'f881aa65ee46aa1f8ea7991d94e934fed4fe5e6a', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), index.h("div", { key: '3a7603fe58fd66c7309a9ec743839f6df1db88d3', class: "tile-subheader" }, index.h("slot", { key: '846def8a0c20dba9c4d929a10ffad9ad2da73128', name: "subheader" })), index.h("div", { key: '1a1c7830c296988a0928d76b2af53c14d999e2ac', class: "tile-content" }, index.h("slot", { key: '5450f27247704ac16db78f1c6507ea9319c367c4' })), index.h("div", { key: '0464f19054f1c1e15c06fdab283d72f17ab0b9cd', class: {
+            } }, index.h("slot", { key: 'c24c054f14e378dc126472b4086b4be4a245cbac', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), index.h("div", { key: '975744cdd6f42661636fc382a2f2e3c256ccdc9f', class: "tile-subheader" }, index.h("slot", { key: 'a867a5e2e3cb8958c819d5d936bf955cb51e808b', name: "subheader" })), index.h("div", { key: '8ab40a481b778384e6773a6318545e1d0001e669', class: "tile-content" }, index.h("slot", { key: 'c013dd68db8ce80c3b4cfac26acf9c690fcb2439' })), index.h("div", { key: '00b012d9f4bce4b623fc30b1f750f4319f4144f9', class: {
                 'tile-footer': true,
                 'has-content': this.hasFooterSlot,
-            } }, index.h("slot", { key: 'ce04db8085fda4bb5faaa170895cad9c8f850555', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
+            } }, index.h("slot", { key: 'fc565c7344dadeb70cf0002392a0ee98774843df', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-time-input.cjs.entry.js

@@ -277,12 +277,12 @@ const TimeInput = class {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorTimeUnparsable
             : this.invalidText;
-        return (index.h(index.Host, { key: '09ce97a9605c6b22a872712c038a2628e5b0b81a', class: {
+        return (index.h(index.Host, { key: 'b8a2ac32c6efc747a397621d6174b1a236775aa9', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, index.h("ix-field-wrapper", { key: '7885db329aa8632cfaeb55d427ba4d142a8b6ec6', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), index.h("ix-dropdown", { key: 'e1e55b1d1b48ba6b90e9181814c7d01e1fcd8bae', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, index.h("ix-field-wrapper", { key: 'd0a6c1288cb3b4208438e86e23bc30000acf0cd7', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), index.h("ix-dropdown", { key: '1c9b3b6476abc646c42e5c40c84398b25535b1e4', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, index.h("ix-time-picker", { key: '7c3b0350de27af8fe8633478ce1100fd62f75976', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
+            } }, index.h("ix-time-picker", { key: '73c74c5e67b4ef882b91c0f0d87dac4120133c34', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
                 this.onInput(event.detail);
                 this.show = false;
             } }))));

package/dist/cjs/ix-time-picker.cjs.entry.js

@@ -603,19 +603,19 @@ const TimePicker = class {
         return '-1';
     }
     render() {
-        return (index.h(index.Host, { key: 'fe021682c409d261844a66afc06f7fd821d98311' }, index.h("ix-date-time-card", { key: '29d86af50dfbe071b9ba542d715a0d310b5acdd8', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, index.h("div", { key: 'a0189088fa1b26c1deadd04a571391eade2f4a82', class: "header", slot: "header" }, index.h("ix-typography", { key: '168ab5345ae2afa0b084c8acd1e6e533db5ae398', format: "h5" }, this.i18nHeader)), index.h("div", { key: '5fca2d1fb2059d72269e44f231faa0d0e0fc9889', class: "clock" }, this.timePickerDescriptors.map((descriptor, index$1) => (index.h("div", { class: "flex" }, index.h("div", { class: { columns: true, hidden: descriptor.hidden } }, index.h("div", { class: "column-header", title: descriptor.header }, descriptor.header), index.h("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (index.h("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
+        return (index.h(index.Host, { key: '78ee8afebd895a67135b36d5961a44df2a38461f' }, index.h("ix-date-time-card", { key: '19084fa7147b813af9db2ea5aadc871a061c5b1f', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, index.h("div", { key: '318ea73a9fe2851c73c947269de181ed5a418230', class: "header", slot: "header" }, index.h("ix-typography", { key: 'a7d77bd33ae9f4195acd16fb0f133ed84afba25b', format: "h5" }, this.i18nHeader)), index.h("div", { key: 'b1e6ed89ab0f056c5bdcea3ee459fc99bac0ddf5', class: "clock" }, this.timePickerDescriptors.map((descriptor, index$1) => (index.h("div", { class: "flex" }, index.h("div", { class: { columns: true, hidden: descriptor.hidden } }, index.h("div", { class: "column-header", title: descriptor.header }, descriptor.header), index.h("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (index.h("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
                 selected: this.isSelected(descriptor.unit, number),
                 'element-container': true,
             }, onClick: () => this.select(descriptor.unit, number), onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: () => this.onUnitCellBlur(descriptor.unit), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), role: "button", "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)))), index.h("div", { class: "element-list-padding" }))), index$1 !== this.timePickerDescriptors.length - 1 && (index.h("div", { class: {
                 'column-seperator': true,
                 hidden: descriptor.hidden,
-            } }, this.getColumnSeparator(index$1))))))), index.h("div", { key: '94fff2af6e3e86a2bebdee7e17a3ae46503c8a03', class: {
+            } }, this.getColumnSeparator(index$1))))))), index.h("div", { key: 'e3544fd1c410c476a12de6254f28a6adf9af90c5', class: {
                 footer: true,
                 'footer--compact': this.timePickerDescriptors.length <= 2,
-            }, slot: "footer" }, this.timeRef && (index.h("div", { key: 'a9248cc2ac1c71c8886bfc177eb9c013db8a7a69', class: {
+            }, slot: "footer" }, this.timeRef && (index.h("div", { key: '2df318b53e8eb1c50b59c6a39b82b1baebcbc4a3', class: {
                 'time-ref-buttons': true,
                 'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
-            } }, index.h("button", { key: '506e0e1b8d1ebbb59f53944596e38bbde2f1c0bb', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), index.h("button", { key: 'b94ff617ed3e1a539ae3991fbf9e1b69dfb3f2f3', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (index.h("ix-button", { key: '3f49ec5488f6bc4914956fa88e793f6029f0f0e5', class: "confirm-button", onClick: () => {
+            } }, index.h("button", { key: 'c54fb058014a446d27ac85d35a8c808505b22ebc', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), index.h("button", { key: '1586c1d749ab2582c56e10c3f5d99533e77b86bb', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (index.h("ix-button", { key: '41dc3f6f630a19e4c2c057b8b6c05bf3fdf77de3', class: "confirm-button", onClick: () => {
                 var _a;
                 this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
             } }, this.i18nConfirmTime))))));

package/dist/cjs/ix-toast-container.cjs.entry.js

@@ -100,10 +100,10 @@ const ToastContainer = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '8ac8e6eb7cfc7110a4b2b44a835b6727e32c8db6', class: {
+        return (index.h(index.Host, { key: 'd0d6304f35eae029e019466e506ccc1cc62338d1', class: {
                 'toast-container--bottom-right': this.position === 'bottom-right',
                 'toast-container--top-right': this.position === 'top-right',
-            } }, index.h("slot", { key: '1c158e22d6adef730c3642a6769e454b6b5e3c03' })));
+            } }, index.h("slot", { key: '0570337aeaf8edc9856d2d3329570b5dba99b0d3' })));
     }
     static get watchers() { return {
         "position": ["onPositionChange"]

package/dist/cjs/ix-toast.cjs.entry.js

@@ -77,11 +77,11 @@ const Toast = class {
             animationPlayState: this.touched || this.paused ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (index.h(index.Host, { key: '899292380d8565664e1c7675d76327a11490d830', class: "animate__animated animate__fadeIn" }, index.h("div", { key: '5cd4377bdf58c1a2c0071ab31b28ad9655e44d0f', class: "toast-body", onPointerLeave: () => {
+        return (index.h(index.Host, { key: 'a144d4c5b1da1f237b07d7c92d946023332930f4', class: "animate__animated animate__fadeIn" }, index.h("div", { key: '5d2ee1d88fb36f1fbff617ed02fc5a1019505f7b', class: "toast-body", onPointerLeave: () => {
                 this.touched = false;
             }, onPointerEnter: () => {
                 this.touched = true;
-            } }, this.type || this.icon ? (index.h("div", { class: "toast-icon" }, this.getIcon())) : null, index.h("div", { key: 'ef1403cbfb00f11515feae45dabfc5d4e0c13311', class: "toast-content" }, this.toastTitle ? (index.h("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, index.h("div", { key: 'eb5d5bb4bab866b73a4b5607cd3e7b0b7c3e3da2', class: "toast-message" }, index.h("slot", { key: 'e03b7355c7dae971d87eba8fbc49495fa5876891' })), index.h("div", { key: '962de017d86b2a86919b41226dc2f5f37342488e', class: "toast-action" }, index.h("slot", { key: '172e62ff0d27ea9e3ab191e153e51eb35f442073', name: "action" }))), index.h("div", { key: 'cf14cce27542dab60676fb9d41ab60c061898c76', class: "toast-close" }, index.h("ix-icon-button", { key: 'b4212ca84b1564510360e6f160d57d03d41b2bfe', icon: index$1.iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (index.h("div", { key: '2b33706bda283c118e918b58fb7cb50720d0f1fb', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
+            } }, this.type || this.icon ? (index.h("div", { class: "toast-icon" }, this.getIcon())) : null, index.h("div", { key: 'c395eabb0375017bf0d8c4d0183231c55e8965cd', class: "toast-content" }, this.toastTitle ? (index.h("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, index.h("div", { key: 'ba100956b7166c7af82c19ede3a7348da5ffaacb', class: "toast-message" }, index.h("slot", { key: 'a66dbde12a7445c8b545469c4c1fe2461fdb532b' })), index.h("div", { key: '8c76cd2b589c3beecec2760ad06ef7a54639a93d', class: "toast-action" }, index.h("slot", { key: 'b40edda02403828fe800c28879f4267487a1ad1a', name: "action" }))), index.h("div", { key: '2c93da02d845b8f9c95b4a94f9452f1061219811', class: "toast-close" }, index.h("ix-icon-button", { key: '77abab7e5d6f2656767a72f21e1ad5ff55a7e804', icon: index$1.iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (index.h("div", { key: '8ce58604918d034aee9afaefdf8953c79168fc25', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {

package/dist/cjs/ix-toggle.cjs.entry.js

@@ -131,13 +131,13 @@ const Toggle = class {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (index.h(index.Host, { key: 'cbc551d0aaaf8b93abf00eae8447b7ba910ee15c', class: {
+        return (index.h(index.Host, { key: 'a14271ad4354f825e43f7a9e74589ecf4293d1e0', class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, index.h("label", { key: '9f07f9606f6f81abdd87d2198d32eec1dbc87fb1', class: "wrapper" }, index.h("button", { key: 'b2826894662f716e132cc86e5daaf15816c319e4', role: "switch", "aria-checked": a11y.a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, index.h("label", { key: 'efd9cd98226a484518c641b091b8c0f5db03ca20', class: "wrapper" }, index.h("button", { key: '0555df37425dea5a92d528e23c7a58b6d92d2a15', role: "switch", "aria-checked": a11y.a11yBoolean(this.checked), class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, index.h("div", { key: '8cc16350102428ae1f2b8937eda731d5a8e48c4c', class: "slider" })), index.h("input", { key: '7c20a5235eca12a03a84082735249bf1e649adae', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11y.a11yBoolean(true), "aria-checked": a11y.a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (index.h("ix-typography", { key: '701732f68894cef4ff6a340be21a841862e321b4', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, index.h("div", { key: '728a0036a0af11dc1151a88ac0e3e1ab3ab4ef9d', class: "slider" })), index.h("input", { key: 'b5abc565e56c99d6debb4e9d30550f9a2ed80457', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11y.a11yBoolean(true), "aria-checked": a11y.a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (index.h("ix-typography", { key: '03fd95f007d4cf1dcc1fcfbc4878532471480005', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/ix-tooltip.cjs.entry.js

@@ -318,7 +318,7 @@ const Tooltip = class {
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
     render() {
-        return (index.h(index.Host, { key: 'eee651684c88795823f90194e2be5ed110077615', role: "tooltip", class: { visible: this.visible } }, index.h("dialog", { key: '29fa36972dc3c31122df8c1a76a88a748c59431a', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, index.h("div", { key: '07ddb653d0218d195ab0a11ecad1fdba05e94cee', class: "tooltip-container" }, index.h("div", { key: '704252e6d76ddf26336514874bb77c9f6e13cb8d', class: "content-wrapper" }, index.h("div", { key: 'c69710b5152269a0ec33ed9941dd23426bac91ed', class: 'tooltip-title' }, index.h("slot", { key: 'f349cccad759202ac4c8f57b2124a904193d791d', name: "title-icon" }), index.h("ix-typography", { key: '6a73678531a8310e1c95da638486187df2341306', format: "h5" }, this.titleContent, index.h("slot", { key: '79fb0b5e2e62c554d419a765195529575ab7f879', name: "title-content" }))), index.h("slot", { key: '84ecbfefc9215d734d3c8e29916fa08be0762e39' }), index.h("div", { key: '417d4aaf3d5b7a52ddd35e0a17cce0b72fdb897c', class: "arrow" }))))));
+        return (index.h(index.Host, { key: 'bf59a9748277c6190fed113ecd3735a002cf9be2', role: "tooltip", class: { visible: this.visible } }, index.h("dialog", { key: '83235fd5d988a1fb31c32a4a9e3fcfac5429005e', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, index.h("div", { key: 'd682e58450eeb86200e97589ec7570543facb06b', class: "tooltip-container" }, index.h("div", { key: 'f5f9b1a7fa3ad713a29c9626d4c153ee37f06360', class: "content-wrapper" }, index.h("div", { key: 'b6efffc7c296a0b1da8abc6cba9c97ced97afbda', class: 'tooltip-title' }, index.h("slot", { key: 'c2c05c3bd59478aabee65283cf3a757bee3d52f0', name: "title-icon" }), index.h("ix-typography", { key: '156db429da604ed706e642913f6b3793e5303515', format: "h5" }, this.titleContent, index.h("slot", { key: '850af7ff83f8a376d8c4783c67b45b237db8a2a9', name: "title-content" }))), index.h("slot", { key: '532f7182c47f363595d4003058c5029ccaf66b00' }), index.h("div", { key: 'dccb955584e577f7197d61e9b4e2eb099e1c2385', class: "arrow" }))))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-tree-item.cjs.entry.js

@@ -17,17 +17,17 @@ const TreeItem = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'f3168fba8586e37800d2ba921d890e3f8c38d263', class: {
+        return (index.h(index.Host, { key: '0c38826dbcb0d8637d796cdb123d49226ad7e642', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, index.h("div", { key: '10905ce185a7dbae0921ab16c9656f4ef0569749', class: "icon-toggle-container" }, this.hasChildren ? (index.h("ix-icon", { name: index$1.iconChevronRightSmall, size: "24", class: {
+            } }, index.h("div", { key: 'e6c4bb2d2cbb87589a3463a434e3164c8ae7dcc4', class: "icon-toggle-container" }, this.hasChildren ? (index.h("ix-icon", { name: index$1.iconChevronRightSmall, size: "24", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
             }, color: "color-std-text", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle.emit();
-            }, "aria-label": this.ariaLabelChevronIcon })) : null), index.h("div", { key: 'bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9', class: "tree-node-container", onClick: () => {
+            }, "aria-label": this.ariaLabelChevronIcon })) : null), index.h("div", { key: '8b89bb444f270b353908513964cb2bb2d7f7455a', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, index.h("div", { key: '23449d4cc0c593f2fdb2f792eadbbf30481a225b', class: "tree-node-text" }, this.text), index.h("slot", { key: '91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6' }))));
+            } }, index.h("div", { key: '14e2645fe3597e2d4dea312b7da375c89ed1353a', class: "tree-node-text" }, this.text), index.h("slot", { key: 'e6bd2c42e97399abdf21c2c3a8b449388ab7d5ed' }))));
     }
 };
 TreeItem.style = treeItemCss;

package/dist/cjs/ix-tree.cjs.entry.js

@@ -591,7 +591,7 @@ const Tree = class {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (index.h(index.Host, { key: '41229d69024d78162075253c32250ebf28e4bb3b', onClick: (event) => this.onTreeItemClick(event) }, index.h("slot", { key: '594c9e61448461dd39a81272f2d2c24b0e560806' })));
+        return (index.h(index.Host, { key: 'b79b4c88bfb6f2edd32f8a891b6953b7ff05eeec', onClick: (event) => this.onTreeItemClick(event) }, index.h("slot", { key: 'd2b08d64db02a4b4ffaa14d7d7f7db36bc406682' })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-typography.cjs.entry.js

@@ -36,7 +36,7 @@ const IxTypography = class {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (index.h(index.Host, { key: 'a8642e246a60b32a22e052b7755db3e302836fd6', class: typographyClass, style: style }, index.h("slot", { key: '6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e' })));
+        return (index.h(index.Host, { key: '729503dc2d1f8f7e5d0f1fbc12f90135eb570882', class: typographyClass, style: style }, index.h("slot", { key: '2f25d1e6463ba9e417bc568fd3899bef45d75bee' })));
     }
 };
 IxTypography.style = typographyCss;

package/dist/cjs/ix-upload.cjs.entry.js

@@ -168,7 +168,7 @@ const Upload = class {
     render() {
         const disabled = this.disabled || this.state === uploadFileState.UploadFileState.LOADING;
         const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (index.h(index.Host, Object.assign({ key: 'd27377461517d95412c644cdc3c9f0b4c9edd1f9' }, a11y, { "aria-disabled": disabled }), index.h("div", { key: '983727de99c90d57e0c0e296d054ea80894cc2e3', class: {
+        return (index.h(index.Host, Object.assign({ key: '041a9937386e0694f4afc3240f7ac84e93314f92' }, a11y, { "aria-disabled": disabled }), index.h("div", { key: '33a3dfad37b21032775385df6a6457d684ccfa02', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== uploadFileState.UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === uploadFileState.UploadFileState.LOADING,
@@ -178,9 +178,9 @@ const Upload = class {
                 if (this.state !== uploadFileState.UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), index.h("div", { key: 'bd84f1781930713ca4c607a998749108a444b97c' }, index.h("input", { key: '9585965e1f26be9d3c9f918efd6333b3d216ab76', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), index.h("div", { key: 'a790bce8b597bfff372ef55def76f1df7d76f6c5' }, index.h("input", { key: '75c48c875c0b963a3a636734ec83f606b27351e7', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), index.h("ix-button", { key: 'ab298c4a30538b1408648f9a02ceb7c52fb6b882', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), index.h("ix-button", { key: '2a67192d3c1548e08cd3e46079445548bc226da4', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-validation-tooltip.cjs.entry.js

@@ -136,13 +136,13 @@ const ValidationTooltip = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: 'af01b12284c6abad7b98a4e8c29e30c24abe206d' }, index.h("slot", { key: 'a55080d265f74185eaa34a6998457343e41f248b' }), index.h("div", { key: '2487996e1b6bd31f8136129cf046cc7c55f09b24', role: "tooltip", style: {
+        return (index.h(index.Host, { key: '0980e555241dce4429d6aece62e0694ca13e507f' }, index.h("slot", { key: 'd62c49b3ec8af0d33a719d8b41061f93d3f15baa' }), index.h("div", { key: '7702eebc6ea6406dfe1c4d94e3a6f346769d32aa', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, index.h("slot", { key: '9639797207877d1e8107af82ccefec30db7e2f82', name: "tooltip-message" }), index.h("div", { key: '34248d812f34bfa9cd734eab28b3c91af879aecd', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, index.h("slot", { key: '34a207094dc63b52496e5eab7f8133f97f2437a4', name: "tooltip-message" }), index.h("div", { key: '9e356c6a2cfbb523c661bb10fbf28cb53f971ccd', id: "arrow" }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -108,18 +108,18 @@ const WorkflowStep = class {
     }
     render() {
         const icons = !this.customIconSlot ? (index.h(index.Fragment, null, index.h("ix-icon", { color: "color-1", name: this.status === 'warning' ? index$1.iconTriangleFilled : index$1.iconCircleFilled, class: "absolute", size: "24" }), index.h("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (index.h(index.Host, { key: '3a93acf2907c533c0a0ddb040278e118c355bc32', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, index.h("div", { key: 'e85b6a3859d59afb71fe1cb2718e44712fba509f', tabIndex: 0, class: {
+        return (index.h(index.Host, { key: '702a81838c7085c3870ddc69286fcee67a665748', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, index.h("div", { key: 'aae9f2feb9e4e1d2c6db6b9e9361bb1073a5a168', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, index.h("div", { key: '2712cbb97cfa21042c0cb4bea1d02f9e61199e55', class: "wrapper" }, index.h("div", { key: '00e2e7a6daf986819d1e420d3b8379cab01abc47', class: {
+            } }, index.h("div", { key: '22319f839e7148b63890f2f6dddc4c5edf503b5a', class: "wrapper" }, index.h("div", { key: '06f7111a146c2e6c933df6793e3b7b175a6ef2dd', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), index.h("div", { key: '7a46fa4306b9924ca7df0272f32592a458355774', class: "iconWrapper" }, icons, index.h("slot", { key: '5b750aa1483f64625905a2b39fdce5f067ba853f', name: "custom-icon" }))), index.h("div", { key: '9c2fa968aa7903f90a98e24e845de414844361ee', class: "text" }, index.h("slot", { key: 'dc660f37779d7dde23a131158ae910b46732d896' })))));
+            } }), index.h("div", { key: 'ef4fd55cfe2bc6d40ac2c3738cbb414874a931e6', class: "iconWrapper" }, icons, index.h("slot", { key: '4fc150f050365273ee89afcc0037cd39c0d89015', name: "custom-icon" }))), index.h("div", { key: 'cdfabc62544d3d9db51ca79e15984f6b357b7f3f', class: "text" }, index.h("slot", { key: '9a90400589d31ea338bc99ec015e02e08c1fab77' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -80,7 +80,7 @@ const WorkflowSteps = class {
         this.updateSteps();
     }
     render() {
-        return (index.h(index.Host, { key: 'fcfd2b61769e31adab006ed935a9776ecdfb8bfe' }, index.h("div", { key: 'd0a264a599b4db3cb289549f608f1e749c91f180', class: { steps: true, vertical: this.vertical } }, index.h("slot", { key: '8b275ef2551f7ad258eef17e9caffd8ca8c558b0' }))));
+        return (index.h(index.Host, { key: '57250b7f6fcf64ee7c58a62d2a48f6ca15735dcf' }, index.h("div", { key: '4f62a25fd96917dfb370517237a1bd7c02ae6ffe', class: { steps: true, vertical: this.vertical } }, index.h("slot", { key: '1f829fe1b33cbec89f0cf1794b9b940a42e3ae3e' }))));
     }
     get hostElement() { return index.getElement(this); }
 };