@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-v4-next-20251105155052

package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js

@@ -9,7 +9,7 @@ const DropdownQuickActions = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '35441282ec232f2028ff15215a93a48c6d4e46ed' }, index.h("slot", { key: '91f97516822014d5b70ee4b7134f9c377cb70824' })));
+        return (index.h(index.Host, { key: 'fdd2e2b6dbcb923c0f777d59d6500aae7a809b62' }, index.h("slot", { key: '89da7a8f6531cbee860e5677035357c785743c64' })));
     }
 };
 DropdownQuickActions.style = dropdownQuickActionsCss;

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

@@ -345,7 +345,7 @@ const Dropdown = class {
         this.applyDropdownPosition();
     }
     render() {
-        return (index.h(index.Host, { key: 'ee3eb8e3b68d99b1b5b81fe5540ea3b32ff41f09', "data-ix-dropdown": this.localUId, class: {
+        return (index.h(index.Host, { key: '86e8b81af4bc5ad0fe27bbe62e9f1f7eb7c49f7e', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -353,7 +353,7 @@ const Dropdown = class {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, index.h("div", { key: '2ba27fbce21906f5ae9e98fa3527a834d9370938', style: { display: 'contents' } }, this.header && index.h("div", { key: 'fa128cf328ac0228b99723fef040448979f610f9', class: "dropdown-header" }, this.header), this.show && index.h("slot", { key: '2310f848f75cab461581ffb83d71b1b99ba7dc2e' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, index.h("div", { key: '071d50d4dd055be7a6d430cf913de9e6a99ca88b', style: { display: 'contents' } }, this.header && index.h("div", { key: '408ab95eb7afaa61e1752204ebc1435038ecf49d', class: "dropdown-header" }, this.header), this.show && index.h("slot", { key: '3945c3c05e90a93acaaaff3110a26485fe058324' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-empty-state.cjs.entry.js

@@ -14,7 +14,7 @@ const EmptyState = class {
         this.layout = 'large';
     }
     render() {
-        return (index.h(index.Host, { key: 'd9b634f06732db0749e3c9c3167ae711f96a7183', class: `emptyState emptyState--${this.layout}` }, this.icon && (index.h("div", { key: 'a6a98e33af14d3a66d207c2d77d1aa6e34800538', class: "emptyState__icon" }, index.h("ix-icon", { key: '8511efa645e81a5d1604cdd01e2f4caf95e01d3b', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), index.h("div", { key: 'b33eaf65405ef3941876dd7b9cf0f561e9de1649', class: "emptyState__content" }, index.h("div", { key: '3b9670173d55afc815b8e43606b06c535ddd51d6', class: "content__label" }, index.h("ix-typography", { key: 'e461e4696bd05399ad8a3f270edff959d6a49fbd', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (index.h("div", { key: 'ff0926ea025bb9a374ac765ac287b757af6f7c22', class: "label__subHeader" }, this.subHeader))), this.action && (index.h("div", { key: '611fbc746d27fcde68f6dd11db2a0b2d3725ff05', class: "content__action" }, index.h("ix-button", { key: 'ee78f195e25bbed7ece55ffc5e5884ad5ea9fef9', onClick: () => this.actionClick.emit() }, this.action))))));
+        return (index.h(index.Host, { key: 'c157ef4dd8518201fdae6fe41bf00208aa0067a7', class: `emptyState emptyState--${this.layout}` }, this.icon && (index.h("div", { key: '77152339a4f5e696d159ff2f37081debca16ef4d', class: "emptyState__icon" }, index.h("ix-icon", { key: '274f9d1288fc209e07b7b53286b149582c9ae2b9', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), index.h("div", { key: '9f9aeddd7f574c59ac82ddf5d3abca5ca963257e', class: "emptyState__content" }, index.h("div", { key: '1def400c5abb743075aa44d531acf6ee97d2cb65', class: "content__label" }, index.h("ix-typography", { key: '9b304c1ae25a9dba4339c585b762cc98a369c3b5', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (index.h("div", { key: 'f55d27f18bb2ad7ad4e0952c2a2b65c95a169a62', class: "label__subHeader" }, this.subHeader))), this.action && (index.h("div", { key: '45eda366d47fc9a8077b84015dd7f311df5a572f', class: "content__action" }, index.h("ix-button", { key: '349520a7e809efe28770db0ad81641ed450d1ef7', onClick: () => this.actionClick.emit() }, this.action))))));
     }
 };
 EmptyState.style = emptyStateCss;

package/dist/cjs/ix-event-list-item.cjs.entry.js

@@ -37,17 +37,17 @@ const EventListItem = class {
         let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
             ? `var(${this.itemColor})`
             : `var(--theme-${this.itemColor})`;
-        return (index.h(index.Host, { key: 'd03c2d90446a33d65d9a8899e4966b7493126b50', class: {
+        return (index.h(index.Host, { key: '69bcf29128bcdcbb1d4ec916ab267c3f3872563d', class: {
                 disabled: this.disabled,
                 [`event-list-item-${this.variant}`]: true,
-            } }, index.h("div", { key: 'fef59b96300f41b2454dc5033d070cc49a3418f5', role: "listitem", "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
+            } }, index.h("div", { key: '44a56bfe9beee7643cd97998309c7e1339673494', role: "listitem", "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, index.h("div", { key: '5d9cee6f17423412e512046cb2db08e67e8bf692', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, index.h("div", { key: 'cc43c1752fd48d33a40fbdc7b28f120b128d11f5', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), index.h("div", { key: '19c487ecf53c8e3b277ed01d4e894cb60b314484', class: "event-list-item-container" }, index.h("div", { key: '272e1d5326384ee10820219d010c2210632c1aaf', class: "event-content" }, index.h("slot", { key: 'e901ca6e3059c187f5f3711610edaa9325f85112' })), this.chevron && (index.h("ix-icon", { key: '5193a58d44e7a7d5c903d64c2c757575e9711806', name: index$1.iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
+            } }), index.h("div", { key: 'dc79d72bff599d0c2cb3850548b56f2a7a7d74c0', class: "event-list-item-container" }, index.h("div", { key: '6eb217297a62214cc4b2ecc0a24f2ac8b7b1be71', class: "event-content" }, index.h("slot", { key: 'a2e260050ee37c653bbb46d5447dd4d299a93eb9' })), this.chevron && (index.h("ix-icon", { key: 'e5b66296f312ae808f48826305fbd8e8a992e602', name: index$1.iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
     }
 };
 EventListItem.style = eventListItemCss;

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

@@ -126,11 +126,11 @@ const EventList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '700b662ebfba2754f0c4c0d3bf09e95c5277760d', class: {
+        return (index.h(index.Host, { key: '412f1406ca77c5cc4b8d97858a0a6b2dcde571c9', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, index.h("div", { key: 'ebfed96ff53b21d49c9b9464978c79faa22210e0', role: "list" }, index.h("slot", { key: '4df468a4c4cc9643dae0b13f7b88df3402e3beaf' }))));
+            } }, index.h("div", { key: 'bf8731c25aa807b3971d7d1caa3380233c262b26', role: "list" }, index.h("slot", { key: 'aa48d21a40f00146ada43ec541977efd5553554a' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-expanding-search.cjs.entry.js

@@ -65,20 +65,20 @@ const ExpandingSearch = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '91622f4e7d04b72c143c27d92097b16e05314423', class: {
+        return (index.h(index.Host, { key: 'cef1eaadd1182fc228042ec6358dae162b870bfa', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, index.h("ix-icon-button", { key: '1c84d2ec7fac2727f626b796348d60c41f559d55', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : index$1.iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
+            } }, index.h("ix-icon-button", { key: '143fa362134e939f965e38c836effd321451c355', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : index$1.iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
                 'btn-search': true,
                 'btn-search--expanded': this.expanded,
-            }, "aria-label": this.ariaLabelSearchIconButton }), index.h("div", { key: 'a407add1967deb4343c4044fecbe2836f73f967f', class: {
+            }, "aria-label": this.ariaLabelSearchIconButton }), index.h("div", { key: '7fcbd5c539b210a8c56106e478f208bd7987f50b', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, index.h("input", { key: '6842d94f77a0b6ed4fb0ed6c6d77bb7e7937bacd', class: {
+            }, "data-testid": "input-wrapper" }, index.h("input", { key: 'f138deadccf92bd26f4b548147bbeb6a66e06da2', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,

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

@@ -121,7 +121,7 @@ const FormFieldLabel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '77162f206e9a44c451be1c3e63f36647514df468', onClick: () => this.focusOnClick() }, index.h("label", Object.assign({ key: '73aae16a736c4bcb35e87947128df17dae60b262', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), index.h("ix-typography", { key: 'b73ceb433e4db5c0fb178ba7aebb61c24e1cf37a', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, index.h("slot", { key: '8625032e1c28424e817ec6c2a7aaab73cfaf1900' }), this.required && index.h("span", { key: 'c1b865c52013bbb51ceb8797a324bffbe771eaa9' }, "*")))));
+        return (index.h(index.Host, { key: '8b95961ee8dde015e7be8c9b5d5b0c742abc66a2', onClick: () => this.focusOnClick() }, index.h("label", Object.assign({ key: '94e23159d8cfc8366628245ff88c66a75114ddcd', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), index.h("ix-typography", { key: '71d0e1969ab2ffbc95366c256f22412caeca51a4', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, index.h("slot", { key: '73d15d7c64df8d301cbe1a0d5158c459273d90ed' }), this.required && index.h("span", { key: 'adfe97c75781edcf3a3d84c463f019afff623765' }, "*")))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -174,9 +174,9 @@ const FieldWrapper = class {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (index.h(index.Host, { key: '3ea3695c5b1cb5cb88461edf1a695dbbffc41446' }, this.label && (index.h("div", { key: '6e70790f01487566ca50218321827083273a8b72', class: "field-top" }, index.h("ix-field-label", { key: 'e95f598950e502b0b740aa715b4ba98d29988274', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), index.h("div", { key: '779b3fc2560650307ce95531b49354a9c5d87ecd', class: {
+        return (index.h(index.Host, { key: '3e4d4cc4d1825e7c882844497a14c683e6fa4984' }, this.label && (index.h("div", { key: '14c73ca16fca119c7ae3b57406fed9d06c92682b', class: "field-top" }, index.h("ix-field-label", { key: '528080fc33fbba4af32b995c2a5b812cbe546c3c', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), index.h("div", { key: '07dd086cb873468943feddd633ff9487c4ac28ad', class: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, index.h("slot", { key: 'de4549ef8be697b8298962bb254c33b531cbc915' })), index.h("div", { key: '638eab71346a22e27c6e255d1ffd631d9f714cc7', class: 'field-bottom' }, !this.showTextAsTooltip && index.h(helperTextUtil.HelperText, Object.assign({ key: '37e18fbd7031e597ab332cb0dbc1d49f8fd64204' }, textOptions)), index.h("div", { key: '0b8ac94f2968e14a3d0640ab74f00a3d51eb74a2', class: "bottom-right" }, index.h("slot", { key: 'd8357cafd084a1481b1312d624493bbde299a270', name: "bottom-right" }))), this.showTextAsTooltip === true && helperTextUtil.hasAnyText(textOptions) && (index.h("ix-tooltip", { key: 'd4e277ed85a1cbb2d28779bfee25569cbd717e41', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, index.h(helperTextUtil.HelperText, Object.assign({ key: '0286be2eb095edbfb7f97c794dac74d79c2c4ad0' }, textOptions))))));
+            }, ref: this.slotRef }, index.h("slot", { key: 'b7cd2920a4ddfcd8c89c661a516169f965956150' })), index.h("div", { key: 'f2976ba8ed9a373e46ad0b12b7aa4e7eefd15f16', class: 'field-bottom' }, !this.showTextAsTooltip && index.h(helperTextUtil.HelperText, Object.assign({ key: 'aec1f83ed3e30742d7e3d50e5287b3585cfff158' }, textOptions)), index.h("div", { key: 'a89b5e7a6485fd220b5b1b0fa68eda56fe77367c', class: "bottom-right" }, index.h("slot", { key: '079a9c2ad3694da127bc03324764a317d0ad97a3', name: "bottom-right" }))), this.showTextAsTooltip === true && helperTextUtil.hasAnyText(textOptions) && (index.h("ix-tooltip", { key: 'c43740e25841a7e14069b0f666ede1e3d3a38e35', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, index.h(helperTextUtil.HelperText, Object.assign({ key: '8cffb6fb825da3d30f8b0362359d305c53a99c93' }, textOptions))))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -24,7 +24,7 @@ const FilterChip = class {
         this.closeClick.emit();
     }
     render() {
-        return (index.h(index.Host, { key: 'c778f50984ea53997c6c1188e8d3b030e4dfa4c8', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, index.h("div", { key: 'b6888190e09ae621eb7e004f418f0944eb062a7b', class: "slot-container" }, index.h("slot", { key: 'c8a3e52464c4873d4c949b9c472613b12fd7fee7' })), !this.disabled && !this.readonly ? (index.h("ix-icon-button", { variant: "tertiary", oval: true, icon: index$1.iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (index.h(index.Host, { key: '8cc1b9fa681c0a4db152ce8be3c6f5e9e57f342d', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, index.h("div", { key: '61c4d43d905cad264fb7eef85b8d59a4fa5bc966', class: "slot-container" }, index.h("slot", { key: 'f46f5e585c9a822f78d173945da0fdb91666ef09' })), !this.disabled && !this.readonly ? (index.h("ix-icon-button", { variant: "tertiary", oval: true, icon: index$1.iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -110,7 +110,7 @@ const SelectItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eda73234f63f14409068135e908af00d7f18b48b' }, index.h("ix-dropdown-item", { key: '14603322f1a339a30aa00b32f6802037af69a187', class: {
+        return (index.h(index.Host, { key: 'eca8960daebe4ab288dd7141e6c0c187c02c2eff' }, index.h("ix-dropdown-item", { key: 'eabdba51136877b6a082e38fa80b07522e4c7b9a', class: {
                 'select-item-checked': this.selected,
             }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
     }

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

@@ -15,7 +15,7 @@ const FlipTileContent = class {
         this.contentVisible = false;
     }
     render() {
-        return index.h(index.Host, { key: 'ae499b00da903e80a7cf53e15185d2a5bf9b3819' }, this.contentVisible ? index.h("slot", null) : null);
+        return index.h(index.Host, { key: '5965aa904c665ec7f059cfd2923d13d6c408f435' }, this.contentVisible ? index.h("slot", null) : null);
     }
 };
 FlipTileContent.style = flipTileContentCss;

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

@@ -116,7 +116,7 @@ const FlipTile = class {
         }, 2 * animation.Animation.defaultTime);
     }
     render() {
-        return (index.h(index.Host, { key: '25b1720be9a951508fc42a3182abf77ca5239417', class: {
+        return (index.h(index.Host, { key: '8e765099be7fad3f1e3ad850934cacf3a3a0005b', class: {
                 [`flip-tile-variant-${this.variant}`]: true,
             }, style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -125,10 +125,10 @@ const FlipTile = class {
                 width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
-            } }, index.h("div", { key: '82eb523c35d63e1974af85d03011d72a60d6a12c', class: "flip-tile-container" }, index.h("div", { key: '8a71a7dcccaaee476cd6b619ef2f9d0dd2f20dcb', class: "flip-tile-header" }, index.h("div", { key: 'b8333d824024998ebfb1b110a659d41cd4f0ceb5', class: "header-slot-container text-l-title" }, index.h("slot", { key: 'cca1a6e9e83af3af0bae04336f7c570d71d79c8f', name: "header" })), index.h("ix-icon-button", { key: '5a97cef1d5669839903b13ec4478f2a1389e5711', icon: index$1.iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), index.h("div", { key: '707bfbb106caf3d37dfff0df91e846f61e466a00', class: "content-container" }, index.h("slot", { key: '61289a19308af72be66d7494b35985bcb8145401' })), index.h("div", { key: 'acfc13e29fa9ea434dbb466a7d5155ed79bf030f', class: {
+            } }, index.h("div", { key: 'b2b5f3eb5e7434781c6e20c4227f6ba0558ef1ba', class: "flip-tile-container" }, index.h("div", { key: '62bf878e8dbe1b0ede76e18bfd7864559e5bc40e', class: "flip-tile-header" }, index.h("div", { key: 'a6778965143f874ba4afb4cf85668caa72b6b37d', class: "header-slot-container text-l-title" }, index.h("slot", { key: '8d8fbdea8c689955d3d883386d5de53ce3716102', name: "header" })), index.h("ix-icon-button", { key: 'a7f7ad867ff020682dad39ee879d75a539b2311e', icon: index$1.iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), index.h("div", { key: '9f36cb8e3242c3df057ca422cc16c2dbd46d05c2', class: "content-container" }, index.h("slot", { key: '1b8931c0bdb7fb8fcf1ef7179c441e7054aba515' })), index.h("div", { key: '20d76b0e598ad7c202ec917cc07c3a9dc4c22ce6', class: {
                 footer: true,
                 'show-footer': this.hasFooterSlot,
-            } }, index.h("slot", { key: '7bcf5c8d4f037291a6258059e99ae3c1e8ac2585', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
+            } }, index.h("slot", { key: '6b8c833a377673cc30625afda00a1881d5e66fca', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-group-context-menu_2.cjs.entry.js

@@ -36,7 +36,7 @@ const GroupContextMenu = class {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (index.h(index.Host, { key: '0af5417d3a5a775bc90a40929ddafbff30095b22' }, index.h("ix-icon-button", { key: '2168944a247641423a32816017bf495ad7f3196d', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: index$1.iconContextMenu }), index.h("slot", { key: '41dbc7adfffe4d88cdd2d73ff6701b4a8148084e', onSlotchange: () => this.onSlotChange() })));
+        return (index.h(index.Host, { key: '6df61ec63b35350e4911a5b45ecf02ec8f05d42a' }, index.h("ix-icon-button", { key: '480474db13076c449bb664cc3be7aef9b2604c41', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: index$1.iconContextMenu }), index.h("slot", { key: 'cf8842a68562de5d58a8bec0441db254a56ad05b', onSlotchange: () => this.onSlotChange() })));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -138,27 +138,27 @@ const Group = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3f0490f98871cd258f1a7735587c5c994787b5f3' }, index.h("div", { key: '85a820e8677768ac5952862d6860bf67ddddd06b', class: {
+        return (index.h(index.Host, { key: '4afd808f34c4c47ef82b9ac86c9824f93c0ac022' }, index.h("div", { key: 'e4faee7660a7e0356be0847648d8c749b8a53dd8', class: {
                 'group-header': true,
                 expand: this.expanded,
                 selected: this.selected,
-            }, tabindex: "0" }, index.h("div", { key: 'eb02896f695cf74d19a0c17e732886ba2791cae8', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, index.h("div", { key: '6c361a6e2bb2b9e9614f726c72d943bb540c6e6f', class: {
+            }, tabindex: "0" }, index.h("div", { key: '708f196e0212bf1134de3e12d7c22ec6b981c998', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, index.h("div", { key: 'b7e7fdf40ff90648cb3d734340ddb2ae1c39f35f', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), index.h("div", { key: '957fddd2512cb0004889bb8627dca06a24172678', class: "btn-expand-header" }, index.h("ix-icon", { key: '5e6d9f54bd16530b6ee35be0ae2429075574f7af', "data-testid": "expand-collapsed-icon", class: {
+            } }), index.h("div", { key: '11526d19f3cbe9cc5ced668a16b4d9401907a20b', class: "btn-expand-header" }, index.h("ix-icon", { key: '0484a742e10ef8d3448b948c708795f28977af50', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.expanded ? index$1.iconChevronUpSmall : index$1.iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), index.h("div", { key: '7afbcddcae71944c3d89f4671c52faec405072da', class: "group-header-content" }, this.header ? (index.h("div", { class: "group-header-props-container" }, index.h("div", { class: "group-header-title" }, index.h("span", { title: this.header }, this.header)), index.h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, index.h("slot", { key: '434daedde0c193250cc55ecef24a648427d93521', name: "header" }))), this.hasDropdown && (index.h("ix-group-context-menu", { key: '4c3e93b8fe830a7d3e40c9560b5821a44e82a076' }, index.h("slot", { key: '509f13fadad10aa375da8d823692c869031e51c5', name: "dropdown" })))), index.h("div", { key: '1fbc03459ee2ce55b44f2393898ced6fd8d767ca', class: {
+            }, name: this.expanded ? index$1.iconChevronUpSmall : index$1.iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), index.h("div", { key: 'ebd85a3ffcff6a72afa619f9f339f9f335d5692a', class: "group-header-content" }, this.header ? (index.h("div", { class: "group-header-props-container" }, index.h("div", { class: "group-header-title" }, index.h("span", { title: this.header }, this.header)), index.h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, index.h("slot", { key: 'd32a324262fec6c9331b773d4244fa9a98ec8e26', name: "header" }))), this.hasDropdown && (index.h("ix-group-context-menu", { key: 'fc3c314ee1f858a833786d0086c0cbf372cbaa91' }, index.h("slot", { key: 'aba688f91e2891df29b28a836cea956967a0bfdc', name: "dropdown" })))), index.h("div", { key: 'ff1e7e553feafffb89d6e5727fa08e518c5e8f09', class: {
                 'group-content': true,
-            } }, index.h("div", { key: 'e5c7ab27d286eb9a3e56d906cff40009fcd9c317', style: {
+            } }, index.h("div", { key: '2491e7fc2db3a26f2a6590dc4f5672256aea0ba0', style: {
                 display: this.expanded ? 'contents' : 'none',
-            } }, index.h("slot", { key: '270b3877b50ad67ad95ef1bf6ac28aa7a6bfc1ae', onSlotchange: () => {
+            } }, index.h("slot", { key: '9ff899ad82ec853ca26bf6516755aa96ff4f1a75', onSlotchange: () => {
                 var _a;
                 const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = shadowDom.hasSlottedElements(slot);
-            } }), index.h("ix-group-item", { key: '1a44451e3855c4e7fa22d1aefa4df34692dc3453', class: {
+            } }), index.h("ix-group-item", { key: 'deba11384b1595616beb387a20e13bd4a37bab85', class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            }, groupFooter: true, suppressSelection: true }, index.h("slot", { key: '221292d8be0d15548275e6a24e4f3fcbccd3d2dc', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            }, groupFooter: true, suppressSelection: true }, index.h("slot", { key: '93f76c08a387e415908c1425e88463306bd7f094', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-helper-text.cjs.entry.js

@@ -50,7 +50,7 @@ const HelperText = class {
         this.validationResults = validation.checkFieldClasses(forElement);
     }
     render() {
-        return (index.h(index.Host, { key: 'fc7c96b79fcbff2f9bcf9b45345f16dba5a404c6' }, index.h(helperTextUtil.HelperText, Object.assign({ key: '9e6d2c5fa00aa658c5fa9ae1393537b6255e42f4', helperText: this.helperText,
+        return (index.h(index.Host, { key: '80773f9945e4d763cd06ef66b4654270a3a7dbd4' }, index.h(helperTextUtil.HelperText, Object.assign({ key: '214ef1f926975fcf41676cb525b7098060f7f42c', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,

package/dist/cjs/ix-icon-button_2.cjs.entry.js

@@ -78,7 +78,7 @@ const IconButton = class {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (index.h(index.Host, { key: 'bdb302ce6ef1803d43285e1effc3ce70ff9284c8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, index.h(baseIconButton.BaseIconButton, Object.assign({ key: '14073614fda1a07d4292094b91092871f05619d3' }, baseButtonProps))));
+        return (index.h(index.Host, { key: 'bf38203ea971e79608015f29912cb8e25095aaa9', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, index.h(baseIconButton.BaseIconButton, Object.assign({ key: '79512317c4eb9af675ac19918f06ca7c163693a8' }, baseButtonProps))));
     }
     get hostElement() { return index.getElement(this); }
 };
@@ -103,7 +103,7 @@ const Spinner = class {
         this.hideTrack = false;
     }
     render() {
-        return (index.h(index.Host, { key: '99eb9b362588fb2f8f40c8e767066510535c312d' }, index.h("div", { key: '219d9895c8d21ab3c571dd45fd07f5b006b4f34b', class: {
+        return (index.h(index.Host, { key: '8aa6edb9059ebaafe7f052083ca680c2bc5df2cc' }, index.h("div", { key: 'ef628ecd03a1a6b3cdd36d90fb60676fc03fc90d', class: {
                 primary: this.variant === 'primary',
                 [this.size]: true,
                 'hide-track': this.hideTrack,

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

@@ -75,7 +75,7 @@ const IconToggleButton = class {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (index.h(index.Host, { key: 'cdab0dbaf3a790f3d83fff58d73588504d7ba956', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, index.h(baseIconButton.BaseIconButton, Object.assign({ key: '6cfe4d3b14eba61a9b80ffcdcd9664a1f815f70f' }, baseButtonProps))));
+        return (index.h(index.Host, { key: '0cdca2a85b3ed4e29f1686911eedc5e269178ec2', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, index.h(baseIconButton.BaseIconButton, Object.assign({ key: 'b3fd9e932199b79af77f6a24c35fdb3f1c0177a7' }, baseButtonProps))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -120,7 +120,7 @@ const InputGroup = class {
         return width;
     }
     render() {
-        return (index.h(index.Host, { key: 'a3ccc5c517e8c33b0397acc5bd092684f0681ffe', class: { disabled: this.disabled } }, index.h("div", { key: '607ea6b80837a6d2b35c34d000d1ab39bf559ed8', class: "group group-start" }, index.h("slot", { key: '9fcbdb50ef9acbb4ed77f14194370ed9d214f1e9', ref: (el) => (this.startSlotRef = el), name: "input-start" })), index.h("slot", { key: '93aebe48a3812e270607091966656d8d46cdc5e9' }), index.h("div", { key: 'faeb55bffcfcad605a4efe5795f05c313986eeaa', class: "group group-end" }, index.h("slot", { key: '8f52ddaacb0efdb46c6749d86e66064c06d94609', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (index.h(index.Host, { key: 'd0f57d858ca77f197bee75874412f218facf40d9', class: { disabled: this.disabled } }, index.h("div", { key: '7221faf602895189f3c612328adb9f96c9ba511e', class: "group group-start" }, index.h("slot", { key: '261bed25a0ac9f0fa9cb5ba9945f35a2bdaf0d0d', ref: (el) => (this.startSlotRef = el), name: "input-start" })), index.h("slot", { key: '624586d74b428624dadc77f7dbaa097e80590110' }), index.h("div", { key: 'e42e4337ff02ad203f50b080e10c2ce6c76a60fd', class: "group group-end" }, index.h("slot", { key: '39d2cd0d441e43db924ad528856065bb87efebe3', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -139,13 +139,13 @@ const Input = class {
     render() {
         var _a;
         const inputAria = input_util.getAriaAttributesForInput(this);
-        return (index.h(index.Host, { key: '05bb684da7ab25f4cea5429ec2c166a9c7a9cc21', class: {
+        return (index.h(index.Host, { key: 'c74b72aaf7caf50aca8bada5a426ced0d03da3a4', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, index.h("ix-field-wrapper", { key: 'a2cd4a57590b5848de9738a0fbdff0c1c1947abc', htmlForLabel: this.inputId, 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: 'e9369f9d649068b7708fabf29b9c2e25954591a6', class: "input-wrapper" }, index.h(input_util.SlotStart, { key: '4294b9e2329a9e0b9964630d76f64788f127e280', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), index.h(input_util.InputElement, { key: '750c6a574acb4dac21f7a6143b34ae1482de7d74', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => input_util.checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, index.h("ix-field-wrapper", { key: '259d4c941b5230eb3dab8f1e06d365fc5dd487bf', htmlForLabel: this.inputId, 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: 'b74bc60a551f8068fc3fd273583089160ef0e272', class: "input-wrapper" }, index.h(input_util.SlotStart, { key: '5da1e346612ed0b0ce81b4ca370593e3cfdd950f', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), index.h(input_util.InputElement, { key: 'd259d8e2fdc27cf9ef550a649db0a05d407752b4', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => input_util.checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 input_util.onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            }, ariaAttributes: inputAria }), index.h(input_util.SlotEnd, { key: 'ebd005ac85dc9109895d3cd7dcd147a08ee0fc02', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, index.h("ix-icon-button", { key: '473f7914b0b2e7bbc970f9eadfed8f8ec96ed761', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), index.h(input_util.SlotEnd, { key: '83f14577687a0437983e0cff26d59291cf1a5f47', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, index.h("ix-icon-button", { key: '4a54d7c381d87c75dca1e3febfb8d0e8d0095bf9', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password' || this.disabled,
             }, variant: "tertiary", icon: this.inputType === 'password' ? index$1.iconEye : index$1.iconEyeCancelled, onClick: () => {
@@ -154,7 +154,7 @@ const Input = class {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (index.h("ix-typography", { key: 'f5a0bc6e09ce7be919ccf97b34af1ef804c29df7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
+            } }))), !!this.maxLength && this.maxLength > 0 && (index.h("ix-typography", { key: '40bbb9d175f5df31dba1115aaab0c7e2c07f067c', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/ix-key-value-list.cjs.entry.js

@@ -13,7 +13,7 @@ const KeyValueList = class {
         this.striped = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'e262c5729ec77f3c9a2beb0a7039cb40422d691e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, index.h("slot", { key: '72e1498f1f1783e181eb8e83e09c337c5aa564d7' })));
+        return (index.h(index.Host, { key: '8dba91174048942e97f5c3923693f9773498850e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, index.h("slot", { key: '008b5a305508353e90fbbdc664079942b5e72fb6' })));
     }
 };
 KeyValueList.style = keyValueListCss;

package/dist/cjs/ix-key-value.cjs.entry.js

@@ -13,7 +13,7 @@ const KeyValue = class {
         this.labelPosition = 'top';
     }
     render() {
-        return (index.h(index.Host, { key: '29b48b869917aa09c497c7314c1b3297c70712f3', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (index.h("ix-icon", { key: '50069d0a641035114045d44ae696a8a24f82bc26', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), index.h("div", { key: 'efebf2aafab9c171a61287ac9f3f85e943388830', class: "keyValue__content" }, index.h("div", { key: 'cc01525dfa12c51b3f16170adc448f61c13126e6', class: "content__label" }, this.label), index.h("div", { key: 'd9c9ce50e3b101266fe522e32eb12c2b0b7b6004', class: {
+        return (index.h(index.Host, { key: 'afb00b426d8c1058f0cbb4f1c36c77f879d4fcc2', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (index.h("ix-icon", { key: 'f965a5b314912431569919f3d12b03e7ecdd7a7f', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), index.h("div", { key: '93a20b20f02409e5229d75f9614024771a1e4062', class: "keyValue__content" }, index.h("div", { key: '86a788b30e518a4fe26c9f266c79faeb71c2a246', class: "content__label" }, this.label), index.h("div", { key: '9421c0ff618a40335423c624640556b266cb0744', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (index.h("slot", { name: "custom-value" }))))));

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

@@ -35,13 +35,13 @@ const Kpi = class {
         return tooltip;
     }
     render() {
-        return (index.h(index.Host, { key: 'b60cacc3f468bfb645ab5f8b7217fab907b24d62', title: this.getTooltipText(), tabindex: "1", class: {
+        return (index.h(index.Host, { key: 'b30b96a30c6462d46df55d826117a7bbca06bd87', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, index.h("div", { key: 'f191f41a59eb16f11f69aeae0cd367b3e6cc6e97', class: {
+            } }, index.h("div", { key: '91df6b79eab2edbf0ccb71d2dd8ee07e1412c546', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, index.h("span", { key: '1f77ffa87ad64740858fb9dd46ef3b2d206e6983', class: "kpi-label" }, this.getStateIcon(), index.h("span", { key: '8347d50cc808a3b677c0340452f1482139f91c35', class: "kpi-label-text" }, this.label)), index.h("span", { key: '20c58411fb499cccf20c4d6f92b75c1d875d8fbd', class: "kpi-value-container" }, index.h("span", { key: '49df3a72c7da17998eec8de2be47bb0da4b68495', class: "kpi-value" }, this.value), this.unit ? index.h("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, index.h("span", { key: '8229c1774d9ef82f8c30e1a8f24dafc57b5eed49', class: "kpi-label" }, this.getStateIcon(), index.h("span", { key: 'e27dbc323999e5e211ee923a07089a19d8de4ad6', class: "kpi-label-text" }, this.label)), index.h("span", { key: 'a3c2b17de22d8630a05b0e39c4005ac145784a53', class: "kpi-value-container" }, index.h("span", { key: '1b5f92dbd5f394d6c3bad1c9360427d572127759', class: "kpi-value" }, this.value), this.unit ? index.h("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
 };
 Kpi.style = kpiCss;

package/dist/cjs/ix-layout-auto.cjs.entry.js

@@ -78,7 +78,7 @@ const LayoutForm = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '89fa65872d5cd211c41e8bfda6544155bbbbcc1c' }, index.h("div", { key: 'b6a75e6ce330bbe76c5c3b83a541d3366bfb6866', class: "container" }, index.h("slot", { key: 'd6983232325c2c0081346b059561137e9cf23669' }))));
+        return (index.h(index.Host, { key: 'c372cee7de4d253246c61f60858b268619592d5d' }, index.h("div", { key: '205f0444aa85dcffd338abf3f38939ff9eea5d3c', class: "container" }, index.h("slot", { key: 'e8f39e9e0eb5dd8eee1b0ff66899dc1b0283143a' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -20,13 +20,13 @@ const LinkButton = class {
         this.target = '_self';
     }
     render() {
-        return (index.h(index.Host, { key: 'd7efb1e99ba3ea4fdf9d13f2f32dfcbd8be2a6c2' }, index.h("a", { key: '6b3adc3bf49879f8aa8ec5b07c55d9288c1c49be', title: this.url, tabindex: "0", class: {
+        return (index.h(index.Host, { key: '5d6862720cb7254c81ae048532345670b2725cf6' }, index.h("a", { key: 'ad09a301c88af52fe06626e71785af1a69f78690', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, index.h("ix-icon", { key: '33d2923c2c1bd042bc9e9ed1d11f273a98380f6b', class: "icon", name: index$1.iconChevronRightSmall, size: "16", "aria-hidden": "true" }), index.h("div", { key: '6eeb77386f6330bff5b209c1f005102468800899', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, index.h("ix-icon", { key: '06f8da3d0dfe027915222ba0525bb6551ebf7472', class: "icon", name: index$1.iconChevronRightSmall, size: "16", "aria-hidden": "true" }), index.h("div", { key: 'c5759a97f5599d15618cd1e83f32a35e656c3ea7', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, index.h("slot", { key: '1bd82e08a11323ab61d89c98a4c108ba2849a388' })))));
+            } }, index.h("slot", { key: '0429c8a4ac40936697d6e22d6061135e638c4557' })))));
     }
 };
 LinkButton.style = linkButtonCss;

package/dist/cjs/ix-menu-about-item.cjs.entry.js

@@ -17,7 +17,7 @@ const MenuAboutItem = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '65b663ccd628378a95ce42a3e5244a232eff116f' }, index.h("slot", { key: 'c3a34b0a229cb627038be98d9d82d13228a6ca11' })));
+        return (index.h(index.Host, { key: '632b6d89ae686ca05423b4a6b224a2635caa836d' }, index.h("slot", { key: '9c976c9b75de1cb742965cda40513e870f70fb9e' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]

package/dist/cjs/ix-menu-about-news.cjs.entry.js

@@ -22,16 +22,16 @@ const MenuAboutNews = class {
         this.expanded = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f6796c5d93527d954d18748a60cdbbdab1370af2', class: {
+        return (index.h(index.Host, { key: '9e3e3bfabc3e51bdbee57c13ad492f3d3447fbfe', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, index.h("div", { key: '3ff7376bd993e2d8ed6f86ae75b5e594027db70a', class: "banner-container" }, index.h("ix-icon", { key: '6fd35d106b65158700c2255005485e99ad4365a6', color: "color-inv-contrast-text", name: index$1.iconShout, size: "32" }), index.h("svg", { key: '624dcf3a1c412c5480a5f5bd643c7c950c13f70e', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, index.h("polygon", { key: 'eb0c8a2a6713b83f49be3f96bbf93f0a0d375b09', points: "0 0 48 0 48 56 24 48 0 56" }))), index.h("div", { key: '4790036caabea78033ca2272f4f58faf1ab05991', class: "cui-popover-news-header" }, index.h("ix-typography", { key: '4f5a8de94bdcc382e334b8ec6f7483773280ec49', format: "label", bold: true }, this.label)), index.h("ix-icon-button", { key: '71f9249273af952e0a88a22284f24bbdd3e52760', size: "24", icon: index$1.iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, index.h("div", { key: '616682301e4308c9d3d53481a8fb7e266a9a4181', class: "banner-container" }, index.h("ix-icon", { key: '5b795a4034d29997b1c285c9659acd8e70d5528d', color: "color-inv-contrast-text", name: index$1.iconShout, size: "32" }), index.h("svg", { key: 'f0c5c49e71a9aa3c91d792dc33909d9c8bbd1818', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, index.h("polygon", { key: 'e19557acebc98122003ceb160c3d07196dbdd8a8', points: "0 0 48 0 48 56 24 48 0 56" }))), index.h("div", { key: '75559e792e5610eefae0be4722a9cc6656c9e2d8', class: "cui-popover-news-header" }, index.h("ix-typography", { key: '2cf5eec66717e025a84d2e979297ad11ad5df324', format: "label", bold: true }, this.label)), index.h("ix-icon-button", { key: 'f77cb50c4fb25171da08eeda5724557656e7d56c', size: "24", icon: index$1.iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), index.h("div", { key: 'daf74d24e1c84fb3acf796bb3a9f6e9117dd9496', class: "slot-container" }, index.h("slot", { key: 'd9809a23c9d7635158b22d535f6b06da085992e8' })), this.aboutItemLabel ? (index.h("div", { class: "cui-popover-news-footer" }, index.h("ix-button", { variant: "primary", onClick: (e) => {
+            } }), index.h("div", { key: '1298f46cb80728f5c2b55603ae6a912967e4590c', class: "slot-container" }, index.h("slot", { key: 'fbe4e45ff94bd1f43864c2290e4b44f8ea3e8f72' })), this.aboutItemLabel ? (index.h("div", { class: "cui-popover-news-footer" }, index.h("ix-button", { variant: "primary", onClick: (e) => {
                 this.show = false;
                 this.showMore.emit(e);
-            } }, this.i18nShowMore))) : null, index.h("div", { key: '994de1ee58d3c39baed52ce729e77379c6c58a55', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, index.h("div", { key: '5259871afe0e537a1378f60f13c3884a08bc4daa', id: "arrow" })));
     }
 };
 MenuAboutNews.style = menuAboutNewsCss;

package/dist/cjs/ix-menu-avatar.cjs.entry.js

@@ -33,9 +33,9 @@ const MenuAvatar = class {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'a782ea05231fff5ebebe2fe12a2775f519f327cf', slot: "ix-menu-avatar" }, index.h("button", { key: '044a34b7db89797213223719a17a1b061cb1bd73', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, index.h("ix-avatar", { key: 'cb1330bf41ca940bb3bde9025cbb1ea4871d2252', image: this.image, initials: this.initials }), index.h("div", { key: 'ed6465daf36db4b60d3aceefbf6408677173a3f0', class: "avatar-name" }, index.h("span", { key: '571392ee4ae8b60dd252ab92397d31784e4e3a5c', class: "text-default-single", title: this.top }, this.top), index.h("span", { key: '52f9870036a925195723682aab11b103515f2c9d', class: "text-default-single", title: this.bottom }, this.bottom))), index.h("ix-dropdown", { key: '09e4dd18be61500b17a6315792fb1ba334a5435c', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+        return (index.h(index.Host, { key: '342ba4b67b3532da978048158cf9b9abfbc7e33d', slot: "ix-menu-avatar" }, index.h("button", { key: '68924d460574cde4c655a1f95e3c6ed5bc415c44', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, index.h("ix-avatar", { key: '2170181905320f58961a70ab8cb5b25d1c439393', image: this.image, initials: this.initials }), index.h("div", { key: 'c9f0275dec453f57756d3faefe9988c71d3b54b6', class: "avatar-name" }, index.h("span", { key: '56536ddb8d6b591433ad6bd88d82691de91b81ad', class: "text-default-single", title: this.top }, this.top), index.h("span", { key: 'a9b5bbed878e3a0282f770b97bb691f360035416', class: "text-default-single", title: this.bottom }, this.bottom))), index.h("ix-dropdown", { key: '9974a1b413104016d5366f72103f3712e93813a4', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
-            } }, index.h("slot", { key: '95885a59468c02dc83b81e47598224761b65f337', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (index.h("ix-menu-avatar-item", { key: 'f79cf9960e1de2ee4b03d797d5da4ec8ae53af9b', label: this.i18nLogout, icon: index$1.iconLogOut, onClick: (e) => {
+            } }, index.h("slot", { key: 'b642dd168efdf7f4659c3a0e5d032fccb93df9a5', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (index.h("ix-menu-avatar-item", { key: '4b7e853e0522208bebd10535885731af9dc4d3f6', label: this.i18nLogout, icon: index$1.iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })))));
     }

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-C8Xo8L1k.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
-var context = require('./context-B8bRIFA2.js');
+var context = require('./context-CmNuiaNz.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 var index$1 = require('./index-Dyz3z1FD.js');
 require('./typed-event-DxWATHPL.js');
@@ -182,7 +182,7 @@ const MenuCategory = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3ab492c20cd7c41d300db0c3c4ad2cf5a6d51090', class: {
+        return (index.h(index.Host, { key: '40ae8539715815c94e99313fad8694e4115e5482', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -191,14 +191,14 @@ const MenuCategory = class {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, index.h("ix-menu-item", { key: 'a59b7d4c9a1360f10c3555d57ece5e8ca439f711', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, index.h("div", { key: 'e7fb335217c858737e99a1c1df4959b1d15d1867', class: "category" }, index.h("div", { key: '6700c5e1926a1fa908f323e2bfd059ef7abc3d9d', class: "category-text" }, this.label), index.h("ix-icon", { key: '576a5b8a6ed3a7944a33d813bd254deaa8175438', name: index$1.iconChevronDownSmall, class: {
+            } }, index.h("ix-menu-item", { key: '60b77e0aae87b55e7934cbd0fccb18cab83772bb', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, index.h("div", { key: 'f87df62dd73af5968c4d62b657d0a0538e10ade3', class: "category" }, index.h("div", { key: '855411c78407fa712fddb8c177801db4c3c9780a', class: "category-text" }, this.label), index.h("ix-icon", { key: 'e94bbb4ad9f4fc5612daa12e8812d26ff6ecea70', name: index$1.iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), index.h("div", { key: '2898f39c1f4665a5cb684f875d7881558434cf80', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), index.h("div", { key: '9725f1a5f5f7aa7e1835d054ec8155644c5516e8', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            } }, this.showItems ? index.h("slot", null) : null), index.h("ix-dropdown", { key: '6e93539319261b3bd5c53cf80c75ddf4ff240376', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? index.h("slot", null) : null), index.h("ix-dropdown", { key: '69fd00ce9dd45b99069a891318008e25b214a218', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -211,7 +211,7 @@ const MenuCategory = class {
                         e.preventDefault();
                     }
                 }
-            } }, index.h("ix-dropdown-item", { key: 'aeb52967293d03a82de20c59b448d7f13cd03639', class: 'category-dropdown-header' }, index.h("ix-typography", { key: '19ccac9959ec874b240989a2c43f7c03ed70d9b9', format: "label", bold: true, textColor: "std" }, this.label)), index.h("ix-divider", { key: '1d113cd249baee291d9e25d47ed1eaecec56a7a7' }), index.h("slot", { key: '7a21ba6c7a35fef4391bb57fa27cad853edd729a' }))));
+            } }, index.h("ix-dropdown-item", { key: '101355b915d54d5e7a309c26aa9480191db1fb3e', class: 'category-dropdown-header' }, index.h("ix-typography", { key: '301de701167a6e09a741d2cdc7ed9c8555242a59', format: "label", bold: true, textColor: "std" }, this.label)), index.h("ix-divider", { key: '5cdcca1d2025554f5d11ea8f6d819b4c7a2d7ff2' }), index.h("slot", { key: 'a69dc8bdb237da234ab39cb251fda9cbd33da35d' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-menu-expand-icon.cjs.entry.js

@@ -36,7 +36,7 @@ const MenuExpandIcon = class {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (index.h(index.Host, { key: '55bb276dfb9ec7960d0e81c1885f022790ef2967', class: {
+        return (index.h(index.Host, { key: 'c39c90a459dee53b29d4ccd8de683d35dc4abd22', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11y.a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }

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

@@ -117,11 +117,11 @@ const MenuItem = class {
             tabIndex: this.disabled ? -1 : 0,
         };
         const menuContent = [
-            this.icon && index.h("ix-icon", { key: '010ccc4efd7284bfc7654ab6f9b29783129f17ff', class: 'tab-icon', name: this.icon }),
+            this.icon && index.h("ix-icon", { key: '2c1c698aadcb3dd8090c067c3dd746e8a9baaf93', class: 'tab-icon', name: this.icon }),
             this.notifications ? (index.h("div", { class: "notification" }, index.h("div", { class: "pill" }, this.notifications))) : null,
-            index.h("span", { key: '247db957f1317fe528db4a863736cc7bf974fbcc', id: this.internalItemId, class: "tab-text text-default" }, this.label, index.h("slot", { key: 'dbe0bcf50882232b686e322af346ea8edb0007bf' })),
+            index.h("span", { key: 'c02f479113a2c1914df317d21561b657acf6af92', id: this.internalItemId, class: "tab-text text-default" }, this.label, index.h("slot", { key: '33f38c81be26d10edc993efd1a7434e04678e2c1' })),
         ];
-        return (index.h(index.Host, Object.assign({ key: '1877e4728bfea90d5084715ce7d30d59c027cb60', class: {
+        return (index.h(index.Host, Object.assign({ key: '58699b09d27cd2caa4d688378e1bd274b9467ee7', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
@@ -132,7 +132,7 @@ const MenuItem = class {
                     e.preventDefault();
                     e.stopPropagation();
                 }
-            } }), menuContent)) : (index.h("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), index.h("ix-tooltip", { key: 'c19646a81a5a2fed7b89eb95caf661125da9f7be', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11y.a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
+            } }), menuContent)) : (index.h("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), index.h("ix-tooltip", { key: 'f7d1c226c4cde303427a1b38c85bdf93693807b4', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11y.a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-menu-settings-item.cjs.entry.js

@@ -17,7 +17,7 @@ const MenuSettingsItem = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd71ea99d2f7194c876c18e702b0a1d20d84f7a35' }, index.h("slot", { key: '4906a29d17beb90749df4981daca1ae37c8b8c9b' })));
+        return (index.h(index.Host, { key: '82d134ab9cdb58a29c6fd02a165a9925a9a55912' }, index.h("slot", { key: 'dfb95edb5325b70072cc422a48c78f8a50a9b589' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]