@siemens/ix 0.0.0-pr-2214-20251017134939 → 0.0.0-pr-2238-20251103095443

package/hydrate/index.js

@@ -372,7 +372,10 @@ function createStyleSheetIfNeededAndSupported(styles2) {
 var globalStyleSheet;
 function createShadowRoot(cmpMeta) {
   var _a;
-  const shadowRoot = this.attachShadow({ mode: "open" });
+  const shadowRoot = this.attachShadow({
+    mode: "open",
+    delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
+  }) ;
   if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported()) != null ? _a : null;
   if (globalStyleSheet) {
     {
@@ -3622,12 +3625,12 @@ class ApplicationLayoutService {
             const match = matchBreakpoint(breakpoint);
             matchBreakpoints.push([breakpoint, match]);
         });
-        if (matchBreakpoints.every(([_, match]) => match === false)) {
+        if (matchBreakpoints.every(([, match]) => match === false)) {
             let breakPointIndex = 0;
             if (!__classPrivateFieldGet$2(this, _ApplicationLayoutService_supportedBreakpoints, "f").includes('lg')) {
                 breakPointIndex = matchBreakpoints.length - 1;
             }
-            const [breakpoint, _] = matchBreakpoints[breakPointIndex];
+            const [breakpoint] = matchBreakpoints[breakPointIndex];
             requestAnimationFrame(() => __classPrivateFieldGet$2(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
             __classPrivateFieldSet$2(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
             return;
@@ -8855,7 +8858,7 @@ class Breadcrumb {
         /**
          * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)
          */
-        this.ghost = true;
+        this.subtle = false;
         /**
          * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list
          * with conditionally hidden previous items
@@ -8892,8 +8895,8 @@ class Breadcrumb {
         const updatedItems = this.getItems();
         updatedItems.forEach((bc, index) => {
             const shouldShowDropdown = this.nextItems.length !== 0 && updatedItems.length - 1 === index;
-            bc.ghost = this.ghost;
-            bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;
+            bc.subtle = this.subtle;
+            bc.hideChevron = updatedItems.length - 1 === index && !shouldShowDropdown;
             bc.isDropdownTrigger = shouldShowDropdown;
             if (shouldShowDropdown) {
                 this.nextButtonRef(bc);
@@ -8901,7 +8904,7 @@ class Breadcrumb {
             if (updatedItems.length < this.visibleItemCount) {
                 return;
             }
-            bc.visible = index >= updatedItems.length - this.visibleItemCount;
+            bc.invisible = index < updatedItems.length - this.visibleItemCount;
         });
         this.items = updatedItems;
     }
@@ -8911,7 +8914,7 @@ class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (hAsync(Host, { key: 'cd3fb633db6e273763b650dee6cf699190f9c66c' }, hAsync("ix-dropdown", { key: '4bb90841a1e65c3c43a5897cd3b7baffa304df6e', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
+        return (hAsync(Host, { key: '12f8783a3a970031434ab062dba6ced47c167570' }, hAsync("ix-dropdown", { key: 'c3d871fa0f8cdc9cb49f5449de13f599452ba323', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef.waitForCurrent()
                 : undefined, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -8924,7 +8927,7 @@ class Breadcrumb {
             return (hAsync("ix-dropdown-item", { label: label, onClick: () => {
                     this.onItemClick(label);
                 }, onItemClick: (event) => event.stopPropagation() }));
-        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (hAsync("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, hAsync("nav", { key: '153d49ef29065bcc78cb3b06a1bcc6341b028cca', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: '1d7dcd947a111b74dcee6779968b52f63e36c984' }, hAsync("slot", { key: 'c9d8ac0c01834d40d2ca1d3acfbb323d04954669' }))), hAsync("ix-dropdown", { key: 'ba8cb0f0ffd45556b76be3e65d45c742ab2312ed', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (hAsync("ix-dropdown-item", { label: item, onClick: (e) => {
+        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (hAsync("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, hAsync("nav", { key: '076d1d44094bbd01bce51daf92bc8ad28f93f224', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'edd1719a74b337e52d6f2e30d7ea7040ef2c1640' }, hAsync("slot", { key: '8ec35c7e353630c9d9ba4839c6d33b7e68a25e74' }))), hAsync("ix-dropdown", { key: '8750f9d8b51762d5a2fc4303e4c34f048383f8fd', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (hAsync("ix-dropdown-item", { label: item, onClick: (e) => {
                 this.nextClick.emit({
                     event: e,
                     item,
@@ -8942,7 +8945,7 @@ class Breadcrumb {
         "$members$": {
             "visibleItemCount": [2, "visible-item-count"],
             "nextItems": [16, "next-items"],
-            "ghost": [4],
+            "subtle": [4],
             "ariaLabelPreviousButton": [1, "aria-label-previous-button"],
             "items": [32],
             "isPreviousDropdownExpanded": [32]
@@ -8966,11 +8969,11 @@ class BreadcrumbItem {
          */
         this.target = '_self';
         /**@internal */
-        this.ghost = true;
+        this.subtle = false;
         /**@internal */
-        this.visible = true;
+        this.invisible = false;
         /**@internal */
-        this.showChevron = true;
+        this.hideChevron = false;
         /** @internal */
         this.isDropdownTrigger = false;
     }
@@ -8994,7 +8997,7 @@ class BreadcrumbItem {
     }
     render() {
         const props = {
-            variant: this.ghost ? 'tertiary' : 'subtle-primary',
+            variant: this.subtle ? 'subtle-primary' : 'tertiary',
             iconOnly: false,
             iconOval: false,
             disabled: false,
@@ -9012,12 +9015,12 @@ class BreadcrumbItem {
             target: this.target,
             rel: this.rel,
         };
-        if (!this.visible) {
+        if (this.invisible) {
             return hAsync(Host, { class: 'invisible' });
         }
         return (hAsync(Host, { class: {
-                'hide-chevron': !this.showChevron,
-            }, onClick: () => this.itemClick.emit(this.label) }, hAsync("li", null, hAsync(BaseButton, Object.assign({}, props, { afterContent: hAsync(Fragment, null, this.showChevron ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "16", class: 'chevron' })) : null) }), this.label, hAsync("slot", null)))));
+                'hide-chevron': this.hideChevron,
+            }, onClick: () => this.itemClick.emit(this.label) }, hAsync("li", null, hAsync(BaseButton, Object.assign({}, props, { afterContent: hAsync(Fragment, null, !this.hideChevron && (hAsync("ix-icon", { name: iconChevronRightSmall, size: "16", class: 'chevron' }))) }), this.label, hAsync("slot", null)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return breadcrumbItemCss; }
@@ -9031,9 +9034,9 @@ class BreadcrumbItem {
             "href": [1],
             "target": [1],
             "rel": [1],
-            "ghost": [4],
-            "visible": [4],
-            "showChevron": [4, "show-chevron"],
+            "subtle": [4],
+            "invisible": [4],
+            "hideChevron": [4, "hide-chevron"],
             "isDropdownTrigger": [4, "is-dropdown-trigger"],
             "a11y": [32]
         },
@@ -9138,7 +9141,7 @@ class Button {
             onClick: () => this.dispatchFormEvents(),
             type: this.type,
             alignment: this.alignment,
-            tabIndex: this.hostElement.tabIndex,
+            tabIndex: 0,
             ariaAttributes: {
                 'aria-label': this.ariaLabelButton,
             },
@@ -9146,17 +9149,18 @@ class Button {
             target: this.target,
             rel: this.rel,
         };
-        return (hAsync(Host, { key: '87b49342dbf1fa27f293186249d69b9962c885b0', tabindex: this.disabled ? -1 : 0, class: {
+        return (hAsync(Host, { key: 'd59ad1ad7693982ea33b27383a41edfca9a59430', class: {
                 disabled: this.disabled || this.loading,
-            }, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: '8b4741d0d010cb4b574e9c751b7aa6666dc5f1e7' }, baseButtonProps), hAsync("slot", { key: 'a6380123ede1305e1f5d6287896324951e56f18e' }))));
+            } }, hAsync(BaseButton, Object.assign({ key: 'd27e0296718f433c7df2896bd73b5991ef302c9a' }, baseButtonProps), hAsync("slot", { key: 'c246c59dfd3406d389b9059020422f7a9779ab67' }))));
     }
+    static get delegatesFocus() { return true; }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
         "form": ["handleFormChange"]
     }; }
     static get style() { return buttonCss; }
     static get cmpMeta() { return {
-        "$flags$": 265,
+        "$flags$": 281,
         "$tagName$": "ix-button",
         "$members$": {
             "ariaLabelButton": [1, "aria-label-button"],
@@ -9635,16 +9639,10 @@ class CategoryFilter {
          */
         this.hideIcon = false;
         /**
-         * If set to true, allows that a single category can be set more than once.
-         * An already set category will not appear in the category dropdown if set to false.
-         *
-         * Defaults to true
-         */
-        this.repeatCategories = true;
-        /**
-         * @internal For debugging purposes only!
+         * If set to true, prevents that a single category can be set more than once.
+         * An already set category will not appear in the category dropdown if set to true.
          */
-        this.tmpDisableScrollIntoView = true;
+        this.uniqueCategories = false;
         /**
          * i18n
          */
@@ -9904,7 +9902,7 @@ class CategoryFilter {
         this.emitFilterEvent();
     }
     filterMultiples(value) {
-        if (this.repeatCategories) {
+        if (!this.uniqueCategories) {
             return true;
         }
         const isCategoryAlreadySet = this.filterTokens.find((token) => token.id === value);
@@ -10050,9 +10048,7 @@ class CategoryFilter {
     componentDidRender() {
         var _a, _b;
         if (this.isScrollStateDirty) {
-            if (!this.tmpDisableScrollIntoView) {
-                (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.scrollIntoView();
-            }
+            (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.scrollIntoView();
             this.isScrollStateDirty = false;
         }
     }
@@ -10094,19 +10090,19 @@ class CategoryFilter {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'b69168fccbcac0b261a929d4a44f6f693001714c' }, hAsync("form", { key: '3bad02565919f5e48674a5228ba0d7635b44a9d1', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '732c413af7883a335c369bb4e2e02763d70f97d1', "read-only": this.readonly, class: {
+        return (hAsync(Host, { key: 'c067de370164a717112829f8be82ac8d786d7622' }, hAsync("form", { key: '2cd185f59a209029a1184790488eb472a8456cbb', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '5d0eed2dacde6318ebe516becdc41b785908c864', "read-only": this.readonly, class: {
                 'input-container': true,
                 disabled: this.disabled,
                 focus: this.hasFocus,
                 readonly: this.readonly,
                 'no-icon': this.hideIcon,
-            } }, hAsync("ix-icon", { key: '67181824a8f1632c95fb686e0f6bc68c66fee398', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '57d870d48eac869af8ae3a138e0ed10b7b781fcb', class: "token-container" }, hAsync("div", { key: '6fca67b428e8e9b5cef5e9e9980c220b1517c331', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
+            } }, hAsync("ix-icon", { key: 'ec27370c08d6882c85f29dafb7c9cbf2655cbacf', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '277a47c6cc91d6b631c01ae4b3f8f21cca29943e', class: "token-container" }, hAsync("div", { key: 'c086102952499cbd43ae910d745be5ef0aa44e40', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
                 animate__animated: true,
                 animate__fadein: true,
             } }, hAsync("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (hAsync("span", { class: {
                 'category-preview': true,
                 'display-none': this.category === '',
-            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '2796b54f0a20bbd63ac98e1fadc087caf1a55d27', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '7f2bdc80da327d2c40f7031259618131a391bd7c', class: {
                 'text-input': true,
                 'hide-placeholder': this.readonly || this.disabled || this.category !== '',
             }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes, { "aria-label": this.ariaLabelFilterInput })))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (hAsync("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_c = this.textInput) === null || _c === void 0 ? void 0 : _c.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader() }, this.renderDropdownContent()))));
@@ -10130,8 +10126,7 @@ class CategoryFilter {
             "icon": [1],
             "hideIcon": [4, "hide-icon"],
             "staticOperator": [1, "static-operator"],
-            "repeatCategories": [4, "repeat-categories"],
-            "tmpDisableScrollIntoView": [4, "tmp-disable-scroll-into-view"],
+            "uniqueCategories": [4, "unique-categories"],
             "labelCategories": [1, "label-categories"],
             "i18nPlainText": [1, "i18n-plain-text"],
             "ariaLabelResetButton": [1, "aria-label-reset-button"],
@@ -10545,10 +10540,10 @@ class Chip {
          */
         this.variant = 'primary';
         /**
-         * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation)
+         * Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation)
          * will be possible and also the close button will not be present.
          */
-        this.active = true;
+        this.inactive = false;
         /**
          * Show close icon
          */
@@ -10589,7 +10584,6 @@ class Chip {
         return (hAsync("ix-tooltip", { for: this.containerElementRef.waitForCurrent() }, text));
     }
     render() {
-        const isInactive = this.active === false;
         let customStyle = {};
         if (this.variant === 'custom') {
             customStyle = {
@@ -10597,16 +10591,16 @@ class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '615e9cde354e947cfedf93f5d7049a55acd742f9', tabIndex: "-1", class: {
-                inactive: isInactive,
+        return (hAsync(Host, { key: 'a9d49af6fa315e993d7e6968037eec933ac7beb4', tabIndex: "-1", class: {
+                inactive: this.inactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, hAsync("div", { key: '64c04ae766296f7913ea662db14b5ec3e3828193', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, hAsync("div", { key: '68e9b1b7cdcd51c0ea62d1e907749d6019346411', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
-                inactive: isInactive,
+                inactive: this.inactive,
                 alarm: this.variant === 'alarm',
                 critical: this.variant === 'critical',
                 info: this.variant === 'info',
@@ -10618,11 +10612,11 @@ class Chip {
                 closable: this.closable,
                 icon: !!this.icon,
                 centerContent: this.centerContent,
-            } }, hAsync("div", { key: 'b56a1240130fb26f2d31a946e1d1b3199e851836', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '546438997d8e9727f9d410c9c3a7be16a0f9c858', class: {
+            } }, hAsync("div", { key: '6880ba6bb16fb14ce2e3fb6e3575539a5c1c182a', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '85ede4a45b6705d95e0d3d2ff602a75bce77c4fa', class: {
                 'with-icon': true,
             }, name: this.icon, size: '24', style: this.variant === 'custom'
                 ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), hAsync("span", { key: '0b7f723b1a687a0377f6b1d128d167c24c0ee43a', class: "slot-container" }, hAsync("slot", { key: '11dd6b1a9c781500c96d37563279f0359276c26d' }))), isInactive === false && this.closable ? this.getCloseButton() : null), this.getTooltip()));
+                : undefined })), hAsync("span", { key: '3b7bd50643a4f5b3ba25c612eb29cbd8218d0aa2', class: "slot-container" }, hAsync("slot", { key: '0d282990c3bbc56eb96dd9373ff66b61fac0b1f9' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return chipCss; }
@@ -10631,7 +10625,7 @@ class Chip {
         "$tagName$": "ix-chip",
         "$members$": {
             "variant": [513],
-            "active": [4],
+            "inactive": [4],
             "closable": [4],
             "icon": [1],
             "background": [1],
@@ -18716,9 +18710,9 @@ class DateDropdown {
          */
         this.format = 'yyyy/LL/dd';
         /**
-         * If true a range of dates can be selected.
+         * If true disables date range selection (from/to).
          */
-        this.range = true;
+        this.singleSelection = false;
         /**
          * Picker date. If the picker is in range mode this property is the start date.
          * If set to `null` no default start date will be pre-selected.
@@ -18763,11 +18757,11 @@ class DateDropdown {
          */
         this.showWeekNumbers = false;
         /**
-         * Controls whether the user is allowed to pick custom date ranges in the component.
-         * When set to 'true', the user can select a custom date range using the date picker.
-         * When set to 'false', only predefined time date ranges are available for selection.
+         * Controls whether custom date range selection is disabled in the component.
+         * When set to 'false', the user can select a custom date range using the date picker.
+         * When set to 'true', only predefined time date ranges are available for selection.
          */
-        this.customRangeAllowed = true;
+        this.customRangeDisabled = false;
         /**
          * An array of predefined date range options for the date picker.
          * Each option is an object with a label describing the range and a function
@@ -18841,7 +18835,7 @@ class DateDropdown {
     initialize() {
         const isCustomRange = this.dateRangeId === 'custom' ||
             (!this.dateRangeId && !!this.from && !!this.to);
-        if (isCustomRange && this.customRangeAllowed) {
+        if (isCustomRange && !this.customRangeDisabled) {
             this.selectedDateRangeId = 'custom';
             this.updateCurrentDate();
             return;
@@ -18911,21 +18905,21 @@ class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'b977b971c393e2decb1ee6b5d9a0f289b97a9d49' }, hAsync("ix-button", { key: 'bb9b321daff499f439d555a5bdaca1beac6d945c', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), hAsync("ix-dropdown", { key: 'a9b816ca1356acaf7de353b30bfd0b248adddb67', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
+        return (hAsync(Host, { key: 'b0c80bf0c01f34eccf3ffd03cab8cb4598122b8e' }, hAsync("ix-button", { key: '19fc20d03477850083cc6274ea8b4269fb827365', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), hAsync("ix-dropdown", { key: '8b0260dd47fd1e6267b539ef0f12a544f3817c93', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
                 if (!show &&
                     this.selectedDateRangeId === 'custom' &&
                     this.datePickerTouched &&
                     this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
-            } }, hAsync("ix-layout-grid", { key: '506cb9851836d4afd5cd3389392134711dbf6d06', noMargin: true }, hAsync("ix-row", { key: '3535f191761b9eba9acce33a00cfb0e57fb8dfcf' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '18aa27777967221e10c5e64463b2f06d00f5cb86', class: {
+            } }, hAsync("ix-layout-grid", { key: '827aa5f75b7351f7194800e5d08e99be05550674', noMargin: true }, hAsync("ix-row", { key: '31a94fc990f9f4a30f3259e1148e897d512b3408' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '4c6222ffde5a8f8644f7e4030f5942e148014e2f', class: {
                 'no-margin': true,
                 'border-right': this.selectedDateRangeId === 'custom',
-            } }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: '99819aa2022de83a79f9a405e875dd0749ce7e8c', hidden: !this.customRangeAllowed }, hAsync("ix-dropdown-item", { key: 'd60f7d8ada6b1a8835289b39f70c4a2082c3bddc', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: 'b20fd6accb39f3f91450c9474b726ec5cd80a7e7', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: '69fe830b8d426b735274ada9e2d600dd0b402f42' }, hAsync("ix-date-picker", { key: 'bcfd9bcfa0517dfd8947ce39668bfd2a9e732708', standaloneAppearance: false, locale: this.locale, onDateChange: (e) => {
+            } }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: '7c6e52ce4e81ba257925eaf9dae155d1fff0bcf1', hidden: this.customRangeDisabled }, hAsync("ix-dropdown-item", { key: '6be7c3b1b827a75c51f82edd8971b3cc53f8167c', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: 'a8119f9199cb8e4e162688bfdcf4f91242fbd5b7', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: 'bd24f234a02cc55ed73df93ca6d6791d11d9ad77' }, hAsync("ix-date-picker", { key: '0aaf7e9c3ee79d9d232eed14fb840e246caddd20', embedded: true, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
                 this.datePickerTouched = true;
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, range: this.range, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), hAsync("div", { key: '08f452db2c829fbb0e6e25e0c3ea38bb0c4a5361', class: "pull-right" }, hAsync("ix-button", { key: '33b0f283488347219afb840cfcdf92e308da58de', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), hAsync("div", { key: 'f2bd49f4ca5012eb32fc4e859bb6e9da2cd25f3d', class: "pull-right" }, hAsync("ix-button", { key: '18cb506d16700b59884660c4d8afb63c6e66400b', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
@@ -18946,7 +18940,7 @@ class DateDropdown {
         "$members$": {
             "disabled": [4],
             "format": [1],
-            "range": [4],
+            "singleSelection": [4, "single-selection"],
             "from": [1],
             "to": [1],
             "minDate": [1, "min-date"],
@@ -18956,7 +18950,7 @@ class DateDropdown {
             "loading": [4],
             "showWeekNumbers": [4, "show-week-numbers"],
             "ariaLabelDropdownButton": [1, "aria-label-dropdown-button"],
-            "customRangeAllowed": [4, "custom-range-allowed"],
+            "customRangeDisabled": [4, "custom-range-disabled"],
             "dateRangeOptions": [16, "date-range-options"],
             "locale": [1],
             "weekStartIndex": [2, "week-start-index"],
@@ -19644,10 +19638,10 @@ class DateInput {
                 readonly: this.readonly,
             } }, hAsync("ix-field-wrapper", { key: '5e8c3a6dd37625cb818438fd8e0c7bef6daa46a1', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '5bffd40d906d1e1e929b4a6041ff2cec6f857d34', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-date-picker", { key: '56b7f9d28a733952ee5ea0e1555f88295f10f50e', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
+            } }, hAsync("ix-date-picker", { key: '8237c6eca404f1f11a921d965a7a0b7817072cf7', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
-            }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, standaloneAppearance: false }))));
+            }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -19777,7 +19771,7 @@ function OnListener(event, fnExp) {
     };
 }
 
-const datePickerCss = ":host{display:block;position:relative;width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:first-child{width:24px}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
+const datePickerCss = ":host{display:block;position:relative;width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -19809,9 +19803,9 @@ class DatePicker {
          */
         this.format = 'yyyy/LL/dd';
         /**
-         * If true a date-range can be selected (from/to).
+         * If true disables date range selection (from/to).
          */
-        this.range = true;
+        this.singleSelection = false;
         /**
          * Corner style
          */
@@ -19842,7 +19836,7 @@ class DatePicker {
          */
         this.showWeekNumbers = false;
         /** @internal */
-        this.standaloneAppearance = true;
+        this.embedded = false;
         /** @internal */
         this.today = DateTime.now().toISO();
         this.selectedYear = 0;
@@ -19898,7 +19892,7 @@ class DatePicker {
         const _to = ((_c = this.currToDate) === null || _c === void 0 ? void 0 : _c.isValid)
             ? (_d = this.currToDate) === null || _d === void 0 ? void 0 : _d.toFormat(this.format)
             : undefined;
-        if (this.range) {
+        if (!this.singleSelection) {
             return {
                 from: _from,
                 to: _to,
@@ -20148,7 +20142,7 @@ class DatePicker {
             return;
         }
         const date = DateTime.fromJSDate(new Date(this.selectedYear, this.selectedMonth, selectedDay));
-        if (!this.range || this.currFromDate === undefined) {
+        if (this.singleSelection || this.currFromDate === undefined) {
             this.currFromDate = date;
             this.onDateChange();
             return;
@@ -20174,7 +20168,7 @@ class DatePicker {
     onDateChange() {
         this.getCurrentDate().then((date) => {
             this.dateChange.emit(date);
-            if (this.range) {
+            if (!this.singleSelection) {
                 this.dateRangeChange.emit(date);
             }
         });
@@ -20187,12 +20181,12 @@ class DatePicker {
             'calendar-item': true,
             'empty-day': day === undefined,
             today: todayObj.hasSame(selectedDayObj, 'day'),
-            selected: ((_a = this.currFromDate) === null || _a === void 0 ? void 0 : _a.hasSame(selectedDayObj, 'day')) ||
-                ((_b = this.currToDate) === null || _b === void 0 ? void 0 : _b.hasSame(selectedDayObj, 'day')),
-            range: this.currFromDate &&
+            selected: !!(((_a = this.currFromDate) === null || _a === void 0 ? void 0 : _a.hasSame(selectedDayObj, 'day')) ||
+                ((_b = this.currToDate) === null || _b === void 0 ? void 0 : _b.hasSame(selectedDayObj, 'day'))),
+            range: !!(this.currFromDate &&
                 selectedDayObj.startOf('day') > this.currFromDate.startOf('day') &&
                 this.currToDate !== undefined &&
-                selectedDayObj.startOf('day') < ((_c = this.currToDate) === null || _c === void 0 ? void 0 : _c.startOf('day')),
+                selectedDayObj.startOf('day') < ((_c = this.currToDate) === null || _c === void 0 ? void 0 : _c.startOf('day'))),
             disabled: !this.isWithinMinMaxDate(selectedDayObj),
         };
     }
@@ -20259,7 +20253,7 @@ class DatePicker {
         return rows;
     }
     render() {
-        return (hAsync(Host, { key: '3b20ed51203020978076dedd30ac649d16d7fd80' }, hAsync("ix-date-time-card", { key: 'a005b3d5e293d1985d0130b343e260f0c5eb9451', corners: this.corners, standaloneAppearance: this.standaloneAppearance }, hAsync("div", { key: '93646df15f3c696b994a5bf70d69c37514aaebd4', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: 'f523e9357c8584bd244138964b2a04364d4937c2', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: '038c847b675c52204e25af48175b260ae1fb0ae2', class: "selector" }, hAsync("ix-button", { key: 'e6c55b9c49452e03c9c5810d4e6a8a6363dfbc24', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: 'a1a1a13112a61835a766ecbc64088d8b6f4bf4b2', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '6b769eb21fb7effecc71f169e43155ae2b71055e', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '40403e97d28c97fd1da57968051e7ee4381ce307', class: "wrapper" }, hAsync("div", { key: '930ab7db24ffe11d38fd01c01599d8b8b4c9bb66', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '4204d51c76c8420673966c9f98270dafdf78aebd', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
+        return (hAsync(Host, { key: '42d2c188cd731f5a7328dd1ce481f660101d7a09' }, hAsync("ix-date-time-card", { key: 'f2d961f0b5aff7ff940ca19eb3a436462ca05e99', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: '196010db71c2325a06dbfe0c0ba532e2e09b9fb2', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '585f9ba06de70c8f20a3de2b1b6cf98ccdec1c19', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: '8d4222010c3ed656b21e0d75bf6013e0d7c19179', class: "selector" }, hAsync("ix-button", { key: '4a3dca3a156d8461c58a43ac2063a8416328eabb', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: 'bc208dd3649f23fa34b7ec577ccfd5f21cd35366', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '22175d2d9b7624b6f1de915c53e9b1fdd1bd1a15', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '2737cf0b9d6e5de84f3e875e8db015313eb1767e', class: "wrapper" }, hAsync("div", { key: '7a1cfb1f62cdbc0926ee1d50a6b515c762e54430', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '53b4d6194cac8ff5579002adbeea59be73a872b8', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
                 if (month === this.monthNames[0]) {
                     this.firstMonthRef(ref);
                 }
@@ -20273,10 +20267,10 @@ class DatePicker {
                 hidden: this.tempYear !== this.selectedYear ||
                     this.tempMonth !== index,
                 checkPosition: true,
-            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '2a36d2b492c6f3761d6538945ebdc627bc082efc', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '09fee287b15f21b7f615f52d1bbfd3baea3d2356', class: {
+            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: 'c9d4d4885134a651f4ee37f6ab7bc5bc92d06afc', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '24ce38b7091fa6d8e712daaba8fd94d8e1364df3', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && hAsync("div", { key: 'b07745571edb138152eba523bea081ce49c3637e', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
+            } }, this.showWeekNumbers && hAsync("div", { key: '27a12760475ceb0d93531b541e499c4d8274acee', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
             return (hAsync(Fragment, null, this.showWeekNumbers && (hAsync("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
                 return day ? (hAsync("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
                         const target = e.currentTarget;
@@ -20288,10 +20282,10 @@ class DatePicker {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (hAsync("div", null));
             })));
-        })), hAsync("div", { key: '5dc8efc666c7568ec2a3f59d5fa862e6a128c9e9', class: {
+        })), hAsync("div", { key: '5bca82f35ddda23816f7bdab87abbf7d52152325', class: {
                 button: true,
-                hidden: !this.range || !this.standaloneAppearance,
-            } }, hAsync("ix-button", { key: 'e42f6039dc5e3fb17dc105208c6028953281feff', onClick: () => this.onDone() }, this.i18nDone)))));
+                hidden: this.singleSelection || this.embedded,
+            } }, hAsync("ix-button", { key: 'f41c4b85162e1c199e079276b7ccfab3fb9149bd', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20305,7 +20299,7 @@ class DatePicker {
         "$tagName$": "ix-date-picker",
         "$members$": {
             "format": [1],
-            "range": [4],
+            "singleSelection": [4, "single-selection"],
             "corners": [1],
             "from": [1],
             "to": [1],
@@ -20317,7 +20311,7 @@ class DatePicker {
             "weekStartIndex": [2, "week-start-index"],
             "locale": [1],
             "showWeekNumbers": [4, "show-week-numbers"],
-            "standaloneAppearance": [4, "standalone-appearance"],
+            "embedded": [4],
             "today": [1],
             "currFromDate": [32],
             "currToDate": [32],
@@ -20359,20 +20353,15 @@ class DateTimeCard {
          * Display footer
          */
         this.hasFooter = false;
-        /**
-         * set styles
-         */
-        this.individual = true;
         /**
          * Set corners style
          */
         this.corners = 'rounded';
     }
     cardClasses() {
-        var _a;
         return {
             card: true,
-            standaloneAppearance: (_a = this.standaloneAppearance) !== null && _a !== void 0 ? _a : this.individual,
+            standaloneAppearance: this.embedded === false,
             rounded: this.corners === 'rounded',
             left: this.corners === 'left',
             right: this.corners === 'right',
@@ -20380,21 +20369,20 @@ class DateTimeCard {
         };
     }
     render() {
-        return (hAsync(Host, { key: '1917611940e9015bd69c54a4d727490e32c6296a' }, hAsync("div", { key: 'd962cf1ab891fb257bdef627c19bf5265ac7ad06', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '97ede2ac6f96e0802cd47deaa2ac19a6ffbb5d9c', class: "header-container" }, hAsync("div", { key: '14dc85b4c1141543db4069245981712e4ddc6632', class: "header" }, hAsync("slot", { key: '2f1656c886787682ed7b6c6cc340476664f61cee', name: "header" })), hAsync("div", { key: '6e5931822bd606f3c5851528ba2a61dde147eabc', class: "separator" }))), hAsync("div", { key: '1c90b793333c65471f03a8201206968b7f9e754c', class: {
+        return (hAsync(Host, { key: '0429648eb4c31bde407975b519809a5a6fd8043a' }, hAsync("div", { key: '21434d00d886949b32554468fdca445b2b5cf76f', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '7ef2b75a31b0e75646010e7f02a8dc338117d627', class: "header-container" }, hAsync("div", { key: 'bb3e80cbc6b1c9b5c9171638726074122cd91908', class: "header" }, hAsync("slot", { key: '6ae65febb1ee7862df7dcc781fa68286bd0b7d5e', name: "header" })), hAsync("div", { key: 'd4d63d904222fbc638a04ee16e11ceea03f03e0e', class: "separator" }))), hAsync("div", { key: '0f299d9c0743f2b9e0c9f7a0e2504e51471d4475', class: {
                 content: true,
                 'content--time-picker': this.timePickerAppearance,
-            } }, hAsync("slot", { key: '9048c1df91da871f53bc050a83c50ccdc94cbaf4' })), this.hasFooter && (hAsync("div", { key: 'e3dcb1d1dc3aaaef5e7fca2456dd8fa84d0d5b05', class: "footer-container" }, hAsync("div", { key: '6f1433df5e0a8fcc4ecc5b49312e84ace6c25a2c', class: "separator" }), hAsync("div", { key: 'fa7fd4952aeb197504dd660857846c7d50146ebe', class: "footer" }, hAsync("slot", { key: '0493e93bf1fc30281bfe9e1e0fdc051d68edba61', name: "footer" })))))));
+            } }, hAsync("slot", { key: '6c955414005a3d9e004f1f69ded181f60f59dee5' })), this.hasFooter && (hAsync("div", { key: '09348617c1986599e342b209518727bd65976078', class: "footer-container" }, hAsync("div", { key: 'c3b84578c1acf0f8c9f01dcf8b9ec30364408a89', class: "separator" }), hAsync("div", { key: '2cd97f773f26fb1e48fa4f5bf459c3531379b22b', class: "footer" }, hAsync("slot", { key: 'f079e60d93d18c34030ff23f0d8f2043b9a2d85e', name: "footer" })))))));
     }
     static get style() { return dateTimeCardCss; }
     static get cmpMeta() { return {
         "$flags$": 265,
         "$tagName$": "ix-date-time-card",
         "$members$": {
-            "standaloneAppearance": [4, "standalone-appearance"],
+            "embedded": [4],
             "timePickerAppearance": [4, "time-picker-appearance"],
             "hideHeader": [4, "hide-header"],
             "hasFooter": [4, "has-footer"],
-            "individual": [4],
             "corners": [1]
         },
         "$listeners$": undefined,
@@ -20412,27 +20400,9 @@ class DatetimePicker {
         this.dateChange = createEvent(this, "dateChange", 7);
         this.dateSelect = createEvent(this, "dateSelect", 7);
         /**
-         * If true a date-range can be selected (from/to).
+         * If true disables date range selection (from/to).
          */
-        this.range = true;
-        /**
-         * Show hour input
-         *
-         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
-         */
-        this.showHour = true;
-        /**
-         * Show minutes input
-         *
-         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
-         */
-        this.showMinutes = true;
-        /**
-         * Show seconds input
-         *
-         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
-         */
-        this.showSeconds = true;
+        this.singleSelection = false;
         /**
          * Date format string.
          * See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.
@@ -20493,17 +20463,14 @@ class DatetimePicker {
         this.timeChange.emit(time);
     }
     render() {
-        return (hAsync(Host, { key: '92375c17933eb17041b078bbf8622552ded46226' }, hAsync("ix-layout-grid", { key: '012e77c15f250b7290926ef0cc9ea65ddfdc556f', class: "no-padding" }, hAsync("ix-row", { key: 'f495ce2c17a5ae0614be00b56a8be1214848e1cb' }, hAsync("ix-col", { key: 'd2863b9d3b90ed0e5d301ae595aec677f01a835f' }, hAsync("ix-date-picker", { key: '6586694bc13fc752d2fb29f2728ceb37ca31c336', ref: (ref) => (this.datePickerElement = ref), corners: "left", range: this.range, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, standaloneAppearance: false, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: 'e8ea30ea905b964be809634e21f17a57d664c62d' }, hAsync("ix-time-picker", { key: '106449dfab4cc641f179aea35068f36e95f50140', class: "min-width", ref: (ref) => (this.timePickerElement = ref), standaloneAppearance: false, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, textTime: this.i18nTime, time: this.time, showHour: this.showHour, showMinutes: this.showMinutes, showSeconds: this.showSeconds }), hAsync("div", { key: 'f4c41e1e9e9513a6a37b7f0111d64ef9e6be1adf', class: "btn-select-date-container" }, hAsync("ix-button", { key: '9fc8c6549c17e40a062e8e8a387e564822de4842', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
+        return (hAsync(Host, { key: '91fb1dbd40b48c37c207de3f173e19ed72f3b6c3' }, hAsync("ix-layout-grid", { key: '0a9fc8ae63d59ba14185a12d3eb126351f4f67c4', class: "no-padding" }, hAsync("ix-row", { key: '31e56d9e8a7ca4a6afd5754f0caf28eb494d68cd' }, hAsync("ix-col", { key: '1df4729e7703d4f48d19233774a8fead11b74553' }, hAsync("ix-date-picker", { key: '80923eee970fc1c163a94986c109e13f09d3a606', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: 'd081455e2f00a9917e11902a70cb882a84e23615' }, hAsync("ix-time-picker", { key: '4602c3ca1b899ec283aa9469ce5fcdf4ba4a70fc', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), hAsync("div", { key: '1329ef1e1af1b22de5f4754ee02452a4d1aabb6b', class: "btn-select-date-container" }, hAsync("ix-button", { key: '01efc3c5d4f72bd74a670a267a28e864c3e643fe', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
     }
     static get style() { return datetimePickerCss; }
     static get cmpMeta() { return {
         "$flags$": 265,
         "$tagName$": "ix-datetime-picker",
         "$members$": {
-            "range": [4],
-            "showHour": [4, "show-hour"],
-            "showMinutes": [4, "show-minutes"],
-            "showSeconds": [4, "show-seconds"],
+            "singleSelection": [4, "single-selection"],
             "minDate": [1, "min-date"],
             "maxDate": [1, "max-date"],
             "dateFormat": [1, "date-format"],
@@ -20564,6 +20531,7 @@ class Drawer {
         /**
          * Fired in case of an outside click during drawer showed state
          */
+        // eslint-disable-next-line @stencil-community/ban-default-true
         this.closeOnClickOutside = true;
         /**
          * Render the drawer with maximum height
@@ -20674,7 +20642,7 @@ class Drawer {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (hAsync(Host, { key: '7be961a99e8e7ada4525260428b8cb05e9699813', class: {
+        return (hAsync(Host, { key: '16521422bdb7a66912901a8d1d156772c31c588a', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -20682,15 +20650,15 @@ class Drawer {
                 'max-width': `${this.maxWidth}rem`,
                 height: this.fullHeight ? '100%' : 'auto',
                 overflow: 'hidden',
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '5c2b3998afbfb0d0f01b2a2634c6e6d28077af27', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '8f1c103f6bb03c362a492031e2ad92bcf25d89cc', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, hAsync("div", { key: 'b82cde6e8125ea023a8d553434ec399f681038a9', class: "header" }, hAsync("div", { key: '5aa258a2f3cdcb742993993ea0ed9bca152c2db3', class: "header-content" }, hAsync("slot", { key: 'ef89dbef6fbc0cad872effee17836f82be5dc219', name: "header" })), hAsync("ix-icon-button", { key: '461b4ece5fb4933b84174f51ee25d7de19de3843', class: "close-button", style: {
+            } }, hAsync("div", { key: '7ff4e51b1f93fb7f686db4915ee838f32f61ae86', class: "header" }, hAsync("div", { key: '7c748e9f1e9c2b5468fd524844dfc761069572f2', class: "header-content" }, hAsync("slot", { key: 'ea0ef18347626104852b149f3944165932f9d661', name: "header" })), hAsync("ix-icon-button", { key: 'a446d3e8cb7648d320cd4ea31899d2b289afbabe', class: "close-button", style: {
                 display: this.showContent ? 'block' : 'none',
-            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: 'f1d1735e2ae9d8ee33771bd3d11459bb3ac84d65', class: "content", style: {
+            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: '87f799aa707aceefa145a0b547761f587593d8e2', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, hAsync("slot", { key: 'c1506217b6b73a685df75906356c3c1f29470d46' })))));
+            } }, hAsync("slot", { key: 'aea1e984256bb60bcb6c6a6721988b86decdfca0' })))));
     }
     static get watchers() { return {
         "show": ["onShowChanged"]
@@ -23261,9 +23229,9 @@ class EventList {
          */
         this.compact = false;
         /**
-         * Animate state change transitions. Defaults to 'true'.
+         * Animate state change transitions. Defaults to 'false'.
          */
-        this.animated = true;
+        this.animated = false;
         /**
          * Display a chevron icon in list items. Defaults to 'false'
          */
@@ -23364,11 +23332,11 @@ class EventList {
         });
     }
     render() {
-        return (hAsync(Host, { key: '754948a81d85157177bfff7afeee4f4851540c4d', class: {
+        return (hAsync(Host, { key: '700b662ebfba2754f0c4c0d3bf09e95c5277760d', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, hAsync("div", { key: '27c68dcf3eeddc91e31bd1bb3abd3f933aa3cbdf', role: "list" }, hAsync("slot", { key: '828bb7c4b9b39cfb6aff66f0cbe35b0705ae6419' }))));
+            } }, hAsync("div", { key: 'ebfed96ff53b21d49c9b9464978c79faa22210e0', role: "list" }, hAsync("slot", { key: '4df468a4c4cc9643dae0b13f7b88df3402e3beaf' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23425,17 +23393,17 @@ class EventListItem {
         let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
             ? `var(${this.itemColor})`
             : `var(--theme-${this.itemColor})`;
-        return (hAsync(Host, { key: '0b0256a7b03a9e742ac1b5dd30db6fbd2b7e9802', class: {
+        return (hAsync(Host, { key: 'd03c2d90446a33d65d9a8899e4966b7493126b50', class: {
                 disabled: this.disabled,
                 [`event-list-item-${this.variant}`]: true,
-            } }, hAsync("div", { key: '0feb7943a6882910c360f788382c57ec1f7d26b1', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, hAsync("div", { key: 'fef59b96300f41b2454dc5033d070cc49a3418f5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '526e1c4508184fd3b16451bb5075b69e2b688905', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, hAsync("div", { key: '5d9cee6f17423412e512046cb2db08e67e8bf692', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), hAsync("div", { key: 'c2ec2d86f0e727421c251b53ef4069d3da84407c', class: "event-list-item-container" }, hAsync("div", { key: '665715b3f2d211749f31cf106951e53fc91f5c60', class: "event-content" }, hAsync("slot", { key: '92188344c47b03ee97a4742e2482ca30ca8fcd97' })), this.chevron && (hAsync("ix-icon", { key: '309c470ebad865c335d541980e0113f9dbf293fc', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
+            } }), hAsync("div", { key: '19c487ecf53c8e3b277ed01d4e894cb60b314484', class: "event-list-item-container" }, hAsync("div", { key: '272e1d5326384ee10820219d010c2210632c1aaf', class: "event-content" }, hAsync("slot", { key: 'e901ca6e3059c187f5f3711610edaa9325f85112' })), this.chevron && (hAsync("ix-icon", { key: '5193a58d44e7a7d5c903d64c2c757575e9711806', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
     }
     static get style() { return eventListItemCss; }
     static get cmpMeta() { return {
@@ -24010,22 +23978,22 @@ class FormFieldLabel {
     }; }
 }
 
-const groupCss = ":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";
+const groupCss = ":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{height:calc(4rem - 2px);min-height:calc(4rem - 2px);border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-selection-indicator{width:calc(0.25rem - 1px)}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-content{padding:calc(0.5rem - 1px) calc(0.5rem - 1px) calc(0.5rem - 1px) 0}:host .group-header:not(.disabled):not(:disabled):focus-visible .btn-expand-header{margin-top:calc(0.5rem - 1px);margin-bottom:calc(0.5rem - 1px)}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";
 
 class Group {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.selectGroup = createEvent(this, "selectGroup", 7);
         this.selectItem = createEvent(this, "selectItem", 7);
-        this.collapsedChanged = createEvent(this, "collapsedChanged", 7);
+        this.expandedChanged = createEvent(this, "expandedChanged", 7);
         /**
          * Prevent header from being selectable
          */
         this.suppressHeaderSelection = false;
         /**
-         * Whether the group is collapsed or expanded. Defaults to true.
+         * Whether the group is expanded or collapsed. Defaults to false.
          */
-        this.collapsed = true;
+        this.expanded = false;
         /**
          * Whether the group is selected.
          */
@@ -24057,12 +24025,12 @@ class Group {
         return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.group-content');
     }
     onExpandClick(event) {
-        const oldCollapsed = this.collapsed;
-        this.collapsed = !this.collapsed;
-        const { defaultPrevented } = this.collapsedChanged.emit(this.collapsed);
+        const oldExpanded = this.expanded;
+        this.expanded = !this.expanded;
+        const { defaultPrevented } = this.expandedChanged.emit(this.expanded);
         event.stopPropagation();
         if (defaultPrevented) {
-            this.collapsed = oldCollapsed;
+            this.expanded = oldExpanded;
         }
     }
     onHeaderClick(event) {
@@ -24143,27 +24111,27 @@ class Group {
         }
     }
     render() {
-        return (hAsync(Host, { key: '58701d250c8e595737fa95f9981e788298e26c2a' }, hAsync("div", { key: '0f754f0be1fe8278e882447cd95f84384b82c467', class: {
+        return (hAsync(Host, { key: '3f0490f98871cd258f1a7735587c5c994787b5f3' }, hAsync("div", { key: '85a820e8677768ac5952862d6860bf67ddddd06b', class: {
                 'group-header': true,
-                expand: !this.collapsed,
+                expand: this.expanded,
                 selected: this.selected,
-            }, tabindex: "0" }, hAsync("div", { key: 'b15eddf0aa21c1f392c49974624c4d66f7ca441f', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '5987826be949fabd86fe4ab2d5da9f6ee92becde', class: {
+            }, tabindex: "0" }, hAsync("div", { key: 'eb02896f695cf74d19a0c17e732886ba2791cae8', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '6c361a6e2bb2b9e9614f726c72d943bb540c6e6f', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), hAsync("div", { key: 'fb364b83a2dff3fcacbd661e6093ce8b975e3930', class: "btn-expand-header" }, hAsync("ix-icon", { key: 'd308f69c7d8e12d34d3442ce9a318a91b67c2033', "data-testid": "expand-collapsed-icon", class: {
+            } }), hAsync("div", { key: '957fddd2512cb0004889bb8627dca06a24172678', class: "btn-expand-header" }, hAsync("ix-icon", { key: '5e6d9f54bd16530b6ee35be0ae2429075574f7af', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.collapsed ? iconChevronDownSmall : iconChevronUpSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: 'c5bad9a9cb3d025b5ea2bf1b85f471687959c69b', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: '2b7b1d241e9a33609d5b28653aaeeb4a51bb64af', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: 'eb3c896e413299db1b9ce93173b9d926d938e3e1' }, hAsync("slot", { key: '35670588a1f87409787c75fc32d34bfa9355d160', name: "dropdown" })))), hAsync("div", { key: '11254313bc4e541b69f38071c027cdfd0ef735f5', class: {
+            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '7afbcddcae71944c3d89f4671c52faec405072da', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: '434daedde0c193250cc55ecef24a648427d93521', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: '4c3e93b8fe830a7d3e40c9560b5821a44e82a076' }, hAsync("slot", { key: '509f13fadad10aa375da8d823692c869031e51c5', name: "dropdown" })))), hAsync("div", { key: '1fbc03459ee2ce55b44f2393898ced6fd8d767ca', class: {
                 'group-content': true,
-            } }, hAsync("div", { key: '0c24d4903f217ded9c6330b349de13abc77b464b', style: {
-                display: this.collapsed ? 'none' : 'contents',
-            } }, hAsync("slot", { key: '45e1064fa54bb32ad27ac9f502cb4ec9a38963bf', onSlotchange: () => {
+            } }, hAsync("div", { key: 'e5c7ab27d286eb9a3e56d906cff40009fcd9c317', style: {
+                display: this.expanded ? 'contents' : 'none',
+            } }, hAsync("slot", { key: '270b3877b50ad67ad95ef1bf6ac28aa7a6bfc1ae', onSlotchange: () => {
                 var _a;
                 const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = hasSlottedElements(slot);
-            } }), hAsync("ix-group-item", { key: '81b3018f3cbafbcaf8c7ec0bad46b538944423b0', suppressSelection: true, focusable: false, class: {
+            } }), hAsync("ix-group-item", { key: '1a44451e3855c4e7fa22d1aefa4df34692dc3453', class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            } }, hAsync("slot", { key: 'e39c3a323325c7b6b1a2bc02c3c3fa47ad421a5d', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '221292d8be0d15548275e6a24e4f3fcbccd3d2dc', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24177,7 +24145,7 @@ class Group {
             "suppressHeaderSelection": [4, "suppress-header-selection"],
             "header": [1],
             "subHeader": [1, "sub-header"],
-            "collapsed": [1540],
+            "expanded": [1540],
             "selected": [1540],
             "index": [1538],
             "expandOnHeaderClick": [4, "expand-on-header-click"],
@@ -24189,7 +24157,7 @@ class Group {
         },
         "$listeners$": [[0, "selectedChanged", "onItemClicked"]],
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["collapsed", "collapsed"], ["selected", "selected"], ["index", "index"]]
+        "$attrsToReflect$": [["expanded", "expanded"], ["selected", "selected"], ["index", "index"]]
     }; }
 }
 
@@ -24241,7 +24209,7 @@ class GroupContextMenu {
     }; }
 }
 
-const groupItemCss = ":host{display:flex;min-height:2.25rem;height:2.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host>button{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;position:relative;outline:none;background-color:var(--theme-group-item--background);border:1px solid transparent;color:var(--theme-color-std-text);cursor:pointer;padding-left:2.5rem}:host>button:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host ix-icon{margin-right:0.25rem;margin-top:-0.125rem}:host .group-entry-selection-indicator{position:absolute;left:-1px;height:calc(100% + 2px);width:0.25rem}:host .group-entry-text{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-entry-text-secondary{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text)}:host .group-entry-text-secondary,:host .group-entry-text-secondary span{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected){border-top-width:0.062rem !important;background-color:var(--theme-color-ghost--selected)}:host(.selected) .group-entry-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host(:hover){background-color:var(--theme-color-ghost--selected-hover);border-color:var(--theme-group-item--border-color--hover)}:host(.selected:hover){background-color:var(--theme-color-ghost--selected-hover)}:host(:active){background-color:var(--theme-color-ghost--selected-active);border-color:var(--theme-group-item--border-color--active)}:host(.selected:active){background-color:var(--theme-color-ghost--selected-active)}";
+const groupItemCss = ":host{display:flex;min-height:2.25rem;height:2.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host>button,:host>.group-footer{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;position:relative;outline:none;background-color:var(--theme-group-item--background);border:1px solid transparent;color:var(--theme-color-std-text);cursor:pointer;padding-left:2.5rem}:host>button:focus-visible,:host>.group-footer:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host>button:disabled,:host>.group-footer:disabled{cursor:default;pointer-events:none}:host .group-footer{cursor:default;border:none}:host ix-icon{margin-right:0.25rem;margin-top:-0.125rem}:host .group-entry-selection-indicator{position:absolute;left:-1px;height:calc(100% + 2px);width:0.25rem}:host .group-entry-text{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-entry-text-secondary{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text)}:host .group-entry-text-secondary,:host .group-entry-text-secondary span{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected){border-top-width:0.062rem !important;background-color:var(--theme-color-ghost--selected)}:host(.selected) .group-entry-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host(:not(.suppress-mouse-states):hover){background-color:var(--theme-color-ghost--selected-hover);border-color:var(--theme-group-item--border-color--hover)}:host(:not(.suppress-mouse-states).selected:hover){background-color:var(--theme-color-ghost--selected-hover)}:host(:not(.suppress-mouse-states):active):not(.suppress-mouse-states){background-color:var(--theme-color-ghost--selected-active);border-color:var(--theme-group-item--border-color--active)}:host(:not(.suppress-mouse-states).selected:active):not(.suppress-mouse-states){background-color:var(--theme-color-ghost--selected-active)}:host([disabled]){pointer-events:none;color:var(--theme-color-weak-text)}";
 
 class GroupItem {
     constructor(hostRef) {
@@ -24251,23 +24219,36 @@ class GroupItem {
          * Supress the selection of the group
          */
         this.suppressSelection = false;
+        /**
+         * @internal
+         * Item represents the footer of the group
+         */
+        this.groupFooter = false;
         /**
          * Show selected state
          */
         this.selected = false;
         /**
+         * Disable the group item.
          * The elements tabindex attribute will get set accordingly.
-         * If true tabindex will be 0, -1 otherwise.
+         *
+         * If false tabindex will be 0, -1 otherwise.
          */
-        this.focusable = true;
+        this.disabled = false;
     }
     clickListen() {
+        if (this.suppressSelection || this.disabled) {
+            return;
+        }
         this.selectedChanged.emit(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: '149648f824aeee11a3877fec7dba0b45ccef6ba1', class: {
+        if (this.groupFooter) {
+            return (hAsync(Host, { class: "suppress-mouse-states" }, hAsync("div", { class: "group-footer" }, hAsync("slot", null))));
+        }
+        return (hAsync(Host, { class: {
                 selected: this.selected && !this.suppressSelection,
-            } }, hAsync("button", { key: 'e367df0d5ea0af27e88a572f96b0ce151b5f02db', tabindex: this.focusable ? 0 : -1 }, hAsync("div", { key: '589e2774a57f474ed9b77639b262f9d0fa607473', class: "group-entry-selection-indicator" }), this.icon ? (hAsync("ix-icon", { size: "16", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, this.text ? (hAsync("span", { class: "group-entry-text" }, hAsync("span", { title: this.text }, this.text))) : null, this.secondaryText ? (hAsync("span", { class: "group-entry-text-secondary" }, hAsync("span", { title: this.secondaryText }, this.secondaryText))) : null, hAsync("slot", { key: '9cebb9c4a0383c77e935f6c5937c86445f4c28ec' }))));
+            } }, hAsync("button", { tabindex: this.disabled ? -1 : 0, disabled: this.disabled }, hAsync("div", { class: "group-entry-selection-indicator" }), this.icon ? (hAsync("ix-icon", { size: "16", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, this.text ? (hAsync("span", { class: "group-entry-text" }, hAsync("span", { title: this.text }, this.text))) : null, this.secondaryText ? (hAsync("span", { class: "group-entry-text-secondary" }, hAsync("span", { title: this.secondaryText }, this.secondaryText))) : null, hAsync("slot", null))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return groupItemCss; }
@@ -24280,8 +24261,9 @@ class GroupItem {
             "text": [1],
             "secondaryText": [1, "secondary-text"],
             "suppressSelection": [4, "suppress-selection"],
+            "groupFooter": [4, "group-footer"],
             "selected": [4],
-            "focusable": [4],
+            "disabled": [4],
             "index": [2]
         },
         "$listeners$": [[1, "click", "clickListen"]],
@@ -24335,7 +24317,7 @@ class HelperText {
         this.validationResults = checkFieldClasses(forElement);
     }
     render() {
-        return (hAsync(Host, { key: '9fa836439e6423067e2da4328bfaeefbe898109a' }, hAsync(HelperText$1, Object.assign({ key: '86d6666e919b9c80fd85e40a7b27dbbdeebd4a2c', helperText: this.helperText,
+        return (hAsync(Host, { key: 'fc7c96b79fcbff2f9bcf9b45345f16dba5a404c6' }, hAsync(HelperText$1, Object.assign({ key: '9e6d2c5fa00aa658c5fa9ae1393537b6255e42f4', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,
@@ -24446,7 +24428,7 @@ class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (hAsync(Host, { key: 'f14e9fcbcef5261063165d6a3e9a852a50f52685', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '457e6e503a1ef75babc9894f8e44e6b672000d5c' }, baseButtonProps))));
+        return (hAsync(Host, { key: 'bdb302ce6ef1803d43285e1effc3ce70ff9284c8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '14073614fda1a07d4292094b91092871f05619d3' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconButtonCss; }
@@ -24540,7 +24522,7 @@ class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (hAsync(Host, { key: '6c7f9e4e25875e5a688b4f211d596b458b819584', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '6813db68fff977b64748f962cde7836e72d06cb9' }, baseButtonProps))));
+        return (hAsync(Host, { key: 'cdab0dbaf3a790f3d83fff58d73588504d7ba956', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '6cfe4d3b14eba61a9b80ffcdcd9664a1f815f70f' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconToggleButtonCss; }
@@ -24698,13 +24680,13 @@ class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (hAsync(Host, { key: 'f1a0a8e252682aab237e572ad8079cf496d0b519', class: {
+        return (hAsync(Host, { key: '05bb684da7ab25f4cea5429ec2c166a9c7a9cc21', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'a6bd8f0e90398dfb1288ceb585c9852fc4056552', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '30e5e1debfa21d1d6a9db780a1fa807e88e5fd62', class: "input-wrapper" }, hAsync(SlotStart, { key: '04338b8d4de55cb1cacfaeb381c39796ed542b27', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '3fe643f62d02522dad0bd63876bbf9873f77881b', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: 'a2cd4a57590b5848de9738a0fbdff0c1c1947abc', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'e9369f9d649068b7708fabf29b9c2e25954591a6', class: "input-wrapper" }, hAsync(SlotStart, { key: '4294b9e2329a9e0b9964630d76f64788f127e280', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '750c6a574acb4dac21f7a6143b34ae1482de7d74', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: '7b3f09276058e7c9081c5a5c406ccb6f31556593', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '7a71d559e3f77db760039853e8e40144899a6d5b', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: 'ebd005ac85dc9109895d3cd7dcd147a08ee0fc02', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '473f7914b0b2e7bbc970f9eadfed8f8ec96ed761', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password' || this.disabled,
             }, variant: "tertiary", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -24713,7 +24695,7 @@ class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '000514dd6f61b34ffb769b06e201e0f2fbb01a9d', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
+            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'f5a0bc6e09ce7be919ccf97b34af1ef804c29df7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -24768,7 +24750,8 @@ __decorate$9([
 const inputGroupCss = ":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.5rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.5rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .group-start ::slotted(*),:host(.disabled) .group-end ::slotted(*){opacity:0.4 !important}";
 
 /**
- * @deprecated Will be removed with 4.0.0
+ * @deprecated Since 3.0.0. Will be removed with 5.0.0
+ * Not maintained anymore.
  * Use the 'ix-input' component instead
  */
 class InputGroup {
@@ -24886,7 +24869,7 @@ class InputGroup {
         return width;
     }
     render() {
-        return (hAsync(Host, { key: 'c957f5176fca638b1e84fb3aaec66feed288821f', class: { disabled: this.disabled } }, hAsync("div", { key: '4b77f75f4b402840fd94a4fa990a86f135a183b2', class: "group group-start" }, hAsync("slot", { key: '6fc6246c36799a567bc391aa20d0c9a944983e27', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: 'd136710b684b584526c1a5685af1b6b45e4e4721' }), hAsync("div", { key: 'eafb23b6987f92876d9b4e1ea020ecd12d4a52f7', class: "group group-end" }, hAsync("slot", { key: '220f0582c0bd75488de9eefed451757502297c53', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (hAsync(Host, { key: 'a3ccc5c517e8c33b0397acc5bd092684f0681ffe', class: { disabled: this.disabled } }, hAsync("div", { key: '607ea6b80837a6d2b35c34d000d1ab39bf559ed8', class: "group group-start" }, hAsync("slot", { key: '9fcbdb50ef9acbb4ed77f14194370ed9d214f1e9', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '93aebe48a3812e270607091966656d8d46cdc5e9' }), hAsync("div", { key: 'faeb55bffcfcad605a4efe5795f05c313986eeaa', class: "group group-end" }, hAsync("slot", { key: '8f52ddaacb0efdb46c6749d86e66064c06d94609', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return inputGroupCss; }
@@ -24986,7 +24969,7 @@ class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (hAsync(Host, { key: '423b6513833bef97a6ca053311ac4173861ebb83', class: typographyClass, style: style }, hAsync("slot", { key: 'f28c3f4a36fb4abd962cd9c00915ea930872e71c' })));
+        return (hAsync(Host, { key: 'a8642e246a60b32a22e052b7755db3e302836fd6', class: typographyClass, style: style }, hAsync("slot", { key: '6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e' })));
     }
     static get style() { return typographyCss; }
     static get cmpMeta() { return {
@@ -25018,7 +25001,7 @@ class KeyValue {
         this.labelPosition = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '313aba27b9a98274d46da2091d3c255b5b6021a9', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: 'a60ed526a2d725c3c40ffaeb1f97f70c655f1402', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '3b156278c7a40eec4ac1fda6b284b6f9da5edc7b', class: "keyValue__content" }, hAsync("div", { key: '9ca6cbc3a9a85804a750f10936a582ee09500381', class: "content__label" }, this.label), hAsync("div", { key: '808806083e40420bd0461a38393e17b2cad307f0', class: {
+        return (hAsync(Host, { key: '29b48b869917aa09c497c7314c1b3297c70712f3', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '50069d0a641035114045d44ae696a8a24f82bc26', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: 'efebf2aafab9c171a61287ac9f3f85e943388830', class: "keyValue__content" }, hAsync("div", { key: 'cc01525dfa12c51b3f16170adc448f61c13126e6', class: "content__label" }, this.label), hAsync("div", { key: 'd9c9ce50e3b101266fe522e32eb12c2b0b7b6004', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -25051,7 +25034,7 @@ class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (hAsync(Host, { key: '65f4f193bd4c3b76ee0ffbae7791ff080b1a028f', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '966e32b4ce52d499e500fbcbed1a9c43cac1b3e5' })));
+        return (hAsync(Host, { key: 'e262c5729ec77f3c9a2beb0a7039cb40422d691e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '72e1498f1f1783e181eb8e83e09c337c5aa564d7' })));
     }
     static get style() { return keyValueListCss; }
     static get cmpMeta() { return {
@@ -25098,13 +25081,13 @@ class Kpi {
         return tooltip;
     }
     render() {
-        return (hAsync(Host, { key: 'f606b08119be0b32663efe2f51749fe88cb25608', title: this.getTooltipText(), tabindex: "1", class: {
+        return (hAsync(Host, { key: 'b60cacc3f468bfb645ab5f8b7217fab907b24d62', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, hAsync("div", { key: '2b7f2b65007d825f76b2380b25a81afe697fdcbf', class: {
+            } }, hAsync("div", { key: 'f191f41a59eb16f11f69aeae0cd367b3e6cc6e97', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, hAsync("span", { key: '6241807a1c2497e3ed4ad6f498cd5c64c5b84185', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: 'fcd050a162b9c3ac9a80abf54c3fe9000d9d2a8d', class: "kpi-label-text" }, this.label)), hAsync("span", { key: 'e0b0f5ce921c7579dc6f947c8129f1eec8377cc5', class: "kpi-value-container" }, hAsync("span", { key: '449f3de71bb4ee0b6a058f0fe8205aa06654dbc1', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, hAsync("span", { key: '1f77ffa87ad64740858fb9dd46ef3b2d206e6983', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '8347d50cc808a3b677c0340452f1482139f91c35', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '20c58411fb499cccf20c4d6f92b75c1d875d8fbd', class: "kpi-value-container" }, hAsync("span", { key: '49df3a72c7da17998eec8de2be47bb0da4b68495', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get style() { return kpiCss; }
     static get cmpMeta() { return {
@@ -25201,7 +25184,7 @@ class LayoutForm {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'f29e16a0be5c5d3751bbe6cffc35a8b33bd69075' }, hAsync("div", { key: '2eeb15c4fe4d5b09cce40faef29502367eb576a5', class: "container" }, hAsync("slot", { key: 'b13b8c6a610d0d9fff987d48f6bc1810af1b7390' }))));
+        return (hAsync(Host, { key: '89fa65872d5cd211c41e8bfda6544155bbbbcc1c' }, hAsync("div", { key: 'b6a75e6ce330bbe76c5c3b83a541d3366bfb6866', class: "container" }, hAsync("slot", { key: 'd6983232325c2c0081346b059561137e9cf23669' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25239,12 +25222,12 @@ class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (hAsync(Host, { key: '2772dd5c20d1b6e5da3fee9bbb1453ee6183755a', class: {
+        return (hAsync(Host, { key: 'c426263f82beb3d366aea55da08259a9a2392c45', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, hAsync("slot", { key: '0d3f8dad0571cf5b43762bf60657fbbf4f1a96b6' })));
+            } }, hAsync("slot", { key: 'c85a805c185548b4331e206050c10567814f9833' })));
     }
     static get style() { return layoutGridCss; }
     static get cmpMeta() { return {
@@ -25278,13 +25261,13 @@ class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (hAsync(Host, { key: '7f1fbbb36784bd6a5792da9ea48cc6e9c6aa5332' }, hAsync("a", { key: 'ffd97898fd1e720f6431e0f2405b3c23d765e0c6', title: this.url, tabindex: "0", class: {
+        return (hAsync(Host, { key: 'd7efb1e99ba3ea4fdf9d13f2f32dfcbd8be2a6c2' }, hAsync("a", { key: '6b3adc3bf49879f8aa8ec5b07c55d9288c1c49be', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '9980af21cb250d099f2ba0ddd543d4934a6d0eb6', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: '347fdc85236282e3b93b8215de0269dd4993a2f2', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '33d2923c2c1bd042bc9e9ed1d11f273a98380f6b', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: '6eeb77386f6330bff5b209c1f005102468800899', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '79348eda083a81187f79e3a1c043982ae93c97a9' })))));
+            } }, hAsync("slot", { key: '1bd82e08a11323ab61d89c98a4c108ba2849a388' })))));
     }
     static get style() { return linkButtonCss; }
     static get cmpMeta() { return {
@@ -25311,6 +25294,7 @@ class MapNavigation {
         /**
          * Hide the sidebar context menu button when set to true
          */
+        // eslint-disable-next-line @stencil-community/ban-default-true
         this.hideContextMenu = true;
         this.isSidebarOpen = true;
         this.hasContentHeader = false;
@@ -25447,11 +25431,11 @@ class MapNavigation {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '5e7b81e33095916809c72c77c58a0e9561e3eadc' }, hAsync("slot", { key: '6355eae609a9b40444e3af3f6ff344c657941eeb', name: "menu" }), hAsync("div", { key: '3b22b95b4816ed75f6eb186378be9dd025b9a8b0', class: "map-nav" }, hAsync("div", { key: 'dfe48e307748f1ec3115284f58a2f7e6eba704a9', class: "map-nav-sidebar" }, hAsync("div", { key: '330712680eaf25821f7f9819d2b07d1fee4f9077', class: "map-nav-header" }, hAsync("ix-application-header", { key: 'ac1b29fd7c20ef689b4ce2b41f1188444d492ecb', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: 'a01977d24404f8db7e750e8cd61af5461183bf09', slot: "logo", name: "logo" }))), hAsync("div", { key: '409bf4a73f9c24cf7267380ce0bec7e91c51564e', class: "map-nav-sidebar-content" }, hAsync("div", { key: '26b2020c1f215665c7b40c2f81baf4d42620a482', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '265a149ce8f4f2502e45149a88159766556c37d3', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: iconContextMenu, size: "24", variant: "subtle-primary", onClick: (_) => this.contextMenuClick.emit(), "aria-label": this.ariaLabelContextIconButton }))), hAsync("div", { key: '2824fecae7636c4a68ab90dc06b0274afc031602', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '1ef670f8310c5c3804c5eac3dc4d601898bf244d', name: "sidebar-content" })))), hAsync("div", { key: 'a383691fe6515768ef643ea8c69012d30c3b9d9b', class: "content" }, hAsync("div", { key: '9c2dee41f6fd805e31c0f555347a24f3e9f393b2', class: {
+        return (hAsync(Host, { key: 'cd4530ccd67471918f05983f70d06502b24e3fee' }, hAsync("slot", { key: '249e6b7141958e055c0f74ecb85f5164544f8399', name: "menu" }), hAsync("div", { key: '6d540617fce0e51c5cc715d7f0476e3fa3dd9c8a', class: "map-nav" }, hAsync("div", { key: '7b58808ba2c2b6d338da6999644c1370118da61f', class: "map-nav-sidebar" }, hAsync("div", { key: 'be5403521cd41eb061a2810c89e2e977f81bdf76', class: "map-nav-header" }, hAsync("ix-application-header", { key: '40f2df3e6e2f6e6b83795087d84f3f0a9f9fe690', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: '9e4fc605db3218d3b140b5ff66035cffb69f52b8', slot: "logo", name: "logo" }))), hAsync("div", { key: '7947098cca1b51e2182af7c85f75432f340a3413', class: "map-nav-sidebar-content" }, hAsync("div", { key: '4859a4e442219dbf432142367af6c8ce279b9c4a', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '261b790fd6a7dc08cd2a2bda92592899b98234e1', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: iconContextMenu, size: "24", variant: "subtle-primary", onClick: () => this.contextMenuClick.emit(), "aria-label": this.ariaLabelContextIconButton }))), hAsync("div", { key: '66a1dbff337ecd147c4a75440c37aadb05e2b097', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '7f0738e40f4cbd2a274c0865cfc7ecc1f6da1c6b', name: "sidebar-content" })))), hAsync("div", { key: '80c8a85b44173445926f138b4e2e4f6b9c4c9f66', class: "content" }, hAsync("div", { key: 'a72f84f0ae6d08c1bb5f32a1ac31152c0d4c3e28', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, hAsync("slot", { key: 'f7136c106397b3e0df52c4b3a14b5dfddf73f793', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: 'ca7e27826c15a419d9803cf99d67587f26a1d6a0' }, hAsync("slot", { key: '7083d7482930fc674efe735972268b4eb14dd7d8' }), hAsync("slot", { key: 'a94b1a95f2941fec540bd63c97b23b261688c0ba', name: "overlay" }))))));
+            } }, hAsync("slot", { key: '952dbef4fb11a338f1f85a15c2ea12a3176aa919', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '2885fdf7b60e1be41fe3da55fb764a1c379f3ba0' }, hAsync("slot", { key: '45803ecc4ee0f875f3ef920b19704c797644ab13' }), hAsync("slot", { key: '9a2043fc69bfe0c672b49716593a9f6c22b26d43', name: "overlay" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return mapNavigationCss; }
@@ -25511,14 +25495,14 @@ class MapNavigationOverlay {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'c7a50abb3513fe85c2b49cacb0ad9db139eeff61' }, hAsync("div", { key: '877867feede603c1eb0977ceebe8c1efa8c223c4', class: "overlay-header" }, hAsync("div", { key: 'c85cd0ce6dc09266d331e7100235fe6469598d5a', class: {
+        return (hAsync(Host, { key: '6657572bcdf76784a998d94580437fac0a5acaea' }, hAsync("div", { key: '7896d06f707e0daa2f5015c0c944d7181aa802ec', class: "overlay-header" }, hAsync("div", { key: '6e9bacb89cd2cc25ed6a2a7ebc4fc7f47c89a482', class: {
                 'color-indicator': true,
                 'display-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
             }, style: {
                 'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
                     ? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
                     : '',
-            } }), hAsync("div", { key: '7b8a70dc3272d2c7a5a522accbafe58f330f1f30', class: "overlay-header-content" }, hAsync("ix-icon", { key: '4ec9d2689d01d79468bbeb1e395873264f8e14e0', size: "32", name: this.icon, "aria-label": this.ariaLabelIcon }), hAsync("span", { key: 'f0db6769dc5b3172f1196f1fbf8fe4b6210514d4', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: '9c75f3ae0f263c2002c6e7e46e46b8379e7d63d1', class: "overlay-close", variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", size: "24", onClick: () => this.closeOverlay(), "aria-label": this.ariaLabelCloseIconButton })), hAsync("slot", { key: 'd5c0fd5b40a7e33462e0f5aa2e1e491176583ae3' })));
+            } }), hAsync("div", { key: 'e5e55e11bd6c49664dc915fdca6e5dd86d268129', class: "overlay-header-content" }, hAsync("ix-icon", { key: '619b02633255eb1abc02142aa9f868404d2d9924', size: "32", name: this.icon, "aria-label": this.ariaLabelIcon }), hAsync("span", { key: '03bac9a4d9b4a7fdb24843e774031801240a2f0c', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: '9589d08cae7a3311f5758da56f00fb5f0aa4124c', class: "overlay-close", variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", size: "24", onClick: () => this.closeOverlay(), "aria-label": this.ariaLabelCloseIconButton })), hAsync("slot", { key: 'd963b56a4f6a894030a35f01b5972db989818715' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return mapNavigationOverlayCss; }
@@ -25577,10 +25561,6 @@ class Menu {
          * Show toggle between light and dark variant. Only if the provided theme have implemented both!
          */
         this.enableToggleTheme = false;
-        /**
-         * Is settings tab is visible
-         */
-        this.enableSettings = true;
         /** @internal */
         this.enableMapExpand = false;
         /**
@@ -25990,44 +25970,44 @@ class Menu {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '21781b7d2198837eb8b1007971832254941dcd9e', class: {
+        return (hAsync(Host, { key: '3cccf12b2f3221f6052a3bdc983c7f35ee8b6af8', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, hAsync("nav", { key: 'dda9ce6ad8d552a6df80db4b5ebdf6e64893ae92', class: {
+            }, slot: "menu" }, hAsync("nav", { key: '148d5ae9d40d35b054c51c11d8853837b9a1f44a', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, hAsync("div", { key: '45c1b1b1ad2b00f0f8bedf8b67c4fb4500f7c353', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '6ba74e1b05b816f83efeee4cc2bba9eceec4c737', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
-            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '50d7e7c7561e2825940db7a886763f8e18b49012', onClick: () => {
+            } }, hAsync("div", { key: 'c9428afeac46b597e3268971d6e65d38b4b51c4e', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '3860800122f52b878a097054cdf6190ac0e5c291', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
+            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '58ec78884e14b2a9728814af87eb816e0202b5f8', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: 'b28a77f0dc6f49dc8392e5c86620dc86280195de', id: "menu-tabs", style: {
+            }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '4f8bdcec872baefee1470e455d38185ef9118a99', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '8efbc8954f8f22e6cf291fcbb62cf6c84388f493', class: "tabs-shadow-container" }, hAsync("div", { key: '42b2efd2c44adaf6af2afffdad66ec36bcb7b869', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '86a65cfd875f29519859ff9d5c6b862f9691f3ba', class: "tabs-shadow-container" }, hAsync("div", { key: '67687bedfef00d9cd9210bc5d96a82551f0c76b3', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), hAsync("div", { key: '1122c046c5e8dbdccbfb81c5a393d472aa1e8e17', class: {
+            } }), hAsync("div", { key: '9fe969f863c48cc1eb4898557e3cb2867cda21ef', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '031a6f8e3754561a97af8425f59a6f5dc9b9a88b', class: "menu-avatar" }, hAsync("slot", { key: 'd41e50f41b3f01b00e3dc44a8a42d849efe5726a', name: "ix-menu-avatar" })), hAsync("slot", { key: '0509060cc3a069972c7625d17cb59f4357585c36', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '09b2730f12d8d8f8ea86a679e635df19f631c61c', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'a79fb68162eba16a76450edf3c871515b9472f47', class: "menu-avatar" }, hAsync("slot", { key: '0abbf3d21460eff778c71a192e2f53a2fd087210', name: "ix-menu-avatar" })), hAsync("slot", { key: '1b5f280b17b8509dbbaad50c2ef7ab8461274f3c', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'd207bdfa217cff20873656a4e3abd7bd11e38d89', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), hAsync("div", { key: '7da7d49f4e88f714ec35e717106953311dc817be', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), hAsync("div", { key: 'f46f2a702b67bfca557f61fe7a73dbb0c9e20135', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showSettings,
-            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: 'a380c205550f416b7b9673cb911775f5bf1d4ce2', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: 'f8d0aa6edd3321fe5544f4a2d0d5e091ab253c62', name: "bottom" })), hAsync("div", { key: '89f030f3b42dadf3f684ca742a40d071301b4a6c', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: 'a17dc08ca5da7a1ae0a4a16cf12e1fbaf70ba440', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '3ce20b44b83388cd2b712a390dfaab64d5b9d2f3', name: "bottom" })), hAsync("div", { key: '1bae61efbf251689660887609b81b30ed4aaa68f', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '124c0cf340b5325e53ec1e5b27eb71c1293d1517', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '052a799e811beccbcf888d116d228e01b49a9767', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, hAsync("div", { key: 'e2114d44fcd9591e8468d3f07e30eb1d9e7bafba', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '8b076aa64d4d6216d7cd1c75989def2bac7eeaa8', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
+            } }, hAsync("div", { key: '5a66febf87b30406e5df0131e06a444421a5cd56', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'a73d40dc2a41997bb72c101b3b90d35b391bf8ca', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26041,7 +26021,6 @@ class Menu {
             "showSettings": [1028, "show-settings"],
             "showAbout": [1028, "show-about"],
             "enableToggleTheme": [4, "enable-toggle-theme"],
-            "enableSettings": [4, "enable-settings"],
             "enableMapExpand": [4, "enable-map-expand"],
             "applicationName": [1, "application-name"],
             "applicationDescription": [1, "application-description"],
@@ -26249,7 +26228,7 @@ class MenuAboutItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'd7fbd6d3eb9261ae581a3fc6aa0d4547835856b0' }, hAsync("slot", { key: '7032262b6fd0d7e86f5d290596e3dce0880b10b4' })));
+        return (hAsync(Host, { key: '65b663ccd628378a95ce42a3e5244a232eff116f' }, hAsync("slot", { key: 'c3a34b0a229cb627038be98d9d82d13228a6ca11' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -26282,24 +26261,20 @@ class MenuAboutNews {
          * i18n label for 'Show more' button
          */
         this.i18nShowMore = 'Show more';
-        /**
-         * Bottom offset
-         */
-        this.offsetBottom = 0;
         /** @internal */
         this.expanded = false;
     }
     render() {
-        return (hAsync(Host, { key: '95f151ad250c647ad5f14bd4f88d78e46e514ac1', class: {
+        return (hAsync(Host, { key: 'f6796c5d93527d954d18748a60cdbbdab1370af2', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, hAsync("div", { key: '368eaeb12a404db78aef6bcd787253e00c0497c1', class: "banner-container" }, hAsync("ix-icon", { key: '900e83916b49ed9193a7c86bd58a41e7afacf030', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '9b02bee68663b22c69e77294c34613145a6acae1', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '7ca8ba247adefcee66e3b6fb90766e1dac1c24e9', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: 'e51f022a72cbb89f12ae48230e454c420e739d6b', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '7342ce0e0fd3a3468d001f7d4a7f9fb1ded8e4d5', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '78fc5325efc91de0dee537fb08fcef24cf4f2892', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, hAsync("div", { key: '3ff7376bd993e2d8ed6f86ae75b5e594027db70a', class: "banner-container" }, hAsync("ix-icon", { key: '6fd35d106b65158700c2255005485e99ad4365a6', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '624dcf3a1c412c5480a5f5bd643c7c950c13f70e', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: 'eb0c8a2a6713b83f49be3f96bbf93f0a0d375b09', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '4790036caabea78033ca2272f4f58faf1ab05991', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '4f5a8de94bdcc382e334b8ec6f7483773280ec49', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '71f9249273af952e0a88a22284f24bbdd3e52760', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), hAsync("div", { key: 'a4d2e24f6145159bc37443f0698c44d010cfae9f', class: "slot-container" }, hAsync("slot", { key: '3910790a589f986676f96351bc1dee070d9e1c70' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
+            } }), hAsync("div", { key: 'daf74d24e1c84fb3acf796bb3a9f6e9117dd9496', class: "slot-container" }, hAsync("slot", { key: 'd9809a23c9d7635158b22d535f6b06da085992e8' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
                 this.show = false;
                 this.showMore.emit(e);
-            } }, this.i18nShowMore))) : null, hAsync("div", { key: '57c21fae6edd0514ff8691488e6dc5144d771d3f', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, hAsync("div", { key: '994de1ee58d3c39baed52ce729e77379c6c58a55', id: "arrow" })));
     }
     static get style() { return menuAboutNewsCss; }
     static get cmpMeta() { return {
@@ -26310,7 +26285,6 @@ class MenuAboutNews {
             "label": [1],
             "i18nShowMore": [1, "i18n-show-more"],
             "aboutItemLabel": [1, "about-item-label"],
-            "offsetBottom": [2, "offset-bottom"],
             "expanded": [4]
         },
         "$listeners$": undefined,
@@ -26332,7 +26306,7 @@ class MenuAvatar {
         /**
          *  Control the visibility of the logout button
          */
-        this.showLogoutButton = true;
+        this.hideLogoutButton = false;
         /**
          * Control the visibility of the dropdown menu
          */
@@ -26348,11 +26322,11 @@ class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '7f79c4e8976609b457553718b3c7a6585343ef41', slot: "ix-menu-avatar" }, hAsync("button", { key: 'f7a1f54e92e994fde630950d14c2ab6d2f76cfca', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '4edcdbcb5888333209f3bac6ac83809199a1388b', image: this.image, initials: this.initials }), hAsync("div", { key: 'eb7445ac9e9b4b8805b16ddf658cecc8a92ce13b', class: "avatar-name" }, hAsync("span", { key: '5f45a9b27bab73604706cf12936e6dddb6c58ae8', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '8244b2107e08794f2d0e69e254b67a21dc65b8a9', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '2ca742defd798ae705094d56a915d14a42002006', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (hAsync(Host, { key: 'a782ea05231fff5ebebe2fe12a2775f519f327cf', slot: "ix-menu-avatar" }, hAsync("button", { key: '044a34b7db89797213223719a17a1b061cb1bd73', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: 'cb1330bf41ca940bb3bde9025cbb1ea4871d2252', image: this.image, initials: this.initials }), hAsync("div", { key: 'ed6465daf36db4b60d3aceefbf6408677173a3f0', class: "avatar-name" }, hAsync("span", { key: '571392ee4ae8b60dd252ab92397d31784e4e3a5c', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '52f9870036a925195723682aab11b103515f2c9d', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '09e4dd18be61500b17a6315792fb1ba334a5435c', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
-            } }, hAsync("slot", { key: '05ee10031be21932e39653c9fb7a900ebb088f8f', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, hAsync("slot", { key: '95885a59468c02dc83b81e47598224761b65f337', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: 'f79cf9960e1de2ee4b03d797d5da4ec8ae53af9b', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
-            } })) : null)));
+            } })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuAvatarCss; }
@@ -26365,7 +26339,7 @@ class MenuAvatar {
             "image": [1],
             "initials": [1],
             "i18nLogout": [1, "i18n-logout"],
-            "showLogoutButton": [4, "show-logout-button"],
+            "hideLogoutButton": [4, "hide-logout-button"],
             "showContextMenu": [32]
         },
         "$listeners$": undefined,
@@ -26387,7 +26361,7 @@ class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (hAsync("ix-dropdown-item", { key: '97bff4f37686e2e6613c8283595d918eac13a161', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (hAsync("ix-dropdown-item", { key: '7b30f261d40a584c089d70f40d0f4b853ec5219f', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuAvatarItemCss; }
@@ -26580,7 +26554,7 @@ class MenuCategory {
         }
     }
     render() {
-        return (hAsync(Host, { key: '49275009853fd8a9c9231e41b206e3f2d1b0d6a9', class: {
+        return (hAsync(Host, { key: '3ab492c20cd7c41d300db0c3c4ad2cf5a6d51090', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -26589,14 +26563,14 @@ class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, hAsync("ix-menu-item", { key: '9288752f9cd67d83434da74c8f4fe65e57f21b8a', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: 'e45b143ed2316a69bcc06a8b7ee4b32895a25f67', class: "category" }, hAsync("div", { key: '34ab800b45131b0b7324921baa6883bc8f2f1bf2', class: "category-text" }, this.label), hAsync("ix-icon", { key: '54450dce975a283573a4a25aaff84cc43e3cfeee', name: iconChevronDownSmall, class: {
+            } }, hAsync("ix-menu-item", { key: 'a59b7d4c9a1360f10c3555d57ece5e8ca439f711', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: 'e7fb335217c858737e99a1c1df4959b1d15d1867', class: "category" }, hAsync("div", { key: '6700c5e1926a1fa908f323e2bfd059ef7abc3d9d', class: "category-text" }, this.label), hAsync("ix-icon", { key: '576a5b8a6ed3a7944a33d813bd254deaa8175438', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), hAsync("div", { key: '71a3deccbecc34fe27423c0d8c5fe12648244a3e', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), hAsync("div", { key: '2898f39c1f4665a5cb684f875d7881558434cf80', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: 'c9ba4105259aea83ecd4a125a084a555299c83de', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '6e93539319261b3bd5c53cf80c75ddf4ff240376', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -26609,7 +26583,7 @@ class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, hAsync("ix-dropdown-item", { key: '1e5e1b3659d6359c7c613bf15e7f9993f716cfab', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: 'ffd1265ecaa6a5edb29536088440d5654de2fd2f', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '61d8dc31511e8ddf63233bd4bda467374fbe44ef' }), hAsync("slot", { key: 'c509e35530dc05faa847c9dbae7a16de0f84d415' }))));
+            } }, hAsync("ix-dropdown-item", { key: 'aeb52967293d03a82de20c59b448d7f13cd03639', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '19ccac9959ec874b240989a2c43f7c03ed70d9b9', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '1d113cd249baee291d9e25d47ed1eaecec56a7a7' }), hAsync("slot", { key: '7a21ba6c7a35fef4391bb57fa27cad853edd729a' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuCategoryCss; }
@@ -26666,7 +26640,7 @@ class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (hAsync(Host, { key: 'ef8794f40bf74a03af8b8ddeab15da2bfd40096f', class: {
+        return (hAsync(Host, { key: '55bb276dfb9ec7960d0e81c1885f022790ef2967', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }
@@ -26786,11 +26760,11 @@ class MenuItem {
             tabIndex: this.disabled ? -1 : 0,
         };
         const menuContent = [
-            this.icon && hAsync("ix-icon", { key: '247ccf76115c4f9a3504ae8625cd064da17cb5f4', class: 'tab-icon', name: this.icon }),
+            this.icon && hAsync("ix-icon", { key: '010ccc4efd7284bfc7654ab6f9b29783129f17ff', class: 'tab-icon', name: this.icon }),
             this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null,
-            hAsync("span", { key: 'c98c04295888f8be7e0016cce7d749c19d641d32', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'ce04723016a4187e57f1dd31e4cb43cbea1cde93' })),
+            hAsync("span", { key: '247db957f1317fe528db4a863736cc7bf974fbcc', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'dbe0bcf50882232b686e322af346ea8edb0007bf' })),
         ];
-        return (hAsync(Host, Object.assign({ key: '4f5490aa3304bdaa57dfbe5f2f9e292f78571ef7', class: {
+        return (hAsync(Host, Object.assign({ key: '1877e4728bfea90d5084715ce7d30d59c027cb60', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
@@ -26801,7 +26775,7 @@ class MenuItem {
                     e.preventDefault();
                     e.stopPropagation();
                 }
-            } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: '9eb280ed1e0b95127eae4db991470111f1af550a', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
+            } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: 'c19646a81a5a2fed7b89eb95caf661125da9f7be', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26849,7 +26823,7 @@ class MenuSettingsItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '70dbe5bb6bb618cf897ea60bae0febecde3021d1' }, hAsync("slot", { key: 'ec2608b87f8123513ce9b052c6035ec04a41aef8' })));
+        return (hAsync(Host, { key: 'd71ea99d2f7194c876c18e702b0a1d20d84f7a35' }, hAsync("slot", { key: '4906a29d17beb90749df4981daca1ae37c8b8c9b' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -26876,13 +26850,12 @@ class MessageBar {
         this.closeAnimationCompleted = createEvent(this, "closeAnimationCompleted", 7);
         /**
          * Specifies the type of the alert.
-         * @deprecated Type `danger` will be removed in 4.0. Use `alarm` instead.
          */
         this.type = 'info';
         /**
-         * If true, close button is enabled and alert can be dismissed by the user
+         * If true, close button is disabled and alert cannot be dismissed by the user
          */
-        this.dismissible = true;
+        this.persistent = false;
     }
     componentWillRender() {
         const config = MessageBar.messageTypeConfigs[this.type];
@@ -26906,11 +26879,11 @@ class MessageBar {
         }
     }
     render() {
-        return (hAsync(Host, { key: '6891d4beda70c732fe7dabcccbda52364f64421b' }, hAsync("div", { key: 'eb114c2e6af4fdd9acda5ccd69a2a2d662f84fa2', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '19a67a4072f5f101374f8fb715521b60cddef90b', color: this.color, name: this.icon }), hAsync("div", { key: '616ae9cfd0f341f9eb555e0d6c6e1b79247833c1', class: "message-content" }, hAsync("slot", { key: 'a9f942a0f9d9439cdf3bcbab58c43afe3c92821d' })), this.dismissible ? (hAsync("ix-icon-button", { icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+        return (hAsync(Host, { key: '5731cfe741529527f943834f721d426108cd5ded' }, hAsync("div", { key: 'b9b6293938b30cad8afe65bd021d095f73a7153b', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '207487fae744ef55d405931a7546761259391fd0', color: this.color, name: this.icon }), hAsync("div", { key: '9b610a5141af0164fbc34b82c4296d2353494b60', class: "message-content" }, hAsync("slot", { key: '5ebf82ba3aaff680db743060a6b3785d3a20f953' })), !this.persistent && (hAsync("ix-icon-button", { key: '7049b2d51ca9efb6c67fc376a0c9ba6369d30784', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }
-            }, "data-testid": "close-btn" })) : (''))));
+            }, "data-testid": "close-btn" })))));
     }
     static get style() { return messageBarCss; }
     static get cmpMeta() { return {
@@ -26918,7 +26891,7 @@ class MessageBar {
         "$tagName$": "ix-message-bar",
         "$members$": {
             "type": [1],
-            "dismissible": [4],
+            "persistent": [4],
             "icon": [32],
             "color": [32]
         },
@@ -26931,7 +26904,6 @@ MessageBar.duration = 300;
 MessageBar.messageTypeConfigs = {
     //TODO(IX-3400): Replace icon colors with proper CSS variables when available
     alarm: { icon: iconError, color: 'color-alarm' },
-    danger: { icon: iconError, color: 'color-alarm' },
     critical: { icon: iconWarningRhomb, color: 'color-critical' },
     warning: { icon: iconWarning, color: 'color-warning-text' },
     success: { icon: iconSuccess, color: 'color-success' },
@@ -26993,13 +26965,13 @@ class Modal {
          */
         this.size = '360';
         /**
-         * Should the modal be animated
+         * Should the modal animation be disabled
          */
-        this.animation = true;
+        this.disableAnimation = false;
         /**
-         * Show a backdrop behind the modal dialog
+         * Hide the backdrop behind the modal dialog
          */
-        this.backdrop = true;
+        this.hideBackdrop = false;
         /**
          * Dismiss modal on backdrop click
          */
@@ -27009,9 +26981,9 @@ class Modal {
          */
         this.centered = false;
         /**
-         * If set to true the modal can be closed by pressing the Escape key
+         * If set to true the modal cannot be closed by pressing the Escape key
          */
-        this.closeOnEscape = true;
+        this.disableEscapeClose = false;
         this.modalVisible = false;
     }
     onKey(e) {
@@ -27023,7 +26995,7 @@ class Modal {
         return this.hostElement.shadowRoot.querySelector('dialog');
     }
     slideInModal() {
-        const duration = this.animation ? Animation.mediumTime : 0;
+        const duration = this.disableAnimation ? 0 : Animation.mediumTime;
         const translateY = this.centered ? ['-90%', '-50%'] : [0, 40];
         animate(this.dialog, {
             duration,
@@ -27034,7 +27006,7 @@ class Modal {
         });
     }
     slideOutModal(completeCallback) {
-        const duration = this.animation ? Animation.mediumTime : 0;
+        const duration = this.disableAnimation ? 0 : Animation.mediumTime;
         const translateY = this.centered ? ['-50%', '-90%'] : [40, 0];
         animate(this.dialog, {
             duration,
@@ -27123,17 +27095,17 @@ class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: 'a564177392104f0864b5d3420cc16c902a932b02', class: {
+        return (hAsync(Host, { key: 'c3f543b51f3434893a1c924ccaf7a7d877977e89', class: {
                 visible: this.modalVisible,
-                'no-backdrop': this.backdrop === false,
+                'no-backdrop': this.hideBackdrop,
                 'align-center': this.centered,
-            } }, hAsync("div", { key: '5d06f39b564cfca3e1b956cd2343fc29d8daf8ad', class: "dialog-backdrop" }, hAsync("dialog", { key: '5c47755164df8b5f6767e8dad6b5fbfbcfee03b7', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, hAsync("div", { key: '71dbff3ad3302924535ad5262185f9ffe7efd540', class: "dialog-backdrop" }, hAsync("dialog", { key: 'a266f8cc91840e2923ae18284eb244f132f38bb2', "aria-modal": a11yBoolean(true), "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), onCancel: (e) => {
                 e.preventDefault();
                 this.dismissModal();
-            } }, hAsync("slot", { key: 'e2cd48ec148b91a57a467dfb903e1308e104a5ad' })))));
+            } }, hAsync("slot", { key: 'd71f435060761f058ce2ceb47c94d2a9d5bc9678' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return modalCss; }
@@ -27142,12 +27114,12 @@ class Modal {
         "$tagName$": "ix-modal",
         "$members$": {
             "size": [1],
-            "animation": [4],
-            "backdrop": [4],
+            "disableAnimation": [4, "disable-animation"],
+            "hideBackdrop": [4, "hide-backdrop"],
             "closeOnBackdropClick": [4, "close-on-backdrop-click"],
             "beforeDismiss": [16, "before-dismiss"],
             "centered": [4],
-            "closeOnEscape": [4, "close-on-escape"],
+            "disableEscapeClose": [4, "disable-escape-close"],
             "modalVisible": [32],
             "showModal": [64],
             "dismissModal": [64],
@@ -27159,7 +27131,7 @@ class Modal {
     }; }
 }
 __decorate$8([
-    OnListener('keydown', (self) => !self.closeOnEscape)
+    OnListener('keydown', (self) => self.disableEscapeClose)
 ], Modal.prototype, "onKey", null);
 
 const modalContentCss = ":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
@@ -27169,7 +27141,7 @@ class ModalContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd7bef3767ae242cfdd5a3367c9c2abb1f2c0d4d6' }, hAsync("slot", { key: 'e2b8abbf51791d879a28bc322578e571d5714e8a' })));
+        return (hAsync(Host, { key: '3f9198f84a9686d2aaf532f85af567aa2b6c821c' }, hAsync("slot", { key: 'a0fc648541f56d4a7142bb91e55dfc7757b21746' })));
     }
     static get style() { return modalContentCss; }
     static get cmpMeta() { return {
@@ -27189,7 +27161,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e3164f3ff8999aca095a833b495e5194841f0039' }, hAsync("slot", { key: 'c3765f1f908b7375a6c9f5cf08e7a370a0d750b7' })));
+        return (hAsync(Host, { key: '26999141bb2fc468074ec5d05a43feaf6cbb4e78' }, hAsync("slot", { key: '48c1f1b8d51af57f6bef965d582f2ff898140b9c' })));
     }
     static get style() { return modalFooterCss; }
     static get cmpMeta() { return {
@@ -27235,7 +27207,7 @@ class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (hAsync(Host, { key: 'ec19146ced5b95a1b9723ece2aee4fbf6f3a666c' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '46bac93f4005f43362c02a1852aa3e76e324358f', class: "modal-title" }, hAsync("ix-typography", { key: 'f201f3adcff612e81e34e60d3ed9470aac2f77e7', format: "h5" }, hAsync("slot", { key: '17302db5dbc882983abb1cbb1a46f4c2b9fce9ea' }))), !this.hideClose ? (hAsync("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 (hAsync(Host, { key: '0ebfd37e83735c49aa640de880af719c278bf8dc' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'b8ccaf5afb50229756ad024f8932aca9e106bf35', class: "modal-title" }, hAsync("ix-typography", { key: 'edf640b077acc1feb0ce7e3d661ba84fbffde3f0', format: "h5" }, hAsync("slot", { key: '10da72cd839364e2fe81049de9d411a4cbea6e72' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -27268,7 +27240,7 @@ class ModalLoading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '6689de127dae752b929ac792e91a9ba2c4bc6691' }, hAsync("ix-spinner", { key: 'fd210b76ae2210b57f1418be5d589eac139ca1a4', variant: "primary" }), hAsync("span", { key: '3d1078bd723bfb37172630f8fd55b34cd2b77c4e', class: 'loading-text' }, hAsync("slot", { key: '21de9ad0be01c0da9b7c8ca0bfbca99f5f5731f4' }))));
+        return (hAsync(Host, { key: 'e6a5ed6cf016a30bd76692c5dcc96924cdfebc6d' }, hAsync("ix-spinner", { key: '0979352c75c22f1a97fbad587b2f6648c5fbd867', variant: "primary" }), hAsync("span", { key: '9cc99953a981540e8e2dc9806fd7e481199e1b54', class: 'loading-text' }, hAsync("slot", { key: '89cc3a8cd66fcff80b72fe2d8ed80cb272cf3201' }))));
     }
     static get style() { return modalLoadingCss; }
     static get cmpMeta() { return {
@@ -27401,19 +27373,19 @@ class NumberInput {
     }
     render() {
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (hAsync(Host, { key: 'f4469bdb3c05aa990e20a17467d67243056c2767', class: {
+        return (hAsync(Host, { key: '8504c7c73fc9b962d3d1bb53f80515876579a799', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'b5172d5a04ff81b06484cd42bbafa95c4df918eb', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '40c286987ba4b67a3dde2f034db1d0c22d5a9cfe', class: {
+            } }, hAsync("ix-field-wrapper", { key: '5f833ae1f6e134b0056cceda27cce2491bfa5a04', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '18d4fdfcb87f46340fd7f0c08587c8353122275f', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, hAsync(SlotStart, { key: '75e15f42a93ebc862ac718c35092be8175e97ca6', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '552e8d9e1b0ee6f2359398b51d2d3690deb8f41d', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
+            } }, hAsync(SlotStart, { key: '702b6335f92a587932de72d085487e21932897f9', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '385e81700361f81a6ee4f4999a673acc452decf9', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            } }), hAsync(SlotEnd, { key: '0a66c00a4c0c89543ceac9e67f3d20270811b606', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '7b7f430745f590159d4a358e48fe8c1b425ceb7c', class: {
+            } }), hAsync(SlotEnd, { key: '346796a1af3fde17d66cc573457d63f3193f6420', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: 'd4369359ea685b7ef974b3ff941652a496874207', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, hAsync("ix-icon-button", { key: '3d01783a59bf18983785052b697fefac4519d0c4', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
+            } }, hAsync("ix-icon-button", { key: '0e9729ec618851639232d0d50822a89dfe899e06', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -27421,7 +27393,7 @@ class NumberInput {
                 checkInternalValidity(this, this.inputRef.current);
                 this.updateFormInternalValue(Number(this.inputRef.current.value));
                 this.valueChange.emit(this.value);
-            } }), hAsync("ix-icon-button", { key: 'f4082f7d6c9f03369a3cd5d1259756bc9c61f831', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
+            } }), hAsync("ix-icon-button", { key: '9799ab98f29a44549fcf233ea0b0ca3189704c76', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -27505,9 +27477,9 @@ class Pagination {
          */
         this.itemCount = 15;
         /**
-         * Show item count in advanced mode
+         * Hide item count in advanced mode
          */
-        this.showItemCount = true;
+        this.hideItemCount = false;
         /**
          * Total number of pages
          */
@@ -27618,16 +27590,16 @@ class Pagination {
         return hAsync("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (hAsync(Host, { key: 'd8569f37bf15b09f97b84eaca4620f7fff2c4176' }, hAsync("ix-icon-button", { key: '774b6598068ca9226f53fa6212a63e6c0fb10c84', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
+        return (hAsync(Host, { key: '40b3ace6995e3344df7ea8fe9a4b076603136395' }, hAsync("ix-icon-button", { key: '22efb16a1553b9f935fa3af8fa5790f0bf5e9214', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
                 const eventTarget = event.target;
                 if (eventTarget) {
                     const index = Number.parseInt(eventTarget.value);
                     this.selectPage(index - 1);
                 }
-            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '172d43a656479505535f3f07d651c3a55db6f66d', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && this.showItemCount ? (hAsync("span", { class: "item-count" }, hAsync("ix-typography", { format: "body" }, this.i18nItems), hAsync("ix-select", { hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '23dfbc2e249990b489229c7adda1a423408a5167', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '21fa9891cb8ce7605c0727cc84d5223164be4c61', class: "item-count" }, hAsync("ix-typography", { key: '1ff68ae57bb5aa4e513eb1c3e24b7a46043a3cd0', format: "body" }, this.i18nItems), hAsync("ix-select", { key: 'bb1ac2d152988e0fcf7083781e93dbaa3e6c1703', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
                 const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
                 this.itemCountChanged.emit(count);
-            } }, hAsync("ix-select-item", { label: "10", value: "10" }), hAsync("ix-select-item", { label: "15", value: "15" }), hAsync("ix-select-item", { label: "20", value: "20" }), hAsync("ix-select-item", { label: "40", value: "40" }), hAsync("ix-select-item", { label: "100", value: "100" })))) : ('')));
+            } }, hAsync("ix-select-item", { key: '5fb9c14e5b30116ad1fb05478637a1f65ca9a9fc', label: "10", value: "10" }), hAsync("ix-select-item", { key: '8cbea9c38bedf9382530315274f93702e3f6be2a', label: "15", value: "15" }), hAsync("ix-select-item", { key: '7095c60775ea46a7312b8f2a5fd14ee084cadeeb', label: "20", value: "20" }), hAsync("ix-select-item", { key: 'a4716aa6a22414e705d91665cabda72646823a9e', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'd9077eabd7ca25171699a41425358b20063c4399', label: "100", value: "100" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return paginationCss; }
@@ -27637,7 +27609,7 @@ class Pagination {
         "$members$": {
             "advanced": [4],
             "itemCount": [2, "item-count"],
-            "showItemCount": [4, "show-item-count"],
+            "hideItemCount": [4, "hide-item-count"],
             "count": [2],
             "selectedPage": [1026, "selected-page"],
             "i18nPage": [1, "i18n-page"],
@@ -28101,7 +28073,7 @@ class Pane {
     }
     render() {
         const rotate = !this.expanded && !this.isMobile && this.isLeftRightPane;
-        return (hAsync(Host, { key: 'ef43c572007deea4806b74a0bbb219767fd47839', class: {
+        return (hAsync(Host, { key: 'dd8c6d4cd68bbc2dce4938a97a0499316acda9f3', class: {
                 'floating-pane': this.floating,
                 'inline-pane': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
@@ -28125,28 +28097,28 @@ class Pane {
                     !this.expanded &&
                     !this.floating,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '16489302e851cbe76ba44afab0620d6bab9a0937', id: `pane-${this.composition}`, class: {
+            }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '9c1e0a51dd112be47cd6ac72a56da3c8f8c7402e', 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,
-            } }, hAsync("div", { key: '2c2463000fc0219242e5f2b4a21bc4ff40d9a133', id: "title-div", class: {
+            } }, hAsync("div", { key: 'e6c9183e30405b36ef67d76d812288573e75112b', 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,
-            } }, hAsync("ix-icon-button", { key: '2757032c08f9940e0bd3e80c5bdae15ad8933630', class: "title-icon", size: "24", icon: this.expanded
+            } }, hAsync("ix-icon-button", { key: 'b1b5b89d42572b9499866c3a59a22a4dfac97707', 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": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'df941e13a649fd2c79e4521ca4cda3f8e3383f17', class: {
+                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'e908c4100d070c35be2c1f16e1c7b5e2f7bbfa42', class: {
                 'title-text': true,
                 rotate: rotate,
-            } }, this.icon && (hAsync("ix-icon", { key: 'c6d6882ff9420ccc3ce630a609bd2d28da113393', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '9687bf7676a3ba96bb4fc642b6ee7342c745cc94', class: "title-text-overflow" }, hAsync("ix-typography", { key: '0396af3732054c841783aafde38e1e91b8ab5ff9', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: 'a0a1091307f143f928e5398992e143fc30f1fb44', class: "slot-header" }, hAsync("slot", { key: '989a4f1405dd0117d2f8857e5d52deab6ea84878', name: "header" }))))), hAsync("div", { key: '752b1123609ec6c2de3dba4d3648f3dc52efb4c7', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: 'e45f1124c23bdc394c06ae268dc97d4ff1936cc1' })))));
+            } }, this.icon && (hAsync("ix-icon", { key: 'c38702ea2028987bdd185bde0e846f6e77e02cce', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '59c00c7861e7cc4606fa7ace7bda410a66a9a13d', class: "title-text-overflow" }, hAsync("ix-typography", { key: '5008f70a17ef9a8792cedb12bea3517775e87b99', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '2810168de3fc7383d0fa4b0a3d8b1ee3d99f2d80', class: "slot-header" }, hAsync("slot", { key: '64e6644c2ee29a40d4b6343a03d00140518fb9d3', name: "header" }))))), hAsync("div", { key: '9ee1b00114877447c0457a3a77d92c5176c25195', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '439ee1eb5b4f7506d758577bd56d6f506f786c32' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -28422,7 +28394,7 @@ class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (hAsync(Host, { key: '3feb7042f19d98953f78fe0b12a6799436391503' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
+        return (hAsync(Host, { key: '03ea4309957e61df58b3d8bc01bad3f4a069e825' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),
@@ -28529,13 +28501,13 @@ class Pill {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: 'c7820336c8fbdf01625a3cadfec75dceb6cbe890', style: this.variant === 'custom'
+        return (hAsync(Host, { key: '2a7697576ed5ec91672c45f54dd4c5ffeb3c0763', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            } }, hAsync("div", { key: '6b070c63bb620b9d03adc4df29cb02d5bc83d5a2', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+            } }, hAsync("div", { key: 'ee9bc939ac718fe45d6d3a1d3974f98f3dac3881', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -28550,9 +28522,9 @@ class Pill {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (hAsync("ix-icon", { key: '0063f6ce74b07f7851ac68968983740f62b791dc', class: {
+            } }, this.icon && (hAsync("ix-icon", { key: '34a581e8e9994088b52deda084131c595485a522', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: '92d7956ff09e2af3dfdf8d1e38cc8f02d4f73ee0', class: "slot-container" }, hAsync("slot", { key: '31098a5bc3c4b5c495f59a43535c838e701b8635', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: 'abd12c31ed933190c5cd40b131cfab9e9318350d', class: "slot-container" }, hAsync("slot", { key: 'ace912aa428b071a562286bb692ac82b98d57201', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pillCss; }
@@ -28710,17 +28682,17 @@ class ProgressIndicator {
     render() {
         const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
         const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-        return (hAsync(Host, { key: 'aa5b8eb1f9882b6608a8b666dd86f01c49e955cc', class: {
+        return (hAsync(Host, { key: 'b9df8144037a0e126848e2425192dd8d8b752518', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, hAsync("div", { key: '99c7677920536a90e400de90f0d285f65bc582c7', class: {
+            }, tabIndex: -1 }, hAsync("div", { key: '15b088ae86016b1563aa34c2f1b31e0a0ae54cb2', 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 && (hAsync("ix-typography", { key: 'a8ac13d83c35facd9d5203784b482890f1bd86a6', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: '0cabaadd0debbde831c879ecc3ac2be36b628014', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+            } }, this.label && (hAsync("ix-typography", { key: '98235751d98341318807c30826d220de3e089e5b', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: 'da8947864a85cbbecd4b72fbfc1c1e88e4d536b7', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return progressIndicatorCss; }
@@ -28755,13 +28727,13 @@ class PushCard {
          */
         this.variant = 'outline';
         /**
-         * Collapse the card
+         * Expand the card
          */
-        this.collapse = true;
+        this.expanded = false;
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '6bbf00437c1ca66db153373bde27219f8e97a214', class: `card-${this.variant}` }, hAsync("ix-card", { key: 'd50854bbf3275c836c8007dcf718fe1d92696123', variant: this.variant }, hAsync("ix-card-content", { key: 'bef19c7cf43df532a478222958e0b4d860be1e30' }, hAsync("ix-card-title", { key: '123f9405b787ed426ffcc386ac3b28757bab3fcd' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '3b792a4d47d354388e04e2f2692cfe670f086bae', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '99309088649ceed43b54101f59a69a57c6c7597d', name: "title-action" })), hAsync("ix-typography", { key: 'aded73b945315c1c572cb59251205a8d9b3c7f38', format: "h4" }, this.heading), hAsync("ix-typography", { key: '589fb71f937b9db408ed611721b36e1ab7c0969b' }, this.subheading)), hAsync("ix-card-accordion", { key: '1fd8fa45f096ba73c23d903d2f809f2fea0cb1d0', collapse: this.collapse, variant: this.variant }, hAsync("slot", { key: '5ef36bf26050df5b5a57c6725adc133367c266b5' })))));
+        return (hAsync(Host, { key: '25cc0c4fea44a0a035e59a617c81c5c4ba46f7bf', class: `card-${this.variant}` }, hAsync("ix-card", { key: '3414251824d2f252985c29be1ae7f67235608147', variant: this.variant }, hAsync("ix-card-content", { key: 'cecdda5d8a8d6818c6ffe4aed7a47e0dffe12bd0' }, hAsync("ix-card-title", { key: '6e7b0859b6bf0704fe43845c2e2b456eda578aa7' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '60df1048ad8d94f9f741fba881e0276e5c864899', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '503f04b96a2d1a93cb60ef47f256236249eb0473', name: "title-action" })), hAsync("ix-typography", { key: 'e1ccccb5a67b270e93b1aae952ad6fdf27a19658', format: "h4" }, this.heading), hAsync("ix-typography", { key: 'cd147ac7c5bb418926b62634b06e897a454d987b' }, this.subheading)), hAsync("ix-card-accordion", { key: 'ac1045a3cc07cd515de917e7afe096d6ebf3b312', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '6cfd442f9174fae7e66d750f519445b9fcbeb079' })))));
     }
     static get style() { return pushCardCss; }
     static get cmpMeta() { return {
@@ -28774,7 +28746,7 @@ class PushCard {
             "heading": [1],
             "subheading": [1],
             "variant": [1],
-            "collapse": [4]
+            "expanded": [4]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -28871,17 +28843,17 @@ class Radio {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2453cf39a2286a0a2b8fd10dca39aa5e2a3968d4', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
+        return (hAsync(Host, { key: 'e74cc1b490830412ff329d586c35914a8b55abb8', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
                 disabled: this.disabled,
                 checked: this.checked,
-            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '2be5fc28ed436ba826040941e5d277f1ab921986' }, hAsync("div", { key: '79e1b3cfc0815f9527d9e9e33d6069751163edd7', class: "radio-button" }, hAsync("input", { key: '470b37509f8c0a92ed2921b68bbb67d656a8b523', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
+            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '2e2736e762d21e1e254078dc07e0e6754c9f0d60' }, hAsync("div", { key: 'c22603f3a435fc4271b092af4010208ab7d43eda', class: "radio-button" }, hAsync("input", { key: 'd56beba76c83ab1ccf2e3eaea89c6d1c285e3c62', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
                 const ref = this.inputRef.current;
                 if (ref) {
                     this.setCheckedState(ref.checked);
                 }
-            } }), hAsync("button", { key: '9820d0db2c7be71866c79002ebd196091da44d79', disabled: this.disabled, class: {
+            } }), hAsync("button", { key: '70747f5c03103161f8808d996b15720af681c54d', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: 'd4a305dac94fe105e25046eb77f9611fdcfe2776', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: '4e4a65105d53a77d52281121fcd3f0cbe4494d14', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'abb88432952be427de10324fa06ca35a8732e193' }))))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: '3f2a5030726debb338686f95feabc123f64524bb', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: '1beb22d26c2e6c759bfc6be64ad6a11b1c0d2d19', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'cbf06b0578d34daed1a952d2bb3346affaf384b6' }))))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -29021,10 +28993,10 @@ class RadiobuttonGroup {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (hAsync(Host, { key: '4815cffc82b0358b71cefce73cd34dab1f2ddc5d', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: '6b4ab280bdfac49de80d73d8594880e2f0a6bacd', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: 'cf8a03760b0950a474185f17018dcef178fa9509', class: {
+        return (hAsync(Host, { key: '93241d4ab22b1d87d5fd1e5ff65d5fc8877e1784', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: '8ee3487bb24408f698cb975822eed476c070f3eb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: '96216c66bce9e4b63071048a3848de1c611da84f', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '51f23ea772d0762e2360846d124187532a946f81' })))));
+            } }, hAsync("slot", { key: '8910a200a6eb0d9f88f3b45d96967a7f406b545d' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -29070,7 +29042,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '04ce61126421e977adaf0342c9c5736058770d15' }, hAsync("slot", { key: '619a359765da685bc3722f6f77bff996baf89961' })));
+        return (hAsync(Host, { key: 'd1a97faf65f7bb2656702d903995c25589a6ef41' }, hAsync("slot", { key: 'b24d88c901dd8bf48eefaf2778d8db412b61811c' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -29647,9 +29619,9 @@ class Select {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: 'c0099c77970de85593440ff14921f884c7837e39', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (hAsync(Host, { key: '616b4904936081cc06fea9f96ba1534ad9c72072', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, hAsync("ix-field-wrapper", { key: '243ba88d3902a5e0dbd24d093d1a7ad26dba715a', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '663134035c1950d87214106f8768ddd18a6e0b7d', class: {
+            } }, hAsync("ix-field-wrapper", { key: 'f5db8587baff69257f674e0563c36561fb38411e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '3daefd90f192731fa4b770e5da2c189c80551d3a', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -29657,13 +29629,13 @@ class Select {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, hAsync("div", { key: 'a88f41411a227fef16c86692c8b89e392e909130', class: "input-container" }, hAsync("div", { key: '115652ec0955d9968f57d016ad64f9d42a40b00c', class: "chips" }, this.isMultipleMode
+            } }, hAsync("div", { key: '61298dac05f4be62b06e0db6fd18299fee55ce76', class: "input-container" }, hAsync("div", { key: '21c3950b5d76a4027de13baaf9c8054f90b4cbcf', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', hAsync("div", { key: '3427065a8dc112e5ea11bcd6b823a0f97b400216', class: "trigger" }, hAsync("input", { key: '6d83e566afc5749fd0fcd980bf81093b9e5d5656', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', hAsync("div", { key: '31390b0957847514ace6fef5c3bfe68f9975a3c0', class: "trigger" }, hAsync("input", { key: 'cce77232cf533ff29bd394cdaaf1698ab3bcdc5e', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
                 this.inputElement = ref;
@@ -29682,7 +29654,7 @@ class Select {
                 : iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '1fc475094870358ca9746b7a0a17ba90c525fc19', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '69e81d42ef04f3c65449fda9778596bde0c0c708', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'display-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
@@ -29698,12 +29670,12 @@ class Select {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, hAsync("div", { key: 'f31dea7cf6bf07744eb0570304fcf9783c8478cb', class: {
+            } }, hAsync("div", { key: 'e3bbcfe9eaa0547b4f1818d1e96e2aba4b1ff199', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '7f8335b29e10f93c4a1fb85329d196439b16b5e8', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'd9d1060ee1fa7188a60e854d855c96cee1752355', onSlotchange: () => {
                 this.updateSelection();
-            } }), hAsync("div", { key: '8166cdc348b9952f3a89f525855a9ee0ea07c41d', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+            } }), hAsync("div", { key: '80906bd69760d63dd6b45c62337d8b9fdb1b3c3a', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
@@ -29856,7 +29828,7 @@ class SelectItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'a246c44f60262c0d667f256d3a0dd6ffa5639ead' }, hAsync("ix-dropdown-item", { key: 'eced5e715b6b8edaea18d034527caff930c739af', class: {
+        return (hAsync(Host, { key: 'eda73234f63f14409068135e908af00d7f18b48b' }, hAsync("ix-dropdown-item", { key: '14603322f1a339a30aa00b32f6802037af69a187', class: {
                 'select-item-checked': this.selected,
             }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
     }
@@ -30032,12 +30004,12 @@ class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (hAsync(Host, { key: 'a81caafd7b8f63a37b7011370c3707906b1d73b1', class: {
+        return (hAsync(Host, { key: '8607a41b85a5cb0241432eca5b6fccd931059247', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'e944af2bafd5b248141a82840f06e51828cb22f2', class: "slider" }, hAsync("div", { key: '04f951c61ecbee406baf635ddfd0e7803209e293', class: "track" }, hAsync("div", { key: '2eb71a2a40ab802ca2eb03be2f0312e136e568f3', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'e5b7d976938e96a4e6f39a2070b4144288f70f29', class: "slider" }, hAsync("div", { key: 'c5e5f75983bad193e6ee5fd64f4a23ad06e7eebb', class: "track" }, hAsync("div", { key: '10aad41281a45508e54c35d20a2b0d06c071c7f5', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), hAsync("div", { key: 'ae0c97019fdbd3dae7751afb1f1d9f0e0a31ca8e', class: "ticks" }, this.marker
+            } }), hAsync("div", { key: '8b39d81357e4c4c328f4cca4118a9114ee061e3b', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -30050,7 +30022,7 @@ class Slider {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), hAsync("input", Object.assign({ key: 'de054139c483bd05507258e631eb57520b3f6643', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
+            : null)), hAsync("input", Object.assign({ key: 'e3dd09329ca7f15807222948b23a5691c0e8285d', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
                 '--value': `${valueInPercentage}`,
                 '--trace-reference': `${traceReferenceInPercentage}`,
                 '--trace-start': `${traceStart}`,
@@ -30064,9 +30036,9 @@ class Slider {
                 this.showTooltip = true;
             }, onBlur: () => {
                 this.showTooltip = false;
-            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: '7812ffe4f03f6947e6e21984058f2207356ac779', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'e22440fb877deb31a73fcb3ef7d7de68e1e3bc26', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '34c4e421d7371d8ca44e035cd5ffe3bf26c79f58', class: "label" }, hAsync("div", { key: '56c0ed549882f048fda2e1ecf6cdf340bfed34da', class: "label-start" }, hAsync("slot", { key: '912f1f85cbf81ddfca3717a8994c3db790168e75', name: "label-start" })), hAsync("div", { key: '9f78dec87e05c98cbd8d675598244a9f9956a487', class: "label-end" }, hAsync("slot", { key: 'd6bfbb945eca031efac18d68de7ef5611c58fafc', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '94dc92cea736331e1adf377a550e0d5da003fcfc', class: "label" }, hAsync("div", { key: 'ffd03546d0e0a5c8fb974f689c700572b429f76d', class: "label-start" }, hAsync("slot", { key: 'fcf333f15011541e4ce9fc11472d00de73b2b768', name: "label-start" })), hAsync("div", { key: '2b9ff68a94f3c882428414e2fa089b134a8ccbb6', class: "label-end" }, hAsync("slot", { key: '5c5ba7b73af4067842afe022bf01686a3e437eae', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30124,7 +30096,7 @@ class Spinner {
         this.hideTrack = false;
     }
     render() {
-        return (hAsync(Host, { key: 'ce8c4e7ccf1c837e2b0083ceaf144ff55498f6e0' }, hAsync("div", { key: '28808901101e05501e41ebbb7345319d5a14a29e', class: {
+        return (hAsync(Host, { key: '99eb9b362588fb2f8f40c8e767066510535c312d' }, hAsync("div", { key: '219d9895c8d21ab3c571dd45fd07f5b006b4f34b', class: {
                 primary: this.variant === 'primary',
                 [this.size]: true,
                 'hide-track': this.hideTrack,
@@ -30188,7 +30160,7 @@ class SplitButton {
                 'left-button-border': !hasOutline,
             },
         };
-        return (hAsync(Host, { key: '433934494683c08599f0d30afb55b2e523d0a51b' }, hAsync("div", { key: '0776b30821ded50100a6e98922b8e32a72a0558c', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: '4a9dc7a2f5c2f3c97f810db88db19cfa8fae0b90' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: '6724d1d00d1546b418e7abff9038dc50d5ec5b31', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: '7781baa65ec57e8aa9b0e5ab0a43b54f372b148c' }))));
+        return (hAsync(Host, { key: 'c0fec74005091e767fabcb3a3f19da5bdd95a43b' }, hAsync("div", { key: '5ed4d1f6ecc27eacb58c101612b6f38d6487e903', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: '0026fece6601ca9715b259bc2fd67f1c63993a93' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: 'c6e1fc922c216672d8c9545721b421021408f74f', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'ae34c0441b00ef9f29ea8a53308698cda6678468' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return splitButtonCss; }
@@ -30213,7 +30185,7 @@ class SplitButton {
     }; }
 }
 
-const tabItemCss = "@charset \"UTF-8\";:host{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host::after{content:\"\";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}:host .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-color-1);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}:host .hidden{display:none}:host(.circle){height:72px}:host(.top)::after{top:0}:host(.bottom)::after{bottom:0}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover:not(.circle)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}:host(:hover:not(.circle))::after{background-color:var(--theme-tab-indicator--background--hover)}:host(:active:not(.circle)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(:active:not(.circle))::after{background-color:var(--theme-tab-indicator--background--active)}:host(:focus-visible){outline:0px solid var(--focus--border-color)}:host(:focus-visible) .circle{outline:1px solid var(--focus--border-color)}:host(:focus-visible:not(.circle)){outline:1px solid var(--focus--border-color)}:host(.disabled){pointer-events:none;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{background-color:var(--theme-tab-indicator--background--selected)}:host(.icon){padding:1.5rem 0.5rem}:host(.small-tab){height:32px;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}";
+const tabItemCss = "@charset \"UTF-8\";:host{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host::after{content:\"\";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}:host .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}:host .hidden{display:none}:host(.circle){height:72px}:host(.top)::after{top:0}:host(.bottom)::after{bottom:0}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover:not(.circle)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}:host(:hover:not(.circle))::after{background-color:var(--theme-tab-indicator--background--hover)}:host(:active:not(.circle)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(:active:not(.circle))::after{background-color:var(--theme-tab-indicator--background--active)}:host(:focus-visible){outline:0px solid var(--focus--border-color)}:host(:focus-visible) .circle{outline:1px solid var(--focus--border-color)}:host(:focus-visible:not(.circle)){outline:1px solid var(--focus--border-color)}:host(.disabled){pointer-events:none;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{background-color:var(--theme-tab-indicator--background--selected)}:host(.icon){padding:1.5rem 0.5rem}:host(.small-tab){height:32px;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}";
 
 class TabItem {
     constructor(hostRef) {
@@ -30261,7 +30233,7 @@ class TabItem {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'fbc797818155b68364410a11c5fe0a001e1e6acc', class: this.tabItemClasses({
+        return (hAsync(Host, { key: '2eaa9ee3ba9488210877fa4ed43595e1f9d9a8dd', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -30278,12 +30250,12 @@ class TabItem {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, hAsync("div", { key: '98a4a06c0ceb6ef377de6d57ad42054e212fbe37', class: {
+            } }, hAsync("div", { key: 'a3592b79e11a50056834d1920aa666a6989f7be9', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: 'd10de085d72f9559891dfd87f9b91f73832c5b46' })), hAsync("div", { key: '6a2c177981af05692249dd17741667a7986ac286', class: {
+            } }, hAsync("slot", { key: '6bdd7252b0906f1d47257c6bc0fd4bff91a7eb3b' })), hAsync("div", { key: '876c31b1ee2c454887434a99b65435d1511676e1', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -30569,13 +30541,13 @@ class Tabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '294d6eeab98bd88c83883202998e84542a4a0a7f' }, this.showArrowPrevious && (hAsync("button", { key: '13364839e49d3b69e11fbe13bb4d01d5ff36ec65', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: 'e3bb3d3ec0652668623d141a72f7f0e476610462', name: iconChevronLeftSmall }))), hAsync("div", { key: '8f816e05deec80a1d823412551d1ba8e321e33ca', class: {
+        return (hAsync(Host, { key: '4c58b26f100793ee93715ddf2d71cd85c7a77394' }, this.showArrowPrevious && (hAsync("button", { key: '88b2aa246f44f6fca988e8cc95d5c69f973b5626', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '0a6bdb7e2edafe47e7a2c3a09c860df3b8e8c73f', name: iconChevronLeftSmall }))), hAsync("div", { key: 'd06c37c4aae268d43ada257185256163c54668bf', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
                 'shadow-left': this.showArrowPrevious,
                 'shadow-right': this.showArrowNext,
                 'shadow-both': this.showArrowNext && this.showArrowPrevious,
-            } }, hAsync("div", { key: '0a36bc2b2d01a5b230ecb7f328c9499ecf8abe62', class: "items-content" }, hAsync("slot", { key: '4a91177c0ef4f293ba77e74d237c578846b62f95' }))), this.showArrowNext && (hAsync("button", { key: '37ecc7f36ae5496c981bfc59a0f727ccecb38a5d', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: 'aeecd541a82721742b91051b8289a189e9b3e88d', name: iconChevronRightSmall })))));
+            } }, hAsync("div", { key: 'b2636001520d9d9c63173f35a45c3f38217f949f', class: "items-content" }, hAsync("slot", { key: 'd29d939ea9c1053d79b7670c7c54d9e6ec483dce' }))), this.showArrowNext && (hAsync("button", { key: '91b68bb75e979fdab0643a479300371e67a0174f', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: '735a473ee7bd00e299530b09c166b111cd8f04cd', name: iconChevronRightSmall })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30668,15 +30640,59 @@ class Textarea {
         this.isInfo = false;
         this.isWarning = false;
         this.isInvalidByRequired = false;
-        this.textAreaRef = makeRef();
+        this.textAreaRef = makeRef(() => {
+            this.initResizeObserver();
+        });
         this.touched = false;
+        this.isManuallyResized = false;
+        this.isProgrammaticResize = false;
     }
     updateClassMappings(result) {
         mapValidationResult(this, result);
     }
+    onDimensionPropsChange() {
+        this.isManuallyResized = false;
+        this.manualHeight = undefined;
+        this.manualWidth = undefined;
+        this.isProgrammaticResize = true;
+    }
+    onResizeBehaviorChange() {
+        this.initResizeObserver();
+    }
     componentWillLoad() {
         this.updateFormInternalValue(this.value);
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
+    initResizeObserver() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        const textarea = this.textAreaRef.current;
+        if (!textarea)
+            return;
+        if (this.resizeBehavior === 'none')
+            return;
+        let isInitialResize = true;
+        this.resizeObserver = new ResizeObserver(() => {
+            const textarea = this.textAreaRef.current;
+            if (!textarea)
+                return;
+            if (isInitialResize) {
+                isInitialResize = false;
+                return;
+            }
+            if (this.isProgrammaticResize) {
+                this.isProgrammaticResize = false;
+                return;
+            }
+            this.isManuallyResized = true;
+            this.manualHeight = textarea.style.height;
+            this.manualWidth = textarea.style.width;
+        });
+        this.resizeObserver.observe(textarea);
+    }
     updateFormInternalValue(value) {
         this.formInternals.setFormValue(value);
         this.value = value;
@@ -30710,16 +30726,21 @@ class Textarea {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '2bd17a0b362db1a3b47a40a335e9dad0aacf60b2', class: {
+        return (hAsync(Host, { key: '01f3753f8d224c04fcfd170004d1591155bae8fe', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '63f6f38a83f3ac585be94fcbae2f0a1f07a3594a', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'edec746b0b0f15b01a42f827d8ed77d5b2ff3fbb', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'bd53188011be0df0567500f6f4f85757210a5df3', class: "input-wrapper" }, hAsync(TextareaElement, { key: '2b38f2d805863b6f85630f2192a6c1dcd5238e5a', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '7e69d00bbdef14efac3be23a093602dc2c0dae76', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'ebd14c19b62522cfb95ab1aa5177931020e12673', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: '26855cb5d7dcd374388e8c6d8ab8102b57414a47', class: "input-wrapper" }, hAsync(TextareaElement, { key: '763de52ae31785cc5fd08b37c6f926528f3e665e', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "textareaHeight": ["onDimensionPropsChange"],
+        "textareaWidth": ["onDimensionPropsChange"],
+        "resizeBehavior": ["onResizeBehaviorChange"]
+    }; }
     static get style() { return textareaCss; }
     static get cmpMeta() { return {
         "$flags$": 329,
@@ -30784,17 +30805,17 @@ class Tile {
         this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
     }
     render() {
-        return (hAsync(Host, { key: 'e4355ad46843a1f23ce91dedb17d4e4bfb5a36fc', class: {
+        return (hAsync(Host, { key: 'aa9ab71b723ec68685a2d0a37b53d9edcfe82cd6', class: {
                 'tile-small': this.size === 'small',
                 'tile-medium': this.size === 'medium',
                 'tile-big': this.size === 'big',
-            } }, hAsync("div", { key: '43f307019c86fbf6b930d8539373dff898340b55', class: {
+            } }, hAsync("div", { key: 'fdbc231e60e607c9a5c60d66138f87d563d3a1d1', class: {
                 'tile-header': true,
                 'has-content': this.hasHeaderSlot,
-            } }, hAsync("slot", { key: '72d72fd4daf1f51897fc576eced23d2606d194c0', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '4e5ff688e3e4a36d3b69a94929f342e1726e372b', class: "tile-subheader" }, hAsync("slot", { key: 'e695880d57440390881181a80a47ceb0b5ef4359', name: "subheader" })), hAsync("div", { key: '23b985df1186dcef26a02220a31131812db83b6c', class: "tile-content" }, hAsync("slot", { key: 'b60ce52d51b0bdc13d69c781262565ffef9db17d' })), hAsync("div", { key: '1bd7a2c15693384b44989b2a00d4d1e2bfd11973', class: {
+            } }, hAsync("slot", { key: 'f881aa65ee46aa1f8ea7991d94e934fed4fe5e6a', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '3a7603fe58fd66c7309a9ec743839f6df1db88d3', class: "tile-subheader" }, hAsync("slot", { key: '846def8a0c20dba9c4d929a10ffad9ad2da73128', name: "subheader" })), hAsync("div", { key: '1a1c7830c296988a0928d76b2af53c14d999e2ac', class: "tile-content" }, hAsync("slot", { key: '5450f27247704ac16db78f1c6507ea9319c367c4' })), hAsync("div", { key: '0464f19054f1c1e15c06fdab283d72f17ab0b9cd', class: {
                 'tile-footer': true,
                 'has-content': this.hasFooterSlot,
-            } }, hAsync("slot", { key: 'd5ac25a1a60864047a8130a19158c0fbc070a95e', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
+            } }, hAsync("slot", { key: 'ce04db8085fda4bb5faaa170895cad9c8f850555', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tileCss; }
@@ -31081,12 +31102,12 @@ class TimeInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorTimeUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: '0001640191c8b6d5eae25490ea8d7759e1ce8466', class: {
+        return (hAsync(Host, { key: '09ce97a9605c6b22a872712c038a2628e5b0b81a', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '37c77257a9bb1b3d59de20534d21a22dfd0c94d3', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '07f92d4dff124abdd559c9d3b5bb4c6411f844db', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: '7885db329aa8632cfaeb55d427ba4d142a8b6ec6', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: 'e1e55b1d1b48ba6b90e9181814c7d01e1fcd8bae', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-time-picker", { key: '319619865e7f73b4896863289dc2a00b612ac8b2', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, standaloneAppearance: false, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
+            } }, hAsync("ix-time-picker", { key: '7c3b0350de27af8fe8633478ce1100fd62f75976', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
                 this.onInput(event.detail);
                 this.show = false;
             } }))));
@@ -31210,31 +31231,13 @@ class TimePicker {
          */
         this.corners = 'rounded';
         /**
-         * Controls the visual presentation and styling of the component when it is displayed as a standalone element
+         * Embedded style (for use in other components)
          */
-        this.standaloneAppearance = true;
+        this.embedded = false;
         /**
          * @internal Temporary prop needed until datetime-picker is reworked for new design
          */
         this.dateTimePickerAppearance = false;
-        /**
-         * Show hour input
-         *
-         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
-         */
-        this.showHour = true;
-        /**
-         * Show minutes input
-         *
-         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
-         */
-        this.showMinutes = true;
-        /**
-         * Show seconds input
-         *
-         * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0
-         */
-        this.showSeconds = true;
         /**
          * Hides the header of the picker.
          *
@@ -31270,22 +31273,10 @@ class TimePicker {
          * Format has to match the `format` property.
          */
         this.time = DateTime.now().toFormat(this.format);
-        /**
-         * Text of time select button
-         *
-         * @deprecated Use `i18nConfirmTime` instead. Will be removed in 4.0.0.
-         */
-        this.textSelectTime = CONFIRM_BUTTON_DEFAULT;
         /**
          * Text of the time confirm button
          */
         this.i18nConfirmTime = CONFIRM_BUTTON_DEFAULT;
-        /**
-         * Text for top label
-         *
-         * @deprecated Use `i18nHeader` instead. Will be removed in 4.0.0.
-         */
-        this.textTime = HEADER_DEFAULT;
         /**
          * Text for top header
          */
@@ -31674,21 +31665,21 @@ class TimePicker {
             {
                 unit: 'hour',
                 header: this.i18nHourColumnHeader,
-                hidden: !LUXON_FORMAT_PATTERNS.hours.test(this.format) || !this.showHour,
+                hidden: !LUXON_FORMAT_PATTERNS.hours.test(this.format),
                 numberArray: hourNumbers,
                 focusedValue: this.getInitialFocusedValueForUnit('hour', hourNumbers),
             },
             {
                 unit: 'minute',
                 header: this.i18nMinuteColumnHeader,
-                hidden: !LUXON_FORMAT_PATTERNS.minutes.test(this.format) || !this.showMinutes,
+                hidden: !LUXON_FORMAT_PATTERNS.minutes.test(this.format),
                 numberArray: minuteNumbers,
                 focusedValue: this.getInitialFocusedValueForUnit('minute', minuteNumbers),
             },
             {
                 unit: 'second',
                 header: this.i18nSecondColumnHeader,
-                hidden: !LUXON_FORMAT_PATTERNS.seconds.test(this.format) || !this.showSeconds,
+                hidden: !LUXON_FORMAT_PATTERNS.seconds.test(this.format),
                 numberArray: secondNumbers,
                 focusedValue: this.getInitialFocusedValueForUnit('second', secondNumbers),
             },
@@ -31775,46 +31766,28 @@ class TimePicker {
     }
     getElementContainerTabIndex(number, descriptorUnit) {
         const descriptor = this.timePickerDescriptors.find((d) => d.unit === descriptorUnit);
-        if (descriptor && number === descriptor.focusedValue) {
+        if (number === (descriptor === null || descriptor === void 0 ? void 0 : descriptor.focusedValue)) {
             return '0';
         }
         return '-1';
     }
-    getConfirmButtonText() {
-        if (this.i18nConfirmTime !== CONFIRM_BUTTON_DEFAULT) {
-            return this.i18nConfirmTime;
-        }
-        if (this.textSelectTime !== CONFIRM_BUTTON_DEFAULT) {
-            return this.textSelectTime;
-        }
-        return this.i18nConfirmTime;
-    }
-    getHeaderText() {
-        if (this.i18nHeader !== HEADER_DEFAULT) {
-            return this.i18nHeader;
-        }
-        if (this.textTime != HEADER_DEFAULT) {
-            return this.textTime;
-        }
-        return this.i18nHeader;
-    }
     render() {
-        return (hAsync(Host, { key: 'deaf89167092b74d0b144e44c7e8cf65e99bdc48' }, hAsync("ix-date-time-card", { key: '1c4aca1d13138955fd6a5b632338521e3b05d3cd', standaloneAppearance: this.standaloneAppearance, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: '4d4a4029e1b500eb945bfad7e7a803ec4b05cd61', class: "header", slot: "header" }, hAsync("ix-typography", { key: '0519cca29f05a3671349c0deb23d97b289bba435', format: "h5" }, this.getHeaderText())), hAsync("div", { key: '09c8c237d92acd7be30b58a1eac69e2c5154f7f4', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
+        return (hAsync(Host, { key: 'fe021682c409d261844a66afc06f7fd821d98311' }, hAsync("ix-date-time-card", { key: '29d86af50dfbe071b9ba542d715a0d310b5acdd8', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: 'a0189088fa1b26c1deadd04a571391eade2f4a82', class: "header", slot: "header" }, hAsync("ix-typography", { key: '168ab5345ae2afa0b084c8acd1e6e533db5ae398', format: "h5" }, this.i18nHeader)), hAsync("div", { key: '5fca2d1fb2059d72269e44f231faa0d0e0fc9889', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
                 selected: this.isSelected(descriptor.unit, number),
                 'element-container': true,
             }, onClick: () => this.select(descriptor.unit, number), onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: () => this.onUnitCellBlur(descriptor.unit), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), role: "button", "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)))), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
                 'column-seperator': true,
                 hidden: descriptor.hidden,
-            } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '6e1560d71b59d8cbf32f9b201c3db2cea62bab38', class: {
+            } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '94fff2af6e3e86a2bebdee7e17a3ae46503c8a03', class: {
                 footer: true,
                 'footer--compact': this.timePickerDescriptors.length <= 2,
-            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: '9f54da10f63c7cc75a09a22300c5714721c4ae59', class: {
+            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: 'a9248cc2ac1c71c8886bfc177eb9c013db8a7a69', class: {
                 'time-ref-buttons': true,
                 'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
-            } }, hAsync("button", { key: '8081ccea518718dac3ed324511626d964c57c9a4', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: '9b41178ad92d5f7aa549163f64eb2e16c81149be', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '5cd17cb2c0271daee317155a5246299856550719', class: "confirm-button", onClick: () => {
+            } }, hAsync("button", { key: '506e0e1b8d1ebbb59f53944596e38bbde2f1c0bb', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: 'b94ff617ed3e1a539ae3991fbf9e1b69dfb3f2f3', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '3f49ec5488f6bc4914956fa88e793f6029f0f0e5', class: "confirm-button", onClick: () => {
                 var _a;
                 this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
-            } }, this.getConfirmButtonText()))))));
+            } }, this.i18nConfirmTime))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -31833,21 +31806,15 @@ class TimePicker {
         "$members$": {
             "format": [1],
             "corners": [1],
-            "standaloneAppearance": [4, "standalone-appearance"],
+            "embedded": [4],
             "dateTimePickerAppearance": [4, "date-time-picker-appearance"],
-            "showHour": [4, "show-hour"],
-            "showMinutes": [4, "show-minutes"],
-            "showSeconds": [4, "show-seconds"],
             "hideHeader": [4, "hide-header"],
             "hourInterval": [1026, "hour-interval"],
             "minuteInterval": [1026, "minute-interval"],
             "secondInterval": [1026, "second-interval"],
             "millisecondInterval": [1026, "millisecond-interval"],
             "time": [1],
-            "timeReference": [1, "time-reference"],
-            "textSelectTime": [1, "text-select-time"],
             "i18nConfirmTime": [1, "i18n-confirm-time"],
-            "textTime": [1, "text-time"],
             "i18nHeader": [1, "i18n-header"],
             "i18nHourColumnHeader": [1, "i18n-column-header"],
             "i18nMinuteColumnHeader": [1, "i18n-minute-column-header"],
@@ -31888,7 +31855,7 @@ class Toast {
         /**
          * Autoclose behavior
          */
-        this.autoClose = true;
+        this.preventAutoClose = false;
         this.progress = 0;
         this.touched = false;
         this.paused = false;
@@ -31945,17 +31912,17 @@ class Toast {
             animationPlayState: this.touched || this.paused ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (hAsync(Host, { key: '4be41b7d6326a30e985506471f5ef6a9fcfc4cf7', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '02ae41f684be0f0c1b304c6565c22ec4cd9ee9d4', class: "toast-body", onPointerLeave: () => {
+        return (hAsync(Host, { key: '899292380d8565664e1c7675d76327a11490d830', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '5cd4377bdf58c1a2c0071ab31b28ad9655e44d0f', class: "toast-body", onPointerLeave: () => {
                 this.touched = false;
             }, onPointerEnter: () => {
                 this.touched = true;
-            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'e9b2d338091b227f41b4470803b305394f3b2228', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '527acd28a634e03f57eb6d92b3f67c40e0d2346a', class: "toast-message" }, hAsync("slot", { key: '1574e31e91cb4f84af715e37da9adf396846951f' })), hAsync("div", { key: '147f2e4f356cc028307cc504601bc0591e2cbd99', class: "toast-action" }, hAsync("slot", { key: '3dfeccf1e8eb06fda37cef838a67abee67268190', name: "action" }))), hAsync("div", { key: '036f9123375077554e7250dd8aaea513685571c8', class: "toast-close" }, hAsync("ix-icon-button", { key: 'f2ef551fa606e0d03a9cb1f02d074bbe75d1e158', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), this.autoClose ? (hAsync("div", { class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
+            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'ef1403cbfb00f11515feae45dabfc5d4e0c13311', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: 'eb5d5bb4bab866b73a4b5607cd3e7b0b7c3e3da2', class: "toast-message" }, hAsync("slot", { key: 'e03b7355c7dae971d87eba8fbc49495fa5876891' })), hAsync("div", { key: '962de017d86b2a86919b41226dc2f5f37342488e', class: "toast-action" }, hAsync("slot", { key: '172e62ff0d27ea9e3ab191e153e51eb35f442073', name: "action" }))), hAsync("div", { key: 'cf14cce27542dab60676fb9d41ab60c061898c76', class: "toast-close" }, hAsync("ix-icon-button", { key: 'b4212ca84b1564510360e6f160d57d03d41b2bfe', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '2b33706bda283c118e918b58fb7cb50720d0f1fb', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {
                     this.close();
                 }
-            } })) : null));
+            } }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return toastCss; }
@@ -31966,7 +31933,7 @@ class Toast {
             "type": [1],
             "toastTitle": [1, "toast-title"],
             "autoCloseDelay": [2, "auto-close-delay"],
-            "autoClose": [4, "auto-close"],
+            "preventAutoClose": [4, "prevent-auto-close"],
             "icon": [1],
             "iconColor": [1, "icon-color"],
             "ariaLabelCloseIconButton": [1, "aria-label-close-icon-button"],
@@ -32033,7 +32000,7 @@ class ToastContainer {
      * @param config
      */
     async showToast(config) {
-        var _a, _b, _c;
+        var _a, _b;
         const toast = document.createElement('ix-toast');
         const onClose = new TypedEvent();
         function removeToast(result) {
@@ -32042,8 +32009,8 @@ class ToastContainer {
         }
         toast.toastTitle = config.title;
         toast.type = (_a = config.type) !== null && _a !== void 0 ? _a : 'info';
-        toast.autoClose = (_b = config.autoClose) !== null && _b !== void 0 ? _b : true;
-        toast.autoCloseDelay = (_c = config.autoCloseDelay) !== null && _c !== void 0 ? _c : 5000;
+        toast.preventAutoClose = config.autoClose === false;
+        toast.autoCloseDelay = (_b = config.autoCloseDelay) !== null && _b !== void 0 ? _b : 5000;
         toast.icon = config.icon;
         toast.iconColor = config.iconColor;
         toast.addEventListener('closeToast', (event) => {
@@ -32080,10 +32047,10 @@ class ToastContainer {
         };
     }
     render() {
-        return (hAsync(Host, { key: '11f53d028ee14f4884f1a69b157298d53da4939c', class: {
+        return (hAsync(Host, { key: '8ac8e6eb7cfc7110a4b2b44a835b6727e32c8db6', class: {
                 'toast-container--bottom-right': this.position === 'bottom-right',
                 'toast-container--top-right': this.position === 'top-right',
-            } }, hAsync("slot", { key: 'be298b17f3b67ed5d6e2589b4bb041b6d7b90dbd' })));
+            } }, hAsync("slot", { key: '1c158e22d6adef730c3642a6769e454b6b5e3c03' })));
     }
     static get watchers() { return {
         "position": ["onPositionChange"]
@@ -32104,7 +32071,7 @@ class ToastContainer {
     }; }
 }
 
-const toggleCss = ":host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem;margin-left:0.625rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:\"\";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--valid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--valid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--valid--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--valid\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--valid--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--valid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--valid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--valid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--valid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--valid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--valid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--valid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--valid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--valid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--valid--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--valid\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--valid--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--valid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--valid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--valid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--valid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--valid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--valid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--valid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--valid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--valid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--valid--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--valid\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--valid--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--valid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--valid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--valid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--valid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--valid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--valid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--valid--active\n  )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--info\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--info--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--info--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--info\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--info--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--info--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--info\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--info--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--info--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--info\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--info--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--info--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--info\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--info--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--info--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--info\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--info--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--info--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--info\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--info--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--info--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--info\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--info--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--info--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--info\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--info--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--info--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--info\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--info--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--info--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--info\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--info--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--info--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--info\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--info--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--info--active\n  )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--warning\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--warning--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--warning--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--warning\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--warning--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--warning--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--warning\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--warning--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--warning--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--warning\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--warning--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--warning--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--warning\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--warning--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--warning--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--warning\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--warning--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--warning--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--warning\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--warning--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--warning--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--warning\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--warning--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--warning--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--warning\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--warning--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--warning--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--warning\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--warning--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--warning--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--warning\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--warning--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--warning--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--warning\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--warning--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--warning--active\n  )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--invalid\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--invalid--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--invalid\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--invalid--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--invalid\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--invalid--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--invalid\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--invalid--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--invalid\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--invalid--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--invalid\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--invalid--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}";
+const toggleCss = ":host{display:inline-flex;flex-direction:row;position:relative;min-height:1.5rem;max-height:calc(100% - 0.5rem);margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;max-height:100%}:host .label{word-break:break-word;display:block;white-space:normal;overflow:hidden;margin-block-start:0.125rem;margin-inline-start:0.5rem;min-height:1rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:\"\";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color)}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover);border:1px solid var(--theme-switch-thumb-off--border-color--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active);border:1px solid var(--theme-switch-thumb-off--border-color--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked>.slider:before{border:1px solid var(--theme-switch-thumb-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover);border:1px solid var(--theme-switch-thumb-on--border-color--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active);border:1px solid var(--theme-switch-thumb-on--border-color--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-valid:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--valid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--valid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--valid--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--valid\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--valid--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--valid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--valid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--valid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--valid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--valid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--valid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--valid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--valid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--valid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--valid--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--valid\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--valid--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--valid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--valid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--valid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--valid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--valid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--valid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--valid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--valid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--valid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--valid--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--valid\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--valid--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--valid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--valid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--valid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--valid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--valid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--valid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--valid--active\n  )}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--info\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--info--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--info--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--info\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--info--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--info--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--info\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--info--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--info--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--info\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--info--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--info--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--info\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--info--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--info--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--info\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--info--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--info--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--info\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--info--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--info--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--info\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--info--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--info--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--info\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--info--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--info--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--info\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--info--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--info--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--info\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--info--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--info--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--info\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--info--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--info--active\n  )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--warning\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--warning--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--warning--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--warning\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--warning--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--warning--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--warning\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--warning--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--warning--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--warning\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--warning--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--warning--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--warning\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--warning--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--warning--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--warning\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--warning--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--warning--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--warning\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--warning--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--warning--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--warning\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--warning--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--warning--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--warning\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--warning--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--warning--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--warning\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--warning--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--warning--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--warning\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--warning--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--warning--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--warning\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--warning--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--warning--active\n  )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--invalid\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--invalid--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--invalid\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--invalid--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--invalid\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--invalid--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--border-color:var(\n    --theme-switch-thumb-off--border-color--invalid\n  );--theme-switch-thumb-off--border-color--hover:var(\n    --theme-switch-thumb-off--border-color--invalid--hover\n  );--theme-switch-thumb-off--border-color--active:var(\n    --theme-switch-thumb-off--border-color--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--border-color:var(\n    --theme-switch-thumb-on--border-color--invalid\n  );--theme-switch-thumb-on--border-color--hover:var(\n    --theme-switch-thumb-on--border-color--invalid--hover\n  );--theme-switch-thumb-on--border-color--active:var(\n    --theme-switch-thumb-on--border-color--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--border-color:var(\n    --theme-switch-thumb-mixed--border-color--invalid\n  );--theme-switch-thumb-mixed--border-color--hover:var(\n    --theme-switch-thumb-mixed--border-color--invalid--hover\n  );--theme-switch-thumb-mixed--border-color--active:var(\n    --theme-switch-thumb-mixed--border-color--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}";
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -32234,13 +32201,13 @@ class Toggle {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (hAsync(Host, { key: '959c6b0e5f6c2ea7f2ce6cf79ba2280b3c8b65dd', class: {
+        return (hAsync(Host, { key: 'cbc551d0aaaf8b93abf00eae8447b7ba910ee15c', class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: 'dc419b9a0a469ef8369b6c8cbc204a75367a7274', class: "wrapper" }, hAsync("button", { key: '3773fdea993e02d7aa7ee106aa08e1eee0768f65', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '9f07f9606f6f81abdd87d2198d32eec1dbc87fb1', class: "wrapper" }, hAsync("button", { key: 'b2826894662f716e132cc86e5daaf15816c319e4', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '5c74f7c65e49e3c0cb55206ecc5fc4e045b8bd0c', class: "slider" })), hAsync("input", { key: '46e28932ab63dfa9af6bfa497b5db38e2d66e416', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '103c3c8dca7b36db893c108ce8c11acf014b57ee', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '8cc16350102428ae1f2b8937eda731d5a8e48c4c', class: "slider" })), hAsync("input", { key: '7c20a5235eca12a03a84082735249bf1e649adae', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '701732f68894cef4ff6a340be21a841862e321b4', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -32657,7 +32624,7 @@ class Tooltip {
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
     render() {
-        return (hAsync(Host, { key: '259eb829430ac738cf85ebbdb5fc21ed112468d8', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: 'cf3d57f55b780b98bfcf637aff5dc7b35c829f0d', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '1520c20ab3eb9f7e58134b3e9f722f4176e48318', class: "tooltip-container" }, hAsync("div", { key: '82500b59751ffeced15965f8955519fac1405b6c', class: "content-wrapper" }, hAsync("div", { key: 'b7dab9108c3e145f8dd70fb5eff1323a2384a9d1', class: 'tooltip-title' }, hAsync("slot", { key: 'a327597fd2b7790d4a15031e5038ac560b744fac', name: "title-icon" }), hAsync("ix-typography", { key: '68550d2f60baf4b4887fc3916d52aa34c0686d47', format: "h5" }, this.titleContent, hAsync("slot", { key: '808955669e8ef204c2a00a18c1a22a47e6b75529', name: "title-content" }))), hAsync("slot", { key: '8872e40443a635579dfabb070e16abd1b510cd96' }), hAsync("div", { key: '1c0f216282b430d911259808f2520cacd74bac87', class: "arrow" }))))));
+        return (hAsync(Host, { key: 'eee651684c88795823f90194e2be5ed110077615', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '29fa36972dc3c31122df8c1a76a88a748c59431a', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '07ddb653d0218d195ab0a11ecad1fdba05e94cee', class: "tooltip-container" }, hAsync("div", { key: '704252e6d76ddf26336514874bb77c9f6e13cb8d', class: "content-wrapper" }, hAsync("div", { key: 'c69710b5152269a0ec33ed9941dd23426bac91ed', class: 'tooltip-title' }, hAsync("slot", { key: 'f349cccad759202ac4c8f57b2124a904193d791d', name: "title-icon" }), hAsync("ix-typography", { key: '6a73678531a8310e1c95da638486187df2341306', format: "h5" }, this.titleContent, hAsync("slot", { key: '79fb0b5e2e62c554d419a765195529575ab7f879', name: "title-content" }))), hAsync("slot", { key: '84ecbfefc9215d734d3c8e29916fa08be0762e39' }), hAsync("div", { key: '417d4aaf3d5b7a52ddd35e0a17cce0b72fdb897c', class: "arrow" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tooltipCss; }
@@ -33292,7 +33259,7 @@ class Tree {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (hAsync(Host, { key: 'ed47b138fb50d9b9803d52b40526922aa9e406ad', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '8b8f8a37f440ae2658764b8da65a2cb8d1db7afb' })));
+        return (hAsync(Host, { key: '41229d69024d78162075253c32250ebf28e4bb3b', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '594c9e61448461dd39a81272f2d2c24b0e560806' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33331,17 +33298,17 @@ class TreeItem {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '05f896e21e252fab0d3f39b4d52885342522d0f9', class: {
+        return (hAsync(Host, { key: 'f3168fba8586e37800d2ba921d890e3f8c38d263', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, hAsync("div", { key: 'e716c8ee13d77bedf01cb603d8a65798a5cc647d', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+            } }, hAsync("div", { key: '10905ce185a7dbae0921ab16c9656f4ef0569749', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
             }, color: "color-std-text", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle.emit();
-            }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '433f67a985cea3d1ea88f85e51355977197ae2fd', class: "tree-node-container", onClick: () => {
+            }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: 'bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, hAsync("div", { key: 'abd3864dc9a2425da258b1844617d37b5f38b831', class: "tree-node-text" }, this.text), hAsync("slot", { key: '16aa907095f9b1e28d825ca4cc6daacd04ca9bec' }))));
+            } }, hAsync("div", { key: '23449d4cc0c593f2fdb2f792eadbbf30481a225b', class: "tree-node-text" }, this.text), hAsync("slot", { key: '91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6' }))));
     }
     static get style() { return treeItemCss; }
     static get cmpMeta() { return {
@@ -33539,7 +33506,7 @@ class Upload {
     render() {
         const disabled = this.disabled || this.state === UploadFileState.LOADING;
         const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (hAsync(Host, Object.assign({ key: 'bf422891997d473a0d74b5654da1fc26df37b442' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: 'b37683a6d5e926dd4404374d58e9926f78bf41ec', class: {
+        return (hAsync(Host, Object.assign({ key: 'd27377461517d95412c644cdc3c9f0b4c9edd1f9' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '983727de99c90d57e0c0e296d054ea80894cc2e3', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -33549,9 +33516,9 @@ class Upload {
                 if (this.state !== UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '042a23a8c008f2e851afebf1e7c6ed8d0135c954' }, hAsync("input", { key: '8f0b147483d1a87481f854fc17e1bb05cb646ee3', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: 'bd84f1781930713ca4c607a998749108a444b97c' }, hAsync("input", { key: '9585965e1f26be9d3c9f918efd6333b3d216ab76', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: 'c6aa9a9ae0cb9c9fdc577c318e78d9f1fef4744c', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: 'ab298c4a30538b1408648f9a02ceb7c52fb6b882', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return uploadCss; }
@@ -33584,7 +33551,8 @@ const validationTooltipCss = ".text-xs{font-family:Siemens Sans, sans-serif;font
 /**
  * @slot tooltip-message - Custom tooltip message with html support
  *
- * @deprecated Will be removed with 4.0.0
+ * @deprecated Since 3.0.0. Will be removed with 4.0.0
+ * Not maintained anymore.
  */
 class ValidationTooltip {
     constructor(hostRef) {
@@ -33717,13 +33685,13 @@ class ValidationTooltip {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '4fb1bd884352a044ab9d4ea2eb70d2d80b331ebf' }, hAsync("slot", { key: '67df32333b98236630a4caf63776ea634129d1ae' }), hAsync("div", { key: '19cd5c7800c381a86b7135fb4538f3cad08abe46', role: "tooltip", style: {
+        return (hAsync(Host, { key: 'af01b12284c6abad7b98a4e8c29e30c24abe206d' }, hAsync("slot", { key: 'a55080d265f74185eaa34a6998457343e41f248b' }), hAsync("div", { key: '2487996e1b6bd31f8136129cf046cc7c55f09b24', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'f1ff77002cc733ef058755cc117747f1ba00a3ea', name: "tooltip-message" }), hAsync("div", { key: '5bcb70ba97cad112c1c5945d32cd52fa37784bb6', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '9639797207877d1e8107af82ccefec30db7e2f82', name: "tooltip-message" }), hAsync("div", { key: '34248d812f34bfa9cd734eab28b3c91af879aecd', id: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33852,18 +33820,18 @@ class WorkflowStep {
     }
     render() {
         const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (hAsync(Host, { key: '488384edaa48299378abedcdff04034687550886', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '2127d37a5062e645d50cc1b731c555b580ab2b16', tabIndex: 0, class: {
+        return (hAsync(Host, { key: '3a93acf2907c533c0a0ddb040278e118c355bc32', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'e85b6a3859d59afb71fe1cb2718e44712fba509f', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, hAsync("div", { key: '26445756e35b3b15ab1d3a98a004f70300fe48e5', class: "wrapper" }, hAsync("div", { key: 'd1eaee49190a99111893a6c48f15b86c27fc2a7b', class: {
+            } }, hAsync("div", { key: '2712cbb97cfa21042c0cb4bea1d02f9e61199e55', class: "wrapper" }, hAsync("div", { key: '00e2e7a6daf986819d1e420d3b8379cab01abc47', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), hAsync("div", { key: '89857433644f037867ff1de38c359617ae2ea0f6', class: "iconWrapper" }, icons, hAsync("slot", { key: 'de995c4b059a3959574dbc9362e771e8fe0739a7', name: "custom-icon" }))), hAsync("div", { key: '73a9e22a56933af2b3ee054aeab92ff7a8b5165a', class: "text" }, hAsync("slot", { key: 'b5123599dbc97cea396640ea56910b24c701c319' })))));
+            } }), hAsync("div", { key: '7a46fa4306b9924ca7df0272f32592a458355774', class: "iconWrapper" }, icons, hAsync("slot", { key: '5b750aa1483f64625905a2b39fdce5f067ba853f', name: "custom-icon" }))), hAsync("div", { key: '9c2fa968aa7903f90a98e24e845de414844361ee', class: "text" }, hAsync("slot", { key: 'dc660f37779d7dde23a131158ae910b46732d896' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33968,7 +33936,7 @@ class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (hAsync(Host, { key: '58f2b6c6dadb7f4bcef41463aeb7d0e7c7b78903' }, hAsync("div", { key: '186972fd1f22f0a99af92bda5643c5156097122c', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '3d5efbb4c9ff065c8838a08c9ca5c9e4ce0daefb' }))));
+        return (hAsync(Host, { key: 'fcfd2b61769e31adab006ed935a9776ecdfb8bfe' }, hAsync("div", { key: 'd0a264a599b4db3cb289549f608f1e749c91f180', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '8b275ef2551f7ad258eef17e9caffd8ca8c558b0' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return workflowStepsCss; }