@siemens/ix 5.1.0 → 5.1.1

package/dist/collection/components/menu-about-item/menu-about-item.js

@@ -10,6 +10,7 @@ import { h, Host, Mixin, } from "@stencil/core";
 import { BaseTabMixin } from "../tab-item/tab.mixin";
 /**
  * @deprecated since 5.0.0, use ix-tab-item instead of ix-menu-about-item
+ * @slot default - About menu item content.
  */
 export class MenuAboutItem extends Mixin(BaseTabMixin) {
     constructor() {
@@ -31,7 +32,7 @@ export class MenuAboutItem extends Mixin(BaseTabMixin) {
         });
     }
     render() {
-        return (h(Host, { key: 'f0d90c76679a6df3732abdadfdf89608a2873166' }, h("ix-tab-panel", { key: '7c702b375fb91714e5d0e9c8bd514705c5306bf2', tabKey: this.tabKey }, h("slot", { key: '281a2e494f1a7fe509a95d7288f56656b12a28e1' }))));
+        return (h(Host, { key: '2d70a2809dc4eb56b1e3d6183ca837a38ee01b16' }, h("ix-tab-panel", { key: 'd0923d4116998d6a7e231b907eacd5f8081eae36', tabKey: this.tabKey }, h("slot", { key: 'abd6be8e81556b9cb3091dfb55cebfa9ab4d76d0' }))));
     }
     static get is() { return "ix-menu-about-item"; }
     static get properties() {

package/dist/collection/components/menu-about-news/menu-about-news.js

@@ -9,6 +9,9 @@
 import { iconClose, iconShout } from "@siemens/ix-icons/icons";
 import { h, Host, Mixin, } from "@stencil/core";
 import { DefaultMixins } from "../utils/internal/component";
+/**
+ * @slot default - News content.
+ */
 export class MenuAboutNews extends Mixin(...DefaultMixins) {
     constructor() {
         super();
@@ -47,16 +50,16 @@ export class MenuAboutNews extends Mixin(...DefaultMixins) {
     /** @internal */
     expanded = false;
     render() {
-        return (h(Host, { key: '4cd6bc26f5d602e17ff8bb73ec3f3b97fedc5737', class: {
+        return (h(Host, { key: '2140402346af0c9c6b35c32cd001d41fac408f66', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, h("div", { key: 'aceccc274a03b2b9bd5d0e88fe2063a1f238e356', class: "banner-container" }, h("ix-icon", { key: 'e2f6e81b2bb8ad1b44c881e3328f35dfb1856984', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '7c55727357b4562e6868dab8497a82953371a732', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: 'a4269a3e39b7228fb8ecc3bbf3e0e8a7a64cd4d7', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: '322dfb66bc94343d9996d516cb58f404c186c115', class: "cui-popover-news-header" }, h("ix-typography", { key: '0f1553e39f9ab26f58fd09b9c40f79fc7c4afe38', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: 'a4760b08b0b4e5b7480f690a55a3f9390225bfe3', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, h("div", { key: '655926df0b24c2edbb2c5e8e504a7f2072ed16dd', class: "banner-container" }, h("ix-icon", { key: 'd7d86dd91e2d6d09ba16f48548f044520e36f893', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '8b2bbf35bf826f8aeed01df8cf81aef3185a0fff', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '0ff0926642c10c1662aa7055ba18db6f5b7b8a1d', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'c392b9b890d85e241f6f88d20c1307ce23030352', class: "cui-popover-news-header" }, h("ix-typography", { key: '546560dd3afdb47034e86e3ff2a6290824cc02c1', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: 'e6343c6409f25403e870054a23c47c7b849c837c', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), h("div", { key: '810aaae79189785390a10d50f40d58e77ffd325d', class: "slot-container" }, h("slot", { key: '6a40f2beb6feb68b53fdc27d4cf96e2182c501ed' })), this.activeAboutTabKey ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (event) => {
+            } }), h("div", { key: '73b723ebd03bdf5f5592f8da68bfe481d5e5995c', class: "slot-container" }, h("slot", { key: 'ef993e0dcaf820e2e89eeb017bc15f32026c9127' })), this.activeAboutTabKey ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (event) => {
                 this.show = false;
                 this.showMore.emit(event);
-            } }, this.i18nShowMore))) : null, h("div", { key: 'f6785ecddbeab3b8bf184a7133aa49f6cefb485e', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, h("div", { key: '90c790cac92119aa825bfd075e8c280894eb7141', id: "arrow" })));
     }
     static get is() { return "ix-menu-about-news"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-avatar/menu-avatar.js

@@ -11,6 +11,9 @@ import { h, Host, } from "@stencil/core";
 import { a11yBoolean } from "../utils/a11y";
 import { makeRef } from "../utils/make-ref";
 import { getSlottedElements } from "../utils/shadow-dom";
+/**
+ * @slot default - Avatar dropdown items.
+ */
 export class MenuAvatar {
     hostElement;
     /**
@@ -77,13 +80,13 @@ export class MenuAvatar {
     render() {
         const tooltipText = this.tooltipText ?? this.top;
         const ariaHidden = tooltipText === this.top;
-        return (h(Host, { key: '63251d35fc15b945de3bae097702c3e0e7377568', slot: "ix-menu-avatar" }, h("button", { key: 'f50dd772c58b7b20e966d0a992f6e2537ebbe5bc', class: "nav-item top-item avatar no-hover", id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '1b3ea2ab31cc248e021306b9399b5b2bbad1122f', image: this.image, initials: this.initials }), h("div", { key: '1e8aee8c464ebc41e99d00b6933f6682d1c98019', class: "avatar-name" }, h("span", { key: '3bc559472005be3d21b406fd9ea85fcb9737dcb6', class: "text-default-single" }, this.top), h("span", { key: '023fb55cd5229df9aadec9daf86834e16944a66f', class: "text-default-single" }, this.bottom))), !!tooltipText && (h("ix-tooltip", { key: '8e13fc36570e1152049b636ecabb042e7288c3e8', ref: this.tooltipRef, for: `#${this.avatarElementId}`, placement: 'right', "aria-hidden": a11yBoolean(ariaHidden), "aria-label": this.ariaLabelTooltip }, tooltipText)), h("ix-dropdown", { key: '6a7e04c67894981100c3b81eb6ac9c5d9a16194a', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+        return (h(Host, { key: '037f15bd4bd44d3f233bebb922fe5e7b4f002fcf', slot: "ix-menu-avatar" }, h("button", { key: 'b25d995e137224af7d5e8a4a4ef75fbcd42139e5', class: "nav-item top-item avatar no-hover", id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: 'defa946c69c1ee6f31a68039a6eed6b2ed71ebd7', image: this.image, initials: this.initials }), h("div", { key: '14d0dba651a996032354d48f518b628c7392e61d', class: "avatar-name" }, h("span", { key: 'ec4ed8e734b95d43382f8f8bd7342e58895c4883', class: "text-default-single" }, this.top), h("span", { key: '691da78327c07d198b78ad62aa33b8dc63440050', class: "text-default-single" }, this.bottom))), !!tooltipText && (h("ix-tooltip", { key: 'a08173ffda2cb1c548e5d2f4b49a61f43f921390', ref: this.tooltipRef, for: `#${this.avatarElementId}`, placement: 'right', "aria-hidden": a11yBoolean(ariaHidden), "aria-label": this.ariaLabelTooltip }, tooltipText)), h("ix-dropdown", { key: 'aad18b46b349927551b36988b51226f06789b91f', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
             }, onShowChanged: (event) => {
                 if (event.detail && this.tooltipRef.current) {
                     this.tooltipRef.current.hideTooltip(0);
                 }
-            }, enableTopLayer: this.enableTopLayer }, h("slot", { key: 'd7444d53d15826d0999476c55bc428a89a6b73fa', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (h("ix-menu-avatar-item", { key: 'f6c1fc16b2b39ef2277ae01485f1b7014e72e568', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            }, enableTopLayer: this.enableTopLayer }, h("slot", { key: '1dc6f211194711861c3374efbd7943124ede68de', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (h("ix-menu-avatar-item", { key: 'a39a67cb36600d63414cc8fa5457d0312580574d', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })))));
     }

package/dist/collection/components/menu-category/menu-category.js

@@ -22,6 +22,9 @@ import { createSequentialId } from "../utils/uuid";
 const DefaultIxMenuItemHeight = 40;
 const DefaultAnimationTimeout = 150;
 let categorySequenceId = 0;
+/**
+ * @slot default - Menu items in the category.
+ */
 export class MenuCategory extends Mixin(...DefaultMixins, InheritAriaAttributesMixin) {
     constructor() {
         super();
@@ -321,7 +324,7 @@ export class MenuCategory extends Mixin(...DefaultMixins, InheritAriaAttributesM
             ...this.inheritAriaAttributes,
         };
         delete inheritedA11yWithoutRole.role;
-        return (h(Host, { key: '593b29c5f5cf2e63cc6c1492f6f90fc7bddb3bd8', class: {
+        return (h(Host, { key: 'b13967728dd925cf23d59525997326e3cae1d883', class: {
                 expanded: this.showItems,
             }, onIxMenuCategoryItemSelect: () => this.onNestedItemSelect(), onPointerEnter: () => {
                 this.showMenuItemDropdown();
@@ -330,14 +333,14 @@ export class MenuCategory extends Mixin(...DefaultMixins, InheritAriaAttributesM
                     return;
                 }
                 this.hideMenuItemDropdown();
-            } }, h("ix-menu-item", { key: '35bfb38e90317bf2459bce59860ba0f74e8174f1', ...inheritedA11yWithoutRole, "aria-haspopup": 'menu', "aria-expanded": this.showItems || this.showDropdown ? 'true' : 'false', id: this.categoryId, ref: this.categoryParentRef, class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onKeyDown: (event) => this.onKeyDown(event), tooltipText: this.tooltipText, isCategory: true, menuCategoryLabel: this.label }, h("span", { key: '2ea2e12dad87e97ebb8ebac718cae45309e42eb2', class: "category" }, h("span", { key: '9ffeb1f8b799f59228a43d1d5c8c850a45ce3c25', class: "category-text" }, this.label), h("ix-icon", { key: '47cceda4005228068e13a36addcd60c01a1d1efc', name: iconChevronDownSmall, class: {
+            } }, h("ix-menu-item", { key: '83115990b35fd94f74c054fca190e85c8ec62010', ...inheritedA11yWithoutRole, "aria-haspopup": 'menu', "aria-expanded": this.showItems || this.showDropdown ? 'true' : 'false', id: this.categoryId, ref: this.categoryParentRef, class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onKeyDown: (event) => this.onKeyDown(event), tooltipText: this.tooltipText, isCategory: true, menuCategoryLabel: this.label }, h("span", { key: 'bbd0030c37c6931a742b9b95aff810b6bf54ba3d', class: "category" }, h("span", { key: '2de8dabb7dcad0b3d6d431961dc78f9fee737f9c', class: "category-text" }, this.label), h("ix-icon", { key: 'dadaef3f921796b4af1bdc2127d5cf85ae8d3d50', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            }, "aria-hidden": "true" }))), h("div", { key: '5dff5d2e58da8af82e56d927cdec4c2d8d52ee67', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '4f05e07d484bcafccacb6e52b16ed1d428fafd6e', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            }, role: "menu", "aria-labelledby": this.categoryId, onKeyDown: (e) => this.onMenuItemsKeyDown(e) }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: '17963ff7cb90f56843d13b8d10a34d2efe56427d', ref: this.dropdownRef, hostRole: "menu", "aria-label": this.label, closeBehavior: 'both', show: this.showDropdown, onShowChange: ({ detail }) => this.onDropdownShowChange(detail), onShowChanged: ({ detail }) => this.onDropdownShowChanged(detail), class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
+            }, role: "menu", "aria-labelledby": this.categoryId, onKeyDown: (e) => this.onMenuItemsKeyDown(e) }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: '9574783d83639a13003ef13a01aea92ae85b61c7', ref: this.dropdownRef, hostRole: "menu", "aria-label": this.label, closeBehavior: 'both', show: this.showDropdown, onShowChange: ({ detail }) => this.onDropdownShowChange(detail), onShowChanged: ({ detail }) => this.onDropdownShowChanged(detail), class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
             }, focusHost: this.hostElement, onClick: (e) => {
                 if (e.target instanceof HTMLElement) {
@@ -348,7 +351,7 @@ export class MenuCategory extends Mixin(...DefaultMixins, InheritAriaAttributesM
                         e.preventDefault();
                     }
                 }
-            }, onFocusout: () => this.onDropdownFocusOut() }, h("ix-dropdown-item", { key: '76a24a1e7fdaa4cb8263fd3fc2a0f65e3bdb9674', class: 'category-dropdown-header', tabindex: -1, "aria-hidden": "true" }, h("ix-typography", { key: '5d11df71fc842c0968c9069340b0f208500e0d25', format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: '3bb9b931667a4ed2ee32a230ffe6a7f8bae8e2b7' }), h("slot", { key: 'c37ca19af5209ec8129527e0c41c62f2b3f5d809' }))));
+            }, onFocusout: () => this.onDropdownFocusOut() }, h("ix-dropdown-item", { key: '6844b7dd6cea9c3290060a0fc3b5d726272f99a5', class: 'category-dropdown-header', tabindex: -1, "aria-hidden": "true" }, h("ix-typography", { key: 'f06f3b478802a827589415b5025085c6f2825326', format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: 'a0f540c48caaf3ea256edfc12c73ec8a95c7e210' }), h("slot", { key: '9dd47bc65bd63d610c936fe5f5c196764704443d' }))));
     }
     static get is() { return "ix-menu-category"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-item/menu-item.js

@@ -17,7 +17,7 @@ import { createSequentialId } from "../utils/uuid";
 import { a11yBoolean } from "../utils/a11y";
 let sequenceId = 0;
 /**
- * @slot menu-item-label Custom label
+ * @slot default - Custom menu item label.
  */
 export class MenuItem extends Mixin(...DefaultMixins, InheritAriaAttributesMixin) {
     constructor() {
@@ -196,12 +196,12 @@ export class MenuItem extends Mixin(...DefaultMixins, InheritAriaAttributesMixin
             ...inheritedA11yWithoutRole,
         };
         const menuContent = [
-            this.icon && (h("ix-icon", { key: '64307467f954284272278cca78a80ae4f9c3b95a', class: 'tab-icon', name: this.icon, "aria-hidden": "true" })),
+            this.icon && (h("ix-icon", { key: 'ba48d5b4a4fa45012b05c0c48f93b95406fcf668', class: 'tab-icon', name: this.icon, "aria-hidden": "true" })),
             this.notifications ? (h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications))) : null,
-            h("span", { key: '1fd2d64f4f8487cb81ad7b981d4f8a0c5ebfb312', id: this.internalItemId, class: "tab-text text-default" }, this.label, h("slot", { key: '571294f967aae798c6a63f3fbcd46aa4453e1263' })),
+            h("span", { key: '7d851e398086593b8a950004fa309aa8e85ab293', id: this.internalItemId, class: "tab-text text-default" }, this.label, h("slot", { key: 'f57c890242be1a0ea5bdd52b807ff17a54e01dae' })),
         ];
         const ariaLabel = this.getAriaLabel();
-        return (h(Host, { key: 'b3583fa356cc996792724ff03627f1a2fc6f9abd', class: {
+        return (h(Host, { key: '52c4274a785714911f6c55be30aef4e32d83eac6', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
@@ -217,7 +217,7 @@ export class MenuItem extends Mixin(...DefaultMixins, InheritAriaAttributesMixin
                 }
             }, "aria-disabled": a11yBoolean(this.disabled), "aria-label": ariaLabel, "aria-current": this.active ? 'page' : undefined }, menuContent)) : (h("button", { ...commonAttributes, role: effectiveRole, tabIndex: this.isInMenuContext || this.isCategory
                 ? this.hostTabIndex
-                : undefined, ref: this.buttonRef, onKeyDown: (e) => this.handleCategoryKeyDown(e), "aria-disabled": a11yBoolean(this.disabled), "aria-label": ariaLabel, "aria-current": this.active ? 'page' : undefined }, menuContent)), h("ix-tooltip", { key: '94f61e508c2c4653a40462f0a3e86ee86356e687', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": "true", "aria-labelledby": this.internalItemId }, this.tooltip)));
+                : undefined, ref: this.buttonRef, onKeyDown: (e) => this.handleCategoryKeyDown(e), "aria-disabled": a11yBoolean(this.disabled), "aria-label": ariaLabel, "aria-current": this.active ? 'page' : undefined }, menuContent)), h("ix-tooltip", { key: '20b8f84afa73ab32c01a1afb65b74eab640f1b36', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": "true", "aria-labelledby": this.internalItemId }, this.tooltip)));
     }
     static get is() { return "ix-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-settings/menu-settings.js

@@ -8,6 +8,9 @@
  */
 import { iconClose } from "@siemens/ix-icons/icons";
 import { forceUpdate, h, Host, } from "@stencil/core";
+/**
+ * @slot default - Settings overlay content.
+ */
 export class MenuSettings {
     hostElement;
     /**
@@ -76,10 +79,10 @@ export class MenuSettings {
         forceUpdate(this);
     }
     render() {
-        return (h(Host, { key: '05f98cf864c61b155446992713cd31408c3182fa', slot: 'ix-menu-settings', class: {
+        return (h(Host, { key: '64e54666ce3cbe2673deb203de0a1ca5cd79a784', slot: 'ix-menu-settings', class: {
                 show: this.show,
                 ['legacy-tabs']: !this.suppressLegacyTabs,
-            } }, h("div", { key: 'a119043ecdf9710d73186650b91ee67677000e5b', class: 'settings-header' }, h("h2", { key: '289bef2c46bf0856677dd810b589048db3a4161c', class: "text-h2" }, this.label), h("ix-icon-button", { key: '9c38c31c8f46b777de1dba7a48e27e03870c11bb', variant: "tertiary", size: "24", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseButton, onClick: (e) => this.close.emit({
+            } }, h("div", { key: '11b48733718704c04e86ba7c5ffcf62122a8a0f7', class: 'settings-header' }, h("h2", { key: '356d053dcc9d393bb9eb5d369778347f4042d7f6', class: "text-h2" }, this.label), h("ix-icon-button", { key: '29755f5ecc2ff8539985662e4a6d3143984b5618', variant: "tertiary", size: "24", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseButton, onClick: (e) => this.close.emit({
                 name: 'ix-menu-settings',
                 nativeEvent: e,
             }) })), !this.suppressLegacyTabs ? (h("ix-tab-set", null, h("ix-tabs", { activeTabKey: this.activeTabKey }, this.items.map(({ label, tabKey }) => (h("ix-tab-item", { tabKey: tabKey, selected: tabKey === this.activeTabKey, label: label })))), h("slot", null))) : (h("slot", null))));

package/dist/collection/components/menu-settings-item/menu-settings-item.js

@@ -10,6 +10,7 @@ import { h, Host, Mixin, } from "@stencil/core";
 import { BaseTabMixin } from "../tab-item/tab.mixin";
 /**
  * @deprecated since 5.0.0, use ix-tab-item instead of ix-menu-settings-item
+ * @slot default - Settings menu item content.
  */
 export class MenuSettingsItem extends Mixin(BaseTabMixin) {
     constructor() {
@@ -31,7 +32,7 @@ export class MenuSettingsItem extends Mixin(BaseTabMixin) {
         });
     }
     render() {
-        return (h(Host, { key: '48c4f2a2e07a0dc0006d6cac683869439b06faa0' }, h("ix-tab-panel", { key: '04e2fb1c063f897c6c3982645fc977eb1ce7ea82', tabKey: this.tabKey }, h("slot", { key: '34874508577ce1773af32ee09c73b2b9219a2d1e' }))));
+        return (h(Host, { key: 'fa1bed6ac28c778764d18f1074f77aa172501927' }, h("ix-tab-panel", { key: '7a2e3342ffb372598f84c7d11310c178dac6c455', tabKey: this.tabKey }, h("slot", { key: '94818c886c66864c067b6ac3a079c6938c87d6f4' }))));
     }
     static get is() { return "ix-menu-settings-item"; }
     static get properties() {

package/dist/collection/components/message-bar/message-bar.js

@@ -9,6 +9,9 @@
 import { h, Host, } from "@stencil/core";
 import { animate } from "animejs";
 import { iconClose, iconError, iconInfo, iconNotification, iconSuccess, iconWarning, iconWarningRhomb, } from "@siemens/ix-icons/icons";
+/**
+ * @slot default - Message content.
+ */
 export class MessageBar {
     /**
      * Specifies the type of the alert.
@@ -62,7 +65,7 @@ export class MessageBar {
         }
     }
     render() {
-        return (h(Host, { key: '958c28d0bae524a1041a8118d9313972139f1f4a' }, h("div", { key: '8e619088864f0475559795ac309e1fbfc8bc1bb3', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: 'e21c8715adb8ec071aebb393896b20ae41f0cab5', color: this.color, name: this.icon }), h("div", { key: '060da1ce54e588666ec3c8be27b322bef8cbc85d', class: "message-content" }, h("slot", { key: '0d7485fcf2b06989e6a385050622236ad71d96e3' })), !this.persistent && (h("ix-icon-button", { key: 'dab714f06d4f20c379c661f638bffe809778d1d8', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+        return (h(Host, { key: 'e2bbf611295113afe3ed6822a52d8d79e18be29b' }, h("div", { key: '3c05cd3b7309cde0ab647c0c7a24a142028e4880', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: '214fc88a38ad4d8c9006faf170cd009afcffecb6', color: this.color, name: this.icon }), h("div", { key: 'b964803205ff9939d5046d71038bf51f17a981bc', class: "message-content" }, h("slot", { key: '5bad561a856f58bc9ba25e6add50d7354d16bb37' })), !this.persistent && (h("ix-icon-button", { key: 'e3d36f9b646257cd338201d3bfb371a23b377772', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }

package/dist/collection/components/modal/modal.js

@@ -13,6 +13,9 @@ import Animation from "../utils/animation";
 import { tryFocusElement } from "../utils/focus/focus-utilities";
 import { IX_MODAL_AUTOFOCUS_SELECTOR } from "../utils/modal/modal";
 import { waitForElement } from "../utils/waitForElement";
+/**
+ * @slot default - Modal sections and content.
+ */
 export class Modal {
     ariaAttributes = {};
     isMouseDownInsideDialog = false;
@@ -197,12 +200,12 @@ export class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (h(Host, { key: 'b40ae3d2505764659681551aaab811b4c8bfcc6f', class: {
+        return (h(Host, { key: '28c4d56440766ceccf75d3cafc229c6d640c5e8e', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.hideBackdrop,
                 'align-center': this.centered,
                 'non-blocking': this.isNonBlocking,
-            } }, h("div", { key: '5985f073d9b74b75838b3e592fe5254dfec3ea11', class: "dialog-backdrop" }, h("dialog", { key: '372dd029f7d41622559568d99fe28608e1806cab', "aria-modal": a11yBoolean(!this.isNonBlocking), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, h("div", { key: 'f028e5780d37451c282a0eae8615cae3b5996b56', class: "dialog-backdrop" }, h("dialog", { key: '754e476f2e39b3ca4d73d776c1ef430b28a62088', "aria-modal": a11yBoolean(!this.isNonBlocking), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
                 modal: true,
                 [`modal-size-${this.size}`]: true,
             }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onKeyDown: (e) => {
@@ -214,7 +217,7 @@ export class Modal {
             }, onCancel: (e) => {
                 e.preventDefault();
                 void this.dismissModal();
-            } }, h("slot", { key: '405cfdcead12f17c5bc3534d9d160fddd69106a7' })))));
+            } }, h("slot", { key: 'a3aa26a26d244f4795b910764a316e6f8d71e255' })))));
     }
     static get is() { return "ix-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal-content/modal-content.js

@@ -7,9 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Modal body content.
+ */
 export class ModalContent {
     render() {
-        return (h(Host, { key: 'bdcc31e92318ad5f9b10a5ece22fc01f2506e200' }, h("slot", { key: 'a7af3070d7d9766ea450e4a75417b4ae0f1137d3' })));
+        return (h(Host, { key: '090635e20ba7a130412a560db4329a045f13a8dd' }, h("slot", { key: '71a6820650c0997dc09f309fdf70188b936f7434' })));
     }
     static get is() { return "ix-modal-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal-footer/modal-footer.js

@@ -7,9 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Modal footer actions.
+ */
 export class ModalFooter {
     render() {
-        return (h(Host, { key: '6d10985e1922b6bffbc82d758fc2c5d64e0af761' }, h("slot", { key: '438d07e19d688048e331c64ca62f08c67b7ce0ae' })));
+        return (h(Host, { key: 'fbfacdb34450ce3cfbab374acfb09126c731d57d' }, h("slot", { key: 'f07cfe797970762196e720bb99294bf1b708e688' })));
     }
     static get is() { return "ix-modal-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modal-header/modal-header.js

@@ -9,6 +9,9 @@
 import { h, Host, } from "@stencil/core";
 import { closestPassShadow } from "../utils/shadow-dom";
 import { iconClose } from "@siemens/ix-icons/icons";
+/**
+ * @slot default - Modal header content.
+ */
 export class ModalHeader {
     hostElement;
     /**
@@ -62,7 +65,7 @@ export class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (h(Host, { key: '2840ba385c7ad659786f48564bf307c2290049ca' }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("div", { key: '5e6ce56e0e76e527a3e71e66ea2a4ec2d22a2ed7', class: "modal-title" }, h("ix-typography", { key: 'cd8c3d8cdfbdfed8a1ab2285328c88985843a8b5', format: "h5" }, h("slot", { key: '1de70c68751fb8ece53890adf94b95c2bfcbd66d' }))), !this.hideClose ? (h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (h(Host, { key: '9be78d439e0240e95098199371f8c17a5c64cb49' }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("div", { key: '7fb5bb78edaf86f7b26a7a6868e761f07870e1e0', class: "modal-title" }, h("ix-typography", { key: 'd350c239268ef025e5d99a84bd58f662518b2d85', format: "h5" }, h("slot", { key: 'f48e9917464a73998b49a799a792cf0eacc43ecc' }))), !this.hideClose ? (h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     static get is() { return "ix-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pane/pane.js

@@ -18,6 +18,7 @@ import { addFocusTrap } from "../utils/focus/focus-trap";
 import { a11yBoolean } from "../utils/a11y";
 /**
  * @slot header - Additional slot for the header content
+ * @slot default - Pane body content.
  */
 export class Pane {
     hostElement;
@@ -573,7 +574,7 @@ export class Pane {
         else {
             paneButtonAriaLabel = 'Expand pane';
         }
-        return (h(Host, { key: '660f2e8dc07c9e850c0e3a5519aa2bdf3c8c5fac', class: {
+        return (h(Host, { key: 'e543d6f177c9b347c72abb1d821ea08fa642b031', class: {
                 'floating-pane': this.floating,
                 'inline-pane': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
@@ -597,31 +598,31 @@ export class Pane {
                     !this.expanded &&
                     !this.floating,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            }, "aria-expanded": a11yBoolean(this.expanded) }, h("aside", { key: 'd2b0ae9751cda7f718e4d1364e3d3753e57cbefe', id: `pane-${this.composition}`, class: {
+            }, "aria-expanded": a11yBoolean(this.expanded) }, h("aside", { key: '44156892e41a24920288669e3c096cea0eb0e244', id: `pane-${this.composition}`, class: {
                 'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
                 'left-right-pane': this.isLeftRightPane && !this.isMobile,
                 'mobile-pane': this.isMobile,
                 expanded: this.expanded,
-            } }, h("div", { key: '0b5918ac95f84b670be321fc53dafd181b097dc4', id: "title-div", class: {
+            } }, h("div", { key: '18c22984a1970f326e33467a0a3fd2e2f8fc7e15', id: "title-div", class: {
                 title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
                 'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
                 'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
                 'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
                 'title-mobile': this.isMobile,
                 'header-gap': !this.isMobile && !this.hideOnCollapse,
-            } }, h("ix-icon-button", { key: '13c826047f5f354ae359a587250e77c64121fde8', class: "title-icon", size: "24", icon: this.expanded
+            } }, h("ix-icon-button", { key: '9b92a577dd81c283415dd194448804a9f128fdc0', class: "title-icon", size: "24", icon: this.expanded
                 ? this.isMobile || this.hideOnCollapse
                     ? iconClose
                     : this.expandIcon
                 : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse)
                 ? 'color-soft-text'
-                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": paneButtonAriaLabel }), h("div", { key: '6d78cb728e3a4e6d9c45847af1df55db363c1931', class: {
+                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": paneButtonAriaLabel }), h("div", { key: 'fb67a0886d65c841bd22a5fa5cfd2a47bf376ff8', class: {
                 'title-text': true,
                 rotate: rotate,
-            } }, this.icon && (h("ix-icon", { key: '061797c039a5e9a2e00b11a309ee590c1c63ae88', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), h("div", { key: '694a060e147b5512b190ac579251c1b7443946e9', class: "title-text-overflow" }, h("ix-typography", { key: '47ccd30e3da94259c7b679c97c680792bb13a7d3', format: "h4" }, this.heading)), this.expanded && (h("div", { key: '96e096bac94baa46ac24fe95e2924c04e5c7ee46', class: "slot-header" }, h("slot", { key: 'd9e4abdaa29161ddf00317a845fe64b215eacbd4', name: "header" }))))), h("div", { key: '810c3551402bb7292c8996d3efeb095a5b2cee8d', class: {
+            } }, this.icon && (h("ix-icon", { key: 'c9f7393d0f7b0712892355baa70fdc000708a352', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), h("div", { key: '268953ae5e48eff0ad3b9e7425798380ab6cad04', class: "title-text-overflow" }, h("ix-typography", { key: 'fcebf6929e62dd90bd040631041d9bb92150f238', format: "h4" }, this.heading)), this.expanded && (h("div", { key: 'db4bc449c3d174136cc4415c7fc15f82a8f33421', class: "slot-header" }, h("slot", { key: 'cbbdd70092367dd800b946b6d864cbfc5e9b5ac6', name: "header" }))))), h("div", { key: '61388536eb66883d710fe1adf662f3a7d1dd2abf', class: {
                 'side-pane-content': true,
                 'no-padding': this.noPadding,
-            }, hidden: !this.showContent }, h("slot", { key: '224834ef4d3eb117b0fe9284ba7b76905cb23473' })))));
+            }, hidden: !this.showContent }, h("slot", { key: '1b1435619e3a22b84908eb2789ab3de0484264f9' })))));
     }
     static get is() { return "ix-pane"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pane-layout/pane-layout.js

@@ -9,6 +9,14 @@
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { applicationLayoutService } from "../utils/application-layout";
 import { matchBreakpoint } from "../utils/breakpoints";
+/**
+ * @slot left - Pane displayed to the left of the content.
+ * @slot top - Pane displayed above the content.
+ * @slot content - Main layout content.
+ * @slot default - Additional main layout content.
+ * @slot bottom - Pane displayed below the content.
+ * @slot right - Pane displayed to the right of the content.
+ */
 export class Panes {
     hostElement;
     /**
@@ -237,7 +245,7 @@ export class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (h(Host, { key: '9642eb5fb53b9843df4eb4c558cce46fb48d8c6e' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
+        return (h(Host, { key: '59257c3e7c7b3b309f151706e51a1730c36ebec0' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),

package/dist/collection/components/pill/pill.js

@@ -10,6 +10,9 @@ import { h, Host, Mixin } from "@stencil/core";
 import { a11yBoolean } from "../utils/a11y";
 import { DefaultMixins } from "../utils/internal/component";
 import { makeRef } from "../utils/make-ref";
+/**
+ * @slot default - Pill label.
+ */
 export class Pill extends Mixin(...DefaultMixins) {
     constructor() {
         super();
@@ -88,13 +91,13 @@ export class Pill extends Mixin(...DefaultMixins) {
             hostRole = 'group';
         }
         const iconIsDecorative = !this.ariaLabelIcon?.trim();
-        return (h(Host, { key: '67338905de82719c9a01fe022487ed706b35d8e6', style: this.variant === 'custom'
+        return (h(Host, { key: '827e58b1bdd980292651befee4ad756cbea0699f', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            }, role: hostRole }, h("div", { key: '673b20609f91ffd09d80564d6aa709fe4d9303ad', ref: this.containerElementRef, style: { ...customStyle }, class: {
+            }, role: hostRole }, h("div", { key: 'f50b1d1f5a36ae985e55c66d97723640dcbd667f', ref: this.containerElementRef, style: { ...customStyle }, class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -109,9 +112,9 @@ export class Pill extends Mixin(...DefaultMixins) {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (h("ix-icon", { key: '76b1e2d1b248f13f68417f91c72130f40f4e2755', class: {
+            } }, this.icon && (h("ix-icon", { key: '8f24375cb42813b0a651997a672fda5c9c16b8d3', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon, "aria-hidden": a11yBoolean(iconIsDecorative) })), h("span", { key: '215af7f202cfd01c6f2f5dc43fbc9b2a6d296ed2', class: "slot-container" }, h("slot", { key: '0e2082d82c6c6be68a7107692c6162080178f601', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon, "aria-hidden": a11yBoolean(iconIsDecorative) })), h("span", { key: '356a8805398e1978e5c7bfe61e3c383d0f4af640', class: "slot-container" }, h("slot", { key: 'ac249a29b4cbf9cba9d0fef7b2c5a8992d4f9c3d', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     static get is() { return "ix-pill"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover/popover.js

@@ -25,7 +25,7 @@ const numberToPixel = (value) => value == null ? '' : `${value}px`;
 /**
  * Floating panel anchored to a trigger element.
  *
- * @slot - Child sections in order: `ix-popover-header`, `ix-popover-image`, `ix-popover-content`, and `ix-popover-footer`.
+ * @slot default - Child sections in order: `ix-popover-header`, `ix-popover-image`, `ix-popover-content`, and `ix-popover-footer`.
  *
  * @since 5.1.0
  */
@@ -670,7 +670,7 @@ export class Popover extends Mixin(...DefaultMixins, InheritAriaAttributesMixin,
         }
     }
     render() {
-        return (h(Host, { key: '5056bfaf705bbc83271b31181ba1d3187dd62d60', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, h("dialog", { key: '464d57af0ebb424975704e63c0eef5373be6c502', ref: this.dialogRef, id: this.popoverPanelId, class: "dialog", popover: "manual", inert: !this.show, ...this.inheritAriaAttributes, role: this.inheritAriaAttributes['role'] ?? 'dialog', onMouseEnter: () => this.onDialogMouseEnter(), onMouseLeave: () => this.onDialogMouseLeave() }, h("div", { key: '414e84e36191a3e43e7ef68006e06f87a7a2fd06', class: "popover-container" }, h("div", { key: 'dd676856983f4dfbaf7e052e81d61bfab6d042dd', class: "popover-body" }, h("slot", { key: 'dcbfceaf19576233123bbf411e5a9e84c464c079' })), this.hasSpike ? h("div", { class: "spike" }) : null))));
+        return (h(Host, { key: '95dbf143e674bcb0cd976c114a892201c42af6f4', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, h("dialog", { key: 'd674675e90ef6288047117e5058c18dd8233378d', ref: this.dialogRef, id: this.popoverPanelId, class: "dialog", popover: "manual", inert: !this.show, ...this.inheritAriaAttributes, role: this.inheritAriaAttributes['role'] ?? 'dialog', onMouseEnter: () => this.onDialogMouseEnter(), onMouseLeave: () => this.onDialogMouseLeave() }, h("div", { key: 'b0a7901412a53cff56518a7776b58ba392ba7b21', class: "popover-container" }, h("div", { key: '1226cfeb2110a8d628e50404d72d4ecd0c4f3a8b', class: "popover-body" }, h("slot", { key: '6c5701b2a20896db8fccf4edd67d9c65c1a81d36' })), this.hasSpike ? h("div", { class: "spike" }) : null))));
     }
     static get is() { return "ix-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-content/popover-content.js

@@ -11,7 +11,7 @@ import { TRAP_FOCUS_INCLUDE_ATTRIBUTE } from "../utils/focus/focus-trap";
 /**
  * Main body section of the popover.
  *
- * @slot - Popover body content.
+ * @slot default - Popover body content.
  *
  * @since 5.1.0
  */
@@ -23,7 +23,7 @@ export class PopoverContent {
      */
     noPadding = false;
     render() {
-        return (h(Host, { key: '2dc14073545f57f65c6901dc69d7f721df98f3b1', class: { 'no-padding': this.noPadding }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("slot", { key: 'aa44ae3c40f423be58fc5cb1d0f1b535175d8c7f' })));
+        return (h(Host, { key: '4905ed4b5a260f7e700c05a4a5525a8fdc14c8e9', class: { 'no-padding': this.noPadding }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("slot", { key: '03f85fc0aaea7387b08019f8ed7c4e80378d0c3a' })));
     }
     static get is() { return "ix-popover-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-footer/popover-footer.js

@@ -11,7 +11,7 @@ import { TRAP_FOCUS_INCLUDE_ATTRIBUTE } from "../utils/focus/focus-trap";
 /**
  * Footer section for actions and optional leading metadata.
  *
- * @slot - Footer actions (typically buttons), aligned to the end.
+ * @slot default - Footer actions (typically buttons), aligned to the end.
  * @slot start - Optional leading content (for example version text or step indicators).
  *
  * @since 5.1.0
@@ -24,7 +24,7 @@ export class PopoverFooter {
      */
     alignment = 'horizontal';
     render() {
-        return (h(Host, { key: '7bab2eff391dce0ec212153f377ae18cc17df0d7', class: { [`alignment-${this.alignment}`]: true }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("div", { key: '238db3b5532bf4bf6cbe07018a204e1bf4a85a07', class: "footer-start" }, h("slot", { key: '8bdafda85a6c0a4e8f0e5e0bc7f3d9e61fed5b99', name: "start" })), h("div", { key: '42f53fb182fe5a0b91df29cef856c94e87756e2a', class: "footer-end" }, h("slot", { key: 'bb4dab35e016c975e7d29c1dbbff53222d801228' }))));
+        return (h(Host, { key: '66ac122a1578b7645271c21515ab100447035640', class: { [`alignment-${this.alignment}`]: true }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("div", { key: '5f5a73150f77fb39f7ef3b704bbecbde88c6fd5c', class: "footer-start" }, h("slot", { key: '84e99847b724a2acf40417513820e23c9dc95fed', name: "start" })), h("div", { key: '95cf2bbf6ce27684c37974d64b3d4c36b8e60bd6', class: "footer-end" }, h("slot", { key: 'bb9ea5b049a7d6716cfcad5fc6a25bc5b59443c1' }))));
     }
     static get is() { return "ix-popover-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/popover-header/popover-header.js

@@ -14,7 +14,7 @@ import { closestPassShadow } from "../utils/shadow-dom";
 /**
  * Header section with optional icon, title, additional items, and close button.
  *
- * @slot - Popover title (rendered as heading text).
+ * @slot default - Popover title (rendered as heading text).
  * @slot additional-items - Optional content beside the title (for example `ix-pill`).
  *
  * @since 5.1.0
@@ -66,7 +66,7 @@ export class PopoverHeader {
         this.parentPopover?.hidePopover();
     }
     render() {
-        return (h(Host, { key: 'd75ad6fc30a8b3df9d1588fc18be610f19946a15', [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "24", "aria-hidden": a11yBoolean(true) })) : null, h("div", { key: 'c5db5b3c4d9537f1b5ec2d53eda5d94aba0984d5', class: "popover-title" }, h("ix-typography", { key: '0c87f6cb01be5089a35f0eeb30e6aa7743865eef', format: "h5" }, h("slot", { key: 'd5bcd06f9dd501f7f52861d0ed2c6dd967bd8196' }))), h("div", { key: 'fa7365f8ddce2cd12f92165160fb780426a994ce', class: "additional-items" }, h("slot", { key: 'b093c196c32eff075d65a5a9e570292174a1f943', name: "additional-items" })), this.hideClose ? null : (h("ix-icon-button", { class: "popover-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, "aria-label": this.ariaLabelCloseIconButton }))));
+        return (h(Host, { key: 'd6b5d04790192d4212e60d39ce685a18b5dcc72a', [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "24", "aria-hidden": a11yBoolean(true) })) : null, h("div", { key: '37a9433e60b19c2a191db75ee475586a36b7d4a0', class: "popover-title" }, h("ix-typography", { key: '866758b0c589aef950896e06f00096520311851a', format: "h5" }, h("slot", { key: '6cfa745b62f705ddd2b8076ecf9e634cc8fac309' }))), h("div", { key: '671bfd6538e4540d75051c960a963949bd26d9d8', class: "additional-items" }, h("slot", { key: '8b8c48055f58111077cfdede40f977691180250e', name: "additional-items" })), this.hideClose ? null : (h("ix-icon-button", { class: "popover-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, "aria-label": this.ariaLabelCloseIconButton }))));
     }
     static get is() { return "ix-popover-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-indicator/progress-indicator.js

@@ -12,6 +12,8 @@ import { iconCirclePause, iconError, iconInfo, iconSuccess, iconWarning, } from
 import { CircularProgress } from "./circular";
 /**
  * @since 3.2.0
+ * @slot helper-text - Custom helper text content.
+ * @slot default - Content displayed with the progress indicator.
  */
 export class ProgressIndicator {
     hostElement;
@@ -94,17 +96,17 @@ export class ProgressIndicator {
     render() {
         const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
         const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-        return (h(Host, { key: '4c8ce44855219cefbe2adc70d46d6194d02edc2d', class: {
+        return (h(Host, { key: 'a0fda23f6a532303c9995fbf7815bfec062a14ab', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, h("div", { key: '4204012c4368150615e95d16bc52026a9ae893c6', class: {
+            }, tabIndex: -1 }, h("div", { key: 'e02e07ba370860bfe2be7ce663b78c4cf71f12c3', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
                 ['text-center']: this.textAlignment === 'center',
                 ['text-left']: this.textAlignment === 'left',
                 ['text-right']: this.textAlignment === 'right',
-            } }, this.label && (h("ix-typography", { key: '522744e8f2be71e94fa6e87ec1f053c9f2b141fe', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), h("div", { key: 'c5a2069c251c44ff3a33bfe7caea66f657b03d5e', class: "progress-container" }, this.type === 'linear' ? (h(Fragment, null, h(LinearBar, { value: clampedValue, status: this.status }), h("div", { class: "linear-slot" }, h("slot", null)))) : (h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+            } }, this.label && (h("ix-typography", { key: 'd9789ab69c7879fcaf0142fc5751162c5b7b2106', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), h("div", { key: '7c10251bb3f06e02985df158da20d539ec23c4d2', class: "progress-container" }, this.type === 'linear' ? (h(Fragment, null, h(LinearBar, { value: clampedValue, status: this.status }), h("div", { class: "linear-slot" }, h("slot", null)))) : (h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
     static get is() { return "ix-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/push-card/push-card.js

@@ -7,6 +7,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot title-action - Action displayed next to the card title.
+ * @slot default - Expandable card content.
+ */
 export class PushCard {
     /**
      * Card icon
@@ -43,7 +47,7 @@ export class PushCard {
      */
     passive = false;
     render() {
-        return (h(Host, { key: '4f607dbe48bd80e6528f16d3dd70b1759e00f643', class: `card-${this.variant}` }, h("ix-card", { key: '4fafba1c8dbdd0b8503c14c53dc3c888567725c7', variant: this.variant, passive: this.passive }, h("ix-card-content", { key: 'c7ac7e9ea9061af15c28ad79b3773ac4cd511a93' }, h("ix-card-title", { key: '4206e4413e42e914b11526b40e44cd5e5360d403' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("ix-typography", { key: '91384db0e1c690aa9715bda38220127f545353b3', format: "display-xxl" }, this.notification ?? 0), h("slot", { key: '37cb75b3f6c2578cfa958982c20a5f0c9fa661dc', name: "title-action" })), h("ix-typography", { key: '349b36fe5eaa7faf0b8fa9da84b8b201fd1a173d', format: "h4" }, this.heading), h("ix-typography", { key: 'edd40ab8765df06b960b8014e318f06cd8c0f56f' }, this.subheading)), h("ix-card-accordion", { key: 'db0a3f66d0ea0fc8bed61b15651bea6381d812b1', collapse: !this.expanded, variant: this.variant }, h("slot", { key: '5095d6f7f3f9b23c17daccf9599ede0426db8b01' })))));
+        return (h(Host, { key: '559d12fce394d034e88a67d1792cf89db5e1f9d6', class: `card-${this.variant}` }, h("ix-card", { key: '74a3295376423e02defc79637f53905f1975a10e', variant: this.variant, passive: this.passive }, h("ix-card-content", { key: 'e88ae5131c174acebb759628d6de18bdf26d8141' }, h("ix-card-title", { key: '6c1df74de6c6e7b82a6301db6ecc6268d4891e47' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("ix-typography", { key: '0f1b79fd78aa5b954c6320b9f61dbbcab61ef3c7', format: "display-xxl" }, this.notification ?? 0), h("slot", { key: '778a56994a47ad9e8fbcee8526c592e6e0459930', name: "title-action" })), h("ix-typography", { key: '5a3b385c75a69f0324fc890c2519476111bc2a4e', format: "h4" }, this.heading), h("ix-typography", { key: '6f261327133e30244fe398c91e099b3dcba848fa' }, this.subheading)), h("ix-card-accordion", { key: '3175d45b32f0d9a1eaccb205a3052b5746fc5287', collapse: !this.expanded, variant: this.variant }, h("slot", { key: '08b90be54cd2d292349ead1ce20a173104ce266e' })))));
     }
     static get is() { return "ix-push-card"; }
     static get encapsulation() { return "shadow"; }