@siemens/ix 5.1.0 → 5.1.1

package/dist/collection/components/datetime-input/datetime-input.css

@@ -514,6 +514,7 @@ input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.read
 :host(.disabled) input,
 :host(.disabled) textarea {
   pointer-events: none;
+  color: var(--theme-input--color--disabled);
 }
 
 :host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input {

package/dist/collection/components/dropdown/dropdown.js

@@ -19,6 +19,9 @@ import { requestAnimationFrameNoNgZone } from "../utils/requestAnimationFrame";
 import { dropdownController, hasDropdownItemWrapperImplemented, } from "./dropdown-controller";
 import { configureKeyboardInteraction } from "./dropdown-focus";
 let sequenceId = 0;
+/**
+ * @slot default - Dropdown items.
+ */
 export class Dropdown extends Mixin(...DefaultMixins) {
     constructor() {
         super();
@@ -678,7 +681,7 @@ export class Dropdown extends Mixin(...DefaultMixins) {
         else if (this.hostRole) {
             ariaAttributes['role'] = this.hostRole;
         }
-        return (h(Host, { key: '9b0e9901b2f083f8bff9396e0e407f093425a927', ...ariaAttributes, "aria-modal": "true", "data-ix-dropdown": this.dropdownElementId, "data-ix-focus-trap": true, class: {
+        return (h(Host, { key: '316324b74a3654414f8ae385cec8a0fb7b5d2906', ...ariaAttributes, "aria-modal": "true", "data-ix-dropdown": this.dropdownElementId, "data-ix-focus-trap": true, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 // overflow handling not needed when using top-layer

package/dist/collection/components/dropdown-button/dropdown-button.js

@@ -14,6 +14,10 @@ import { DefaultMixins } from "../utils/internal/component";
 import { AriaActiveDescendantMixin, } from "../utils/internal/mixins/accessibility/aria-activedescendant.mixin";
 import { ComponentIdMixin, } from "../utils/internal/mixins/id.mixin";
 import { closestPassShadow } from "../utils/shadow-dom";
+/**
+ * @slot button-label - Custom content displayed next to the button label.
+ * @slot default - Dropdown items.
+ */
 export class DropdownButton extends Mixin(...DefaultMixins, ComponentIdMixin, AriaActiveDescendantMixin) {
     constructor() {
         super();
@@ -151,16 +155,16 @@ export class DropdownButton extends Mixin(...DefaultMixins, ComponentIdMixin, Ar
             this.hostContext?.datePicker ||
             this.hostContext?.splitButton ||
             this.hostContext?.tabs;
-        return (h(Host, { key: '66fd74e40043daa08bb5a8c06e41bb64a11c8341', class: {
+        return (h(Host, { key: 'e25fa295fcfc662bcbd510ef9fa831d505901eb1', class: {
                 disabled: this.disabled,
                 'host-context-breadcrumb': !!this.hostContext?.breadcrumb,
                 'host-context-date-picker': !!this.hostContext?.datePicker,
                 'host-context-tabs': !!this.hostContext?.tabs,
-            }, ref: this.dropdownAnchor, tabIndex: this.disabled ? -1 : 0, ...ariaAttributes }, h("div", { key: '06ba01710bbf5ce23e3eed2a28b9d32d5c0f4d55', class: "dropdown-button" }, this.label || this.label === null ? (h("ix-button", { ...commonProperties, class: 'internal-button', alignment: "start", ref: (ref) => forceTabIndex(ref, -1), ariaLabelButton: this.ariaLabelDropdownButton ??
+            }, ref: this.dropdownAnchor, tabIndex: this.disabled ? -1 : 0, ...ariaAttributes }, h("div", { key: '72aa176d5558297cbfd2bebd09a8f9826860e4e9', class: "dropdown-button" }, this.label || this.label === null ? (h("ix-button", { ...commonProperties, class: 'internal-button', alignment: "start", ref: (ref) => forceTabIndex(ref, -1), ariaLabelButton: this.ariaLabelDropdownButton ??
                 (this.dropdownShow ? 'Close dropdown' : 'Open dropdown') }, h("div", { class: 'content' }, this.icon ? (h("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, h("div", { class: 'button-label' }, this.label), h("slot", { name: "button-label" }), !hideChevron && (h("ix-icon", { "aria-hidden": "true", name: this.dropdownShow
                 ? iconChevronUpSmall
                 : iconChevronDownSmall, size: "24" }))))) : (h("div", null, h("ix-icon-button", { ...commonProperties, icon: this.icon, ref: (ref) => forceTabIndex(ref, -1), "aria-label": this.ariaLabelDropdownButton ??
-                (this.dropdownShow ? 'Close dropdown' : 'Open dropdown') }), !hideChevron && this.getTriangle()))), h("ix-dropdown", { key: '14ade5a93e488c58f66e6b48d0073fd6c3dc1914', role: "menu", ref: this.dropdownRef, id: `dropdown-button-menu-${this.dropdownButtonId}`, "aria-labelledby": `dropdown-button-${this.dropdownButtonId}`, trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, enableTopLayer: this.enableTopLayer, disableFocusTrap: true, focusCheckedItem: this.focusCheckedItem, onShowChanged: (event) => this.onDropdownShowChanged(event), onScroll: (event) => {
+                (this.dropdownShow ? 'Close dropdown' : 'Open dropdown') }), !hideChevron && this.getTriangle()))), h("ix-dropdown", { key: 'bbb10a374801f0800f5386700957646072d01fb3', role: "menu", ref: this.dropdownRef, id: `dropdown-button-menu-${this.dropdownButtonId}`, "aria-labelledby": `dropdown-button-${this.dropdownButtonId}`, trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, enableTopLayer: this.enableTopLayer, disableFocusTrap: true, focusCheckedItem: this.focusCheckedItem, onShowChanged: (event) => this.onDropdownShowChanged(event), onScroll: (event) => {
                 // Need to dispatch the event again to handle infinite scroll of ix-date-picker,
                 // as the scroll event does not bubble beyond the shadow root
                 const scrollEvent = new CustomEvent('scroll', {
@@ -169,7 +173,7 @@ export class DropdownButton extends Mixin(...DefaultMixins, ComponentIdMixin, Ar
                     detail: event.detail,
                 });
                 this.hostElement.dispatchEvent(scrollEvent);
-            } }, h("slot", { key: '2dc84d3ac4f9e004011acef979e5d4671170884c' }))));
+            } }, h("slot", { key: 'a41e74d2a2db2b1255485923390d4fbf14504504' }))));
     }
     static get is() { return "ix-dropdown-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,6 +13,9 @@ import { IX_FOCUS_VISIBLE } from "../utils/focus/focus-utilities";
 import { DefaultMixins } from "../utils/internal/component";
 import { ComponentIdMixin, } from "../utils/internal/mixins/id.mixin";
 import { FocusVisibleMixin } from "../utils/internal/mixins/focus-visible.mixin";
+/**
+ * @slot default - Dropdown item content.
+ */
 export class DropdownItem extends Mixin(...DefaultMixins, ComponentIdMixin, FocusVisibleMixin) {
     constructor() {
         super();
@@ -86,7 +89,7 @@ export class DropdownItem extends Mixin(...DefaultMixins, ComponentIdMixin, Focu
                 'aria-expanded': 'false',
             };
         }
-        return (h(Host, { key: 'c3d7d2a14964fa2a609d5e028cdb14b802b02ada', id: id, role: this.itemRole, "aria-disabled": a11yBoolean(this.disabled), "aria-label": this.hostElement.ariaLabel ?? this.ariaLabelButton, class: {
+        return (h(Host, { key: 'e4f4f504f7b7516fb07ad1ce36b7240717ad636a', id: id, role: this.itemRole, "aria-disabled": a11yBoolean(this.disabled), "aria-label": this.hostElement.ariaLabel ?? this.ariaLabelButton, class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
@@ -101,11 +104,11 @@ export class DropdownItem extends Mixin(...DefaultMixins, ComponentIdMixin, Focu
                 if (!this.disabled && (event.key === 'Enter' || event.key === ' ')) {
                     this.emitItemClick();
                 }
-            }, ...submenuAriaAttributes }, h("div", { key: '016ddf6f6b319b4d9e02541c95f02d76088cdbb6', class: {
+            }, ...submenuAriaAttributes }, h("div", { key: '37d1e888552d1df2bc11f5770ed6139017c9ec7c', class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
                 disabled: this.disabled,
-            } }, !this.suppressChecked ? (h("div", { class: "dropdown-item-checked" }, this.checked ? (h("ix-icon", { "aria-hidden": "true", class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, h("div", { key: '81ae34e7f76381ba84af73893c9882cedd958149', class: "dropdown-item-text" }, this.label, h("slot", { key: '9482ebc515d9de96a48bd747ab3293f1c1640a11' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
+            } }, !this.suppressChecked ? (h("div", { class: "dropdown-item-checked" }, this.checked ? (h("ix-icon", { "aria-hidden": "true", class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, h("div", { key: '506fac0929e4ddf30ae8691d0213d8404a94ee8b', class: "dropdown-item-text" }, this.label, h("slot", { key: '38bafe3f689f41609c79bca2f39a47a2064338af' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     static get is() { return "ix-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js

@@ -7,9 +7,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Quick action items.
+ */
 export class DropdownQuickActions {
     render() {
-        return (h(Host, { key: '85a2acb610b6529f3c65b1eadc369aa39b41d9fa' }, h("slot", { key: '329e45898b1c5791e94c08bbc4c5cc8176b9e71b' })));
+        return (h(Host, { key: 'ef50b956354184faad378cf100ec726ee8d13601' }, h("slot", { key: 'cbec7dfddb53099be04c258c1f2cd68394f3e8b7' })));
     }
     static get is() { return "ix-dropdown-quick-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/event-list/event-list.js

@@ -10,6 +10,9 @@ import { h, Host } from "@stencil/core";
 import { createMutationObserver } from "../utils/mutation-observer";
 import { convertToRemString } from "../utils/rwd.util";
 import { animate } from "animejs";
+/**
+ * @slot default - Event list items.
+ */
 export class EventList {
     mutationObserver = createMutationObserver(this.onMutation.bind(this));
     static fadeOutDuration = 50;
@@ -129,11 +132,11 @@ export class EventList {
         });
     }
     render() {
-        return (h(Host, { key: 'a8161bcd519a0ea5d700db37a1d265d9bf742080', class: {
+        return (h(Host, { key: '658281cbf0ee3fad909a2385437d1911c3c6f75f', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, h("div", { key: '121bef25c280fea75efaf170b49c0752f00b9123', role: "list" }, h("slot", { key: 'bfb322b874b47d0beb33813d0b352d08b59e9437' }))));
+            } }, h("div", { key: '01328d11ed8a045241f4382d1ce3ec1a162190f2', role: "list" }, h("slot", { key: '8d7a0a467ca57d359cbd05b0f5f3f4f5e11a4e79' }))));
     }
     static get is() { return "ix-event-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/event-list-item/event-list-item.js

@@ -9,6 +9,9 @@
 import { iconChevronRight } from "@siemens/ix-icons/icons";
 import { h, Host, } from "@stencil/core";
 import { a11yBoolean } from "../utils/a11y";
+/**
+ * @slot default - Event list item content.
+ */
 export class EventListItem {
     /**
      * Variant of the event list item
@@ -47,17 +50,17 @@ export class EventListItem {
         let color = this.itemColor?.startsWith('--theme')
             ? `var(${this.itemColor})`
             : `var(--theme-${this.itemColor})`;
-        return (h(Host, { key: '62246c6ecf60106320d54a3cc214b359cd654dc3', class: {
+        return (h(Host, { key: 'de697815028a7bb6199cba49916a2454536785ee', class: {
                 disabled: this.disabled,
                 [`event-list-item-${this.variant}`]: true,
-            } }, h("div", { key: '7c0055e2e67b53d02d5b9cc5b6e769aea1913841', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, h("div", { key: '30b7be1c6c9823fb6def0ca88f2ec9debe578b34', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, h("div", { key: 'b05eb8e2f3b0009c8d3d58a3c27bc0f5b447ef26', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, h("div", { key: 'c6991076039f3fb8fb0656a63131fa63ea5bb7c5', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), h("div", { key: 'e64d403714e4627338cc68eda2adacedc8960c2b', class: "event-list-item-container" }, h("div", { key: 'fca0440ca4783be7c45ac7b9f52574241e7eca49', class: "event-content" }, h("slot", { key: '1bcdd9678b8e47904f06474a8b507c3eb24c98c8' })), this.chevron && (h("ix-icon", { key: '8e71379a54c18b1e491e899da196387a5ab2a208', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
+            } }), h("div", { key: '2d7489f2c00d4f43b96b42bd2cd194faf82c9657', class: "event-list-item-container" }, h("div", { key: '3a818bd2553d0bf5c1e0245d440edb232c592944', class: "event-content" }, h("slot", { key: '7eb036f7acb004910d54457ff6ed2f56708448cc' })), this.chevron && (h("ix-icon", { key: 'af6703cbc3fab72ad5158cf72beab6a4d5c0c6d1', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
     }
     static get is() { return "ix-event-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-label/field-label.js

@@ -11,6 +11,9 @@ import { a11yHostAttributes } from "../utils/a11y";
 import { createClassMutationObserver, isIxInputFieldComponent, } from "../utils/input";
 import { makeRef } from "../utils/make-ref";
 import { closestPassShadow } from "../utils/shadow-dom";
+/**
+ * @slot default - Field label content.
+ */
 export class FormFieldLabel {
     hostElement;
     /**
@@ -134,10 +137,10 @@ export class FormFieldLabel {
         }
     }
     render() {
-        return (h(Host, { key: 'ae3bda5074f387a20d9d464a7237584bf9cd185f', onClick: () => this.focusOnClick(), class: {
+        return (h(Host, { key: '0fdcf56a50a448dd0d58e70d4389105d79ace1d3', onClick: () => this.focusOnClick(), class: {
                 'text-overflow-wrap': this.textOverflow === 'wrap',
                 'text-overflow-no-wrap': this.textOverflow === 'no-wrap',
-            } }, h("label", { key: '1813ab2ed336d585667522a9e01f30891da1c794', htmlFor: this.htmlFor, ...this.a11yAttributes, ref: this.labelRef }, h("ix-typography", { key: '0af94d2c01fbaf5450af1d7a5beeb591401dd4f3', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, h("slot", { key: '4eff5cfac2491d6a716b8def24671422c5796a15' }), this.required && h("span", { key: 'd466918f68a18d7474b607827649baf67caf0a01' }, "*")))));
+            } }, h("label", { key: '985b6494c3ecc3cbe3071a352dd375a785366ea7', htmlFor: this.htmlFor, ...this.a11yAttributes, ref: this.labelRef }, h("ix-typography", { key: '1fae47aef80983c02272b73b5d2de4969aa87daf', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, h("slot", { key: '706a5c9687ac5fea48d9efda67b660ed78b999df' }), this.required && h("span", { key: 'fa1da16ab40a270019534c26b17e8771f478eb4e' }, "*")))));
     }
     static get is() { return "ix-field-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/filter-chip/filter-chip.js

@@ -8,6 +8,9 @@
  */
 import { iconCloseSmall } from "@siemens/ix-icons/icons";
 import { h, Host, } from "@stencil/core";
+/**
+ * @slot default - Filter chip label.
+ */
 export class FilterChip {
     hostElement;
     /**
@@ -39,11 +42,11 @@ export class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (h(Host, { key: '886715c810d5084905082b8eba5d0e62dabe8b32', class: {
+        return (h(Host, { key: '7b1d7b5eaa69878f972a32ae012dd3e9a96c4dca', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
                 'hide-close-button': this.hideCloseButton,
-            }, title: this.hostElement.textContent }, h("div", { key: '531598188ad4a407b9b8c153dcfa9fd7260218c9', class: "slot-container" }, h("slot", { key: '530355ee81b106b9182a62fc8e3432420c0a6fd1' })), !this.disabled && !this.readonly && !this.hideCloseButton ? (h("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", disabled: this.disabled, onClick: (event) => {
+            }, title: this.hostElement.textContent }, h("div", { key: 'c678ad613f23f633a38d002f8d9aa74e67473384', class: "slot-container" }, h("slot", { key: '4a91b222a51991df3baaaa328b7e991ad80732ae' })), !this.disabled && !this.readonly && !this.hideCloseButton ? (h("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", disabled: this.disabled, onClick: (event) => {
                 this.onCloseClick(event);
             }, onKeyDown: (event) => {
                 switch (event.key) {

package/dist/collection/components/flip-tile/flip-tile.js

@@ -12,6 +12,11 @@ import { animate } from "animejs";
 import Animation from "../utils/animation";
 import { createMutationObserver } from "../utils/mutation-observer";
 import { hasSlottedElements } from "../utils/shadow-dom";
+/**
+ * @slot header - Content displayed in the tile header.
+ * @slot default - Flip tile pages.
+ * @slot footer - Content displayed in the tile footer.
+ */
 export class FlipTile {
     hostElement;
     /**
@@ -129,7 +134,7 @@ export class FlipTile {
         }, 2 * Animation.defaultTime);
     }
     render() {
-        return (h(Host, { key: '98de348c3952a6ae9cf13fb4fe1dc515ad6b0504', class: {
+        return (h(Host, { key: '99644a121b896cbe3db0f9bcf87a2f1292dce9c8', class: {
                 [`flip-tile-variant-${this.variant}`]: true,
             }, style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -138,10 +143,10 @@ export class FlipTile {
                 width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
-            } }, h("div", { key: '7ae391851db6469b7821137851ac0c49056779bf', class: "flip-tile-container" }, h("div", { key: '573dd82522af32eb4775a7f4d0cdec162f03d14b', class: "flip-tile-header" }, h("div", { key: 'd5cc22f464ec436bdfb52861d05035759f91c37c', class: "header-slot-container text-l-title" }, h("slot", { key: '54037b21d669285e02b5a7b0d2e112fb6bf84f3e', name: "header" })), h("ix-icon-button", { key: '9360ba83ed398c0409b04a5e9777d6d83f2f0655', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), h("div", { key: '4a2b1fcb2849622f91b4d29132c62160975be619', class: "content-container" }, h("slot", { key: 'c239f64f477e7fe17e1f9747031185b073481697' })), h("div", { key: '6ef464693fc873180707a93d886f34710624e32f', class: {
+            } }, h("div", { key: 'e5b18eb890b7b07fe65ebe7d7bcee732cb3ca438', class: "flip-tile-container" }, h("div", { key: 'a53fbd9be6391f546c60e55305f46206c2955013', class: "flip-tile-header" }, h("div", { key: '30b5aa980a15c0f11a143bf6c4acafb9f4bc22b5', class: "header-slot-container text-l-title" }, h("slot", { key: '3262a92c1c681c2c2565f4d508b1c91a6440f0ac', name: "header" })), h("ix-icon-button", { key: '3b2840daaef5df2d8ba5c1aae57d9746fec04711', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), h("div", { key: '2776781bbf7f81ec3eec13458784224015104375', class: "content-container" }, h("slot", { key: 'd094b595d41f6b95b8c823d27b1bf711f366a5d7' })), h("div", { key: '2b3b4d2f3a95e42489210091e97a8455624cedf1', class: {
                 footer: true,
                 'show-footer': this.hasFooterSlot,
-            } }, h("slot", { key: '501d0bf61543a291236d9e7983f541aeb980a8ae', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
+            } }, h("slot", { key: '45f0d2cca37604489c565e0144fa648f157e5bb4', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
     }
     static get is() { return "ix-flip-tile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flip-tile-content/flip-tile-content.js

@@ -7,6 +7,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Flip tile body content.
+ */
 export class FlipTileContent {
     /**
      * Controls the visibility of the content
@@ -15,7 +18,7 @@ export class FlipTileContent {
      */
     contentVisible = false;
     render() {
-        return h(Host, { key: 'c080d25f839e6f4af482ff701ce74df53ac66b7a' }, this.contentVisible ? h("slot", null) : null);
+        return h(Host, { key: '2db68ac6c4947fe4f53b7764f0dcc3b6e990f668' }, this.contentVisible ? h("slot", null) : null);
     }
     static get is() { return "ix-flip-tile-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/group/group-context-menu.js

@@ -9,6 +9,9 @@
 import { h, Host } from "@stencil/core";
 import { getSlottedElements } from "../utils/shadow-dom";
 import { iconContextMenu } from "@siemens/ix-icons/icons";
+/**
+ * @slot default - Context menu items.
+ */
 export class GroupContextMenu {
     hostElement;
     showContextMenu = false;
@@ -37,7 +40,7 @@ export class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (h(Host, { key: '989f86b83f27514bcb555c8d022b092a1a632505' }, h("ix-icon-button", { key: '55876dc92e513d29676529ea431d3ae9768e72fc', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), h("slot", { key: '57613b3108ad01c134ae929fe00f432ffd2c8324', onSlotchange: () => this.onSlotChange() })));
+        return (h(Host, { key: '7a75df2f66b25774f2161d9b8a8253f1c77d74b3' }, h("ix-icon-button", { key: 'c50905c961529535450ad54cf3fb28be0145ea98', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), h("slot", { key: '3b19aca1490c3e15a3630f53ff2081054acd0313', onSlotchange: () => this.onSlotChange() })));
     }
     static get is() { return "ix-group-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/group/group.js

@@ -10,6 +10,12 @@ import { h, Host, } from "@stencil/core";
 import { createMutationObserver } from "../utils/mutation-observer";
 import { hasSlottedElements } from "../utils/shadow-dom";
 import { iconChevronDownSmall, iconChevronUpSmall, } from "@siemens/ix-icons/icons";
+/**
+ * @slot header - Content displayed in the group header.
+ * @slot dropdown - Dropdown used for the group context menu.
+ * @slot default - Group items.
+ * @slot footer - Content displayed below the group items.
+ */
 export class Group {
     hostElement;
     /**
@@ -160,26 +166,26 @@ export class Group {
         }
     }
     render() {
-        return (h(Host, { key: 'd065bb1d37279005a3502e5261d0c6b0592ea47a' }, h("div", { key: '7d149368be2f9d72f9384f5969f269540161444d', class: {
+        return (h(Host, { key: 'f56b013952f4978b036193d55e216f7e1f271031' }, h("div", { key: '9dfee69b32d0b68d140623e7019640e2590ec2d4', class: {
                 'group-header': true,
                 expand: this.expanded,
                 selected: this.selected,
-            }, tabindex: "0" }, h("div", { key: 'eaaf6a687c9553f7985e63e5459b4823f9920262', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, h("div", { key: '67b5527fcef1355812d942ee302809597307f476', class: {
+            }, tabindex: "0" }, h("div", { key: 'e1d2bf627cd0ed4d43a9b33831cd29be78a97c6d', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, h("div", { key: '4f7dff297456b0a0ff4ca93db16fe365d7760dfd', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), h("div", { key: '04531e1e6079ca2cd9b9e061af7b7cff39e56ad5', class: "btn-expand-header" }, h("ix-icon", { key: '8e269b8a32af709f46dadc5bf7819f5339702eae', "data-testid": "expand-collapsed-icon", class: {
+            } }), h("div", { key: '5b10de668b6a4f7cee2937d4da6225a1237b72cb', class: "btn-expand-header" }, h("ix-icon", { key: 'da2beae25ed7720d46b7f168ee2cb1acabf3b215', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), h("div", { key: 'e40416a2c68b331eed7686259749ad0387a01bc9', class: "group-header-content" }, this.header ? (h("div", { class: "group-header-props-container" }, h("div", { class: "group-header-title" }, h("span", { title: this.header }, this.header)), h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, h("slot", { key: '2c04121cdafcb93459ccc11016ed1c4182662a6d', name: "header" }))), this.hasDropdown && (h("ix-group-context-menu", { key: '7e27de8765e03aa98e70f1b30c44473a95258a0e' }, h("slot", { key: '472f20892591d436232c1db7e396b74b68742027', name: "dropdown" })))), h("div", { key: 'c64f18662e441d11be9ac49dde219359dd65f6c0', class: {
+            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), h("div", { key: 'c5d422508f12b3e00f5fde6892d0ba8596c04ba1', class: "group-header-content" }, this.header ? (h("div", { class: "group-header-props-container" }, h("div", { class: "group-header-title" }, h("span", { title: this.header }, this.header)), h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, h("slot", { key: '46bdd2e2b88d5805a3ce26143766b64bc7cec7e4', name: "header" }))), this.hasDropdown && (h("ix-group-context-menu", { key: '50375ddf2cb1a42530ce096e08403c6c6e1ed9f5' }, h("slot", { key: 'cc78c4a6b9ad383e17bd62090df99c3c0c56e377', name: "dropdown" })))), h("div", { key: 'c4eb114ff535fdc9a356d7344feed441019f1c8b', class: {
                 'group-content': true,
-            } }, h("div", { key: '07da1f3ed9334a4b89833b2d9b284b967d3d8c4d', style: {
+            } }, h("div", { key: '80f250870c587563c3447417debf7b8fe8d61c1c', style: {
                 display: this.expanded ? 'contents' : 'none',
-            } }, h("slot", { key: '3c8291ab052f4a89122de4e8ca35671c814636d1', onSlotchange: () => {
+            } }, h("slot", { key: 'a3c6af2dcd96a8bc9bbcade86a8e031b3e3c7fb0', onSlotchange: () => {
                 const slot = this.hostElement.shadowRoot?.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = hasSlottedElements(slot);
-            } }), h("ix-group-item", { key: 'a1ffdc4437fc26db17b9eae31b522422967cb2c1', class: {
+            } }), h("ix-group-item", { key: 'a92adbfd1177080cd034cb91b87d11f2cf6ef924', class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            }, groupFooter: true, suppressSelection: true }, h("slot", { key: '25713f3beb605c9021d4b9a2ac51c3f02bec96db', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            }, groupFooter: true, suppressSelection: true }, h("slot", { key: '55f1fb62d4ee9afb2808c3330b607e1e0fed5ec4', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     static get is() { return "ix-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,6 +7,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host, } from "@stencil/core";
+/**
+ * @slot default - Group item content.
+ */
 export class GroupItem {
     hostElement;
     /**

package/dist/collection/components/input/input.css

@@ -516,6 +516,7 @@ input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.read
 :host(.disabled) input,
 :host(.disabled) textarea {
   pointer-events: none;
+  color: var(--theme-input--color--disabled);
 }
 
 :host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input {

package/dist/collection/components/input/number-input.css

@@ -508,6 +508,7 @@ input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.read
 :host(.disabled) input,
 :host(.disabled) textarea {
   pointer-events: none;
+  color: var(--theme-input--color--disabled);
 }
 
 :host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input {

package/dist/collection/components/input/textarea.css

@@ -508,6 +508,7 @@ input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.read
 :host(.disabled) input,
 :host(.disabled) textarea {
   pointer-events: none;
+  color: var(--theme-input--color--disabled);
 }
 
 :host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input {

package/dist/collection/components/key-value-list/key-value-list.js

@@ -7,13 +7,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Key-value entries.
+ */
 export class KeyValueList {
     /**
      * Optional striped key value list style
      */
     striped = false;
     render() {
-        return (h(Host, { key: 'ac64d25e8d4038e99145c4badd28981e4fd5aea2', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: '6445bc39f3c0c00811a4fa75cd7b12afde9627a9' })));
+        return (h(Host, { key: '934ba6bfcd2da7f444855670cffff90936cfb7c5', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: 'd935f982f4aa55443641f29615b70a610456b2c3' })));
     }
     static get is() { return "ix-key-value-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,7 @@
 import { Host, h } from "@stencil/core";
+/**
+ * @slot default - Content arranged by the automatic layout.
+ */
 export class LayoutForm {
     hostElement;
     /**
@@ -76,7 +79,7 @@ export class LayoutForm {
         });
     }
     render() {
-        return (h(Host, { key: 'c707c19699232702785f2f0593c1018b9b5e78e7' }, h("div", { key: 'cc72d9a30604068627beea36c736cfb1490fb4df', class: "container" }, h("slot", { key: '587763f535960efbbc9f8d6f62b28169b6f36ace' }))));
+        return (h(Host, { key: '21efd579460a164571a802fe0bb80acf6f52c6dc' }, h("div", { key: 'ea241e9bb64871303076772e40eb0699ba358f3b', class: "container" }, h("slot", { key: 'a58d52f738522c46482a0dab84dc7fc8ca9ae6cb' }))));
     }
     static get is() { return "ix-layout-auto"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,6 +7,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Content arranged in the grid.
+ */
 export class LayoutGrid {
     /**
      * The grid will not have any horizontal padding
@@ -21,12 +24,12 @@ export class LayoutGrid {
      */
     columns = 12;
     render() {
-        return (h(Host, { key: '799b08194c2dfc38cbf4bd8c0e7d69f4cd42c577', class: {
+        return (h(Host, { key: 'e6f61e2437dcf9815db4f5c1d2f2a13f8e579572', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, h("slot", { key: '8177f73aacd4da3cd8d52cb2cc16f6694e032851' })));
+            } }, h("slot", { key: '485b027cb1717fe267b919d9f6b822a18db66a4f' })));
     }
     static get is() { return "ix-layout-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/link-button/link-button.js

@@ -8,6 +8,9 @@
  */
 import { iconChevronRightSmall } from "@siemens/ix-icons/icons";
 import { h, Host } from "@stencil/core";
+/**
+ * @slot default - Link button label.
+ */
 export class LinkButton {
     /**
      * Disable the link button
@@ -24,13 +27,13 @@ export class LinkButton {
      */
     target = '_self';
     render() {
-        return (h(Host, { key: 'e30339cee917a58eefdcf6da77800ab06bff0675' }, h("a", { key: 'c1bd527ffc4a577decb3faf6c2348eed4fcc3b93', title: this.url, tabindex: "0", class: {
+        return (h(Host, { key: '9a24825321d721c171c3701e5a6484f2dbdeffdc' }, h("a", { key: 'd3b81f3adba54dbdd0312510c79505c1ad7f1611', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '0f4601f33f9b48b76ab01ed863ca4755308541ec', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: '0e07c0bf6469a776cfa598b9ee24494f2afa2fe3', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '3c6cb9b4adb2e2ace4835b8df8e4b3a082d1ffa2', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: '629817f64a53b1226a9e10f3abb8bc1bfaad2877', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: '2f2607089df3ca9bcf5f543e8f85ff987f2751a9' })))));
+            } }, h("slot", { key: '8ec1e3c6991c89d4feb0aeaf8c8e6e3d87d2c23c' })))));
     }
     static get is() { return "ix-link-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,6 +18,14 @@ import { menuController } from "../utils/menu-service/menu-service";
 import { requestAnimationFrameNoNgZone } from "../utils/requestAnimationFrame";
 import { convertToRemString } from "../utils/rwd.util";
 import { themeSwitcher } from "../utils/theme-switcher";
+/**
+ * @slot ix-menu-avatar - Avatar displayed at the top of the menu.
+ * @slot home - Home menu item.
+ * @slot default - Main menu items and categories.
+ * @slot bottom - Menu items displayed below the main navigation.
+ * @slot ix-menu-settings - Settings content displayed in the menu overlay.
+ * @slot ix-menu-about - About content displayed in the menu overlay.
+ */
 export class Menu {
     hostElement;
     /**
@@ -635,32 +643,32 @@ export class Menu {
         else if (this.showAbout) {
             overlayLabel = this.i18nLegal;
         }
-        return (h(Host, { key: '47a4fe953c394a65c515c69eb164fae9921241d0', class: {
+        return (h(Host, { key: 'e85a8e0d55269c10e679ef732e4f1e695d4ddd43', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, h("nav", { key: 'befa847fe411183d14f2618eae42f11892bd53e3', "aria-label": this.applicationName, class: {
+            }, slot: "menu" }, h("nav", { key: '9a24665cb1cc4a1cfbbd47de4f579c11bbcb20b8', "aria-label": this.applicationName, class: {
                 menu: true,
                 expanded: this.expand,
-            } }, h("div", { key: 'd648ef9cf9525f858b25dbf8b396ab6faceadd4e', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: 'b9092de8f71df6ec8b78cc356f5fcc83902b75cd', breakpoint: this.breakpoint, expanded: this.expand, "i18n-expand": this.i18nExpand, "i18n-collapse": this.i18nCollapse, pinned: this.pinned, class: "menu-expand-icon", onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
-            this.applicationLayoutContext?.appSwitchConfig && (h("ix-icon-button", { key: '4ce5e027869a3fe66290e9447c1da57ea827cdde', onClick: () => {
+            } }, h("div", { key: '5d3cd419caeaaa61fcc76c446321feea5702e767', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: '4259dc4201069a8ba1a6d02cf643647a87672e2d', breakpoint: this.breakpoint, expanded: this.expand, "i18n-expand": this.i18nExpand, "i18n-collapse": this.i18nCollapse, pinned: this.pinned, class: "menu-expand-icon", onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
+            this.applicationLayoutContext?.appSwitchConfig && (h("ix-icon-button", { key: 'f0934779c9031e59508491376d5bcbb8389a404d', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, variant: "subtle-tertiary" }))), h("div", { key: '088f955c6ab52008a6cd1aa6e75ef5d97211cb5b', role: "menubar", "aria-orientation": "vertical", "aria-label": this.i18nAriaLabelMenu, "aria-description": this.i18nNavigationHint, class: {
+            }, icon: iconApps, variant: "subtle-tertiary" }))), h("div", { key: '36b41ef42aa08f1c01e6c0fb295ef61a1daf61de', role: "menubar", "aria-orientation": "vertical", "aria-label": this.i18nAriaLabelMenu, "aria-description": this.i18nNavigationHint, class: {
                 'menu-navigation': true,
                 'menu-navigation--fill': this.shouldFillMenuNavigation,
-            }, tabIndex: 0, onKeyDown: (e) => this.handleMenuKeyDown(e), onFocusin: (e) => this.handleMenuFocusIn(e), onFocusout: () => this.resetRovingTabIndex() }, h("div", { key: 'b1ec4b72b2a1d791429a97617184065e1d47b260', id: "menu-tabs", style: {
+            }, tabIndex: 0, onKeyDown: (e) => this.handleMenuKeyDown(e), onFocusin: (e) => this.handleMenuFocusIn(e), onFocusout: () => this.resetRovingTabIndex() }, h("div", { key: '3d5d491948f2c912d435a7a46b4e8ff02a41c242', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '80712fd2a17029394ca4355cc0ca22a61ff7b4ef', class: "tabs-shadow-container" }, h("div", { key: '3fc0eca7419f73746525f4881dea0cbc27398d87', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '6fd98aa6dbad269e362d1796e1b96a6fda974cdd', class: "tabs-shadow-container" }, h("div", { key: '652837d937df0b5456569485dff51b0a8f4d4ebb', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), h("div", { key: 'f6d8d4716a1b3e15ac7c48a80fd7878ec7003d63', class: {
+            } }), h("div", { key: 'a3ea2437b589f65eb446f665bb1490e1cbfe2ad2', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '53ebf16042ac81b94cfceedf4efff1d4eaf74d08', class: "menu-avatar" }, h("slot", { key: '1cbebf98bb6bb2ba9545a153d45390fe6e7effb0', name: "ix-menu-avatar" })), h("slot", { key: '28941eced5a431a5610859c187db19d0f0a17437', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: 'e67916be1c943d25ae37b7b97c08b0cc1dd72bdf', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: 'b57f2058a19b72373f9421030eeaa4c4e29bb74c', class: "menu-avatar" }, h("slot", { key: 'e8f517dcf4560f7dbe163d718138499929ea158e', name: "ix-menu-avatar" })), h("slot", { key: 'e2c7c6e96064935789a638b61cbac7ed41e2376f', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: 'b4dbc21fb94e875bf44c540c920808358da30c72', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), h("div", { key: '0d5aed4213390ac89cb1906e52528fe0451a250f', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '95514a4b070d7e8c9f73869acf59c78169a524ac', name: "bottom", onSlotchange: () => this.updateBottomSlotState() })), h("div", { key: '24b2a88b7eb24c2a33cf94313a2f6736249d0cd5', class: "bottom-tab-divider" }), h("div", { key: '6900b0226aeed36a3b643b790a4db230a0635eb6', class: "menu-utility-controls" }, this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), h("div", { key: '2bdaa8799a1fbe9d604f369180184c52618b4d24', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '99f1e2452f900444d365e3c3e2ad438cb48ef7e5', name: "bottom", onSlotchange: () => this.updateBottomSlotState() })), h("div", { key: '0471a885588c5fb70ca704ac066d5dd3e739cb0c', class: "bottom-tab-divider" }), h("div", { key: 'd62d0249f5a20c692e293d67bb1b4e038aa88d27', class: "menu-utility-controls" }, this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showSettings,
@@ -668,14 +676,14 @@ export class Menu {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal, "aria-haspopup": "dialog", "aria-expanded": this.showAbout.toString(), "aria-controls": "menu-overlay" })) : null)), h("div", { key: '4d1cfd95a64cd7b51eadb71131284ed7404af601', id: "popover-area" })), h("section", { key: '730576b8b7214a6aee310c05f67109fe6911b0c5', id: "menu-overlay", role: "dialog", "aria-label": overlayLabel, class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal, "aria-haspopup": "dialog", "aria-expanded": this.showAbout.toString(), "aria-controls": "menu-overlay" })) : null)), h("div", { key: '076482a3461808756d0c028f5e9f8093ac435941', id: "popover-area" })), h("section", { key: 'cc54b807048a80a7284629d763f927d2191c9eec', id: "menu-overlay", role: "dialog", "aria-label": overlayLabel, class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, h("div", { key: 'f2c7e8b61608398eead0080b0b7e9f40702e3eab', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: 'e77e005e8a36e3b243b310254f230d90539fec94', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
+            } }, h("div", { key: 'c50c54c2729eba12801daf7d36bef977ea979ec9', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '8979d180bc1ad06d4fb2f0a2065b4e9d47dabab3', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
     }
     static get is() { return "ix-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,6 +8,9 @@
  */
 import { iconClose } from "@siemens/ix-icons/icons";
 import { forceUpdate, h, Host, } from "@stencil/core";
+/**
+ * @slot default - About overlay content.
+ */
 export class MenuAbout {
     hostElement;
     /**
@@ -76,10 +79,10 @@ export class MenuAbout {
         forceUpdate(this);
     }
     render() {
-        return (h(Host, { key: '56d35aa6c165dfcd963b3a6dce8721bac885aac5', slot: 'ix-menu-about', class: {
+        return (h(Host, { key: '5a2f41b28934b02e58b96bbd17104fb6c59a033b', slot: 'ix-menu-about', class: {
                 show: this.show,
                 ['legacy-tabs']: !this.suppressLegacyTabs,
-            } }, h("div", { key: '08a23deef054843de85fa1d2a6d97f4f8995e298', class: 'about-header' }, h("h2", { key: '9f97df8a9bfb172ebd3b3d549e965570ca20cfc3', class: "text-h2" }, this.label), h("ix-icon-button", { key: 'a007fc7f753a7c1f18c2c7a9639b5008810c70c5', variant: "tertiary", size: "24", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseButton, onClick: (e) => this.close.emit({
+            } }, h("div", { key: '39f148621fb106a682755bd6235460ac74cabf6e', class: 'about-header' }, h("h2", { key: '4a2932a48a28bd92dceb2ce63a97a397b871f89b', class: "text-h2" }, this.label), h("ix-icon-button", { key: '6956aaedb3e4a76735ef1cbe689220a9b43f67cf', variant: "tertiary", size: "24", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseButton, onClick: (e) => this.close.emit({
                 name: 'ix-menu-about',
                 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))));