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

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

@@ -85,7 +85,7 @@ const MenuAvatarItem = class {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (index.h("ix-dropdown-item", { key: '7b30f261d40a584c089d70f40d0f4b853ec5219f', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (index.h("ix-dropdown-item", { key: 'ce5740229422012fdbda56f2710f96e869142f6e', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -69,17 +69,17 @@ const Blind = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '4a7663a1db7be9e7b957e5f4544f0ce8e9814cae', class: {
+        return (index.h(index.Host, { key: '671ad2c0686ea67b8dd5a3b6259edd8cd2667b19', class: {
                 [`blind-${this.variant}`]: true,
-            } }, index.h("div", { key: '47c72fe3619b8260f5ebf4003b53fd743776fbca', class: 'blind-header-wrapper' }, index.h("button", { key: '785833dece948c4a3dba3815cbac98c58280b099', class: {
+            } }, index.h("div", { key: '40fa7a9d37b674e2979022aadc84a4496ea9a9f5', class: 'blind-header-wrapper' }, index.h("button", { key: '29c3e84c41ec924f2b3c5a373778130afa943626', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: '0bc5a07bb163c1558b71b975f295d7df95453df9', name: "custom-header" })), index.h("div", { key: 'dce21ec7715bf9c897fdd1dd01dcc1efc898cf66', class: 'blind-header-content' }, index.h("ix-icon", { key: '8326f05cc630cad6eb800197121fabdce118cc3e', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: 'b252b735380d02d028f14e7d9fbe4c5eba8c6602', name: "custom-header" })), index.h("div", { key: '6bf0d3c1465c63a94c8f022734ed826c4028855a', class: 'blind-header-content' }, index.h("ix-icon", { key: 'd21dd7db4cb813e4becce868c4dbe340a12b1e65', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: 'bdca91c2ef6b9cc40c50f7c71e0b5279ba64d5ea', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: 'da2e1435ca1070eed1794226ca721e7e3fb22390', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '02eda5f04ad9fab57dc97354e02c87a1ccaf106a', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: 'e401cd5ea54fa791dcb5a3fe7e9b7adfe28e3b47', class: {
+                : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '854dd19e82a63ccb31f090dadfbcfa46d7346d21', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: '12f77fdbb29c89d5ab26877e9db8ad9ec79f1e6f', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? index.h("slot", null) : null))));

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

@@ -83,7 +83,7 @@ const Breadcrumb = class {
     render() {
         var _a, _b, _c, _d;
         const a11y$1 = a11y.a11yHostAttributes(this.hostElement);
-        return (index.h(index.Host, { key: '12f8783a3a970031434ab062dba6ced47c167570' }, index.h("ix-dropdown", { key: 'c3d871fa0f8cdc9cb49f5449de13f599452ba323', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
+        return (index.h(index.Host, { key: 'c5457acd786da77d474f83613a2c12910a193779' }, index.h("ix-dropdown", { key: '3f1e0ae1e4ac1d192ff7c0d5619329cfbcdf8a62', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef.waitForCurrent()
                 : undefined, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -100,7 +100,7 @@ const Breadcrumb = class {
             return (index.h("ix-dropdown-item", { label: label, onClick: () => {
                     this.onItemClick(label);
                 }, onItemClick: (event) => event.stopPropagation() }));
-        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (index.h("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11y.a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, index.h("nav", { key: '076d1d44094bbd01bce51daf92bc8ad28f93f224', class: "crumb-items", "aria-label": (_c = a11y$1['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, index.h("ol", { key: 'edd1719a74b337e52d6f2e30d7ea7040ef2c1640' }, index.h("slot", { key: '8ec35c7e353630c9d9ba4839c6d33b7e68a25e74' }))), index.h("ix-dropdown", { key: '8750f9d8b51762d5a2fc4303e4c34f048383f8fd', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (index.h("ix-dropdown-item", { label: item, onClick: (e) => {
+        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (index.h("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11y.a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, index.h("nav", { key: '11b4a0c0cbad59437fccee34a73cd4e89de39a1c', class: "crumb-items", "aria-label": (_c = a11y$1['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, index.h("ol", { key: 'ad9d8c27e05b76f334f7cf6f79038d339e8d538c' }, index.h("slot", { key: 'd84c2c0028e22cbfd126b867177ba9b4271e8c24' }))), index.h("ix-dropdown", { key: '6ba681eb8f116ec287961a7e873b90d381baefdb', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (index.h("ix-dropdown-item", { label: item, onClick: (e) => {
                 this.nextClick.emit({
                     event: e,
                     item,

package/dist/cjs/ix-card-accordion_2.cjs.entry.js

@@ -57,15 +57,15 @@ const CardAccordion = class {
         this.onInitialExpandChange();
     }
     render() {
-        return (index.h(index.Host, { key: '222c6e087b85d09fe4dfc0254aedffb37133ecf8', slot: "card-accordion", class: {
+        return (index.h(index.Host, { key: 'dc1b41f8878a1aa87869d11829c9a3cc218ca12e', slot: "card-accordion", class: {
                 [`variant-${this.variant}`]: true,
-            } }, index.h("button", { key: '091c2614a41bfc0431327058bf4ef6da022adf6c', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, index.h("ix-icon", { key: 'c33379f0f47f7b5ae670144088f2521992cb5579', name: index$1.iconChevronDownSmall, class: {
+            } }, index.h("button", { key: '0fc447aadb0c86405700f00c18d17be887eef3fb', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, index.h("ix-icon", { key: 'b044d6c5c9561355750483c29824bfe27af75db5', name: index$1.iconChevronDownSmall, class: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), index.h("div", { key: 'c6c9d8239de7c2871bda0fc597bd97f6fef97f20', class: {
+            } })), index.h("div", { key: 'df7c48aaa25ad38136479fb972ffe0776efa0ae3', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, index.h("div", { key: 'efd5c5c77f0784f05da03289cd596d58bcc4da1a', class: "expand-content-inner" }, index.h("div", { key: '5eedce8ff4836fcb5eae475d93dde6858ce722aa', class: "expand-content-body" }, index.h("slot", { key: 'de820e5855bc9d7a0fcfd3d394c3f9b204b0cdbe' })), index.h("div", { key: '14293baff273475195c66b4823f5deaa173817cf', class: "expand-content-footer" })))));
+            } }, index.h("div", { key: '9f9bd7ef6d674f0d6561ac9c237443062eec9693', class: "expand-content-inner" }, index.h("div", { key: '1576b901ba50a5ec7e765ae64e8cd6acba047973', class: "expand-content-body" }, index.h("slot", { key: 'ef118ded7d20ba6dd70c45a0d34f86a89959e69c' })), index.h("div", { key: '248e9c925bf36e9598386a78562abd8a3db77c06', class: "expand-content-footer" })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -81,7 +81,7 @@ const CardHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9c6dc0d763b05e976306aaf76a3cc7b644997252' }, index.h("slot", { key: '3818103186c4614d128ec7c9b22618d9baab3900' }), index.h("div", { key: 'efad42c938c7f115dcc14fb379ee4fa594dcb4d2', class: "title-actions" }, index.h("slot", { key: 'd823d4ee6b351d11fbbdd51b2d196bfcd2a52d3c', name: "title-actions" }))));
+        return (index.h(index.Host, { key: 'a25925e3092733c276c366875802163184f79a2b' }, index.h("slot", { key: 'c379e97f4966141ac879c9df014f793955d1d2f3' }), index.h("div", { key: '5ea530ca1110748ed53b7b0724d5ec0920194628', class: "title-actions" }, index.h("slot", { key: '10f91158d202b321c21d07dda30ff7e59999aaa9', name: "title-actions" }))));
     }
 };
 CardHeader.style = cardTitleCss;

package/dist/cjs/ix-card-list.cjs.entry.js

@@ -164,16 +164,16 @@ const CardList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0ea1452be92d5b2de585b7fbcb1b872fd4d58974' }, index.h(CardListTitle, { key: '56f8e679e46885b2019dd1c2acb09270a820ccae', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (index.h(index.Host, { key: '37a1bb98b5703b76b6f0f5038561917bef13916b' }, index.h(CardListTitle, { key: '8f90c6052259ff8e1bbb377a9fa9cc465c951aab', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
                 ? this.numberOfAllChildElements
-                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), index.h("div", { key: '19948560fdc32722316db928f265889b3ccd1db8', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), index.h("div", { key: '1d1162c53d8fb1d97dfb4b00ae1c1a5942a0b0f7', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, index.h("div", { key: '8064717801d3389a5293c3a00a5bf87702096109', class: {
+            }, style: this.computeMaskLayer() }, index.h("div", { key: '298741cb6e8f1617e9a3ca1f0b49d713c3421977', class: {
                 CardList__Content: true,
                 CardList__Content__Collapsed: this.collapse,
                 CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
                 CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
-            }, onScroll: () => this.onCardListScroll() }, index.h("slot", { key: 'ac6d044003c53fcbee03dc945e7e9c926f0fef07', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (index.h("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, index.h("slot", { key: 'abccd55d11dae4c83b6d7dcdabc77aec0a2f7b32', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (index.h("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,

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

@@ -17,10 +17,10 @@ const Card = class {
         this.selected = false;
     }
     render() {
-        return (index.h(index.Host, { key: '273ae9e8df54685523676e7bb3776687f6eb7e2c', class: {
+        return (index.h(index.Host, { key: '3b734eddf8516af24b52b1b2ba27766a913f943d', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, index.h("div", { key: 'a77de7016a3e91ee5a6570c2e9698405dade49e0', class: "card-content" }, index.h("slot", { key: '4cdd18d00437d3c7e4d0686cfdf47ad9762d598d' })), index.h("div", { key: 'af8c607fcf030cf0188a6fea6cceed091b0a26e4', class: "card-footer" }, index.h("slot", { key: 'e1bf10b65df3b78a5b3b8efb194d02a94cd7dc01', name: "card-accordion" }))));
+            } }, index.h("div", { key: '7a2cce1797c1e89c8568e9e196020747f0f4150b', class: "card-content" }, index.h("slot", { key: 'ea837bde282a62637ed15b96b8ca407219e949ae' })), index.h("div", { key: 'acc07c72e4a63a671fb945e4c0332825f4781a1d', class: "card-footer" }, index.h("slot", { key: '870004ea22909180bac56c8b7c040d914e268f1d', name: "card-accordion" }))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -33,7 +33,7 @@ const CardContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'e260bf9e9e846e9d4a14c6304938f353d918f8d8' }, index.h("div", { key: '45aafb643a29895b0e74a77e8afae2fb9defb685', class: "content-wrapper" }, index.h("slot", { key: '30be2a800abf2335960840a410c88de8e6aeb21c' }))));
+        return (index.h(index.Host, { key: '6ab30045a9e41189eafb31d4bbdf90cb29867159' }, index.h("div", { key: '834be9e77d7c38b529810d0608383108bbf827e6', class: "content-wrapper" }, index.h("slot", { key: '7f01d3a7338051365a5f377cc69032ebef937d9d' }))));
     }
 };
 CardContent.style = cardContentCss;

package/dist/cjs/ix-category-filter.cjs.entry.js

@@ -498,19 +498,19 @@ const CategoryFilter = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'c067de370164a717112829f8be82ac8d786d7622' }, index.h("form", { key: '2cd185f59a209029a1184790488eb472a8456cbb', ref: (el) => (this.formElement = el) }, index.h("div", { key: '5d0eed2dacde6318ebe516becdc41b785908c864', "read-only": this.readonly, class: {
+        return (index.h(index.Host, { key: 'fe49a215180e62dfb5b88304e08d775f1d6d8151' }, index.h("form", { key: '075cea4e8c8f681a37e9c9916551d8835878e9a9', ref: (el) => (this.formElement = el) }, index.h("div", { key: 'efa00f0c5eb73bdcdd96f3f2b314b1db7580a227', "read-only": this.readonly, class: {
                 'input-container': true,
                 disabled: this.disabled,
                 focus: this.hasFocus,
                 readonly: this.readonly,
                 'no-icon': this.hideIcon,
-            } }, index.h("ix-icon", { key: 'ec27370c08d6882c85f29dafb7c9cbf2655cbacf', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : index$1.iconSearch, size: "16" }), index.h("div", { key: '277a47c6cc91d6b631c01ae4b3f8f21cca29943e', class: "token-container" }, index.h("div", { key: 'c086102952499cbd43ae910d745be5ef0aa44e40', class: "list-unstyled" }, this.filterTokens.map((value, index$1) => (index.h("span", { key: value.toString(), class: {
+            } }, index.h("ix-icon", { key: 'a889dd34ab269b07c49701d381fa997cf66dcc7d', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : index$1.iconSearch, size: "16" }), index.h("div", { key: '9f7bbd1f655d3e3d92b0f97a7a50c837d721f3ef', class: "token-container" }, index.h("div", { key: 'e130e26ad631aeef22c31c858f4687d40f2272ec', class: "list-unstyled" }, this.filterTokens.map((value, index$1) => (index.h("span", { key: value.toString(), class: {
                 animate__animated: true,
                 animate__fadein: true,
             } }, index.h("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index$1) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (index.h("span", { class: {
                 'category-preview': true,
                 'display-none': this.category === '',
-            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), index.h("input", Object.assign({ key: '7f2bdc80da327d2c40f7031259618131a391bd7c', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), index.h("input", Object.assign({ key: '10c2f91e57a8ef18bd9dbc53c227a15544d4de28', class: {
                 'text-input': true,
                 'hide-placeholder': this.readonly || this.disabled || this.category !== '',
             }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes, { "aria-label": this.ariaLabelFilterInput })))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (index.h("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_c = this.textInput) === null || _c === void 0 ? void 0 : _c.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader() }, this.renderDropdownContent()))));

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

@@ -82,10 +82,10 @@ const CheckboxGroup = class {
         return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
     }
     render() {
-        return (index.h(index.Host, { key: '9dc1c1291e865c95b525ecddaca23d6f71f9411e', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, index.h("ix-field-wrapper", { key: '54a66849d6250a873f04983978b05aba16e5acad', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, index.h("div", { key: '7e0e4d32c55b3ceb55c3cbd6a281feb8efdc50db', class: {
+        return (index.h(index.Host, { key: 'ac1e91fd23038317e1a39b612f67e91d53ba946c', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, index.h("ix-field-wrapper", { key: '1278bca33da0339052756f01e8ca2de2641feffb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, index.h("div", { key: '7ba4ca7e379f49c6234c681a682cb08ec3d44b87', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, index.h("slot", { key: '88237f6b0a1fe49b4e7c28da210be75f3ee8ed5d' })))));
+            } }, index.h("slot", { key: 'a843f1bfd2942b4f0e9d2060646b50e97e55bca8' })))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -107,13 +107,13 @@ const Checkbox = class {
         return (index.h("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, this.indeterminate && (index.h(index.Fragment, null, index.h("rect", { width: "18", height: "18", fill: "transparent" }), index.h("rect", { x: "3", y: "8", width: "12", height: "2", fill: "var(--ix-checkbox-check-color)" }))), this.checked && (index.h("path", { d: "M3.65625 8.15625L8.4375 12.9375L14.625 3.9375", stroke: "var(--ix-checkbox-check-color)", "stroke-width": "2" }))));
     }
     render() {
-        return (index.h(index.Host, { key: 'b65c76c6bc07e273a5c39c5faf0130a163563020', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "checkbox", class: {
+        return (index.h(index.Host, { key: 'f2157c572321b0a34f54f32423ed0c821fc1abfa', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "checkbox", class: {
                 disabled: this.disabled,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '5036796ac6119123982eb08dc05a431617a46487' }, index.h("input", { key: '5005dfa80f386c4188989c38176c416c60635b24', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), index.h("button", { key: '073f99ba599bf129442c72708b2e3915198df19d', disabled: this.disabled, class: {
+            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '131587a06d955e04dc580936004546e930ec9cf8' }, index.h("input", { key: 'b8a94c99f540e21c280ba9aeaf35221fa1c9b226', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), index.h("button", { key: '6f6c5937801659bacd7d6f5c9256972c33e4194c', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), index.h("ix-typography", { key: 'cc49681602a66628bf54ab8f0623277a7681e619', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '8bc151343608e50879ed664a7ce7f7a12bb712b7' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), index.h("ix-typography", { key: '7b33f317ac3757242509d69a25520795906bb158', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '2ab4518ebcb6135de6b1c37a7e9c157b1feebb5d' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

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

@@ -66,13 +66,13 @@ const Chip = class {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (index.h(index.Host, { key: 'a9d49af6fa315e993d7e6968037eec933ac7beb4', tabIndex: "-1", class: {
+        return (index.h(index.Host, { key: '89e8d6fc156f9b2b761000d213655b36f3b16bf2', tabIndex: "-1", class: {
                 inactive: this.inactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, index.h("div", { key: '68e9b1b7cdcd51c0ea62d1e907749d6019346411', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, index.h("div", { key: 'a9b92e446d5c668d449996a93627879b428478e5', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: this.inactive,
@@ -87,11 +87,11 @@ const Chip = class {
                 closable: this.closable,
                 icon: !!this.icon,
                 centerContent: this.centerContent,
-            } }, index.h("div", { key: '6880ba6bb16fb14ce2e3fb6e3575539a5c1c182a', class: "content-wrapper" }, this.icon && (index.h("ix-icon", { key: '85ede4a45b6705d95e0d3d2ff602a75bce77c4fa', class: {
+            } }, index.h("div", { key: 'f3bf2fa31dfbaec0d014dbfa972ad822e2514e91', class: "content-wrapper" }, this.icon && (index.h("ix-icon", { key: '066a4f272fa760fafd6c69cd6b0f05bf459a3604', class: {
                 'with-icon': true,
             }, name: this.icon, size: '24', style: this.variant === 'custom'
                 ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), index.h("span", { key: '3b7bd50643a4f5b3ba25c612eb29cbd8218d0aa2', class: "slot-container" }, index.h("slot", { key: '0d282990c3bbc56eb96dd9373ff66b61fac0b1f9' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
+                : undefined })), index.h("span", { key: 'e08beb2e151300bdcdfe62c0b6a832935a7d2f68', class: "slot-container" }, index.h("slot", { key: 'b087848f9f85fc01af5cc3a03d4ae885e0f01335' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -64,7 +64,7 @@ const Col = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'a8a9fb0682755fae44cbc7fd7d02b6aa1f9338b3', style: Object.assign({}, this.getColumnSizeStyling()) }, index.h("slot", { key: '31038e1d2bcda21b712f55d6840aeffc432beedf' })));
+        return (index.h(index.Host, { key: '552bf87dd4905b2cfc67dbda7c33e1edf89a9cf8', style: Object.assign({}, this.getColumnSizeStyling()) }, index.h("slot", { key: '293331e4b2de069f550f0d47e1525228e49fc159' })));
     }
 };
 Col.Breakpoints = ['', 'sm', 'md', 'lg'];
@@ -552,7 +552,7 @@ const DatePicker = class {
         return rows;
     }
     render() {
-        return (index.h(index.Host, { key: '42d2c188cd731f5a7328dd1ce481f660101d7a09' }, index.h("ix-date-time-card", { key: 'f2d961f0b5aff7ff940ca19eb3a436462ca05e99', corners: this.corners, embedded: this.embedded }, index.h("div", { key: '196010db71c2325a06dbfe0c0ba532e2e09b9fb2', class: "header", slot: "header" }, index.h("ix-icon-button", { key: '585f9ba06de70c8f20a3de2b1b6cf98ccdec1c19', onClick: () => this.changeToAdjacentMonth(-1), icon: index$1.iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), index.h("div", { key: '8d4222010c3ed656b21e0d75bf6013e0d7c19179', class: "selector" }, index.h("ix-button", { key: '4a3dca3a156d8461c58a43ac2063a8416328eabb', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, index.h("span", { key: 'bc208dd3649f23fa34b7ec577ccfd5f21cd35366', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), index.h("ix-dropdown", { key: '22175d2d9b7624b6f1de915c53e9b1fdd1bd1a15', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, index.h("div", { key: '2737cf0b9d6e5de84f3e875e8db015313eb1767e', class: "wrapper" }, index.h("div", { key: '7a1cfb1f62cdbc0926ee1d50a6b515c762e54430', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), index.h("div", { key: '53b4d6194cac8ff5579002adbeea59be73a872b8', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index$2) => (index.h("div", { key: month, ref: (ref) => {
+        return (index.h(index.Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, index.h("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, index.h("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, index.h("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: index$1.iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), index.h("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, index.h("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, index.h("span", { key: '90701ae7a627b41129506f9fad3523a459493e1a', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), index.h("ix-dropdown", { key: '0d08063a316522be267f453e3c16221cf59ac5a6', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, index.h("div", { key: '6d91caedadb78bad8b1e65d218b63c683d635641', class: "wrapper" }, index.h("div", { key: 'dae4910fc59d7653693f8e6db81c3a2eaf6cecf4', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), index.h("div", { key: '3d953e9c9e587526f9b82bb573781a51c17a0dfb', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index$2) => (index.h("div", { key: month, ref: (ref) => {
                 if (month === this.monthNames[0]) {
                     this.firstMonthRef(ref);
                 }
@@ -566,10 +566,10 @@ const DatePicker = class {
                 hidden: this.tempYear !== this.selectedYear ||
                     this.tempMonth !== index$2,
                 checkPosition: true,
-            }, name: index$1.iconSingleCheck, size: "16" }), index.h("div", null, index.h("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), index.h("ix-icon-button", { key: 'c9d4d4885134a651f4ee37f6ab7bc5bc92d06afc', onClick: () => this.changeToAdjacentMonth(1), icon: index$1.iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), index.h("div", { key: '24ce38b7091fa6d8e712daaba8fd94d8e1364df3', class: {
+            }, name: index$1.iconSingleCheck, size: "16" }), index.h("div", null, index.h("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), index.h("ix-icon-button", { key: '5f6380b580a26ca63f1285090a51affeaf667df3', onClick: () => this.changeToAdjacentMonth(1), icon: index$1.iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), index.h("div", { key: '4f1c314d39956676a1cf055ac8f1bffe7f6027e7', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && index.h("div", { key: '27a12760475ceb0d93531b541e499c4d8274acee', class: "calendar-item week-day" }), this.dayNames.map((name) => (index.h("div", { key: name, class: "calendar-item week-day" }, index.h("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
+            } }, this.showWeekNumbers && index.h("div", { key: '639a77b5bb12d1266145bb06777545b8807f7675', class: "calendar-item week-day" }), this.dayNames.map((name) => (index.h("div", { key: name, class: "calendar-item week-day" }, index.h("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
             return (index.h(index.Fragment, null, this.showWeekNumbers && (index.h("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
                 return day ? (index.h("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
                         const target = e.currentTarget;
@@ -581,10 +581,10 @@ const DatePicker = class {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (index.h("div", null));
             })));
-        })), index.h("div", { key: '5bca82f35ddda23816f7bdab87abbf7d52152325', class: {
+        })), index.h("div", { key: 'cabe525ef68e3a519d37a9f00684acaa70de03e7', class: {
                 button: true,
                 hidden: this.singleSelection || this.embedded,
-            } }, index.h("ix-button", { key: 'f41c4b85162e1c199e079276b7ccfab3fb9149bd', onClick: () => this.onDone() }, this.i18nDone)))));
+            } }, index.h("ix-button", { key: '25e5eac3ece688f38009fa3a0f15eab6fb56f3a4', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -617,12 +617,12 @@ const LayoutGrid = class {
         this.columns = 12;
     }
     render() {
-        return (index.h(index.Host, { key: 'c426263f82beb3d366aea55da08259a9a2392c45', class: {
+        return (index.h(index.Host, { key: '9ce5af84b9a377a949b94778ead107a441c51a78', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, index.h("slot", { key: 'c85a805c185548b4331e206050c10567814f9833' })));
+            } }, index.h("slot", { key: '0c3a2747d12aa57a97b45ba478d495fcb0ab47a8' })));
     }
 };
 LayoutGrid.style = layoutGridCss;
@@ -634,7 +634,7 @@ const Row = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd1a97faf65f7bb2656702d903995c25589a6ef41' }, index.h("slot", { key: 'b24d88c901dd8bf48eefaf2778d8db412b61811c' })));
+        return (index.h(index.Host, { key: 'f1f86bc5628eabfc93d3b16960cef333076242df' }, index.h("slot", { key: '5d576e1f019237362a99a324ec7edca9454b9da6' })));
     }
 };
 Row.style = rowCss;

package/dist/cjs/ix-content-header.cjs.entry.js

@@ -23,13 +23,13 @@ const ContentHeader = class {
         this.hasBackButton = false;
     }
     render() {
-        return (index.h(index.Host, { key: '70be3ee04b3b54d691708ff88d4c3b11b29665c7' }, this.hasBackButton ? (index.h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: index$1.iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, index.h("div", { key: 'ae2f111cf63ee212d574a4265076d7484d7d4973', class: "titleGroup" }, index.h("div", { key: '1366b36518b6a564046e37ede90611a83c10895a', class: "headerTitleRow" }, index.h("ix-typography", { key: '4239234ecf34dde70f9c38db0012a0771bebef80', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
+        return (index.h(index.Host, { key: 'b422be3706aac399ed76b4c491d61e2da8561b24' }, this.hasBackButton ? (index.h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: index$1.iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, index.h("div", { key: '7606ba97f834f591a78fc2cca74bdaf3b3a09feb', class: "titleGroup" }, index.h("div", { key: 'df174e297a1b2075bcab0182a80f626162d1c319', class: "headerTitleRow" }, index.h("ix-typography", { key: 'd8ab10dc801306dafe0f3e6e39ed93e0fa162ca1', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
                 secondary: this.variant === 'secondary',
                 titleOverflow: true,
-            } }, this.headerTitle), index.h("div", { key: '10ee43aa1832ab8b72c7fe37994547d40c936c25', class: "headerSlot" }, index.h("slot", { key: 'beec8fa035a64b109c3fd838a35ee6d395938677', name: "header" }))), !!this.headerSubtitle && (index.h("ix-typography", { key: '036b83bcc660228254a46fdac7d820cb52e03ff5', format: 'h6', "text-color": 'soft', class: {
+            } }, this.headerTitle), index.h("div", { key: 'e24d6b450426931aaead3732fa20161bc5aab4e2', class: "headerSlot" }, index.h("slot", { key: 'e9a471492f2693fc6abe546d1febbc06834fef1c', name: "header" }))), !!this.headerSubtitle && (index.h("ix-typography", { key: '5fdb5ebce68a3aae09df3299093bca156468933c', format: 'h6', "text-color": 'soft', class: {
                 subtitle: this.variant === 'secondary',
                 titleOverflow: true,
-            }, title: this.headerSubtitle }, this.headerSubtitle))), index.h("div", { key: '1379a68c4f1c0ec56351c5994989e0c6b2155cff', class: "buttons" }, index.h("slot", { key: '424bfa799347c0ab0ac1e47b33924778a68e9bc0' }))));
+            }, title: this.headerSubtitle }, this.headerSubtitle))), index.h("div", { key: '6648f93246d2e8d79cc2d3e7eae65009d578632c', class: "buttons" }, index.h("slot", { key: '1c3ee8084521a9a799e3b2444b1edc0c1cee5066' }))));
     }
 };
 ContentHeader.style = contentHeaderCss;

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

@@ -14,12 +14,12 @@ const Content = class {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (index.h(index.Host, { key: 'c68ec9d987aad56c3ccf77ce7b8a1fe125fd68ec' }, index.h("div", { key: '57c983730211548634bb3f13c666eb24d8ba1758', class: {
+        return (index.h(index.Host, { key: '2ca4af3b088beab36b86cb3431f1d1b59fcf8756' }, index.h("div", { key: '04f73ba733dc7fbf57ecf6fdc0afc1fec8249b8e', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, index.h("slot", { key: 'ed5c10f01ff82b4242941271b773bd9f151ce07b', name: "header", onSlotchange: () => {
+            } }, index.h("slot", { key: '962e83643e1ebcd86384cae1e7a3632b6f47554e', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = shadowDom.hasSlottedElements(this.contentHeaderSlot);
-            } })), index.h("div", { key: 'f2f40e2dfb416e638b6dd4294ce071861171902c', class: "content" }, index.h("slot", { key: '8b63341a308b4d12d5dbad358b78bd4ced1d03f7' }))));
+            } })), index.h("div", { key: '4315ac1e71743ba30c7b8f592997c662eed392b4', class: "content" }, index.h("slot", { key: 'c1f31f8e283bcc55011b9f2d5746d9b7c10988da' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-css-grid-item.cjs.entry.js

@@ -11,7 +11,7 @@ const CssGridItem = class {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (index.h(index.Host, { key: 'a4e4f5e7d0a42b8cd39a742f3ee4f420b60c8931', style: style }, index.h("slot", { key: '74cbbecda6397caf41cae0f78201f00ab23911d8' })));
+        return (index.h(index.Host, { key: '0f7a1001629ec09b7e6f44470b733f3d1d691bcb', style: style }, index.h("slot", { key: '1fce4a329cea68181bc52e60d155d6c6b7bb41bc' })));
     }
 };
 CssGridItem.style = cssGridItemCss;

package/dist/cjs/ix-css-grid.cjs.entry.js

@@ -87,7 +87,7 @@ const CssGrid = class {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (index.h(index.Host, { key: '1ceeb89987199bf3c537ba6c34ff8f52aff2fc76', style: style }, index.h("slot", { key: '785c5428d027f7a10f72e3b685ec51bb66fe082b' })));
+        return (index.h(index.Host, { key: '470c3da8301e7d99e603b78cfd9c2883e4801c76', style: style }, index.h("slot", { key: '64f7e86981ba37aeb20223bd672bc1190dba4619' })));
     }
 };
 CssGrid.style = cssGridCss;

package/dist/cjs/ix-custom-field.cjs.entry.js

@@ -42,7 +42,7 @@ const CustomField = class {
         this.isWarning = isWarning;
     }
     render() {
-        return (index.h(index.Host, { key: '020e301b887a62969c8c500049a2d1e77638c789' }, index.h("ix-field-wrapper", { key: 'df6b54e55636b528c2c7c56ded6e31af411f43fa', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, index.h("slot", { key: '99de94d7431bc900977593304d2193eabaef898a' }))));
+        return (index.h(index.Host, { key: '732dae3e5ba3f37b5eac745ce48338cae5397d9e' }, index.h("ix-field-wrapper", { key: '5df555252c2de619f3dd5daa082632695a88e3f6', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, index.h("slot", { key: '81d169fce11d76b04876eb3483909bf163c44370' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-date-dropdown.cjs.entry.js

@@ -216,21 +216,21 @@ const DateDropdown = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'b0c80bf0c01f34eccf3ffd03cab8cb4598122b8e' }, index.h("ix-button", { key: '19fc20d03477850083cc6274ea8b4269fb827365', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: index$1.iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), index.h("ix-dropdown", { key: '8b0260dd47fd1e6267b539ef0f12a544f3817c93', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
+        return (index.h(index.Host, { key: '2cad55fd1448a2a553abb8bdf50f9245d2cc71bf' }, index.h("ix-button", { key: '77bd4e5f89d500b0323c5a2771cb2268601a87d3', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: index$1.iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), index.h("ix-dropdown", { key: 'e1108d1cdac327961e3147d10f380f8d9850449c', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
                 if (!show &&
                     this.selectedDateRangeId === 'custom' &&
                     this.datePickerTouched &&
                     this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
-            } }, index.h("ix-layout-grid", { key: '827aa5f75b7351f7194800e5d08e99be05550674', noMargin: true }, index.h("ix-row", { key: '31a94fc990f9f4a30f3259e1148e897d512b3408' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("ix-col", { key: '4c6222ffde5a8f8644f7e4030f5942e148014e2f', class: {
+            } }, index.h("ix-layout-grid", { key: 'fd7ece26cbcda9da063b1832ca7c010fd508ae8b', noMargin: true }, index.h("ix-row", { key: '8854518f7534f9c52be1d74373c8a6d822983bca' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (index.h("ix-col", { key: '8e7e4d96a0e91d91cee20f961b37da7645e0a28e', class: {
                 'no-margin': true,
                 'border-right': this.selectedDateRangeId === 'custom',
-            } }, this.dateRangeOptions.map((dateRangeOption) => (index.h("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), index.h("div", { key: '7c6e52ce4e81ba257925eaf9dae155d1fff0bcf1', hidden: this.customRangeDisabled }, index.h("ix-dropdown-item", { key: '6be7c3b1b827a75c51f82edd8971b3cc53f8167c', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), index.h("ix-col", { key: 'a8119f9199cb8e4e162688bfdcf4f91242fbd5b7', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (index.h(index.Fragment, { key: 'bd24f234a02cc55ed73df93ca6d6791d11d9ad77' }, index.h("ix-date-picker", { key: '0aaf7e9c3ee79d9d232eed14fb840e246caddd20', embedded: true, locale: this.locale, onDateChange: (e) => {
+            } }, this.dateRangeOptions.map((dateRangeOption) => (index.h("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), index.h("div", { key: 'f9e7879a9f2e00c5bbcd7ab454cf491345a2f1ee', hidden: this.customRangeDisabled }, index.h("ix-dropdown-item", { key: 'e373366109b1ac41af77fc4fcab8aeb4a5cf7a29', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), index.h("ix-col", { key: '4e4ad3072863235f5dda814f24811e982f407c9b', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (index.h(index.Fragment, { key: 'a9c540a66333322c54cf7814231f6213806b86db' }, index.h("ix-date-picker", { key: '7e59d29e3a49bee9098879b51b23d9c6fbec5c6b', embedded: true, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
                 this.datePickerTouched = true;
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), index.h("div", { key: 'f2bd49f4ca5012eb32fc4e859bb6e9da2cd25f3d', class: "pull-right" }, index.h("ix-button", { key: '18cb506d16700b59884660c4d8afb63c6e66400b', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), index.h("div", { key: '837f09d7b578640927e904f4adc2aef7fda7e65e', class: "pull-right" }, index.h("ix-button", { key: '09e9fbdf94d44bc52832d6787206aaded06a3aeb', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }

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

@@ -248,12 +248,12 @@ const DateInput = class {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (index.h(index.Host, { key: '5c7284b0afd8b3ee906370beb4b7e872a849f5cb', class: {
+        return (index.h(index.Host, { key: '33f5063a7f848dfe2666c0c03420c577e29da00c', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, index.h("ix-field-wrapper", { key: '5e8c3a6dd37625cb818438fd8e0c7bef6daa46a1', 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: '5bffd40d906d1e1e929b4a6041ff2cec6f857d34', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, index.h("ix-field-wrapper", { key: '703e6fc7546f7fb0087ef593f365b10c6b30eb2b', 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: '1bbe34f940ebe260e73f145be770f624a023644e', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, index.h("ix-date-picker", { key: '8237c6eca404f1f11a921d965a7a0b7817072cf7', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
+            } }, index.h("ix-date-picker", { key: 'c9b60191ec638e2aacef51bf9973622dfbce5424', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
             }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));

package/dist/cjs/ix-date-time-card.cjs.entry.js

@@ -33,10 +33,10 @@ const DateTimeCard = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '0429648eb4c31bde407975b519809a5a6fd8043a' }, index.h("div", { key: '21434d00d886949b32554468fdca445b2b5cf76f', class: this.cardClasses() }, !this.hideHeader && (index.h("div", { key: '7ef2b75a31b0e75646010e7f02a8dc338117d627', class: "header-container" }, index.h("div", { key: 'bb3e80cbc6b1c9b5c9171638726074122cd91908', class: "header" }, index.h("slot", { key: '6ae65febb1ee7862df7dcc781fa68286bd0b7d5e', name: "header" })), index.h("div", { key: 'd4d63d904222fbc638a04ee16e11ceea03f03e0e', class: "separator" }))), index.h("div", { key: '0f299d9c0743f2b9e0c9f7a0e2504e51471d4475', class: {
+        return (index.h(index.Host, { key: 'e4b044b0076f79934f3e561dab684a9aa53ab8c2' }, index.h("div", { key: '91f00686e9000d71745bca5bb958a401fe265ed2', class: this.cardClasses() }, !this.hideHeader && (index.h("div", { key: '974c90cd1522069f3e10831b6cec9d80eefc7630', class: "header-container" }, index.h("div", { key: '64d22e413cf579b3831580040d0921f73e37cbed', class: "header" }, index.h("slot", { key: 'dadc035aa3e2aad17d16a0b7edb9c1aa83f5b64a', name: "header" })), index.h("div", { key: '14c6cffd8a0086835c42dca7e5a12a9c569ebc2f', class: "separator" }))), index.h("div", { key: 'e3150b66b51fd87e5cb62c620d9e46d21a3b9aed', class: {
                 content: true,
                 'content--time-picker': this.timePickerAppearance,
-            } }, index.h("slot", { key: '6c955414005a3d9e004f1f69ded181f60f59dee5' })), this.hasFooter && (index.h("div", { key: '09348617c1986599e342b209518727bd65976078', class: "footer-container" }, index.h("div", { key: 'c3b84578c1acf0f8c9f01dcf8b9ec30364408a89', class: "separator" }), index.h("div", { key: '2cd97f773f26fb1e48fa4f5bf459c3531379b22b', class: "footer" }, index.h("slot", { key: 'f079e60d93d18c34030ff23f0d8f2043b9a2d85e', name: "footer" })))))));
+            } }, index.h("slot", { key: '6fe2bfb5676a992be3caa5fd134dcb5f595f3ae3' })), this.hasFooter && (index.h("div", { key: '2c2a1a534b8e71a472e3a7e0bca7e5187322a107', class: "footer-container" }, index.h("div", { key: '67713b28bbfda3298d8778db37f8ca84d72270f0', class: "separator" }), index.h("div", { key: '247a0ac8c8fe7ddfa7b2d05c0bd9a1671229469c', class: "footer" }, index.h("slot", { key: 'b1f5a9ace8a8c69eff1a954850cca8174619dcc8', name: "footer" })))))));
     }
 };
 DateTimeCard.style = dateTimeCardCss;

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

@@ -74,7 +74,7 @@ const DatetimePicker = class {
         this.timeChange.emit(time);
     }
     render() {
-        return (index.h(index.Host, { key: '91fb1dbd40b48c37c207de3f173e19ed72f3b6c3' }, index.h("ix-layout-grid", { key: '0a9fc8ae63d59ba14185a12d3eb126351f4f67c4', class: "no-padding" }, index.h("ix-row", { key: '31e56d9e8a7ca4a6afd5754f0caf28eb494d68cd' }, index.h("ix-col", { key: '1df4729e7703d4f48d19233774a8fead11b74553' }, index.h("ix-date-picker", { key: '80923eee970fc1c163a94986c109e13f09d3a606', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), index.h("ix-col", { key: 'd081455e2f00a9917e11902a70cb882a84e23615' }, index.h("ix-time-picker", { key: '4602c3ca1b899ec283aa9469ce5fcdf4ba4a70fc', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), index.h("div", { key: '1329ef1e1af1b22de5f4754ee02452a4d1aabb6b', class: "btn-select-date-container" }, index.h("ix-button", { key: '01efc3c5d4f72bd74a670a267a28e864c3e643fe', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
+        return (index.h(index.Host, { key: '2b4812deec9408836a8187c3a520cd69b846e935' }, index.h("ix-layout-grid", { key: '610fad916eb544d6687bcbfb3543b926f7521b9e', class: "no-padding" }, index.h("ix-row", { key: 'e3aacceefb73ee04f1887da04d0b5e339daba649' }, index.h("ix-col", { key: '64b8c1c44a131fd546d54197031664b3c8270c28' }, index.h("ix-date-picker", { key: '926ca6fe6e4f17e80c83987598b374137a623a10', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), index.h("ix-col", { key: 'd27915a37d4d47bd11a066038adf59372f345296' }, index.h("ix-time-picker", { key: 'bc70ef23493d0c501be37d4425be5021c211e53b', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), index.h("div", { key: '75f619c34b11412349017bed0013b41f7f947033', class: "btn-select-date-container" }, index.h("ix-button", { key: 'dc9602b6ed9e4406cb8ffee0168d41c7cc8d9763', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
     }
 };
 DatetimePicker.style = datetimePickerCss;

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

@@ -9,7 +9,7 @@ const Divider = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '2353ffd7afdc669190af6a4ee6f405c38ac117de' });
+        return index.h(index.Host, { key: '265222b022fa8d13e4f07e6fe7e19abc7ae2b6c0' });
     }
 };
 Divider.style = dividerCss;

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

@@ -130,7 +130,7 @@ const Drawer = class {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (index.h(index.Host, { key: '16521422bdb7a66912901a8d1d156772c31c588a', class: {
+        return (index.h(index.Host, { key: 'fff4cbcfc2cef008be568700e64be24876e59e5a', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -138,15 +138,15 @@ const Drawer = class {
                 'max-width': `${this.maxWidth}rem`,
                 height: this.fullHeight ? '100%' : 'auto',
                 overflow: 'hidden',
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, index.h("div", { key: '8f1c103f6bb03c362a492031e2ad92bcf25d89cc', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, index.h("div", { key: 'eda993c94161ac174630ac6aa81a5be1d574fd40', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, index.h("div", { key: '7ff4e51b1f93fb7f686db4915ee838f32f61ae86', class: "header" }, index.h("div", { key: '7c748e9f1e9c2b5468fd524844dfc761069572f2', class: "header-content" }, index.h("slot", { key: 'ea0ef18347626104852b149f3944165932f9d661', name: "header" })), index.h("ix-icon-button", { key: 'a446d3e8cb7648d320cd4ea31899d2b289afbabe', class: "close-button", style: {
+            } }, index.h("div", { key: '4dd5149ba7e4ad3b40e7e9a7a46883de01831740', class: "header" }, index.h("div", { key: 'fffb646da836939ed2fef0c91424996059792ce5', class: "header-content" }, index.h("slot", { key: 'b5902a3bce51e8fc0fbb5ed96563595a2e95e187', name: "header" })), index.h("ix-icon-button", { key: '855489d11e8439dd1cc9807c9fc7e11af56cc510', class: "close-button", style: {
                 display: this.showContent ? 'block' : 'none',
-            }, icon: index$1.iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), index.h("div", { key: '87f799aa707aceefa145a0b547761f587593d8e2', class: "content", style: {
+            }, icon: index$1.iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), index.h("div", { key: 'f5e9cbe17366b49ad20b501f663e8c8dee1e456a', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, index.h("slot", { key: 'aea1e984256bb60bcb6c6a6721988b86decdfca0' })))));
+            } }, index.h("slot", { key: '1a8be255dce06ad85fd6fb689d8a50375d746b88' })))));
     }
     static get watchers() { return {
         "show": ["onShowChanged"]

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

@@ -36,11 +36,11 @@ const DropdownButton = class {
             } }));
     }
     render() {
-        return (index.h(index.Host, { key: '7bf428f629c4b9c4abe352fa22e187298f50d9ba', class: {
+        return (index.h(index.Host, { key: 'f30e5874fe837b3b6a9f2ef092f8b4d50cd37979', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, index.h("div", { key: 'a1f250a7137b42f0f3a12a92190ea18929412b82', class: "dropdown-button" }, this.label ? (index.h("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, index.h("div", { class: 'content' }, this.icon ? (index.h("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, index.h("div", { class: 'button-label' }, this.label), index.h("ix-icon", { name: this.dropdownShow
+            }, ref: this.dropdownAnchor }, index.h("div", { key: 'd1407beed3397c7dc0c84a78d4833f22799b7400', class: "dropdown-button" }, this.label ? (index.h("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, index.h("div", { class: 'content' }, this.icon ? (index.h("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, index.h("div", { class: 'button-label' }, this.label), index.h("ix-icon", { name: this.dropdownShow
                 ? index$1.iconChevronUpSmall
-                : index$1.iconChevronDownSmall, size: "24" })))) : (index.h("div", null, index.h("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), index.h("ix-dropdown", { key: 'e726b227804176cc0b63a6c1bffc3d822820200d', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, index.h("slot", { key: '9c596b8bd686b0e69336b563aef512aba7937275' }))));
+                : index$1.iconChevronDownSmall, size: "24" })))) : (index.h("div", null, index.h("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), index.h("ix-dropdown", { key: '9489f1c35d3483103b30aea27cd595ec9da21d58', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, index.h("slot", { key: 'eccf0e7d86b7c4df9fe48b2873c0a05c7ec9a67f' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-dropdown-header.cjs.entry.js

@@ -9,7 +9,7 @@ const DropdownHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '48d7022431ca3afd5b2a54d5ed66a753a65b11ba' }, index.h("ix-typography", { key: '930b1334c8a9e2974393bebec6890e72e204f360', class: 'category-text', format: 'h5' }, this.label)));
+        return (index.h(index.Host, { key: '07334cf803a7b60b148a688f954099d4c82dd156' }, index.h("ix-typography", { key: 'e71b5dca614dad0fdc6b29d04744b4d03042fcba', class: 'category-text', format: 'h5' }, this.label)));
     }
 };
 DropdownHeader.style = dropdownHeaderCss;

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

@@ -40,15 +40,15 @@ const DropdownItem = class {
             this.icon !== undefined);
     }
     render() {
-        return (index.h(index.Host, { key: 'a5b2ef55abc61e30f76a2936f8a3dab1089bce21', class: {
+        return (index.h(index.Host, { key: 'cd6bfb531ae38e3016ec9ebca8d02ec359c3ea7c', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, index.h("button", { key: '8bbf025361d0f8f7e07e54e3d377a91900f40181', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, index.h("button", { key: '0c21ba9811bd0943835d206b2ef520a442817c53', type: "button", tabIndex: 0, class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (index.h("div", { class: "dropdown-item-checked" }, this.checked ? (index.h("ix-icon", { class: "checkmark", name: index$1.iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (index.h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, index.h("div", { key: '65fae7a6a32288a2b48be1cb26c83ae4faea527a', class: "dropdown-item-text" }, this.label, index.h("slot", { key: '5b0f74293fcfecf625a83abf1a5ac4de8f6f55ea' })), this.isSubMenu ? (index.h("ix-icon", { name: index$1.iconChevronRightSmall, class: 'submenu-icon' })) : null)));
+            }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (index.h("div", { class: "dropdown-item-checked" }, this.checked ? (index.h("ix-icon", { class: "checkmark", name: index$1.iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (index.h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, index.h("div", { key: '28895721674306daf8293096800e7a2296be2fbf', class: "dropdown-item-text" }, this.label, index.h("slot", { key: 'b71da89943666f609c8428aa62e91655766f2cb1' })), this.isSubMenu ? (index.h("ix-icon", { name: index$1.iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     get hostElement() { return index.getElement(this); }
 };