@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746

package/hydrate/index.mjs

@@ -3895,12 +3895,12 @@ class Application {
         });
     }
     render() {
-        return (hAsync(Host, { key: '8b26645a144ba6f2c50c51f87610133d8269cdcf', "data-role": "", class: {
+        return (hAsync(Host, { key: 'aad0ef5275fe9f1171ae4dce908ddbdd7cdd11f5', "data-role": "", class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, hAsync("slot", { key: 'ba69dc7c592f387a06e8a3ce23ba5822d5d168c7', name: "application-header" }), hAsync("div", { key: 'c8d64e916bf16d7d7fd027e7c37be9ea0ad52464', class: "application" }, hAsync("slot", { key: 'ccc75e88f5d1cbba74a8ade1b1de18ea4b843651', name: "menu" }), hAsync("aside", { key: 'cabb98406c6a7b8a5f7fd6d763eb2405f02eb575', class: {
+            } }, hAsync("slot", { key: 'd4316defd6187f58d1985ac6cfbfc8b6c00c8976', name: "application-header" }), hAsync("div", { key: 'c469f5d352f3f3a5076048601d7f971e506b641f', class: "application" }, hAsync("slot", { key: 'c4eb0d2ff1072d219471812327fcea9205ef6a68', name: "menu" }), hAsync("aside", { key: '4a21967366659f686dd6a440f5a49656152c30db', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '0861fa1cd42fa7995318464201d1076a9714d237', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: '5df04c78c631ce070f75d74a92cfb9b03ed29250', class: "content-area" }, hAsync("main", { key: '7338889b7b13642b9b7cea74fd40fb34ac5fb065', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: 'fb0684d4119c32bce1776ed43b8bc79a980771e6' })), hAsync("footer", { key: '877a59a01185702c52157a2d770202c127822817', class: "footer" }, hAsync("slot", { key: '014009b2aac26f7f9ee90f858aca72826b1fa452', name: "bottom" }))))));
+            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '8755cb0a44d236370269f6b16efd5d7abe4a65b1', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: 'e3785747895c9088c05a31efcaa23fc24dfa9a1b', class: "content-area" }, hAsync("main", { key: '5851ddbde96f58e34997e1170834fcbd1170788a', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '1f02153bf8b615bf9a2bcba687c355a3556a2269' })), hAsync("footer", { key: 'cd197d08463928e3f99338fb5dc48c17d3478836', class: "footer" }, hAsync("slot", { key: '8b171ae00d0634e38bc36e98be7b7982bd25dbc8', name: "bottom" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -4246,12 +4246,12 @@ class ApplicationHeader {
         const showApplicationSwitch = ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) &&
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
-        return (hAsync(Host, { key: '161dbff622210f5b288625a53930cd47d391e905', class: {
+        return (hAsync(Host, { key: 'ea35fc68c2e1908c7f54d34f5b2a6d40e1ff6848', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "application-header" }, (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: 'ebf7cf5c1738f876e5861148fc91e1e3134d70ac', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (hAsync("ix-icon-button", { key: 'bea36c9c158182230035a7bc28dfbe8779b53b4f', onClick: () => this.showAppSwitch(), icon: iconApps, ghost: true, class: "app-switch" })), hAsync("div", { key: '31b39b17e59c0b20f054d6c2777968d8e0d6ee89', class: { logo: true } }, hAsync("slot", { key: '7c393c6bbbb75afa821f1e354bb90ec93a6b141b', name: "logo" })), hAsync("ix-typography", { key: '79fa346430a1e6ba9ca0a49f16605438aefcf7e7', format: "body-lg", class: "name" }, this.name), hAsync("div", { key: 'e7b337e340bb657178f1f25e7b22dfb050b101b8', class: "content" }, this.breakpoint === 'sm' ? (hAsync(Fragment, null, hAsync("ix-icon-button", { class: {
+            }, slot: "application-header" }, (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: '23c6315c2dc9fc2bc508f756299303a9ee38d43d', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '4fa7d4883123f64a1a9d6305195f6f16117bf3df', onClick: () => this.showAppSwitch(), icon: iconApps, ghost: true, class: "app-switch" })), hAsync("div", { key: '855a8032a50adf8029e926633b5bc35f686344fa', class: { logo: true } }, hAsync("slot", { key: '5dbf947fdeb4d5faefa7746f6f49ba40f2a4b43d', name: "logo" })), hAsync("ix-typography", { key: '75055f9bff04a6dc5703b6126204d8ca172b586d', format: "body-lg", class: "name" }, this.name), hAsync("div", { key: 'df59f3d7bdcbb43461f88564b59f0e3d913686a9', class: "content" }, this.breakpoint === 'sm' ? (hAsync(Fragment, null, hAsync("ix-icon-button", { class: {
                 ['context-menu']: true,
                 ['context-menu-visible']: this.hasSlottedElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, ghost: true }), hAsync("ix-dropdown", { "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton() }, hAsync("div", { class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() }))))) : (hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() })), hAsync("slot", { key: '5f4cbe691db23a5be718078b888d58cca5c0e92a', name: "ix-application-header-avatar" }))));
+            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, ghost: true }), hAsync("ix-dropdown", { "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton() }, hAsync("div", { class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() }))))) : (hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() })), hAsync("slot", { key: '257f20905871e368edcfceb9bef84a843df457ed', name: "ix-application-header-avatar" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -5615,7 +5615,7 @@ class ApplicationSidebar {
         anime(animation);
     }
     render() {
-        return (hAsync(Host, { key: '1fa8306ba4f3867bb327cf83c444dc85637e8dca', slot: "application-sidebar", class: {
+        return (hAsync(Host, { key: 'c8e82060904c6cdf605fc8330d4c355445bfc578', slot: "application-sidebar", class: {
                 visible: this.visible,
             } }, this.visible ? hAsync("slot", null) : null));
     }
@@ -5670,7 +5670,7 @@ class ApplicationSwitchModal {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '5443526ea5c044173392e6b855443eea449da4b1' }, hAsync("ix-modal-header", { key: 'abef9c8d6d20923d2f962acbd95c5a591c77ddfb', icon: iconApps }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), hAsync("ix-modal-content", { key: '47bb0edd3ed8624b43a1b21773fd14a8bba9d24f', class: "content" }, hAsync("div", { key: 'b407a67b393307e8e7ca950291fcbbafea96ea69', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (hAsync("div", { key: '1c625f776c2c531c3582d24b1dc72ccf5718f26d', class: "loading" }, hAsync("ix-spinner", { key: '4f2da8b360a49501cc0e294204d7433fcc77e78e', size: "medium", variant: "primary" }), hAsync("span", { key: '25dde483ac94a504b3597f2b7361c968f47754a3' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
+        return (hAsync(Host, { key: 'a4279dbad5812faf0833dccc9b872b4618d3b721' }, hAsync("ix-modal-header", { key: '2aeba11eb0d8e2f927a1a454d462aa1d2be8f797', icon: iconApps }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), hAsync("ix-modal-content", { key: 'e9b3da826aad0519a8ce43879f6ac609370c3e0b', class: "content" }, hAsync("div", { key: '89696259fb23ca82f9be6614afa44aa0d4e0955a', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (hAsync("div", { key: '411aaac0b82835301e909b751ee640054b1c7722', class: "loading" }, hAsync("ix-spinner", { key: '3f1580e44ee6306acee76547fe375094a334e421', size: "medium", variant: "primary" }), hAsync("span", { key: '434d97bd9e210b534a3461bf7c5578e13fd4fb3e' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
             'Loading available applications...'))), (_d = this.config) === null || _d === void 0 ? void 0 :
             _d.apps.map((appEntry) => {
                 var _a;
@@ -5896,10 +5896,10 @@ class BasicNavigation {
         (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
     }
     render() {
-        return (hAsync(Host, { key: '554173d72095d06ac3d5513c91174c083f3e35a6', "data-role": "", class: {
+        return (hAsync(Host, { key: '4822db1bf514b124a556e3ad84371ec65c80b79e', "data-role": "", class: {
                 'hide-header': this.hideHeader,
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: '7d075b4b4f09e258bf8067ac5faee35777e955d0', class: "navigation-content" }, hAsync("slot", { key: '23e5d833f6aa27e5dd5103e3ef029f274397169e', name: "menu" }), hAsync("div", { key: '1ae544b1a13a03981af145ca73c9320cd93350c3', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '2087065094c3cc5de206d771bcfe5be56adccb70' })))));
+            } }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: '6dac9e78e5fdfcde1d6ceadb634edf144f92d533', class: "navigation-content" }, hAsync("slot", { key: '32e0ae56a4bd3d71298fd8febf6dab05f352addf', name: "menu" }), hAsync("div", { key: '9c58c183a31ab742153be18d439e44557caa70b3', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '8fba39214e60168b3780d95c1e262b976dc4a5a6' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -6130,17 +6130,17 @@ class Blind {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'e8e3003bc174e573bee19e97f6f4bc3ff44f6d1b', class: {
+        return (hAsync(Host, { key: '00b4ab66bca51be1fca9bc6e2546d8ffef6e971f', class: {
                 [`blind-${this.variant}`]: true,
-            } }, hAsync("div", { key: '1034566a12454369ca3bb8dcbaa9c7e41d0cbc7c', class: 'blind-header-wrapper' }, hAsync("button", { key: 'f93ac381f2ec7f063c731633e4229b5f7bac7513', class: {
+            } }, hAsync("div", { key: '4536c0666dff1a7f592e2b82f174275388081f16', class: 'blind-header-wrapper' }, hAsync("button", { key: '2813220b43b8b24e314ec45afa052b48f2d1c0d4', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, hAsync("slot", { key: '0868ac1e3339ac2404b0da95e6745c1beb53eeed', name: "custom-header" })), hAsync("div", { key: '7f9788cbf860557cf024742f4bc775df60d73eb4', class: 'blind-header-content' }, hAsync("ix-icon", { key: '0003ec2962bbba971116895effeaf93d0aac5307', class: "collapse-icon", name: iconChevronRightSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, hAsync("slot", { key: '46a63c9003246ec317b3395f67a9d44e26d537fc', name: "custom-header" })), hAsync("div", { key: '0077a2dcf44af78b231e5945c2cbb3d4d6657890', class: 'blind-header-content' }, hAsync("ix-icon", { key: 'a4896c1311dfabee19992141a114761bca66d4ce', class: "collapse-icon", name: iconChevronRightSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-primary'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: 'cc6d991f8405799fca6110f33217b821598709b2', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (hAsync(Fragment, null, this.icon && (hAsync("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: 'c9bf3d7cad6eb8c5c1c5838e13fd2ef93dfa9460', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (hAsync(Fragment, null, this.icon && (hAsync("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), hAsync("div", { class: 'blind-header-title-row' }, hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.label, format: "label-lg", bold: true }, hAsync("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.sublabel }, hAsync("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), hAsync("div", { class: "header-actions" }, hAsync("slot", { name: "header-actions" })))) : null))), hAsync("section", { key: '82898718f59f80a28bef0ead436e957d5e729ae2', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: '0847aa3c59174d278cef6f85eb7a8aa537192449', class: {
+                : `color-${this.variant}--contrast` })), hAsync("div", { class: 'blind-header-title-row' }, hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.label, format: "label-lg", bold: true }, hAsync("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.sublabel }, hAsync("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), hAsync("div", { class: "header-actions" }, hAsync("slot", { name: "header-actions" })))) : null))), hAsync("section", { key: '33094dfc62a23ae50b28a37f44cf820f6cd9461b', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: 'af22eeede3d3093d7b0ab24db17f335a02a430a2', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? hAsync("slot", null) : null))));
@@ -6274,7 +6274,7 @@ class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (hAsync(Host, { key: '5a11e3322ff26cb7e57d828ddc3eef3769acbdd3' }, hAsync("ix-dropdown", { key: '524eaf6b1d507876fced96ebeb2cfdb47bb32925', 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: '4a6b862b1db0e8e7849061463f139be7c4639fcd' }, hAsync("ix-dropdown", { key: '8cef2dff858029949dfea14b4a77c0c00e8a3efa', 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;
@@ -6287,7 +6287,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: 'c48b488cb7ea5823b7ed0d45247b7da7bda675a4', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'dc8f0d4a08ce647a2bec31230d8464daca40bdc5' }, hAsync("slot", { key: 'ddc547de71a1f4ca9c4be838547f9cc889f505b8' }))), hAsync("ix-dropdown", { key: 'dbf0ead59000611d1c992a5bee82b98571d40f18', 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: '8112c1329362ff4ffe1d689d6b20ae550888dcba', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: '2db2e27473f900774d18b7ef1466adad55aadf79' }, hAsync("slot", { key: '506d6a2a60cf265768e84b17f135260a6e063158' }))), hAsync("ix-dropdown", { key: 'bae2ef6fb599375c20b534a4a58fa15582f51460', 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,
@@ -6495,9 +6495,9 @@ class Button {
             alignment: this.alignment,
             tabIndex: this.hostElement.tabIndex,
         };
-        return (hAsync(Host, { key: 'de117e8374cf25073732e14ced0583a67a53b54b', tabindex: this.disabled ? -1 : 0, class: {
+        return (hAsync(Host, { key: '64d29a9ba0f84b7777d2987a457bc9a89273ad8c', tabindex: this.disabled ? -1 : 0, class: {
                 disabled: this.disabled || this.loading,
-            }, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: '39b6019cede041ff3ea36edebd70001ad7e7228c' }, baseButtonProps), hAsync("slot", { key: '9c59689c0b54defe8a435854dfe4c993de1eb758' }))));
+            }, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: '978c4d1d3092d2e7b626bb7981f2ccdf9dcf0aae' }, baseButtonProps), hAsync("slot", { key: '2bc104087f439ff5f68715aafefb65dad9d170d6' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -6540,10 +6540,10 @@ class Card {
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: '3d866b84586d9db427e6dd978c607e9293b63375', class: {
+        return (hAsync(Host, { key: '6bd95434968e31b9c115d98e037a31070f7437c9', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, hAsync("div", { key: '9671d83ac2d056fdb0d130d0780474602470ee09', class: "card-content" }, hAsync("slot", { key: 'f1f87190a18a858981098e9230916f8821a7ac0c' })), hAsync("div", { key: '92492646227bfecc9d5977f240844664446e50e1', class: "card-footer" }, hAsync("slot", { key: '06cdce4a40548d9486a0bd44d9de7410eaebe538', name: "card-accordion" }))));
+            } }, hAsync("div", { key: 'd80ec60a00de7e665e65b2a8899485d8ad624f68', class: "card-content" }, hAsync("slot", { key: '3d40035272b3851059c03d97fa9005d4c03cf524' })), hAsync("div", { key: 'e438230078fdbffd243ad41de3df1ebcd63a818b', class: "card-footer" }, hAsync("slot", { key: '3ec708f0b239fb7bc9c1a81d722952dc1e01739a', name: "card-accordion" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return cardCss; }
@@ -6608,13 +6608,13 @@ class CardAccordion {
         this.onInitialExpandChange();
     }
     render() {
-        return (hAsync(Host, { key: '7c185cd6dce5848a156f7cda3e1330e1d044eaf7', slot: "card-accordion" }, hAsync("button", { key: 'e69a169703eda0fd0298745c8792a387181f5a55', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId() }, hAsync("ix-icon", { key: '69c0621b1014d6a7bdc876d82f6ab14c52018aab', name: iconChevronRightSmall, class: {
+        return (hAsync(Host, { key: '53cab8b4852cb2d6151c705361fb4422c0291893', slot: "card-accordion" }, hAsync("button", { key: '6bd6e3e012f7236350ade146050a1e35abbfff5f', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId() }, hAsync("ix-icon", { key: '224fea408d7ee4011b98cba0274a11a05ef15ca7', name: iconChevronRightSmall, class: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), hAsync("div", { key: '884b7e0f360ad133ce8a3eb76c32ed34f435135f', class: {
+            } })), hAsync("div", { key: '4ab922d317fb8c0c3371980218b3173bf46f8175', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, hAsync("div", { key: '6cfc7fccccb7758e3cc73e7eb6c067763b3b4268', class: "expand-content-inner" }, hAsync("div", { key: 'fd050651e883930641383c19fa02b49e68c6f7b5', class: "expand-content-body" }, hAsync("slot", { key: '7c5fb593f6cb6745a99ad546d840b1044038e288' })), hAsync("div", { key: 'ee9bd3cebe0d9c9ea1967fa9f121018ff487a5fb', class: "expand-content-footer" })))));
+            } }, hAsync("div", { key: '69b20a36c0bc90b2d731029cc2b584dc3edb35f2', class: "expand-content-inner" }, hAsync("div", { key: 'e6b6ac0e9fbc1266033431e0f14c4b7a7f7fdd90', class: "expand-content-body" }, hAsync("slot", { key: 'b203f7ffeeb2fcd70b85adb0de017b8b2664dc5c' })), hAsync("div", { key: 'b23b132f1dbb06232d2d6426e1fde1c13e59a756', class: "expand-content-footer" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -6641,7 +6641,7 @@ class CardContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'eb61b6aa4f4c260baeefe0170137b19e9e2e39aa' }, hAsync("div", { key: '1c8e27f930783dd485ecba817c73d7708ebb62c1', class: "content-wrapper" }, hAsync("slot", { key: 'f4f9cdad5ddeae725171e9a50cd56d974ebc20cd' }))));
+        return (hAsync(Host, { key: '67d57c6e8d13678ca3ba74ce21f9d35e20d9b86e' }, hAsync("div", { key: '984c45e0b6d85ea5d063b0aa6b72ad0bb0ebadff', class: "content-wrapper" }, hAsync("slot", { key: '6050aaef52ed996cfa314bd9a79a100beb979fda' }))));
     }
     static get style() { return cardContentCss; }
     static get cmpMeta() { return {
@@ -6664,7 +6664,7 @@ class CardHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'f0d3698e46fa1b949ea04428f23901687c152ce3' }, hAsync("slot", { key: '1bbf463ec501abecd337d5421a3235b06a7ea92c' }), hAsync("div", { key: '55691974ff23e7750cd124e7c924d8a0b05d34c3', class: "title-actions" }, hAsync("slot", { key: 'f386395933433dd607ab9a86e2d5a03406ad9812', name: "title-actions" }))));
+        return (hAsync(Host, { key: '5148c01fc9fd7bae1a4d1ddf353b980498b081e1' }, hAsync("slot", { key: '1f97ca5e0f2009f4435bbd46fe84196df762fbc7' }), hAsync("div", { key: '9a5207f2155f9579ec60696d02203a8735cd09a3', class: "title-actions" }, hAsync("slot", { key: '78e8f6986a6b91b91c19c6a8c34e5849917b4241', name: "title-actions" }))));
     }
     static get style() { return cardTitleCss; }
     static get cmpMeta() { return {
@@ -6837,16 +6837,16 @@ class CardList {
         }
     }
     render() {
-        return (hAsync(Host, { key: '1856a66fb74bada9c6b9c5759aa7c49ae96b6579' }, hAsync(CardListTitle, { key: '057133dcf90e8f06ed452a4f59e925e0f5cefe95', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (hAsync(Host, { key: 'd7259ff82ceca3598f38522414b6e73b15686b48' }, hAsync(CardListTitle, { key: '2de645a7bf9859e64ebefc8d9a42580d19adf898', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
                 ? this.numberOfAllChildElements
-                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: 'fd4634b96598cb038c6a344836a29816f88c6166', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '6b7e7893b1a83f167485af9e10a549ecfb7fca10', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, hAsync("div", { key: 'aef372825c59bfeccc0b8c311a8aa678af506cdd', class: {
+            }, style: this.computeMaskLayer() }, hAsync("div", { key: '0627f7fa7cd2a606877995198d8ee8dc74144b87', class: {
                 CardList__Content: true,
                 CardList__Content__Collapsed: this.collapse,
                 CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
                 CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
-            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: 'faa99ce7023f23a9215927465b8914305c927590', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: '7b9ccc49e435e65d2a72076d5843d338d844a742', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,
@@ -7430,19 +7430,19 @@ class CategoryFilter {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '96bb30a0005172a9fdee2eb9a6d5af3d10407706' }, hAsync("form", { key: 'cd84cdb5d74d2ff60548ce948639a03943b44da4', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '612dfd1a4ede3fb598d46748acee0d8efffc2695', "read-only": this.readonly, class: {
+        return (hAsync(Host, { key: '5ff6c259341a93e15a71906f4925e1a407016d41' }, hAsync("form", { key: '95197390ff8f1c012805103a4f74ba5516071e6c', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '6a75d80d030f44d86376cc80adfb6f015fbd769b', "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: '66fd8cf49866c64b5edf05e1eb508b8f71b9fe79', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '6e6fbae2c9a462b1a126e73b47571f61607c01e3', class: "token-container" }, hAsync("div", { key: '84ade3aa89605af47dade4d0a05f6b56ca3fba77', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
+            } }, hAsync("ix-icon", { key: '62004c966ec3b18e4ab0eb64a4c31cf968e87ae5', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '1bd8d2dd5deee15c913b75053a059fb050475482', class: "token-container" }, hAsync("div", { key: 'f9dd1cfffb8cb1b14409dfb3f68f4339f62a4d71', 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: 'a6058c78585118ab15dc9a070f8d727e83554cf7', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '4b8795100181b9acea56dcdfc4c37d46eb9149a6', 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)))), !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()))));
@@ -7708,13 +7708,13 @@ class Checkbox {
         return (hAsync("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, this.indeterminate && (hAsync(Fragment, null, hAsync("rect", { width: "18", height: "18", fill: "transparent" }), hAsync("rect", { x: "3", y: "8", width: "12", height: "2", fill: "var(--ix-checkbox-check-color)" }))), this.checked && (hAsync("path", { d: "M3.65625 8.15625L8.4375 12.9375L14.625 3.9375", stroke: "var(--ix-checkbox-check-color)", "stroke-width": "2" }))));
     }
     render() {
-        return (hAsync(Host, { key: 'd62ba45fec3d92837d164d462cb28c084821e84c', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
+        return (hAsync(Host, { key: 'edd3e1db46df2972d32c7163e9ec8cea31ab1442', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
                 disabled: this.disabled,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '5606a4b7ce0cabdbe07ff1569d217fc67cca6487' }, hAsync("input", { key: '9ad64990338cc5e43d4fdb6b1f752181a248a69e', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '5e95e609ac45a14c3ec829732eaee209a3beceb7', disabled: this.disabled, class: {
+            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '4613265c56703e7492610ec4628292acaa1d687a' }, hAsync("input", { key: '7aa0618e7587d985033ff91aa12830a068d87bc5', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '77ef1f2cd6ca06a41e19553eeb74a5c016dee5db', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: '6aa1a8fb49fde1e33edd890753ed61cbb9d80c24', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '095cde999dd4c636c4557ea1bfc146ec64a36f39' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: '951668fe3462fcf3b739b74f8329259a245165f3', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '7ecee7334a8b9fa3d37a2f7bf166caf793fe6ccb' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -7828,10 +7828,10 @@ class CheckboxGroup {
         return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
     }
     render() {
-        return (hAsync(Host, { key: '73ba8360d188e61a3e8ded36aba11520cbd699fe', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: '4ad03b00fd2c649884083fe0be7666baf43e0dc7', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, hAsync("div", { key: 'd2d2bf37c859ad23d08cafb5fa5c0813122195d3', class: {
+        return (hAsync(Host, { key: '232eb7542941fa1d605cdd40bd156e8bd81ef4f5', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: '5ef5e927bdde0e22a5fcf231d56375d227b80e66', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, hAsync("div", { key: '3a25a5693861aba6a29191b6c05bf6c4e466b31b', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '354c04b291b18c1fde966e450de2714ae4d31b42' })))));
+            } }, hAsync("slot", { key: 'c3bfa064b2f30686d4e5690d7ed04c0b51832c1c' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return checkboxGroupCss; }
@@ -7929,13 +7929,13 @@ class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '10508029bc48d48cd92da50374469b74791ad9c0', tabIndex: "-1", class: {
+        return (hAsync(Host, { key: 'e9bfceb20d9b6b7642a529fdc9721869e7a25a2b', tabIndex: "-1", class: {
                 inactive: isInactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, hAsync("div", { key: '3e18dabfa2586c96d6573908988b39e3d5cd9b86', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, hAsync("div", { key: '9e76be46aa4d054f2f6c5328ef4896a06d366a4e', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: isInactive,
@@ -7950,11 +7950,11 @@ class Chip {
                 closable: this.closable,
                 icon: !!this.icon,
                 centerContent: this.centerContent,
-            } }, hAsync("div", { key: '1c05d1efa51f7541122580eda3074bdd1d2a2b17', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '9abb66b3ce3049942b07466ba7d1094cee42accb', class: {
+            } }, hAsync("div", { key: '7e0f1aa32e1f2f27e992771e3e202dcd8e79ee38', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '88a6342667bdc0973372818d2e54e13607c4b0e7', class: {
                 'with-icon': true,
             }, name: this.icon, size: '24', style: this.variant === 'custom'
                 ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), hAsync("span", { key: '12d94cbe5b95d78e308c01a6ffeeb14c0ad4be4e', class: "slot-container" }, hAsync("slot", { key: '319142ef1739e399f4629e8f41754a8569158bfa' }))), isInactive === false && this.closable ? this.getCloseButton() : null), this.getTooltip()));
+                : undefined })), hAsync("span", { key: '18d2a134c4f45425d0ba3ebbb2ee40e8219f53e9', class: "slot-container" }, hAsync("slot", { key: '689548052a1972046dbc9b0847c7323ade871644' }))), isInactive === false && this.closable ? this.getCloseButton() : null), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return chipCss; }
@@ -8034,7 +8034,7 @@ class Col {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'c079ab348a6cdc2a541a589b3b420d017168b650', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: 'd547e6ec36b0e50394f8f75d18e3d4ab62e1110e' })));
+        return (hAsync(Host, { key: '725f77eb880e6407ac70b50150d2575703ee5f29', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: '4b6b995339cced9d04f1118d5e9f38f19509e292' })));
     }
     static get style() { return colCss; }
     static get cmpMeta() { return {
@@ -8067,12 +8067,12 @@ class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (hAsync(Host, { key: 'b232033e844cce7b64e46fb947aaa82088e1a3b7' }, hAsync("div", { key: '189fe885fb253cb87bc268d182dd46bc1523fb83', class: {
+        return (hAsync(Host, { key: '2fc667e794c1c405e05bb44d1a0a30e1347fdbb9' }, hAsync("div", { key: '26c76928f72d75a3898ef3981b3594170b2f8e50', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, hAsync("slot", { key: '0fe53f18f29eef2a950c6ad87d5860ed01445aa0', name: "header", onSlotchange: () => {
+            } }, hAsync("slot", { key: '87b919b488d9bca96f10b6ae777b238a7ff32323', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), hAsync("div", { key: 'a613f4f94a9402390740f36e78227b6550ef4f01', class: "content" }, hAsync("slot", { key: 'f1f60c196ea4700dede8af657eb771864fdff734' }))));
+            } })), hAsync("div", { key: 'ec33f05055ae1a0ade4394bd40a20fc58bccbb51', class: "content" }, hAsync("slot", { key: '861d214129eacbbb74988cf8f556186acb7bda99' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return contentCss; }
@@ -8108,7 +8108,7 @@ class ContentHeader {
         this.hasBackButton = false;
     }
     render() {
-        return (hAsync(Host, { key: '928efa217011fe719ae85f242af1a6a53dd9f9a0' }, this.hasBackButton ? (hAsync("ix-icon-button", { class: 'backButton', variant: "primary", icon: iconArrowLeft, ghost: true, onClick: () => this.backButtonClick.emit() })) : null, hAsync("div", { key: '9ea073b90b1b71caa19ffd417a49eed7c4308061', class: "titleGroup" }, hAsync("ix-typography", { key: '961dced5d7117a17efe8f1830968796d1d864be3', format: this.variant === 'secondary' ? 'h4' : 'h3', class: this.variant === 'secondary' ? 'secondary' : '' }, this.headerTitle), !!this.headerSubtitle && (hAsync("ix-typography", { key: '9bf3c18838430fdffbbc146b1577f5d2251dc3e4', format: 'h6', "text-color": 'soft', class: this.variant === 'secondary' ? 'subtitle' : '' }, this.headerSubtitle))), hAsync("div", { key: '8952391cb6163493dc5ab27b690c4375ef535ac4', class: "buttons" }, hAsync("slot", { key: 'afa8f83adfda8f12a5ac50a1bde46d1e1ba60671' }))));
+        return (hAsync(Host, { key: 'e1289f0a76f8019796f87829f15f61409973bed0' }, this.hasBackButton ? (hAsync("ix-icon-button", { class: 'backButton', variant: "primary", icon: iconArrowLeft, ghost: true, onClick: () => this.backButtonClick.emit() })) : null, hAsync("div", { key: '7749798c2f8f8121d334d7ae78ad3530f095ef48', class: "titleGroup" }, hAsync("ix-typography", { key: '0e448a5cd660f088101c406da3af96f12d2e2690', format: this.variant === 'secondary' ? 'h4' : 'h3', class: this.variant === 'secondary' ? 'secondary' : '' }, this.headerTitle), !!this.headerSubtitle && (hAsync("ix-typography", { key: 'ffb763836bdde4eba3a4cfc4f981e7a2c7dd46a2', format: 'h6', "text-color": 'soft', class: this.variant === 'secondary' ? 'subtitle' : '' }, this.headerSubtitle))), hAsync("div", { key: 'aa50a3909afbc6ef73521ac957d79a1ae01f19fd', class: "buttons" }, hAsync("slot", { key: 'a72ec6709a889fadfe486a1fb9896ca482242307' }))));
     }
     static get style() { return contentHeaderCss; }
     static get cmpMeta() { return {
@@ -8214,7 +8214,7 @@ class CssGrid {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (hAsync(Host, { key: '2ae68c413a5c560848f3a4a2df91098fe4515f40', style: style }, hAsync("slot", { key: '08790f4bd0db622f9f78eaa3a0694748b4053fc1' })));
+        return (hAsync(Host, { key: 'aa465f2817f5788d72565bf138cefff118e307e9', style: style }, hAsync("slot", { key: '3e170cdadb93be56a578d657fcd70d5e03cc608e' })));
     }
     static get style() { return cssGridCss; }
     static get cmpMeta() { return {
@@ -8242,7 +8242,7 @@ class CssGridItem {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (hAsync(Host, { key: 'b51d8dffe6ab4876ee52328043eb949c9db10200', style: style }, hAsync("slot", { key: '34aae403a952e99bebae1dbfa2c089a5d2fa73d5' })));
+        return (hAsync(Host, { key: 'a6516c0d4de0a1dddd6860e69930262064b91f2a', style: style }, hAsync("slot", { key: '4f536059b653610e8a04fffd43aebf63e9554fc2' })));
     }
     static get style() { return cssGridItemCss; }
     static get cmpMeta() { return {
@@ -8296,7 +8296,7 @@ class CustomField {
         this.isWarning = isWarning;
     }
     render() {
-        return (hAsync(Host, { key: '169feb69a90e647f7e3d6c989bdf55fbd899e91b' }, hAsync("ix-field-wrapper", { key: 'ff3596456a62d3bf0c3a1481d60b3294ca727a7a', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: '4c6d8db5227627a16a08342e51ff3670e5e41f4e' }))));
+        return (hAsync(Host, { key: '70d7fefaf6c76d6f6400aa86028bd5e590f04869' }, hAsync("ix-field-wrapper", { key: 'd9f6e786f6c94d63e0571b45afd455169465aa55', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: '7146528507351733a8c9ddd3f445627103bc0611' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return customFieldCss; }
@@ -16240,21 +16240,21 @@ class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '66740d1169f13c0ed85e36272cb59a05724f42c1' }, hAsync("ix-button", { key: '891287bd399698808d137ae2fac156ca01a21373', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, ghost: this.ghost, outline: this.outline, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled }, this.getButtonLabel()), hAsync("ix-dropdown", { key: 'fb077d08ac2fe7bbd01b946922303f40536640e0', "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: 'b7371214ce82eed05c19e73b26babb08b60d46ec' }, hAsync("ix-button", { key: '91748fd78c32d1d23259c17d16e1eab90271d3a0', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, ghost: this.ghost, outline: this.outline, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled }, this.getButtonLabel()), hAsync("ix-dropdown", { key: '53cd4bc9c402a0f2382756b85f18d9a4b80531f6', "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: '7c3a5c70e8c8d7e22ae8621ba3eca16cff1d757c', noMargin: true }, hAsync("ix-row", { key: 'ca6c60a1d4dddcc15a36f465f7fe79de8ff28045' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '7acb95c80ee7bf5b85dacb89c1c3a2812f6e9529', class: {
+            } }, hAsync("ix-layout-grid", { key: '5599bb6f0dddf7399b1a44176641201467c7a019', noMargin: true }, hAsync("ix-row", { key: '8e6883fbc64b092a210bd77888bdab5e816b113c' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '3b88c720c0a424b6a3026c4cf007df0814f2ab53', 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: '5090d6491dcb3c6eba91582ebf6cc0b78452eaf6', hidden: !this.customRangeAllowed }, hAsync("ix-dropdown-item", { key: '1285567b0623bcf7ed7cd4915a3013cadbd1e2ac', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: '5afab982bec7e18e16b64c36c103c8f7a740e29e', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: '4e4a4149530a08d42bc5cb141e1a5e0e22117a02' }, hAsync("ix-date-picker", { key: '312c1f27d8f91633bec874413c1f0c6dea078d2c', 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: '61033c0bd3eb3bc860c685df0e2556bc690bf38b', hidden: !this.customRangeAllowed }, hAsync("ix-dropdown-item", { key: '2fa55223e18a75fd65838e98a6afa4a169525c66', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: '6982ad47abe4b14bc422ea42d806752f3e33dbeb', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: '15c3d0cc723a01cf76276ee9a6c68a0ebd179f73' }, hAsync("ix-date-picker", { key: '68735562c72730699eefc798df37d5e860c0da24', standaloneAppearance: false, 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: 'f6fca1d1dc986a38d80535253d0bba90b4f48898', class: "pull-right" }, hAsync("ix-button", { key: '8f88fa27152f95519be94fa96fcb97f6fbf66aef', onClick: () => {
+            }, 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: '13adf9949b7c8ed6bfb57e12e5d70f4d9760b6d4', class: "pull-right" }, hAsync("ix-button", { key: 'bd91140d0ef61b3898fb2e55207ed7a333f0fb24', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
@@ -16920,12 +16920,12 @@ class DateInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: 'f2432a02920249ff59fc91d57623620573af4c70', class: {
+        return (hAsync(Host, { key: '3d8a56705953daf2370e56fe4333f31f208ea037', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'f001e966d617399d04102a642f59fef21038c871', 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: '576b8f9e3bd3f18e3f0ecf580fe294d6f626b414', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: 'a99de3a8c8448b7c807c4fd85bc23431824e8f2f', 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: '738258763d741f101a88c6a475e7a243ed5f7cb0', "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: 'c2c6b17507c917f47630acbb01ee6512fa426fa5', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
+            } }, hAsync("ix-date-picker", { key: 'f155eced9d35eac1cfcca130356c48fa4edcde7a', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
             }, showWeekNumbers: this.showWeekNumbers }))));
@@ -17532,7 +17532,7 @@ class DatePicker {
         return rows;
     }
     render() {
-        return (hAsync(Host, { key: '0a3cba5200b5ade30a51ad27bfa5318fb6e455e9' }, hAsync("ix-date-time-card", { key: '13525eae04d50d4b796c832ad39382af11672d21', corners: this.corners, standaloneAppearance: this.standaloneAppearance }, hAsync("div", { key: 'b946cf0018e98db041feac6f1ec157c2663fc7a7', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: 'daed6569f3db02faf8be7d6e9ed82a34dd248a6b', onClick: () => this.changeToAdjacentMonth(-1), ghost: true, icon: iconChevronLeftSmall, variant: "primary", class: "arrows" }), hAsync("div", { key: 'ad8236ac5c1e6c7bedfb46ddaf4837f4237218db', class: "selector" }, hAsync("ix-button", { key: '18839920362c34d100c33ceefce2a9aa519ccf6a', ghost: true, ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: 'c892549eab5477cbc3e69f4617d970d3fa8afb83', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '06bb800f510cf913c3ec22e65e07160166fad13b', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '4fd60bcf90d7c9d95ac0eeab6fffc247eb8521ba', class: "wrapper" }, hAsync("div", { key: '732e7f272ff92c4eb5b09a0b71a6f927f4197421', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '4bea3eb2972474b67d5370dfd69b5337f886e301', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
+        return (hAsync(Host, { key: 'e48ee389619f52726ce579c6486cab63d62b6fef' }, hAsync("ix-date-time-card", { key: 'bd357a0e14678205965ea14d2e302eb828676d3c', corners: this.corners, standaloneAppearance: this.standaloneAppearance }, hAsync("div", { key: 'bcab79091c34e84ce10de7be193717143d109810', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: 'd8038a98795ccfde0ddc7d50fc59ad36597e031e', onClick: () => this.changeToAdjacentMonth(-1), ghost: true, icon: iconChevronLeftSmall, variant: "primary", class: "arrows" }), hAsync("div", { key: 'a3d445facefd7f74fffb663ed7aca2677d0673bb', class: "selector" }, hAsync("ix-button", { key: 'd680ee000bf2c20b58871a192fb8b53f673db588', ghost: true, ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: 'e84d83f994f6283c101dccf6278777504c2b8814', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: 'e0f414635d751b01162f7dd78caf266295f487ba', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '25dd57cad907373c60bb0c2cbb433e75e4a38e93', class: "wrapper" }, hAsync("div", { key: 'a014091ce50a1c7a27d050edff6cbeb15dee34a4', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: 'dc687dcea36e21d895945c4fdc18b993002d5d11', 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);
                 }
@@ -17546,10 +17546,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: '02c290b0751096b6fb703882384d336b360c8b98', onClick: () => this.changeToAdjacentMonth(1), ghost: true, icon: iconChevronRightSmall, variant: "primary", class: "arrows" })), hAsync("div", { key: '83eb9faf5ec20c84a7cc2b2a1ea07d79db53f414', class: {
+            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '8e718bbd113146a599e4c15c3ee88a2a4b2bbe1b', onClick: () => this.changeToAdjacentMonth(1), ghost: true, icon: iconChevronRightSmall, variant: "primary", class: "arrows" })), hAsync("div", { key: '9424e9223eabaae8d851d8d7ab852a7d71a0724c', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && hAsync("div", { key: '5542418a1a5fe75f595649f10f5fa52d15388b51', 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: '2ff1c7ee249a2a44b9d7c69be17c4d86a1405c20', 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;
@@ -17561,10 +17561,10 @@ class DatePicker {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur() }, day)) : (hAsync("div", null));
             })));
-        })), hAsync("div", { key: '05848620cfd3dbab1d49e55e15b022da42ccfaa4', class: {
+        })), hAsync("div", { key: '3a152e3f2c01b4643be45570424ef15996b09fc9', class: {
                 button: true,
                 hidden: !this.range || !this.standaloneAppearance,
-            } }, hAsync("ix-button", { key: '1fad401a500e195c445cd1742e072819cffe5b2a', onClick: () => this.onDone() }, this.i18nDone)))));
+            } }, hAsync("ix-button", { key: 'f485589cfc29f41eb354345bd015b36017e1ad86', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -17651,10 +17651,10 @@ class DateTimeCard {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'd7cc4a3ae96e5ee4502fc757311fc7073e78c61a' }, hAsync("div", { key: '5d06ee614a6518d47a1a9243883063306195912f', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '07892beb965a08a08b745f2d308cf8e93aa731fd', class: "header-container" }, hAsync("div", { key: '9a77e4d7e6a8f3d50c665e76808669fc88d5a7b8', class: "header" }, hAsync("slot", { key: 'cb1cd8527ddb6560e9deac76ea85ccbe8463f15c', name: "header" })), hAsync("div", { key: '6b911dcc4fa18efde5747544f2239ec86119a39a', class: "separator" }))), hAsync("div", { key: '766ede607630b3d8df6634de6360d9d46508c3d2', class: {
+        return (hAsync(Host, { key: '31c1aa02530819d8bd9896ca625c3c8930ea8268' }, hAsync("div", { key: '31432252f1ce901e76a92423719d24bc621e3e83', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: 'dd4b7346375f87a43b2969dba7c5b4a9cc10f0ac', class: "header-container" }, hAsync("div", { key: '8dc14769929ce6e0d2f2095ca4904ee8beb2018b', class: "header" }, hAsync("slot", { key: '9f5357cb413d5ccf9f6a15ecb10040034ad5e1b0', name: "header" })), hAsync("div", { key: 'b7c55ccf1c1f655240d817ed838de53a67a8d4f0', class: "separator" }))), hAsync("div", { key: '6ddf415abf2a5174a796e3e9a15441aef0f9c14a', class: {
                 content: true,
                 'content--time-picker': this.timePickerAppearance,
-            } }, hAsync("slot", { key: 'dd02448c469024a798a7277f28992588faa27d95' })), this.hasFooter && (hAsync("div", { key: '8f4dfeef86a755d345fc021b049a660691a25836', class: "footer-container" }, hAsync("div", { key: 'd35ad21f5d3d5d1628af76839445a1100e022ffc', class: "separator" }), hAsync("div", { key: 'bb0ffdc8d4ed91f1ef637a194bfbdaaf03b31142', class: "footer" }, hAsync("slot", { key: '8f62ccd9a237345e67883866ad2e32e01e34232a', name: "footer" })))))));
+            } }, hAsync("slot", { key: '953b62d7631d68c1061798d6259836110c368095' })), this.hasFooter && (hAsync("div", { key: 'd39e55a300835320ef737cd28bce660a846500de', class: "footer-container" }, hAsync("div", { key: 'e44823acab4d5a87bcb77ab812e1a31ff6a2b2c7', class: "separator" }), hAsync("div", { key: 'e8118c065ed36b219e04a91ec2fe4455585ea2e0', class: "footer" }, hAsync("slot", { key: 'f49f852f5b7c6d5bc2052d37593a69e13f78ce0f', name: "footer" })))))));
     }
     static get style() { return dateTimeCardCss; }
     static get cmpMeta() { return {
@@ -17764,7 +17764,7 @@ class DatetimePicker {
         this.timeChange.emit(time);
     }
     render() {
-        return (hAsync(Host, { key: '697135ef8385fc9718d12ba154533bfda40ea8c7' }, hAsync("ix-layout-grid", { key: 'c07597093d72602f328ccfdbb42b482bfa1b3f05', class: "no-padding" }, hAsync("ix-row", { key: '94e785e08dac25aca20e443a1cc7266d456a7db8' }, hAsync("ix-col", { key: '21f758d42ef2978437708cbc2e1acf90259222d6' }, hAsync("ix-date-picker", { key: '295e6352b3e1130e155412692d053ace8949d95a', 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 })), hAsync("ix-col", { key: '75adbdd1f128b47b9f7b0c08bf1ea2e104c75781' }, hAsync("ix-time-picker", { key: 'aa3caa59618c60e35d119e980e9103f7b7527794', 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: '67b2f377005344262b10b8ab817aa49ba2218143', class: "btn-select-date-container" }, hAsync("ix-button", { key: '9da52054a038a4e223859ba905191bae7517e18c', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
+        return (hAsync(Host, { key: '308c88d2dad230a8f581d2598e63ca316c315c10' }, hAsync("ix-layout-grid", { key: '7fa2cfc1581f91e1487e50448a7392f7264fc928', class: "no-padding" }, hAsync("ix-row", { key: '2b9da7ebf643b10a1cde7ecc4093e1f08587844c' }, hAsync("ix-col", { key: 'caa1c48e9214b1ed1948ad40f9eb8f4471c6ff57' }, hAsync("ix-date-picker", { key: 'ae9297e5524a9c7c7bf81bd0a5308e77a45aa441', 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 })), hAsync("ix-col", { key: 'ddc4362c821ac08859423f0ed7bf5a3c8bc6ea87' }, hAsync("ix-time-picker", { key: 'd75cdcf80b6c45a47d76ba84bc232fdb5af27b79', 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: '724cec3daf9608659e8252718d6c52e54c0eede5', class: "btn-select-date-container" }, hAsync("ix-button", { key: 'af58fcfc304fb2aa35db0198455148f229e9e229', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
     }
     static get style() { return datetimePickerCss; }
     static get cmpMeta() { return {
@@ -17803,7 +17803,7 @@ class Divider {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(Host, { key: 'e44c2e4a195fc71c9817466271e830b60460ec3e' });
+        return hAsync(Host, { key: '0c6086308949d16f0ed1c1b88ccdfdbeac537294' });
     }
     static get style() { return dividerCss; }
     static get cmpMeta() { return {
@@ -17942,7 +17942,7 @@ class Drawer {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (hAsync(Host, { key: '895a282dbb5684c7d60ab8501c66e087bc200cf1', class: {
+        return (hAsync(Host, { key: '583a9857ead852d4af6dda28dd2f3cd43f7ccdf6', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -17950,15 +17950,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: '73ecbcbb164a46e9b3eff2159ccfcfb0fac2ca7a', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '314284968617cdd37f7240b00d11c6e5834bcc89', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, hAsync("div", { key: '60bd5a33ed6e6ac015f42d50e6028a4e223b7c56', class: "header" }, hAsync("div", { key: 'beaf36329993f62a306413684af6d46529749b22', class: "header-content" }, hAsync("slot", { key: '29efc75ed67cc579454907847ae351fdfe0ef131', name: "header" })), hAsync("ix-icon-button", { key: 'e4cd803ca55322eff8b4dfc00546c390aad9a85e', class: "close-button", style: {
+            } }, hAsync("div", { key: '878f802e70941772d44d3b3774fe33eb682061e1', class: "header" }, hAsync("div", { key: '29de426ed6849d8464b177c5171c20574d51711d', class: "header-content" }, hAsync("slot", { key: '1fda9e78f5194f71bc8b38b94169502730665d4e', name: "header" })), hAsync("ix-icon-button", { key: '101b53763d05760536497b56b456f07a4f8d1453', class: "close-button", style: {
                 display: this.showContent ? 'block' : 'none',
-            }, icon: iconClose, size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), hAsync("div", { key: '412a24fc2b0f0fd29470ee5950f2aa22853f06f9', class: "content", style: {
+            }, icon: iconClose, size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), hAsync("div", { key: 'e9e12c0473fefff7b2d4f2603e63f3ff75d3bd79', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, hAsync("slot", { key: 'a50132fafae8a548c3f2cd8d29715fb95c20ffe7' })))));
+            } }, hAsync("slot", { key: '963505ea2543c97d0a1b83942a0676f47ad967cf' })))));
     }
     static get watchers() { return {
         "show": ["onShowChanged"]
@@ -20265,7 +20265,7 @@ class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (hAsync(Host, { key: '8db8de1649fadcb2d36ef9f55b6d1149bb0e7d4c', "data-ix-dropdown": this.localUId, class: {
+        return (hAsync(Host, { key: '2c13027bd2c1d4aaf232c5435166dfd557acebe2', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -20273,7 +20273,7 @@ class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '159002cc6a3af7572e78dabd6b9d6c5183aa9135', style: { display: 'contents' } }, this.header && hAsync("div", { key: '3a2c87cf5de4e58e3c31b354e8ea60cfd1d0df46', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: '4d3bc1ff5ba251ee576959ce706d80ce9f4d1048' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: 'a367b5ee709b359ee02df11a17ca67b2f2f474e2', style: { display: 'contents' } }, this.header && hAsync("div", { key: 'ca3be5fb3a3a96eaeb5b64d5f77251d322816804', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'e04e1b59ede94b260e8cf29ec946befd69218b2d' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20346,9 +20346,9 @@ class DropdownButton {
             } }));
     }
     render() {
-        return (hAsync(Host, { key: '7fc099de5b3400a82f24c611ef88ccfcaddc1659', class: {
+        return (hAsync(Host, { key: '2d7496faf5f6950fe6e6c2c50a06b626e15c3324', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, hAsync("div", { key: '550a288af069c414424961e0be92d7474f6ca7c5', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled, alignment: "start" }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: '8e3ea75539be51abc11f0be86f6ec77778c654a8', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior }, hAsync("slot", { key: '27569fbe497b21095f72edcfea1c351610b78b03' }))));
+            }, ref: this.dropdownAnchor }, hAsync("div", { key: 'de1b0d7d8db9d2461e0983143808bd5f6ccb193c', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled, alignment: "start" }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: '66cb34c98ed57210eb92c9234576523981d82028', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior }, hAsync("slot", { key: '1667a871498f0ddeb89fecd4e6bb269e5e4c8e3f' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownButtonCss; }
@@ -20378,7 +20378,7 @@ class DropdownHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '2249e12bb9fddb15434f2fad2dc14b519587cc1b' }, hAsync("ix-typography", { key: '4e2a89eeaf696df5f1e66075fc29bd28cb558ac6', class: 'category-text', format: 'h5' }, this.label)));
+        return (hAsync(Host, { key: 'cd107d89cbb21bf785b8b3eac11a46254128eee2' }, hAsync("ix-typography", { key: 'f19132492b63e43cb3fed1fa32f0532e6b02ae7f', class: 'category-text', format: 'h5' }, this.label)));
     }
     static get style() { return dropdownHeaderCss; }
     static get cmpMeta() { return {
@@ -20430,15 +20430,15 @@ class DropdownItem {
             this.icon !== undefined);
     }
     render() {
-        return (hAsync(Host, { key: '2ed41df95fb098b6153cc3b132656459fc9a105b', class: {
+        return (hAsync(Host, { key: '95905e08054762d328dd53c72ed418da09e4df87', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, hAsync("button", { key: 'b519b6a6ab8a9e996424ffa1cfad1c72e829b789', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, hAsync("button", { key: '26a2572a6ac9924b84a3b6b25b5c9cd93f80c503', type: "button", tabIndex: 0, class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, hAsync("div", { key: 'e95829b5c21710cddd0fb825dd2cc1f0c71dda10', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'a2be1436aedc11a2246b9cf8c9b09f9e6d03fc61' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
+            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, hAsync("div", { key: '6e31ff133320a795040ef9b4aaf6cb33ce0f27a1', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: '7dc0f39923346b6eeb4887dcd0491be79926ab2d' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownItemCss; }
@@ -20469,7 +20469,7 @@ class DropdownQuickActions {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e6248545942e9142cbc511f83fe549aee81b1fe1' }, hAsync("slot", { key: 'e7034c4d45b5464b690836b9e2721c7f7e5c9de1' })));
+        return (hAsync(Host, { key: 'a110e69d9c4dfe30e866666109ad70ba44a289ad' }, hAsync("slot", { key: 'c59028d1fbd1bb06fdf67806fa3ec0b5771f7d05' })));
     }
     static get style() { return dropdownQuickActionsCss; }
     static get cmpMeta() { return {
@@ -20494,7 +20494,7 @@ class EmptyState {
         this.layout = 'large';
     }
     render() {
-        return (hAsync(Host, { key: 'ab49747848ed233944bae8d4873cd65b903a324b', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: '965845fb7c9e1c781b9e62f034d173a6b22f5e31', class: "emptyState__icon" }, hAsync("ix-icon", { key: 'eb2ce2319f52147ef0e31d25ff27198d0ad4b2e3', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), hAsync("div", { key: 'c3d7e79d3f18f02d694ea316917efc3668983b82', class: "emptyState__content" }, hAsync("div", { key: 'd2bc3d7133482f49b75b36443dcf9e633b972107', class: "content__label" }, hAsync("ix-typography", { key: '7aa48ee6bdaffafac9973abf99b0d27df5449a3f', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'b44a49ebdf8ff0b3414c2eb29a7d4880652d7d49', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '7b505280ff779a8ece9b747ac878a9044acf2043', class: "content__action" }, hAsync("ix-button", { key: '90307dc621879277dddba1d6165992467173b596', onClick: () => this.actionClick.emit() }, this.action))))));
+        return (hAsync(Host, { key: 'd434c7fbfd8d3c287c49fa0f2c8db22316347a1d', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: '302252fc8678ebcaf3c4bc4a7c3395e341f8a7fb', class: "emptyState__icon" }, hAsync("ix-icon", { key: '95a56f0258f249d9fedaf4c5cc32fe8d88c122f4', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), hAsync("div", { key: '9a6726a7adbc8c647aa02d8c5205072a3b8a08b7', class: "emptyState__content" }, hAsync("div", { key: 'a47e763cc591996408988226c04af78e08357825', class: "content__label" }, hAsync("ix-typography", { key: '418514c4b661f4efb13fb6fa66a459c851077f13', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'a96c66dba511294c02a01a7b2e0b9557af988833', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '6c51df2aea608a3f5017eda7a1c9a2d634003d16', class: "content__action" }, hAsync("ix-button", { key: '34753a75886db6a921ee1e5af3804da0bfdd1c1b', onClick: () => this.actionClick.emit() }, this.action))))));
     }
     static get style() { return emptyStateCss; }
     static get cmpMeta() { return {
@@ -20637,11 +20637,11 @@ class EventList {
         });
     }
     render() {
-        return (hAsync(Host, { key: '896ff7a1282eb05f766a230b405351c5e3576879', class: {
+        return (hAsync(Host, { key: 'd65b84a521b9ee53cbd4f4fa353c4161257c175b', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, hAsync("div", { key: 'e4439d89338755e8734f766f2a6d042574485929', role: "list" }, hAsync("slot", { key: 'cb7de0e586b12c5a6f78880259b3abf600fb8022' }))));
+            } }, hAsync("div", { key: '53d66cb0234e75c3152c53a445e7fb61b5e39440', role: "list" }, hAsync("slot", { key: '16ce6ba7fb44794b23a52d45818b5927c5475d15' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20692,16 +20692,16 @@ 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: 'ce3058d44751768593430569a40157a3b3b79d33', class: {
+        return (hAsync(Host, { key: '45315c323b72663ab459c1ac82be84a289719b6d', class: {
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '1a1e79954b3aa18e2688ef6af4347cfb0756c8d5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, hAsync("div", { key: '5d380bf2e02591a9be10a4e2b8b3585c83d035b5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '899e984605107cead8392aa95fc0d4a41b1d2d13', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, hAsync("div", { key: '802085e76fa0a9c9d486f6f5777058da1d7ba9fd', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), hAsync("div", { key: '1615c9e7b5a908c5fea1d26f17bb9512f9ce1fbd', class: "event-list-item-container" }, hAsync("div", { key: 'dee8a1cdfdd06c6a89e0bf8715a40b4011f131b4', class: "event-content" }, hAsync("slot", { key: '9aa682c85b72cc720945f74e0c40ce537fc86f9a' })), this.chevron && (hAsync("ix-icon", { key: 'ec19f460773d9c0baa13765aece244516007db75', name: iconChevronRight, size: "16", class: "chevron-icon" }))))));
+            } }), hAsync("div", { key: 'e90e4d2f639ec22b161e2c57d361f959e20f60a9', class: "event-list-item-container" }, hAsync("div", { key: '34a3a544f2f05078b9a75fbe80d1165a4bd10bde', class: "event-content" }, hAsync("slot", { key: '4ef3f92e68fa17c1369ccdd6b60d27cdafd84596' })), this.chevron && (hAsync("ix-icon", { key: '8663521673022b881b4818367a0c97c3d5260e19', name: iconChevronRight, size: "16", class: "chevron-icon" }))))));
     }
     static get style() { return eventListItemCss; }
     static get cmpMeta() { return {
@@ -20789,20 +20789,20 @@ class ExpandingSearch {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'c0f4b6c395c9f44c92e31c2cad9c3e29e95ec39c', class: {
+        return (hAsync(Host, { key: '6fd8984383d4b8459981f951c40913d4c194df54', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, hAsync("ix-icon-button", { key: '82d984a5087b2908c1541de8217c0781d76e3c08', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'primary' : this.variant, ghost: this.ghost || this.expanded, outline: this.outline && !this.expanded, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
+            } }, hAsync("ix-icon-button", { key: '5f63c65cfe62582bb214007ca2f6fd61ef3796b1', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'primary' : this.variant, ghost: this.ghost || this.expanded, outline: this.outline && !this.expanded, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
                 'btn-search': true,
                 'btn-search--expanded': this.expanded,
-            } }), hAsync("div", { key: '84e1b448fa7d1cbe2592c71da524f39a55c608bb', class: {
+            } }), hAsync("div", { key: 'd4e2020d174e1a71842586eac3cdfe5fe17a0ece', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, hAsync("input", { key: 'a8c6b0ec0844cdde85c56d9e7c76cb4de30d6539', class: {
+            }, "data-testid": "input-wrapper" }, hAsync("input", { key: 'f375ac635389108c7711d1075b1d7c730db1e554', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,
@@ -20914,9 +20914,9 @@ class FieldWrapper {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (hAsync(Host, { key: '2a116d969844028d59d8840332cf61e5a54bb943' }, this.label && (hAsync("div", { key: 'a30a6efebad5742041e717ad719536cecd52871a', class: "field-top" }, hAsync("ix-field-label", { key: '65bf89fec9798cf7c484964ca728781261d6a22a', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '2027d884c1ffa7727868a4962d5310adeb25a34d', class: {
+        return (hAsync(Host, { key: 'cbe79e9b73dd83e1ba5f608f603adfea7aff881b' }, this.label && (hAsync("div", { key: '680ac23aa7d5e2bc7694d6b737754b9795bf23d4', class: "field-top" }, hAsync("ix-field-label", { key: '6cc8df941e93c99f4b8f5494f13274cad4b9a9e1', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '7890365fe31ef8f141cf6f5f0027fdc4c5aaf043', class: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, hAsync("slot", { key: 'a2001e8b21a9c68524ce9dad3c6d152ee40eabf0' })), hAsync("div", { key: '12da8e068ae3d8bc9a59d3121c5882d3f86d547a', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: '1aac859e833a368fbbdabbbd45303a938dd716d4' }, textOptions)), hAsync("div", { key: '26c4a8f605d8d290c4dcfa5c5ef0e4ed2ec50519', class: "bottom-right" }, hAsync("slot", { key: '1506bf93df5575e968af91f17d68bbce0ffa11f8', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: '73bfd0bdb2a559245e4ccc42733844690b3abb72', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: 'f57a170ade2a076ad3a7c6da784728a814b6b39c' }, textOptions))))));
+            }, ref: this.slotRef }, hAsync("slot", { key: '79216d5a495b84f75521d6226831078e83c54ece' })), hAsync("div", { key: '26ac12f688455b4fc261e3a23e38b3acc2a13444', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: '4411ef2c68d89c5651d609d848e154d4d92577f7' }, textOptions)), hAsync("div", { key: 'a6a4d29b3b7f01c76c3abb38f77a2f437b38fa85', class: "bottom-right" }, hAsync("slot", { key: 'a6f7949b0f7d371508759ebddc5a0c75ae8e7d6e', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: '1df8e451198beb33bce572b213886b0584f9d6d6', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '836951150dc94c6ffc82639bf2219c07e2a994bd' }, textOptions))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return fieldWrapperCss; }
@@ -20966,7 +20966,7 @@ class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (hAsync(Host, { key: '7ccc04431b181efbb16c7d5ed14d5eea5f17ca78', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: 'c2ab9ec7e031ffa63dfebf4cee062b5d7825b974', class: "slot-container" }, hAsync("slot", { key: 'c7d520baa440baedef140a7041927074e72c9481' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { ghost: true, oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
+        return (hAsync(Host, { key: 'e97d49f5fdd629ffa9484a8f0240fdc4de1fe9b5', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '2f80fc12601503db8a150f6d8598cca1008cd504', class: "slot-container" }, hAsync("slot", { key: 'd56ad722b92e31bf8bd99371b9461ca4d2149cbd' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { ghost: true, oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
     }
     get hostElement() { return getElement(this); }
     static get style() { return filterChipCss; }
@@ -21079,26 +21079,26 @@ class FlipTile {
         }, 2 * this.ANIMATION_DURATION);
     }
     render() {
-        return (hAsync(Host, { key: '9de44f5ed8b847f15974ef8e5e95100a7038ff0b', style: {
+        return (hAsync(Host, { key: 'e2bc1e35021289570df4bcd24e060c9db7ec91d0', style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
-            } }, hAsync("div", { key: '679c44f9f59e0f36834d676ca7179084bf6f6cab', class: {
+            } }, hAsync("div", { key: '7934aceea617d8539e74926f01f2990238881c8b', class: {
                 'flip-tile-container': true,
                 info: this.state === FlipTileState.Info,
                 warning: this.state === FlipTileState.Warning,
                 alarm: this.state === FlipTileState.Alarm,
                 primary: this.state === FlipTileState.Primary,
                 'flip-animation-active': this.isFlipAnimationActive,
-            } }, hAsync("div", { key: '3eaf87b5a1fdb489239627139f645efac5de1d4e', class: "flip-tile-header" }, hAsync("div", { key: 'eb1cd15e5bcca2e9024b58d26835f54f3158ada4', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '5827e3dcbcf0a1ed12fae898eb1975c3e3c0a049', name: "header" })), hAsync("ix-icon-button", { key: '97e8b93309c4906434056c01d9c61e454ea22a53', icon: iconEye, variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: '309a60f0db4de428e801da541280a3634b20fb24', class: "content-container" }, hAsync("slot", { key: '9c3f49f6a7f80f6d2f7713e8c8527695fe6de20a' })), hAsync("div", { key: '9fd6026e9b25726ecacaae68dfc69963e46501b3', class: {
+            } }, hAsync("div", { key: 'd955e322f2490f0ccc357fb61a2e853b6302d464', class: "flip-tile-header" }, hAsync("div", { key: '384857f3ce65e01f4968b3b96d9aed2857f01389', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '1c9c67750e97d96665d8415985b683f8e36dd933', name: "header" })), hAsync("ix-icon-button", { key: '77578c634cf356fae05d995f288170b6dfdc9b42', icon: iconEye, variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: 'c8ed2826055104079f53bf8f057d173331efbb49', class: "content-container" }, hAsync("slot", { key: 'c6ca00e367fa3ce894cbe9828b4aa0aa73273274' })), hAsync("div", { key: 'ee0008ae82ad0fd34110d2fbc44218583ee22140', class: {
                 footer: true,
                 'contrast-light': this.state === FlipTileState.Warning,
                 'contrast-dark': this.state === FlipTileState.Info ||
                     this.state === FlipTileState.Alarm,
-            } }, hAsync("slot", { key: 'bac32d9530726de6d493bc0846ad1ade280b7308', name: "footer" })))));
+            } }, hAsync("slot", { key: '4969c0b8285190abc31ad5009866c47d3e0d1676', name: "footer" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21134,7 +21134,7 @@ class FlipTileContent {
         this.contentVisible = false;
     }
     render() {
-        return hAsync(Host, { key: '1204bd93b593c2fa8fba7a95d049808aeef625d6' }, this.contentVisible ? hAsync("slot", null) : null);
+        return hAsync(Host, { key: 'e92abcbb8b1cfdeb739ee4933f6ed66a6c2a7dc5' }, this.contentVisible ? hAsync("slot", null) : null);
     }
     static get style() { return flipTileContentCss; }
     static get cmpMeta() { return {
@@ -21255,7 +21255,7 @@ class FormFieldLabel {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'a06d0f490304f2e773fe3f8eda2ce62d77283741', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '0ec7253998eb8b2a6c82a7685138324ba74253ff', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: '2170913df8a43d78a8c848820dcb0213de3f368d', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: 'ea3e34c12dd032371e7b263230d1d6b4edc1ac38' }), this.required && hAsync("span", { key: '863a8b631669759a0b6bc3e75fc3a3fa36d71916' }, "*")))));
+        return (hAsync(Host, { key: '1523186f6399825257dbffcd1aed2522997044bc', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '1e956399435c73d1a8d15129e86fed12b38b36b0', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: 'a690608275495d048a0503b68d07a8d8e2b75a3c', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: 'a54690a36d07d2bb28ed787cb557aa0fa51292b8' }), this.required && hAsync("span", { key: '1f09d454bb53346f909e90eb2d6170340bd7e598' }, "*")))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21405,27 +21405,27 @@ class Group {
         }
     }
     render() {
-        return (hAsync(Host, { key: '2f270bc182ce854e2e49eda40be90a800cbb61c0' }, hAsync("div", { key: '41004207b4f7ab107e1ee010d08183150a65a756', class: {
+        return (hAsync(Host, { key: 'c12e1a819786a4277228216151e4e359edecf2a1' }, hAsync("div", { key: '542b9ffe9a1ac23ae90454b608b50b91ac06d06a', class: {
                 'group-header': true,
                 expand: !this.collapsed,
                 selected: this.selected,
-            }, tabindex: "0" }, hAsync("div", { key: 'cd96be48f37bb43b39011f09d1885132e1d27425', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '9935de32138b750f3547f154e6cc8f204dd11b13', class: {
+            }, tabindex: "0" }, hAsync("div", { key: 'da9bd0a4ca1143a957babf654df92d8de9841f7c', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '9b25d1fd572830e6a6a1eac1baca511cb0572023', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), hAsync("div", { key: 'ab4d87361a52f02c5877c6f845111f8b2b1b20a9', class: "btn-expand-header" }, hAsync("ix-icon", { key: 'cfd77caf8a3b43f1557480c12372dcd13ffcc993', "data-testid": "expand-collapsed-icon", class: {
+            } }), hAsync("div", { key: '9c582a981ac1c16c96f30df2804480cce37647ab', class: "btn-expand-header" }, hAsync("ix-icon", { key: 'c2346a13a12c615609f0819e7ca92106b646e16a', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.collapsed ? iconChevronRightSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '995c2d4289fb97b2366f2007cfc0aa524500aeaf', 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: '67978547dd51688b7af6e286da1f13951c2ade3f', name: "header" }))), hAsync("ix-group-context-menu", { key: 'ee14b7c33dfbd3b9d58ebc39a44d01888e305568' }, hAsync("slot", { key: '055f50ffe8d1b8baad69db653b06e8288cc8bb93', name: "dropdown" }))), hAsync("div", { key: 'ce9b89c11ac7add9d9b3be3f86ec1e6d4effc854', class: {
+            }, name: this.collapsed ? iconChevronRightSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '19e552ac07324b187c020af499ba37bac5576d8e', 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: '88e5a3387867463075197cd1336e5c76dc1e7951', name: "header" }))), hAsync("ix-group-context-menu", { key: '4eb3c5f983ef6f05578db3de015b58a96120da4c' }, hAsync("slot", { key: 'e83f89970313fd70ab6f59bb40edc91af5bb1419', name: "dropdown" }))), hAsync("div", { key: '9f587f7b424b9ee0e3d4f8674e1eb0a0fefdf5aa', class: {
                 'group-content': true,
-            } }, hAsync("div", { key: 'dce5ed7109490a40d173f94116062a031f4a13c8', style: {
+            } }, hAsync("div", { key: '8beacefeb0d1f448db79228dcb6e54713bf5de5a', style: {
                 display: this.collapsed ? 'none' : 'contents',
-            } }, hAsync("slot", { key: '5176b79b64f86a2c7bc827b253b604e7fb52ea99', onSlotchange: () => {
+            } }, hAsync("slot", { key: '46abc49fd5ac4a5761797129e9b11ab21588bfb8', 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: 'e7ee362982df386a70c5ea95ace68d1d76b52874', suppressSelection: true, focusable: false, class: {
+            } }), hAsync("ix-group-item", { key: '8569488efc7b85e6d469f18c334500e694a3e24f', suppressSelection: true, focusable: false, class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            } }, hAsync("slot", { key: '4fbe48e35502d6ccb600295f86ed5e479af621bf', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            } }, hAsync("slot", { key: '028d3ca36b47e12b5e80a3e01daed1dd62eb6687', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21486,7 +21486,7 @@ class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (hAsync(Host, { key: '401f632dcd772d22c484ede58e6aeb2c059fe372' }, hAsync("ix-icon-button", { key: 'bb0d5154b3fda8a934f0a7a2e3d130bb510129e5', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: iconContextMenu }), hAsync("slot", { key: '9447ae2825c2f47444150425d9b1dc398f4fd5fe', onSlotchange: () => this.onSlotChange() })));
+        return (hAsync(Host, { key: '78dbddb5af2b2de9f2fe91e7aa1d69b1993ad29b' }, hAsync("ix-icon-button", { key: 'c5b68ac445c5390ff0d42cce43ee6b96b875930b', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: iconContextMenu }), hAsync("slot", { key: 'fadd0b375491eea9ebc4f1008901d05c16c90e07', onSlotchange: () => this.onSlotChange() })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return groupContextMenuCss; }
@@ -21526,9 +21526,9 @@ class GroupItem {
         this.selectedChanged.emit(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: 'd9e12ba81e0a26b8d50e704b74d7345482e541d9', class: {
+        return (hAsync(Host, { key: '695df339a7cafccf2df02c6aa8d6a74838f7292c', class: {
                 selected: this.selected && !this.suppressSelection,
-            } }, hAsync("button", { key: 'cfd760d6b9b9dc78072418290e6175ba3f075e60', tabindex: this.focusable ? 0 : -1 }, hAsync("div", { key: '6ce0ec6fed10ab1e5a27fe597e6a9c04525f4d44', class: "group-entry-selection-indicator" }), this.icon ? hAsync("ix-icon", { size: "16", name: this.icon }) : 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: '143cb4d31b47777494694875c4bb6ff1c20226d7' }))));
+            } }, hAsync("button", { key: '534c89729601c56921821050db80b71e24c497e3', tabindex: this.focusable ? 0 : -1 }, hAsync("div", { key: '1d1794c68ff7f5a7445847c21e00835d6abc002e', class: "group-entry-selection-indicator" }), this.icon ? hAsync("ix-icon", { size: "16", name: this.icon }) : 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: 'fd29d6b458ec6aa7ff234e8184c7656d32d5cc65' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return groupItemCss; }
@@ -21595,7 +21595,7 @@ class HelperText {
         this.validationResults = checkFieldClasses(forElement);
     }
     render() {
-        return (hAsync(Host, { key: '8a5b267f4858e19336d74e0fd9af09df791b219b' }, hAsync(HelperText$1, Object.assign({ key: '607fb27a54ac0f206163370f038757a432e359fb', helperText: this.helperText,
+        return (hAsync(Host, { key: '5a8e47a72ee409b1edb57d76d7affa48f61cd760' }, hAsync(HelperText$1, Object.assign({ key: '9a446b15f14ec08b2cdf7c680a858acd136d874b', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,
@@ -21716,7 +21716,7 @@ class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (hAsync(Host, { key: 'b94b58d62a45bd3b2d659571cc5389a1e91d83f8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'a4f006c282c17255e6a6fd6e674a4c6f145a4121' }, baseButtonProps))));
+        return (hAsync(Host, { key: '725eb8171f56984a49f96e85bd40f8edc7e374de', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'bca08954dca89a38f67c396b4a32f5243d2f01b7' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconButtonCss; }
@@ -21834,7 +21834,7 @@ class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (hAsync(Host, { key: '14ce0df0eacb404a80f372fef760445b6d951872', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'bcf0de09e295ef8cb15bd159365817cced1a9040' }, baseButtonProps))));
+        return (hAsync(Host, { key: '43aaf90da7c0062c170fbc50d651e67850ef865b', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'a80de2b1b90b92f2884a37ba26db5b566608a4da' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21996,13 +21996,13 @@ class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (hAsync(Host, { key: '6e7e3e9e117348c87aa94528535c5e6dbe3e723d', class: {
+        return (hAsync(Host, { key: 'b069d91c5aca4f679c93b1d440f6ad48cb28d2af', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '6dd8015435e7add7a1519e093fcd00d824a699bd', 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: 'bbc85fbba66e4b184ea8e5e1f251a3a000e6dc6b', class: "input-wrapper" }, hAsync(SlotStart, { key: 'ba1f56d2b4ec80969cd0f7e28144c75223a69194', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '2b4b745f814576c511087d66d5f64ecd45a455e9', 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: 'a101bf7a971898a1209b832ee5534ab0a835c493', 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: '3cbe94c3408fac2409a4ba53d51a9c48c62516cf', class: "input-wrapper" }, hAsync(SlotStart, { key: '813456b81fe7cb3c6630a5366dd8a281bb8cd869', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'f271a11579c1a710a2dd21d6f807c44f7e40dce8', 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: '126271e98c45fba344f375ca4f494b30981764eb', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: 'c3e698054a2e2cf87284a28d2fa504eb9aec15d1', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: 'ca0be4a9ab7182ef66750d710e2275f9586eb361', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: 'f1371a3cc2ac0497f8bfa5cc54f82f2c7133c555', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password',
             }, ghost: true, icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -22011,7 +22011,7 @@ class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '98239f02ac0431bbd78c04beb3fbceebd8e5c3e1', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
+            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'cb783fa80a4ce1fb46b2f69c81e5ca8eb37137f1', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
             _a.length, "/", this.maxLength)))));
     }
     static get formAssociated() { return true; }
@@ -22185,7 +22185,7 @@ class InputGroup {
         return width;
     }
     render() {
-        return (hAsync(Host, { key: 'ba35d867fbc675ceacfbf985ae1c4eabce22725c', class: { disabled: this.disabled } }, hAsync("div", { key: '278b075b6160b310ac0c87e70678e57c74a99e1e', class: "group group-start" }, hAsync("slot", { key: 'b13a940241dcbbcd65e970bd4741bba538a4fa54', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: 'd9d392d7368a36641d4534cef71be623b38e9263' }), hAsync("div", { key: 'a248961f31b840d17553aeccb13d1441787828f7', class: "group group-end" }, hAsync("slot", { key: 'bdee0a589c4bfd5041508c476163290d47dc320e', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (hAsync(Host, { key: '24b0c17b0f760e00b0c04d976e1ca73e3f7add6a', class: { disabled: this.disabled } }, hAsync("div", { key: 'd18998af36460aa37b025e4c53fbaa4f70c82533', class: "group group-start" }, hAsync("slot", { key: '70d66198ddf8ba6d9e4676ed6055e370b956aecf', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: 'dfceaca91998ff431ebfc42113971c8b28f25c2a' }), hAsync("div", { key: '910403e5b7e4370fb7f810253e4d304a0fa65f45', class: "group group-end" }, hAsync("slot", { key: '1d1916855ed606041c9865a9f52a65b11ee076bc', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return inputGroupCss; }
@@ -22222,7 +22222,7 @@ class IxActionCard {
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: '611489a81be0dda6b92579bc5a8b6442f9c8ba14' }, hAsync("ix-card", { key: '442340c0b4dcf3424187966ca06bf4b329cecda7', selected: this.selected, variant: this.variant, class: 'pointer' }, hAsync("ix-card-content", { key: '755a4d6236f9e89e9c7207c6a16cf90696b0a6dc' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("div", { key: '9482063b3546639e35ae0b6ae88c359fa79587d5' }, this.heading ? (hAsync("ix-typography", { format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5" }, this.subheading)) : null, hAsync("slot", { key: '8b2f720026a55e8b40a829f2c93a003b40cc8f3a' }))))));
+        return (hAsync(Host, { key: '8baf09c7b0f2aef34a37dd639fb1d2629d143692' }, hAsync("ix-card", { key: 'f21a1d74d716482bef98cb909da8192a78b8937a', selected: this.selected, variant: this.variant, class: 'pointer' }, hAsync("ix-card-content", { key: '0edcd9783ea5ad0d8471d6aa4c4aa398dc329cf4' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("div", { key: 'be3798858f6fa19d8897d7cefb900fb1e14a4db2' }, this.heading ? (hAsync("ix-typography", { format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5" }, this.subheading)) : null, hAsync("slot", { key: '5014e3efdb43a20519cca4b5c5bfd21d7009983b' }))))));
     }
     static get style() { return actionCardCss; }
     static get cmpMeta() { return {
@@ -22275,7 +22275,7 @@ class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (hAsync(Host, { key: '5207dc24e31ac16637af3f3109323033a2e6db28', class: typographyClass, style: style }, hAsync("slot", { key: '44f5d007e4cca8e85d5ee9e4a9c3edd4cd3bc1ef' })));
+        return (hAsync(Host, { key: '9c118b27a1e0dd92d405d34ab695fb2774c0a829', class: typographyClass, style: style }, hAsync("slot", { key: '9701d11796a942eb09023d747b6622c9634125c2' })));
     }
     static get style() { return typographyCss; }
     static get cmpMeta() { return {
@@ -22307,7 +22307,7 @@ class KeyValue {
         this.labelPosition = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '2656503512b8f991bd57df171da6968251c03a3e', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: 'b942e4299f22001c4e993c0e2b9066f6c223afb2', name: this.icon, size: "24", class: "keyValue__icon" })), hAsync("div", { key: '7a8c8d117e4bc22df31fd8edd3fd002915e919d7', class: "keyValue__content" }, hAsync("div", { key: 'afc5660f034695ebd1c875ec9f672691f3b5b92e', class: "content__label" }, this.label), hAsync("div", { key: '2436cf5a6c145f15a23a99e62afc9c57b6343587', class: {
+        return (hAsync(Host, { key: '627e22cd186d5d4adafe301f273beb7d45328211', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: 'aeaf3c43ca177ab355db565ff9f7fa65a6c2da6f', name: this.icon, size: "24", class: "keyValue__icon" })), hAsync("div", { key: 'b8503aecf4002ebdefb64f98457f7cfc712d0f2b', class: "keyValue__content" }, hAsync("div", { key: 'bd3748240d54d858fd470996e418bf09cf1ac0e0', class: "content__label" }, this.label), hAsync("div", { key: '346189cd065f1ba86e65bb7731557112555f8561', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -22339,7 +22339,7 @@ class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (hAsync(Host, { key: 'a0383621779021bfaa04dfa24c0d64f843caef46', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: 'f42227578514bbc39d2c03fa5938487d3ba04cf0' })));
+        return (hAsync(Host, { key: '27163734dfd54def57dd0186263161898c7b4dfe', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '0d28e89b4b194cd499653bd76132f205ab55d10b' })));
     }
     static get style() { return keyValueListCss; }
     static get cmpMeta() { return {
@@ -22386,13 +22386,13 @@ class Kpi {
         return tooltip;
     }
     render() {
-        return (hAsync(Host, { key: 'ce1da739841323d068eb084cd86771c13c415081', title: this.getTooltipText(), tabindex: "1", class: {
+        return (hAsync(Host, { key: '1179001dc0e8bdc5ffce63d27ecd0c5d81289020', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, hAsync("div", { key: '7d3b4e4aa3fdd88a3574c309acf3e11da9f4498c', class: {
+            } }, hAsync("div", { key: '5b44cac0229b98c7ed92e5462e432957a9346342', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, hAsync("span", { key: '0276e52a4bb5cd8845ea0f2feb89cad0bb84cf54', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '5ec332bbfb025fc705d8dc41527ed5d57ef83720', class: "kpi-label-text" }, this.label)), hAsync("span", { key: 'b8b55580b59c271988fb5ccbac77737c73c46133', class: "kpi-value-container" }, hAsync("span", { key: '7694b2e056abb0af7da5ef4f78501b46bb974df5', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, hAsync("span", { key: '88c5197ae8715095ddaf432505281acf00c3d01d', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '5c61046a28907c369d7b51293e89be41fe9c498e', class: "kpi-label-text" }, this.label)), hAsync("span", { key: 'e14031e96120f4c6af5296b573cc9c41cae0641a', class: "kpi-value-container" }, hAsync("span", { key: 'b2d3a7f32e1d7bd8629066596c99460e7ed82425', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get style() { return kpiCss; }
     static get cmpMeta() { return {
@@ -22487,7 +22487,7 @@ class LayoutForm {
         });
     }
     render() {
-        return (hAsync(Host, { key: '73cb2cc86bf294cfabdbd90a24baa9e583b850f2' }, hAsync("div", { key: '81d24945059b91e1787f120d9f12082033e4963c', class: "container" }, hAsync("slot", { key: 'fb098e946e0c4f6aa22e9e4f83c55ce9501bd751' }))));
+        return (hAsync(Host, { key: 'e47b51c31c41e8c1170c3d3e83300185da2e57f3' }, hAsync("div", { key: '33ef95cae638b9646013a9fe18186567335bcbe3', class: "container" }, hAsync("slot", { key: '26ca2296fc76045f3a0bda81683a4e64c2dc02dd' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -22525,12 +22525,12 @@ class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (hAsync(Host, { key: '2c999ca61e022612f73a613f08621996bd3195de', class: {
+        return (hAsync(Host, { key: 'e70a02ebb1bf59a854fd2e7a9852eb71307b1ba8', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, hAsync("slot", { key: '25863fb87ae527dc17589e205a5058d87c560baa' })));
+            } }, hAsync("slot", { key: '49d350c160d49df1a546c1b10bb460a1a63bc234' })));
     }
     static get style() { return layoutGridCss; }
     static get cmpMeta() { return {
@@ -22564,13 +22564,13 @@ class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (hAsync(Host, { key: 'f51716bc324bfb821a28eb2c5ccad5f89d1ecfd8' }, hAsync("a", { key: 'd248a4aad60e0456ba4faafdc9fdf2a0e2002783', title: this.url, tabindex: "0", class: {
+        return (hAsync(Host, { key: '2497caf192615ed280d5ae11fdb2ef27060c94f7' }, hAsync("a", { key: 'd16ef2ae663fdf36d176e6f59ec909b2b37bc14a', 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: '0fc26927646b660b8d49376138d81792e748efc5', class: "icon", name: iconChevronRightSmall, size: "16" }), hAsync("div", { key: '122fdd8e04b587ee55aec65cd011d83a08dff1a1', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '9d426962a4a03ef0c2602c788bbd450521e30aec', class: "icon", name: iconChevronRightSmall, size: "16" }), hAsync("div", { key: '52a4346e4a708c9acd11bad8ecaf9b2597db0a34', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '84f829455f157ac12761bd7f819232cc3940550d' })))));
+            } }, hAsync("slot", { key: 'c608729d1bfba5109396a32c31a2b94c08648072' })))));
     }
     static get style() { return linkButtonCss; }
     static get cmpMeta() { return {
@@ -22737,11 +22737,11 @@ class MapNavigation {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '3e1350b7aad57db841d5e61e38103c2b2f91568c' }, hAsync("slot", { key: '60285bc33e98f72f3efd8c8fd3c296700fafb030', name: "menu" }), hAsync("div", { key: '02614dd023454bd6cb7e9829cfbbf82368b82cc4', class: "map-nav" }, hAsync("div", { key: '0ba3ca4ac4ae62bd7e57a544aab646ec9c4278d0', class: "map-nav-sidebar" }, hAsync("div", { key: '006f5f5c53ed880e18364c2c6e0535aca2cb6de8', class: "map-nav-header" }, hAsync("ix-application-header", { key: '09655e57e6581b46c199a081a20616c3d1ea7d9e', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: '8d2bb1aaec53db6bbdaf9b5d05c5bb5948c83396', slot: "logo", name: "logo" }))), hAsync("div", { key: '8ef15067134dd58d03a2903c51b894c4949fac46', class: "map-nav-sidebar-content" }, hAsync("div", { key: '8059f492e1335736870d461caa79d5afd01b804d', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '571682ee26c04fd8950b99a0465e27f9ca8b4f49', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: iconContextMenu, ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), hAsync("div", { key: '69065846ae6ba9a7b2955599c9d651e0307a9785', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: 'b90077198384c9477b4f244f3ee175bb06f59932', name: "sidebar-content" })))), hAsync("div", { key: '9e1cee83e6be92ee3763745f26a35a09ec246fde', class: "content" }, hAsync("div", { key: 'adeeae0954b90eb4fe58efd8eed42621d4b16f25', class: {
+        return (hAsync(Host, { key: '1d51d04de4d970cbdd6b177b2df10fb667b8711d' }, hAsync("slot", { key: '74db2a71b043c9e23e07dd7e4b66ce35b95a3dbd', name: "menu" }), hAsync("div", { key: 'e3b726d951df3e37dbbd4a9bd1721154830abddb', class: "map-nav" }, hAsync("div", { key: 'd36aff6a54ff7b39793f1198f13030d44a8a0790', class: "map-nav-sidebar" }, hAsync("div", { key: 'ecf102fc686d03e3494c9a05ba164bc5cf70314b', class: "map-nav-header" }, hAsync("ix-application-header", { key: '9801d53f75be872452710e6914ddd0a7a33d6498', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: 'dae564627ad3f3189fb84ce442544ee80ccc9450', slot: "logo", name: "logo" }))), hAsync("div", { key: 'b9c4b99194540fead25a94c27af67d1735bb6c4c', class: "map-nav-sidebar-content" }, hAsync("div", { key: 'a5d8b7e48f847500a615b8a6d3502f23dcf3f273', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '6e0355f832d5d6efcce6ef98259103e0500481e8', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: iconContextMenu, ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), hAsync("div", { key: '8c4d062557f5d13a0fd4c5f012afbbe2b5f647d0', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '9d22e54122a8c5f3d3a868ce94fd5b0620c973b3', name: "sidebar-content" })))), hAsync("div", { key: '10262bb19e22bf9dcf7ea0ccd8f48ff442066914', class: "content" }, hAsync("div", { key: '01173672d892e954f1c895fe69fe12f69510dfaf', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, hAsync("slot", { key: '7bceda749e11b66324ebba33b58184d1510aa67e', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '2f4a9c9367f10f332d39a1fb674dc6ba9ff3f6ed' }, hAsync("slot", { key: '8af1c35813a970c1980c5ae149f361cd8feb0bf8' }), hAsync("slot", { key: '1233e7bdec3b9c823e39560252163678acaa2951', name: "overlay" }))))));
+            } }, hAsync("slot", { key: 'fcd9985efc9cd140c52d1627fb7d4a0803e1eb00', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '6aea55531616aa9efa50a179a1f1fd6f70abae51' }, hAsync("slot", { key: '4ea1031eb142f7fdb12b3e6c51514d0184f22061' }), hAsync("slot", { key: '271949b43a6464183da0c78d5dfb496c1cdf3271', name: "overlay" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return mapNavigationCss; }
@@ -22802,14 +22802,14 @@ class MapNavigationOverlay {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '1301c6a5a011ec4d71aff6e84d268a6852d9ad50' }, hAsync("div", { key: 'f36755f9c946d49a263b95cb47a48135a06603a3', class: "overlay-header" }, hAsync("div", { key: 'e936832f40c5284fd3fbb3fc1f823a97faccdc92', class: {
+        return (hAsync(Host, { key: 'be0450f1bf2816ed1e70146073469d9d7662954d' }, hAsync("div", { key: 'c8228b4bc5d27bf67c3fda10f2fc422275a62ecd', class: "overlay-header" }, hAsync("div", { key: '7c12744ae39f398fe2c004391b70bd667fd4985b', 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: '03e450b5cd58ae15bf35a5ef9c8a7001286fb5f2', class: "overlay-header-content" }, hAsync("ix-icon", { key: '0ab48132ac00d50d4536d5b1431feb243593e1cc', size: "32", name: this.icon }), hAsync("span", { key: '2e7927246659b7c0b16318d1a9c7364f362ca68e', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: 'abd4ee42443bcecfb14842bb0a11d4b651cb0abf', class: "overlay-close", ghost: true, icon: iconClose, size: "24", onClick: () => this.closeOverlay() })), hAsync("slot", { key: 'a07d4902973759d03b648c318462cbc731ed478a' })));
+            } }), hAsync("div", { key: 'e4f696a609d817d17236e329fc1c22058e3728eb', class: "overlay-header-content" }, hAsync("ix-icon", { key: '12a400c7491ac55afc50caa987ca9989ae44469c', size: "32", name: this.icon }), hAsync("span", { key: 'b6dbe4307670e581ddfaa280930daeb691351210', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: 'b766c16fc147c44d73b9854bf244a32c6d3f9c24', class: "overlay-close", ghost: true, icon: iconClose, size: "24", onClick: () => this.closeOverlay() })), hAsync("slot", { key: 'bfd926cbd26c4b0fc393a6fec4da736425db6f8b' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return mapNavigationOverlayCss; }
@@ -23276,44 +23276,44 @@ class Menu {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: 'f33d825f3a05db6bc2bc3220e6c6145b92def178', class: {
+        return (hAsync(Host, { key: '0a82c9c443aee1e35eb9177193446311e324235b', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, hAsync("nav", { key: '70e3ee98bcf1004a3483466585287701eccda07e', class: {
+            }, slot: "menu" }, hAsync("nav", { key: '591c2c777fa786e2ae5c747ddf748a1eb78e3ecb', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, hAsync("div", { key: '0bc7a9f77dac1f986fcf4ed9bca92e2ef724e7e0', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'da9ed4391c3848f828654ccdf31baf0549531055', 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: 'affac70b7988e246bcc1ee1f05117a00c7b06b9a', onClick: () => {
+            } }, hAsync("div", { key: 'a5419a281f80e6fa2fcd6a77ea87b035c52919aa', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '26f50499ee3b98b0d4f3d20d798505a6274f78b7', 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: '69b93153a2ecabb8c0673490a466a30e52a2b5bb', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, ghost: true }))), hAsync("div", { key: 'fb7e2e7a6dfb6345db462c3505b83931abad1c46', id: "menu-tabs", style: {
+            }, icon: iconApps, ghost: true }))), hAsync("div", { key: '648d03ac32f70239abdd06fadeca9906afef9112', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '0579aefc63155a54eec4676357e9c13d53b532f4', class: "tabs-shadow-container" }, hAsync("div", { key: 'f8e8087f402b2e7fae2570c164abf94407d1993b', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'f4472d51bf26d28bf83c7a381be6305fe748f001', class: "tabs-shadow-container" }, hAsync("div", { key: '84585c74c3b5c6ba7d304298a22a19c79e1d3dde', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), hAsync("div", { key: '57760012cd3138ed2642e5763e97b0aba1480e43', class: {
+            } }), hAsync("div", { key: '0e7777f3a7ca89b21a9c3b266e3ce4e7fb9ec129', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '801ebc6ce0a52b7556af7594604d4fff4a141722', class: "menu-avatar" }, hAsync("slot", { key: 'f469a4ed48f1d3400b9450eba05cbfeb5ecfa2e8', name: "ix-menu-avatar" })), hAsync("slot", { key: 'df73e527ff81ea63c8730354554defd54558776a', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '1693654345856d262bd850d88740aa4a87c43c74', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '733c00670337417bd4ffe2e3eec2b8bdbef9f548', class: "menu-avatar" }, hAsync("slot", { key: 'a484b0cc47a9ea9ce2ee617e506dec27633db8b8', name: "ix-menu-avatar" })), hAsync("slot", { key: 'f31b045d1baf0bedbc334c9b6223a38c30a08b35', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '504778e5f20b8ff70e34f81b4e626ce3359e5b71', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), hAsync("div", { key: '01f18b245c60dbe54fc0d594ec504f92e00b7642', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), hAsync("div", { key: '5a3c4beceeca8824b6efced4cc7811d91fcc7b46', 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, hAsync("div", { key: 'd004cb5daa680766d5f7b126ca772694e88913f9', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '4819e26208049ec8bd02d68c6ceea55c7561b2f8', name: "bottom" })), hAsync("div", { key: '08ef3fcca395182cc9e86b8ebbc23148ac2bf1ea', id: "popover-area" }), this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, hAsync("div", { key: '7a02278bb6f805c707425c8e23f07c8cb720e8b9', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '00b073b177178b88f3020a00a4131eba0ca80c11', name: "bottom" })), hAsync("div", { key: 'bcc8a61e52c6b4785698f8335446d290645b0b9b', id: "popover-area" }), 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, 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, 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), hAsync("div", { key: '58c5b0f708e2a593aa7416a765a446465e37faf7', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : 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, 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), hAsync("div", { key: 'cb9ca1d088c2c212c2e09a9d76867c569c613c8d', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, hAsync("div", { key: 'c4ba83dd66595c0fad819a1a490b2e42b0aa38ce', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '7671f01c78c577993b9abc329a560ac4b07b6ae9', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
+            } }, hAsync("div", { key: 'd115e9646a2835c246341ab1f89c4df691cffc40', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'af358812d89ac0ac38dca2abd7030660e00ae876', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23380,7 +23380,7 @@ class MenuSettings {
     componentDidLoad() {
     }
     render() {
-        return hAsync(MenuTabs, { key: '948af8fed069f5e40be7d3b94fd076cc646d12d0', context: this });
+        return hAsync(MenuTabs, { key: 'a59dd5a81b91ff4ae7f516cb192700bffaee3f84', context: this });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -23503,7 +23503,7 @@ class MenuAbout {
     componentDidLoad() {
     }
     render() {
-        return hAsync(MenuTabs, { key: '8218ff2b48573f3cf1c87aa65840770c9c38f9ac', context: this });
+        return hAsync(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -23540,7 +23540,7 @@ class MenuAboutItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '8ef680041a9466972e2f792909117c11a4ffcd83' }, hAsync("slot", { key: 'b7f62049ac40bd8563568b627c3b50993c30eb4a' })));
+        return (hAsync(Host, { key: '816bcf3b512519e645490845260cd5b79b4b80fe' }, hAsync("slot", { key: 'cf2b54acadddc5c26a9111faff3b865e7f231ed6' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -23581,16 +23581,16 @@ class MenuAboutNews {
         this.expanded = false;
     }
     render() {
-        return (hAsync(Host, { key: 'eea654ba539abc50cfa9d979890c37ab716d400f', class: {
+        return (hAsync(Host, { key: 'c64b5cf97a522d325d022d8c926d8c9734646425', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, hAsync("div", { key: 'f13ec2bc1156c10fd85eadcacc4ef68a4d32a80f', class: "banner-container" }, hAsync("ix-icon", { key: '6542fd37698271d1988a4ae8113cb1fc586c491b', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '9e467fb1eb70f5403a886c22eb006fec33d407f9', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '3ba06beff48d62ebd93046de0eafb78fdc069d01', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: 'd3554c46179ca1cb9ea26b85323241043949c3b2', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '2ad6592139c4a5878622f4001d4a30ce025d745e', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '20cc0359486787dbd66ccaa6ba72cebd67319ad7', size: "24", icon: iconClose, ghost: true, onClick: () => {
+            } }, hAsync("div", { key: '9ba716f9fcc223d7b5b2d9bc28c2f8f28a457462', class: "banner-container" }, hAsync("ix-icon", { key: '798f58b181ab9e91f8b1d88567eec52f6442978b', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '46bad2b7a6bf5ceb43c305b9e5089a2bbdb18c22', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '6a4b421a8d3dbabf524dec74b37476f968646fb8', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: 'f2180d9fcee77160fc4b1ad071e57ed3adf160a3', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '8831582147f84df598c0b138f6f438259b161cc3', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '13a882de3bb1422ff65eac1d8b53740b3fb552e5', size: "24", icon: iconClose, ghost: true, onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), hAsync("div", { key: '37ed3b5c8308e305e051d80b4e0c7f32cc6d3fb2', class: "slot-container" }, hAsync("slot", { key: '04fbd96561b71befc53829b2af6f77591e600cd2' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
+            } }), hAsync("div", { key: 'e60241c90b56bae060f50035daa12d165d6be785', class: "slot-container" }, hAsync("slot", { key: '8a0e881cfa403d2576e4cfbb149f310316d53fba' })), 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: '5edaac386c73dd3b526aa8007d93e95da1f3362c', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, hAsync("div", { key: 'a4516f11dc0ccc3e492f8fca096d03938a415439', id: "arrow" })));
     }
     static get style() { return menuAboutNewsCss; }
     static get cmpMeta() { return {
@@ -23639,9 +23639,9 @@ class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '1ef1b14509910ea6cae53e908cdd01a31ae1e137', slot: "ix-menu-avatar" }, hAsync("button", { key: '4332fde7abf016c2a32be541d1dc5c5d9164822d', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '9402f5651086c89e4da364857faecbc590a24614', image: this.image, initials: this.initials }), hAsync("div", { key: '153dfe067f5dc36a754c2f3659efc63fc8f5d7e5', class: "avatar-name" }, hAsync("span", { key: 'abbb516251602a868dfb82b5d34d675917a92a9c', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '7eae2eca1a0c7f61f6d61d642256193d9ee85d10', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '30c91a116ce19536a74ce2209238632c5f499a02', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (hAsync(Host, { key: 'd39f2185d9c75395af0b72507439a8e28a20fdc7', slot: "ix-menu-avatar" }, hAsync("button", { key: 'f171e34fa3361cbeb55d4730de3536918cfccb31', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '6c9496150170f3474bf4dd545c834ecd3dd4e215', image: this.image, initials: this.initials }), hAsync("div", { key: '6493bd94c069d676f41984274dec57b876117ae5', class: "avatar-name" }, hAsync("span", { key: 'f72261b4c8a7752fbbe93df416b0b2f8c314c61b', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '909f8c9579d97d92f9be2b86e336f5ed8a2b3c78', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: 'c1a91f5f2703d85fb0fefef0ef97b17112113b55', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
                 mainAxis: 16,
-            } }, hAsync("slot", { key: 'dd5450f6fbb334fcfebf278b291b0d63042065d8', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, hAsync("slot", { key: '284a7ea7a3431c1b2b83fc6dd13cbb51d517a45a', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })) : null)));
     }
@@ -23678,7 +23678,7 @@ class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (hAsync("ix-dropdown-item", { key: 'ad3fe91ce8805dce1d694db9405665d99752646c', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (hAsync("ix-dropdown-item", { key: '9283341aa90956527e281ea9a55991765f993cd4', 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; }
@@ -23873,7 +23873,7 @@ class MenuCategory {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3136ce8ed0f0bfdeb30fe7816b3f2426e076b120', class: {
+        return (hAsync(Host, { key: '23800b207393349566f65f5cbce0b9af221d1f3e', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -23882,14 +23882,14 @@ class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, hAsync("ix-menu-item", { key: 'fa80d8f564e04f0aa0fe91b8731020f02d0500c9', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, hAsync("div", { key: 'd5ad6e9025e3cf5b1b20c6f92a3f08abef24da16', class: "category" }, hAsync("div", { key: '2e46991622c7b63041d580a3f3fcd5004b50d09b', class: "category-text" }, this.label), hAsync("ix-icon", { key: 'b207f24f2c8407621ece0909358ccfcb8e6a7e19', name: iconChevronDownSmall, class: {
+            } }, hAsync("ix-menu-item", { key: 'a5d86098619541be129617248e9977529922bab3', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, hAsync("div", { key: '633be5538fed1c241c3e8b2558773638b9a046be', class: "category" }, hAsync("div", { key: '945afa3a92f52bcc95c8b511060c801ac50c5afa', class: "category-text" }, this.label), hAsync("ix-icon", { key: 'de6072dc0365ddf33fdd97bbbe75c25e902edc9e', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), hAsync("div", { key: '1667ae5d3dfe73f69eabb0a6581204afb24b6b97', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), hAsync("div", { key: '74350362820bd890066c2d177ed320dce040a4f6', 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: '3eeec32a823b2939c385b047af622d40354d9002', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: 'f4d3ddca406e418f7945286f30c243fce43c7e3b', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -23902,7 +23902,7 @@ class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, hAsync("ix-dropdown-item", { key: '89c44571666924180fc6a3e5fe33c47bd077c578', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '230750f5a12ad66c04b757607129d4746ef2913d', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '02f21fd811d9d472162adf93d544a638fa250190' }), hAsync("slot", { key: 'e8ade2b1089cbe5b57c823c2e8bf2949ad025dbf' }))));
+            } }, hAsync("ix-dropdown-item", { key: '0388374194fcf5804e5b43d044457aa92dd39432', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '0176e5881a7c477c445934d211f34753cac846ba', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: 'f9bc3ae191277630951252b32ded88d0968211d8' }), hAsync("slot", { key: '86cb3b4925accbe6be42eb4c394701df3f9fea7e' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuCategoryCss; }
@@ -23958,7 +23958,7 @@ class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (hAsync(Host, { key: 'e9fd6b9a5c856f993b2b8310bb4f60c544a6a486', class: {
+        return (hAsync(Host, { key: 'ea63ca6b29ac5da5c70d8aafbee54a4082e0b4f6', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }
@@ -24060,15 +24060,15 @@ class MenuItem {
                 slot: 'bottom',
             };
         }
-        return (hAsync(Host, Object.assign({ key: '212e4daec733310184aa933f059ca316f2a0e273', class: {
+        return (hAsync(Host, Object.assign({ key: '3c97be99972609f07b9ebd733c84237e90a2061e', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
                 active: this.active,
                 'tab-nested': this.isHostedInsideCategory,
-            } }, extendedAttributes), hAsync("button", { key: '48a07bbbcd0f96f3bcd0d3588914b124042e26b4', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, this.icon && hAsync("ix-icon", { key: 'bda340466dabe45e2c350e07ad35ebb4721cc383', class: 'tab-icon', name: this.icon }), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: 'f96a99a5504474ae3fafab55507fd2138a31148d', class: "tab-text text-default" }, this.label, hAsync("slot", { key: '4792a5228724e4bdb2e7f4eeb13f0dae8d74460a' }))), !this.isCategory &&
+            } }, extendedAttributes), hAsync("button", { key: '0a8a4ded3ca8f4fdfd8a875a62d2437d30098057', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, this.icon && hAsync("ix-icon", { key: '61ffdd54c8123942e05eea275a40e6dc099a0bba', class: 'tab-icon', name: this.icon }), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: '54a456cb810b2c8c393b5b81ebee9334c58ce1db', class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'a4c0d80d3778add2f069dbc0c0597b257b468ec8' }))), !this.isCategory &&
             !this.isHostedInsideCategory &&
-            !this.menuExpanded && (hAsync("ix-tooltip", { key: '047e3c337d81a46e10175000ef9f76c89eba4642', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
+            !this.menuExpanded && (hAsync("ix-tooltip", { key: 'e9e5e232cb0e49f1e1e752a8a2baae31179cc86c', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24111,7 +24111,7 @@ class MenuSettingsItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '0b3eefcc50ced96c2d024f44ca3a9ba1e48cd1c2' }, hAsync("slot", { key: '86e2570bf9670b222d8bb883af0002100ea78279' })));
+        return (hAsync(Host, { key: '2c46c471680f6a653d64858cec0f991d9a557c02' }, hAsync("slot", { key: 'e840ca9e900cd45d31cbf41fcafa3e1feb4757a7' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -24169,7 +24169,7 @@ class MessageBar {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'bdca530b8707b94e4b94c0976986a127ab9142c4' }, hAsync("div", { key: 'a52bc91603d4610f1081947519f7adfcb16de098', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: 'c2ccf0a0f507901f92b2503fdd0d4993f2151bc0', color: this.color, name: this.icon }), hAsync("div", { key: '04ef6ca731befb5e3ab8a67f9e36aaf3c5642c55', class: "message-content" }, hAsync("slot", { key: '0fb41fed1ee5487f943879dcf3e4635d83bc0a00' })), this.dismissible ? (hAsync("ix-icon-button", { icon: iconClose, size: "24", ghost: true, onClick: () => {
+        return (hAsync(Host, { key: '0bd38e554e2187671f52e24dce3a98f2adde2a31' }, hAsync("div", { key: '45738b43dd3877625f8933e3ae2d0ef96e9c58f6', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '2355cddb483927e4d8cd046daed919ef0e446eb2', color: this.color, name: this.icon }), hAsync("div", { key: '2238498ee5f6210db085a02048f9057a5b8e04d0', class: "message-content" }, hAsync("slot", { key: 'b3554201cb4c09d769fa38697e89b784e12c2a71' })), this.dismissible ? (hAsync("ix-icon-button", { icon: iconClose, size: "24", ghost: true, onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }
@@ -24384,17 +24384,17 @@ class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: 'f2cf319544b05d55221d24f619e50e665ff4d63d', class: {
+        return (hAsync(Host, { key: 'a1cfb4fb59ef0467cc9ddfe575a448b2aabd55ed', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.backdrop === false,
                 'align-center': this.centered,
-            } }, hAsync("div", { key: '6321a973b57268a1d3b3260691a736664ad8cc7f', class: "dialog-backdrop" }, hAsync("dialog", { key: '5e7e0bb5428e3fd1e7103cf3e77edd2df98766f9', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, hAsync("div", { key: '945516bc44adfd9aaf7f6d9deb205ad887b3664c', class: "dialog-backdrop" }, hAsync("dialog", { key: 'dc463106666cc225a11caa6d633f67759a21a328', "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(), onClick: (event) => this.onModalClick(event), onCancel: (e) => {
                 e.preventDefault();
                 this.dismissModal();
-            } }, hAsync("slot", { key: '4a031ffdadca078855b3d8389c8de786844e62b5' })))));
+            } }, hAsync("slot", { key: '433ec43a22ddaf909ab5933face2d1a5b83cd1e4' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return modalCss; }
@@ -24430,7 +24430,7 @@ class ModalContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '4be64f4f798e7772dfc27e115ec82cdb9374fb13' }, hAsync("slot", { key: 'e284542d3f4686d348c61f04a65b333b7d4ed9bd' })));
+        return (hAsync(Host, { key: '2bde588bad49f46f6975296eff9eca9606a93a50' }, hAsync("slot", { key: '7a933c03c2c1a6558f050cd02759ef7816f225a9' })));
     }
     static get style() { return modalContentCss; }
     static get cmpMeta() { return {
@@ -24450,7 +24450,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3388ed1336e65682c96eed4a0dbca92385857efc' }, hAsync("slot", { key: '528cd596ac9a340002e05e6f0c97c671d6260999' })));
+        return (hAsync(Host, { key: '9d9c93e9b2a30cb9ebcea1a89b1365c1cfe56a70' }, hAsync("slot", { key: '5adfdf039b248800b01a623551ea476e029144b0' })));
     }
     static get style() { return modalFooterCss; }
     static get cmpMeta() { return {
@@ -24496,7 +24496,7 @@ class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (hAsync(Host, { key: '469260e802d093b4bcc15d159786682ebaf55b19' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, hAsync("div", { key: '286573f8a153b8ed31ceecacfb3111df228e2a55', class: "modal-title" }, hAsync("ix-typography", { key: 'de051186505ce93644011a0193f0bea61b812205', format: "h5" }, hAsync("slot", { key: '4497b8ca1360bafcdb3a4438aa18b75caf5b17e4' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), ghost: true, icon: iconClose })) : null));
+        return (hAsync(Host, { key: 'd9e6d78a14a90dc7d90ddcc53d7319655df4cc73' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, hAsync("div", { key: '0987c59bd84c59e01283d389730a09c993d11ccd', class: "modal-title" }, hAsync("ix-typography", { key: '41acad668a08d2c6bcf8f9a3d5b56768798c7ce3', format: "h5" }, hAsync("slot", { key: '1533cecaf059d5bae7ba488a177457244552e9c1' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), ghost: true, icon: iconClose })) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24527,7 +24527,7 @@ class ModalLoading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'c464743230eac8e958ea537de3f106a87998d013' }, hAsync("ix-spinner", { key: '75c7dc3ec65b50fdd24c2408edb6a719b31d8195', variant: "primary" }), hAsync("span", { key: '5f95a8a338d2ab59faf040ebbf9fb4b79f3adc13', class: 'loading-text' }, hAsync("slot", { key: 'faa67dcf4f19eb79e9dbf625d4f616e6a638929d' }))));
+        return (hAsync(Host, { key: 'dd1c49bcea29fc40509971b2ec9e9a37eb2e16f2' }, hAsync("ix-spinner", { key: 'b2cea2316d5cc1a8734b975476b754aacb9e3c8b', variant: "primary" }), hAsync("span", { key: 'e258e8ff2f1de504ec43b5d0fee42caba8dd4ed2', class: 'loading-text' }, hAsync("slot", { key: '8cfed784918cfac55a7a435d3ca19c5ff5da0170' }))));
     }
     static get style() { return modalLoadingCss; }
     static get cmpMeta() { return {
@@ -24660,19 +24660,19 @@ class NumberInput {
     }
     render() {
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (hAsync(Host, { key: '45bdd6fa21f75fbe77883e36cc38eca2499a38ec', class: {
+        return (hAsync(Host, { key: '84922a792a200ffae10318e43d583f513f8f54a0', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '9ec603198e794931bef7b290aab0757ef3094e0f', 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: '45c11e7d4ddbbac3e7f8b30b62f510cc5d571230', class: {
+            } }, hAsync("ix-field-wrapper", { key: '99e34a8e83e84f57622caf957a6efc748b4e3961', 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: '773c88e5db1e487dd8dd51f761e81d00de7a7f58', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, hAsync(SlotStart, { key: 'a91194c4e07a75a1eca9f051bf1039ab32ce0ac1', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '1e3e5e26501388030dcbbf41748f13d05acbb580', 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: '2c88980ec7af235ffbaf9a8f326bf2200336c4d3', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '72b9cc1cacee54b359b5e364acdfd953b32cd7a3', 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: 'dfad4b24a33dcd57e8585a387160339bc9e6fa6e', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '966a88fdcc7a7d34dbb600905433f0b83541e2a0', class: {
+            } }), hAsync(SlotEnd, { key: 'f46f67c4682b726d5bd8d74e04c91523ddacbede', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: 'bb6b489d4e94014089c0bce9b00089eea65fc0e4', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, hAsync("ix-icon-button", { key: 'ce34a16a86b4f0db7f4373770e764809def029b1', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
+            } }, hAsync("ix-icon-button", { key: '2c6d0b537f6a1364fe49a7b41d2bda6b0ecbc62d', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -24680,7 +24680,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: '1f03340752e2a68dfc58530916565db771773ab7', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
+            } }), hAsync("ix-icon-button", { key: '2fd3710a054233ab5913816fde0186a476476474', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -24880,13 +24880,13 @@ class Pagination {
         return hAsync("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (hAsync(Host, { key: '9f5aa6a70723a2a575e555cd6288d57305056b3a' }, hAsync("ix-icon-button", { key: '94b8633f9ee179f878b0adb38c69d0b6a2c95cd3', disabled: !this.count || this.selectedPage === 0, ghost: true, icon: iconChevronLeftSmall, onClick: () => this.decrease() }), 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: 'adb3cd92e82de3a7b5460ba4fbee1d7f035c1257' }, hAsync("ix-icon-button", { key: '47a7143702d132548213d2a5b7b314b4f61f1eef', disabled: !this.count || this.selectedPage === 0, ghost: true, icon: iconChevronLeftSmall, onClick: () => this.decrease() }), 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: '16d9235aafe297aba4903415f239256e01478de0', disabled: !this.count || this.selectedPage === this.count - 1, ghost: true, icon: iconChevronRightSmall, onClick: () => this.increase() }), 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: '93eb9d3d854f7d13bd9b170d04a7381605577d27', disabled: !this.count || this.selectedPage === this.count - 1, ghost: true, icon: iconChevronRightSmall, onClick: () => this.increase() }), 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) => {
                 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" })))) : ('')));
@@ -25342,7 +25342,7 @@ class Pane {
         }
     }
     render() {
-        return (hAsync(Host, { key: '4a95c2b2961b020ad2e60434bc443db0081a9983', class: {
+        return (hAsync(Host, { key: '6958a07de2094b215de983689d7994f989e1c4d5', class: {
                 'inline-color': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
                 'top-expanded': this.expanded && this.isMobileTop && this.isMobile,
@@ -25367,26 +25367,26 @@ class Pane {
                 'box-shadow': this.floating,
                 'aria-expanded': this.expanded,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            } }, hAsync("aside", { key: '17b1c1abcfba1d2b0148888a0f7bf6c4a3f8881e', id: `pane-${this.composition}`, class: {
+            } }, hAsync("aside", { key: '48a62bf16c9dd3593ba21c84aaa8333c029ec573', 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: '218fd04733fcfb2e8a6ca60b6c4bad76b016610b', id: "title-div", class: {
+            } }, hAsync("div", { key: '599b76fbe18cd65f3754915ba6188b1161539b7f', 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: '4ba937d100ac343ab0722be43d3be7b3428a5adf', class: "title-icon", size: "24", icon: this.expanded
+            } }, hAsync("ix-icon-button", { key: 'f4707c78fcda268d4d138cb200e52c67e65613d1', class: "title-icon", size: "24", icon: this.expanded
                 ? this.isMobile || this.hideOnCollapse
                     ? iconClose
                     : this.expandIcon
-                : this.minimizeIcon, ghost: true, onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}` }), hAsync("span", { key: '83594ce102f5ed78db140adaeb96f0293038bee4', class: {
+                : this.minimizeIcon, ghost: true, onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}` }), hAsync("span", { key: 'b3e0bf72e12572c04e1dd3bdf1c9937f24dad785', class: {
                 'title-text': true,
                 rotate: !this.expanded && !this.isMobile && this.isLeftRightPane,
-            } }, this.icon ? (hAsync("ix-icon", { size: "24", name: this.icon })) : null, hAsync("div", { key: 'cafbeb33f15ce385c878d795da9c0725a787079b', class: "title-text-overflow" }, hAsync("ix-typography", { key: '6396b334a4fcaf8fed64801ea34575bf053827d1', format: "h4" }, this.heading)))), hAsync("div", { key: '32869a3e5796c44f371acc88d9b4b2e122d723cf', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '9023773b281d984783b6e97c7d18a3e22424f5a5' })))));
+            } }, this.icon ? (hAsync("ix-icon", { size: "24", name: this.icon })) : null, hAsync("div", { key: 'bea7f36346524df0cb6f01d59111df0acb720905', class: "title-text-overflow" }, hAsync("ix-typography", { key: '749d4728bf23d659cca7e5a17f84f49a301fe4c2', format: "h4" }, this.heading)))), hAsync("div", { key: '3c32d46897ab55ea7044f02d7d230da0bc24fe09', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '75c266031424482f1f633c1aaa4d20ef92a21dea' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25659,7 +25659,7 @@ class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (hAsync(Host, { key: 'e41061c6ecb5a4df302caa541f23a1143f659cc3' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
+        return (hAsync(Host, { key: 'a372c27b25dc920eb19525cead2589dcbc0af652' }, !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'),
@@ -25766,13 +25766,13 @@ class Pill {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '0662b1d016904af48cd38b4da31b2d672898fb31', style: this.variant === 'custom'
+        return (hAsync(Host, { key: '41b9f6f4870c8585f5bca24e469a5a99afd68012', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            } }, hAsync("div", { key: '3ece1d029fc0daa09d834a71fdf1d7ac16122023', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+            } }, hAsync("div", { key: '2674de0ba7ee68a9b38344cbc4b75cb10f778b3b', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -25787,9 +25787,9 @@ class Pill {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (hAsync("ix-icon", { key: '489caa92bab68202d6544dc3e5e94ecd618d5f85', class: {
+            } }, this.icon && (hAsync("ix-icon", { key: '412400a5ca6b85c730c097365fc2b437a3b7eb03', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16' })), hAsync("span", { key: 'dd77e86d3f75e0c4d1a7c18847891bfb6c036b5f', class: "slot-container" }, hAsync("slot", { key: 'f206fd87c2c6ed8d77f56b473e36f9641aa046a8', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16' })), hAsync("span", { key: '76689695f7d66f427eb59fcb57c413cd23622777', class: "slot-container" }, hAsync("slot", { key: '2852c8a4cdf1f55e941fbe0091ad22ce73dc5cc5', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pillCss; }
@@ -25947,14 +25947,14 @@ 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: '3e8b999ad2d502491b323f1a4669db6ef7888f93', class: {
+        return (hAsync(Host, { key: 'cc4c823745da737d65f73c5b5525a58c634ded43', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, hAsync("div", { key: 'd84360ccaa9ab1e699e3606c6792d90ca5d09a58', class: {
+            }, tabIndex: -1 }, hAsync("div", { key: 'aa5c1b618b24bccd01611fcd2cb99cf9d496e94b', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
-            } }, this.label && (hAsync("ix-typography", { key: '1b749c74a75653189ca8adbca4b91dcb23fb5b3d', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: '53d1d56bf0b9f519164fb1bf066e7a72052eb10b', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { 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: 'dd49d159c46f555a5e3385c361604d500477b9ba', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: '67f62d530de5dcc02f274aab3ddde419d56d383c', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { 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; }
@@ -25995,7 +25995,7 @@ class PushCard {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '551eaf59756a26404f08550ffd581c1d2a5ec6cb' }, hAsync("ix-card", { key: '234c25fbff11612a41cf7195375388a1e04dd2cf', variant: this.variant }, hAsync("ix-card-content", { key: 'b71305f3dc0309a7861c14a4315f65eebe1ffb2c' }, hAsync("ix-card-title", { key: 'e0eaa51dc09a29d8b58a08f5cc49c7b8fb5f423b' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("span", { key: '2004b4d4678c4ee82446c0a0e2aa53e4f49d4b99', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '6e3e664070520558f015007d68ea0bb6e229fcde', name: "title-action" })), hAsync("ix-typography", { key: '2955264ba26f4794d5d917127d5f9394ab2242e6', format: "h4" }, this.heading), hAsync("ix-typography", { key: '0b4ce54a5dce834ffeb5fe8b5a369a1839e2f300' }, this.subheading)), hAsync("ix-card-accordion", { key: '9061ab3e0ead9f5d6c272b718c81ad7efdd1d18d', collapse: this.collapse }, hAsync("slot", { key: '2117cbc308f825d5b45e1ecaf7fd83f4b0e9e798' })))));
+        return (hAsync(Host, { key: 'bf65467fcb8c46c5c28ca769becf1894e863bc21' }, hAsync("ix-card", { key: '4ab2834af82584ade5c817264fa1f0158c7a7ffe', variant: this.variant }, hAsync("ix-card-content", { key: '8490ac958852a9c8658194eb2f425c52fb067e0a' }, hAsync("ix-card-title", { key: '0093f02be724a2933a05d11af61601765ca9565b' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("span", { key: '76a1da65e71606c836ba199de2d180d8d9b21695', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'ad9a4fe6a866f3d58fb51ffd5c4824185dd8f474', name: "title-action" })), hAsync("ix-typography", { key: '5fd43752ce21b27fc89392db9925b09378fdd0c9', format: "h4" }, this.heading), hAsync("ix-typography", { key: '1ca4ff340ab8420892521ffd056933f2198d9474' }, this.subheading)), hAsync("ix-card-accordion", { key: '938b5f0882878e7dbebe22cc025fa2ce6a4ad701', collapse: this.collapse }, hAsync("slot", { key: '349bb34de52513c0564cf1025679a10035c9343a' })))));
     }
     static get style() { return pushCardCss; }
     static get cmpMeta() { return {
@@ -26103,17 +26103,17 @@ class Radio {
         return Promise.resolve(this.formInternals.form);
     }
     render() {
-        return (hAsync(Host, { key: '4758929737e11bfbd0e451b3e54d660fbde85768', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
+        return (hAsync(Host, { key: '4352faa97b54bf21ceb349a01761dbdd24ef1440', "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: 'd2afc7aaf1f93fd5944a221f3a04c0800ce290f9' }, hAsync("input", { key: '557f03dc8b4713642d48b241102edeacd0ab229a', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", onChange: () => {
+            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '03eba555f8607a52c9846fccc61a41a5123bd882' }, hAsync("input", { key: 'e7bd349e01540ce6972e978c7e9ed10b4c472725', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", onChange: () => {
                 const ref = this.inputRef.current;
                 if (ref) {
                     this.setCheckedState(ref.checked);
                 }
-            } }), hAsync("button", { key: '0d5d3d3e67a551738f73bd0735b003a429baa3d4', disabled: this.disabled, class: {
+            } }), hAsync("button", { key: '98cf1af286d7ee5d79cdb636e0eed6aafeaf6c71', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: '2fd252cdd058278ca8920f6e7f97fbf4398082d9', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } })), hAsync("ix-typography", { key: 'a15d35478a0e23f3f76802f38ad2c4703217e0e4', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '86a03832ffc66f97aefd5c5f1e435cd2413cbec4' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: '05c0ff1d06a449f95f4ff0d701f604f0c67de87b', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } })), hAsync("ix-typography", { key: '44b9b08400297b5497e72c143d0405f1fdc39ba0', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '70dd4b58d047a51f25cd2e0a54df3ccbc0a971ea' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -26253,10 +26253,10 @@ class RadiobuttonGroup {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (hAsync(Host, { key: 'df02d0574b1201f9dc2e4ffc0cca3b796ab38a26', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: '69166196117663244ea5dd946238b9429a71e467', 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: 'dcea2d79018de3bb2b6d74e650964b37eb33f67a', class: {
+        return (hAsync(Host, { key: '0cadba0159ce31d3c7976745b2587e65c4a3790b', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: 'f271cb0195f0a6a3f30ba2d7d76b15724b5508f2', 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: '735a66afc8ffb20ebd91064e2417f3fd7a225eaa', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '4a2a181e1fd167681e7d43d70072a6bd8d5761d2' })))));
+            } }, hAsync("slot", { key: 'b60868dae49bfe14593be563bd8c66d5f7a2ecb2' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26302,7 +26302,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e9f9f3fa4fa9030feb769145ac5e9091de851ed3' }, hAsync("slot", { key: '00380e50b0ef11153c2f8adafe6a8a33cdc0c726' })));
+        return (hAsync(Host, { key: '3b0d16365de5142ce2fffa2a2e11ce877e283111' }, hAsync("slot", { key: '0d7a715f298d2cf1c97eb19a1adcaf345d7ca4e8' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -26882,9 +26882,9 @@ class Select {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: 'fdfc4962114ec9fc4cf0fe61d40787dba81f60a6', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (hAsync(Host, { key: '52c08e1231ca8e0215e7cce2aa1bd6234c0236e0', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, hAsync("ix-field-wrapper", { key: '56517622c68630fd31b5b4e98fc6d7851582fc6e', 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: '7765a0bf460e16716f50a4f8c7624bcad927667b', class: {
+            } }, hAsync("ix-field-wrapper", { key: 'bb0b4abdc8a1840db5ebfead204b5be03ead8bef', 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: '313cd7b0eb6348d6216faee466e4e0e7b19ea14a', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -26892,13 +26892,13 @@ class Select {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, hAsync("div", { key: 'c2e8b90f7647b38ee8a576dc757084c62fb84179', class: "input-container" }, hAsync("div", { key: '60a9d1b6f7118103c6999bb1f592f3a4ea48c16b', class: "chips" }, this.isMultipleMode
+            } }, hAsync("div", { key: '2c2f94a15cd29d0b1770009d07d71ca4ce7b6793', class: "input-container" }, hAsync("div", { key: '9b2553820b924ce956937746a5989514f9440798', 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: 'eb952ef1b366f58dd6ec38801ef5b3e593199383', class: "trigger" }, hAsync("input", { key: 'a41e364dcba508d681a6790381881175716d152d', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', hAsync("div", { key: 'd468fc7e69768a4963ed9d06b5c7e1d2717c630a', class: "trigger" }, hAsync("input", { key: '440ed97c1957ec869d980c8c5aa4c27d84467ef2', 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;
@@ -26915,7 +26915,7 @@ class Select {
             } })) : null, this.disabled || this.readonly ? null : (hAsync("ix-icon-button", { "data-select-dropdown": true, key: "dropdown", class: { 'dropdown-visible': this.dropdownShow }, icon: iconChevronDownSmall, ghost: true, ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            } }))))))), hAsync("ix-dropdown", { key: '570a352447ec2b5ad541d9099d015cf0bd106b15', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } }))))))), hAsync("ix-dropdown", { key: '8ec6fe3981cc7c82d7759e0c6f77c3ab8a2a4c71', 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;
@@ -26931,12 +26931,12 @@ class Select {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, hAsync("div", { key: '0e36c98203e2454bb875800f624c4184e51e6363', class: {
+            } }, hAsync("div", { key: 'c489337865d7e47b71b0642bffd5a184c0d1a5d3', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '6188f73b7d46ccba8bc082089c3fa3e97a93fdfc', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '335fc13ac07a12aeb0ab4efdc5b265f337cb82c4', onSlotchange: () => {
                 this.updateSelection();
-            } }), hAsync("div", { key: 'f20e633a7b5b4add9ee28541a987f8a81eb32162', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+            } }), hAsync("div", { key: '0651a940c3d45486403b3c10530b73f294a99c25', 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();
@@ -27087,7 +27087,7 @@ class SelectItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: '9f574f2a536125dc77ea2aab56259e37a8aff7fc' }, hAsync("ix-dropdown-item", { key: 'e1dab0e59d5b7cb4aee16a64cc105b6f6c656a3c', class: {
+        return (hAsync(Host, { key: '19f50b530d04e8ea3ba6b5eb759d214446b9cdad' }, hAsync("ix-dropdown-item", { key: '2677202fb6a5db694bc546ad2ad5b2f3402242cf', class: {
                 'select-item-checked': this.selected,
             }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
     }
@@ -27263,12 +27263,12 @@ class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (hAsync(Host, { key: 'd8e7be57b4c0185e1188911536cca857a2fcbad6', class: {
+        return (hAsync(Host, { key: '6d4a31e9e38a5fe37516641ee75612124945c91b', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: '0ecbe4037919ec19a30af7a9145593cacf80c899', class: "slider" }, hAsync("div", { key: '7d329191a212a1584d50c03228226b4961da69a4', class: "track" }, hAsync("div", { key: '73753249bbb9c1150d74d2e8647f50acf976f70d', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'e58c79ce5c5e69e032e107f8d8bf3b71c059b1ad', class: "slider" }, hAsync("div", { key: '95128ef9a92de61cc1f38849fe7fda242820e0fd', class: "track" }, hAsync("div", { key: '7ba199d96572e3e05387b07904e86441ff6d309c', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), hAsync("div", { key: '9dff9c36ef412b62bea9bb9177652ebd004a8122', class: "ticks" }, this.marker
+            } }), hAsync("div", { key: '050fdd0b142d02d926162051cbf84f4478700f1f', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -27281,7 +27281,7 @@ class Slider {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), hAsync("input", Object.assign({ key: 'f205b5b801fecde7d0c97f29ec0d664e0ac08a73', 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: 'f17ebdb08b80303f10d356298e5458f277251a4a', 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}`,
@@ -27295,9 +27295,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: '7ca900985c873ecded49945c167b57cd06c18290', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'bf5e72361dbe3729c9dc838704b3dc0b650e1ec1', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '86981116ef975e8cb7eed3bcce6fb2039a905dd1', class: "label" }, hAsync("div", { key: '41ee2d7d4589d1bc3d07f27183bb20bb6b427ec0', class: "label-start" }, hAsync("slot", { key: 'd62f50d02740fde09ee8831fff7d571fcb79e4a1', name: "label-start" })), hAsync("div", { key: '3ea4c039875cb419e9f9a0458c732f3704dcfe84', class: "label-end" }, hAsync("slot", { key: 'f976d54d98f91e2d7820fefa59c8a06d9a700cbb', 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: '73d4d2097a7505f08ae235094fd6c12978f0f142', class: "label" }, hAsync("div", { key: 'b788653c9947f2c7ca4e80ad84ecf165a1721455', class: "label-start" }, hAsync("slot", { key: 'd81fcc6fe5bb4dc1406679b41cebff0fc86ed2c7', name: "label-start" })), hAsync("div", { key: '8fc3940d3222e836f3e876c4fcae103f65088d98', class: "label-end" }, hAsync("slot", { key: '5eaaae48d04af42733193981029e9a59f5d49b37', 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 {
@@ -27355,7 +27355,7 @@ class Spinner {
         this.hideTrack = false;
     }
     render() {
-        return (hAsync(Host, { key: 'c192447f9caaaf6fffb58184af06b2279b76333f' }, hAsync("div", { key: '8fc49aaa32f1e2dba2668005d7a5b60af7884f51', class: {
+        return (hAsync(Host, { key: '60f00971cbb88210fdb31f2ca873110e09abe681' }, hAsync("div", { key: '25625ef5ff443bb582e8ab023d12f0575e6ee27f', class: {
                 primary: this.variant === 'primary',
                 [this.size]: true,
                 'hide-track': this.hideTrack,
@@ -27428,7 +27428,7 @@ class SplitButton {
                 'left-button-border': !this.outline,
             },
         };
-        return (hAsync(Host, { key: 'e0d0edb7066a580eed44a9db08077b4f897d3e98' }, hAsync("div", { key: 'd4f51dff8bdfef2e6e61779cd5394becdff6ef62', class: { 'btn-group': true, 'middle-gap': !this.outline } }, 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) }))), hAsync("ix-icon-button", Object.assign({ key: '538d5b20c17dd9f2fdb08190923d33f0b988f0b6' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu }))), hAsync("ix-dropdown", { key: '16cb268e7a1f5a164892c61081a443a68a1351db', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: '6ceb1837a636cb12b4721f55bfb1914099a38c18' }))));
+        return (hAsync(Host, { key: 'fffcc88cca8fd26ab512c1aa379f63ada6a7154c' }, hAsync("div", { key: '725d5b7ec3e33f8bf6a1622e002fa315d07c3b55', class: { 'btn-group': true, 'middle-gap': !this.outline } }, 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) }))), hAsync("ix-icon-button", Object.assign({ key: '813952b6e5cffac369cee88e83bc25df35031603' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu }))), hAsync("ix-dropdown", { key: '3af7c05ffa4aefad5746b591c30e11f9cceb9618', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'e6a334d684fef0f70011794a0be1ea1983bf5c5e' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return splitButtonCss; }
@@ -27501,7 +27501,7 @@ class TabItem {
         };
     }
     render() {
-        return (hAsync(Host, { key: '697240aa0a6cea43ec97640085ec2cf541a78d48', class: this.tabItemClasses({
+        return (hAsync(Host, { key: '5f99427e72341c777cb118dcbcd7587293c1b691', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -27518,12 +27518,12 @@ class TabItem {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, hAsync("div", { key: '5643cc69b8b251357c555dc0e63179d7771c8d9a', class: {
+            } }, hAsync("div", { key: '361559a66388b001472212ae7e2ecf9e164f8440', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: 'f3764262304d84c583c5639e2bb0e0a5b4ff9207' })), hAsync("div", { key: '1ab87c4153dc574f1dc1090a6c06e4c78c57ed3c', class: {
+            } }, hAsync("slot", { key: '94e209864ffbe284a8491d0059cd40bb70bddef3' })), hAsync("div", { key: '27b5d1b3691d5086c15449936769e373bb3c6d1b', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -27809,13 +27809,13 @@ class Tabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'bd8619bc438827e9f0b2589ae9b211f5ebee5be1' }, this.showArrowPrevious && (hAsync("div", { key: 'b6f01b886a187b3c24c0ad085dcc0e3351e0d230', class: "arrow", onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: 'c63fe3247042b0caee48bc8b3edee715835dcee7', name: iconChevronLeftSmall }))), hAsync("div", { key: 'baf421e42a1f06336e927beaa88ee743072270b7', class: {
+        return (hAsync(Host, { key: '3a5a12a358f96a6b3eb9d3c626cff46be9d12b20' }, this.showArrowPrevious && (hAsync("div", { key: '03e87ff4152b6c41b4d20c57ae98f44e812b01dd', class: "arrow", onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: 'accba6626cf7e29dc217d4eecb1dc63c13cc7e74', name: iconChevronLeftSmall }))), hAsync("div", { key: '7c608a6a63d765019883a57038621daef3a99e99', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
                 'shadow-left': this.showArrowPrevious,
                 'shadow-right': this.showArrowNext,
                 'shadow-both': this.showArrowNext && this.showArrowPrevious,
-            } }, hAsync("div", { key: '3fe86f3d355af51c43031d92a23dae80a32f28a7', class: "items-content" }, hAsync("slot", { key: '555a70f38df04ee9b539990f0580ff66e147b42d' }))), this.showArrowNext && (hAsync("div", { key: '09b57787a1d09aec19993530c22ee1f92cc164c2', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: '69e17007eb7f7f2ede082ff2573fa746b8f67ffe', name: iconChevronRightSmall })))));
+            } }, hAsync("div", { key: 'f4eca9afba68f8acc61b08f47ac45306cb530843', class: "items-content" }, hAsync("slot", { key: '2e16534b9365c6832929a64df055a9e8ec6231ff' }))), this.showArrowNext && (hAsync("div", { key: '09f0cbbcb821f2d6a03090bfc04bac91f84277cc', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: 'f09da2a9097ce727ae21b8b4c49daddb7b3714ad', name: iconChevronRightSmall })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -27947,10 +27947,10 @@ class Textarea {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (hAsync(Host, { key: '55cd5e6371c8b3b532fbb40b87a47cd202ad9f6a', class: {
+        return (hAsync(Host, { key: '1fccaf49740f1452031fcfc92af1b3011eda12a6', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '8201f2979c0c5b5008f977ef33d3af9cdaec5a9e', 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: '9876618d55b0dc6fa02bb42af76be48d2d6f7740', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value || '').length, "/", this.maxLength)), hAsync("div", { key: '20d08ea483592314320e7f68f44f4e948d5015b8', class: "input-wrapper" }, hAsync(TextareaElement, { key: '0f95d77dbd295857c39c5aea97440b0b3dbc0aeb', 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: '1fb5b2a11f7874642bca77fb8ba43932a6ee8f23', 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: '6d6a2cf13f1ec2a45be59812b621ca58d72b35e7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value || '').length, "/", this.maxLength)), hAsync("div", { key: '707decc7f3af853270136f752f8e383c7f7af2e1', class: "input-wrapper" }, hAsync(TextareaElement, { key: 'd5dedc1696ef713d049b997c6068b5d18cf266f8', 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: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
@@ -28021,17 +28021,17 @@ class Tile {
         this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
     }
     render() {
-        return (hAsync(Host, { key: 'ac6af4a7981249a47593d83223f2891d0952c9e4', class: {
+        return (hAsync(Host, { key: '4e2d47845ea17d8189869a363022b5fd233a58aa', class: {
                 'tile-small': this.size === 'small',
                 'tile-medium': this.size === 'medium',
                 'tile-big': this.size === 'big',
-            } }, hAsync("div", { key: '60247fb1f9764e4f60540a0c1be813dda44ca981', class: {
+            } }, hAsync("div", { key: '15225fdccdec712ec203b0e19172163b40fdcafc', class: {
                 'tile-header': true,
                 'has-content': this.hasHeaderSlot,
-            } }, hAsync("slot", { key: '17e74545160e4ffffd4ff6832e8e9ed6bc9ec2c4', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '3090ec2e2676c2d3de779f38e57e730af603e4f5', class: "tile-subheader" }, hAsync("slot", { key: '6f30a7ae3235b53e2f594429a8ac39e2b6655e9b', name: "subheader" })), hAsync("div", { key: 'f389af4f5ff32c4ccebbf77f5df7fc080c7fcd7b', class: "tile-content" }, hAsync("slot", { key: '22139acfced5cd80b38cc32e04de239899247f31' })), hAsync("div", { key: '92adbe15ce49fa74e17f9ca96e695a9bd9659b58', class: {
+            } }, hAsync("slot", { key: '2ddd63b339cdeccd03d1d897bb1850973bc6eb92', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '60b7dd4a1efc1d3a49b5be2778f4904b3fa1b212', class: "tile-subheader" }, hAsync("slot", { key: 'f51d3cd35256c5552b8985aecf3edc208d22bd06', name: "subheader" })), hAsync("div", { key: '449e40186f1c5ed7cad15001ffd8b7383c5e7886', class: "tile-content" }, hAsync("slot", { key: 'f8d400777be286d15adb19ecc5a66249b747b644' })), hAsync("div", { key: '6dc05540160dad75604170efca1fd36daf9bada5', class: {
                 'tile-footer': true,
                 'has-content': this.hasFooterSlot,
-            } }, hAsync("slot", { key: 'c9d16cff0fa2aac4b28290ea4bb8eb11db34c3d1', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
+            } }, hAsync("slot", { key: 'fc3d52701651f00900e6bc2d10d98c6865568ff4', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tileCss; }
@@ -28347,12 +28347,12 @@ class TimeInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorTimeUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: 'abe977cb8fc1a42c0df2118b37889f9678ebdf5b', class: {
+        return (hAsync(Host, { key: '9c340254423471c518d3fcc3f8c917665931b629', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '302a0ba9eb5e20a46c12ec621daca553515bab65', 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: 'f6b54e2644b9934a17b54a60a55ed25c9a85b79f', "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: 'f3ed6f6ad1fb86beda3c4b0a015590962fbe2fb8', 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: '1d7e6c7db0db891ece69853da2839e36ff563efd', "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: 'c7beea8a47c8a2d7c524d5eb40c46b25a961f939', 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, 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: '9545a2d9a75cc18c939b160048df241d0861dd63', 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, 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;
             } }))));
@@ -29052,7 +29052,7 @@ class TimePicker {
         return this.i18nHeader;
     }
     render() {
-        return (hAsync(Host, { key: '24fd53f9174d12b39efee0f10f6663ae1dda47ad' }, hAsync("ix-date-time-card", { key: 'e4e097b18972e97a07a2d0aa81279c51b49bcb4b', standaloneAppearance: this.standaloneAppearance, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: '8d66301c6843141ec95af6897f4925194f3609bb', class: "header", slot: "header" }, hAsync("ix-typography", { key: '70b9e88a4a37eb9f8a4bee50743f04fe2b4f384c', format: "h5" }, this.getHeaderText())), hAsync("div", { key: 'a9f98e22353f3061ba26ddc50048c63ec037daff', 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: 'd2bbda2ae6d80b7c7124dad326bb0cd4056d8ff0' }, hAsync("ix-date-time-card", { key: 'ada5e46c86a34888ae7e528ad88b2392cf749537', standaloneAppearance: this.standaloneAppearance, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: 'dfbddd86e4ce4bdfd79ac223cb193d24f1cb6406', class: "header", slot: "header" }, hAsync("ix-typography", { key: 'a93cd0fbf96b4ae7ff3723784cd735c7ac0b28dd', format: "h5" }, this.getHeaderText())), hAsync("div", { key: 'dcf216e3b82b8f9d64bd74636e62a4c6e69a2f00', 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: () => {
@@ -29062,13 +29062,13 @@ class TimePicker {
             }, onBlur: () => this.onUnitCellBlur(), 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: '2d9b6d39e60d2a42be9030f8c06f8de8fe3968e9', class: {
+            } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '81b475ebaefe71315d016a66214d62513649d6e3', class: {
                 footer: true,
                 'footer--compact': this.timePickerDescriptors.length <= 2,
-            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: 'a87cdc76f3208c170311c134396364f79b58f2ce', class: {
+            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: '668635b1aaecd2a7156bc5b1d4299aef3b6c7d63', class: {
                 'time-ref-buttons': true,
                 'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
-            } }, hAsync("button", { key: '8a2f2a7629bdcadea06eb14dc15b5f0386ddb9e9', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: 'ba7e864dff182eb8677bb4dc16dd8ded196ee137', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '296180a66a93fd29e8e08ce91209c704024613fd', class: "confirm-button", onClick: () => {
+            } }, hAsync("button", { key: 'a11593644095c4989b93827fa45310cbdcfa2f07', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: 'd381d94b66769d5ee24d9f3392b5d6df5ccf3ad8', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: 'a87f1a14daf036d885c63f605d035330d9cb8eb5', class: "confirm-button", onClick: () => {
                 var _a;
                 this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
             } }, this.getConfirmButtonText()))))));
@@ -29182,11 +29182,11 @@ class Toast {
             animationPlayState: this.touched ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (hAsync(Host, { key: 'f8a8bdab64b3e11e12c03cbd241ffe9524409d7e', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '274d38810a3d45036420c363df0403f0505e9feb', class: "toast-body", onPointerLeave: () => {
+        return (hAsync(Host, { key: '5cd409e44eb70f62044da80c4896c5c06e842884', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'efa97240800330233c5e315eee93e93bc14ca5e9', 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: '3dc3fc419c8902f43acc6cb0f1a2e1e99d22b4ea', class: "toast-content" }, this.toastTitle ? (hAsync("div", { class: "toast-title" }, this.toastTitle)) : null, hAsync("div", { key: '706d5963c1b5dfeabed3cab3b42f0f57c97710f1', class: "toast-message" }, hAsync("slot", { key: 'e7f300417074dc56ab1a5eb8726b21340d50185e' }))), hAsync("div", { key: '277bb3905c137c2e44e01d212e322d994c33079c', class: "toast-close" }, hAsync("ix-icon-button", { key: 'dde121861effa8e89d0aab67a86fb6f17dd59464', icon: iconClose, size: "24", ghost: true, onClick: () => this.closeToast.emit() }))), 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: 'd0b9c1ec9c8a215c1627a64246711ee8e2d53c5a', class: "toast-content" }, this.toastTitle ? (hAsync("div", { class: "toast-title" }, this.toastTitle)) : null, hAsync("div", { key: '16168044e69f155781109b10f2055125c5a26e92', class: "toast-message" }, hAsync("slot", { key: '7243f4cbbf8eb959e004fcbfdbf335bd3f35b9a0' }))), hAsync("div", { key: '01e917507ba67c7582040159aaa74d1a58bdbd93', class: "toast-close" }, hAsync("ix-icon-button", { key: '03591a35772c37cc411cef0b4872a65210ecd146', icon: iconClose, size: "24", ghost: true, onClick: () => this.closeToast.emit() }))), this.autoClose ? (hAsync("div", { class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {
@@ -29297,10 +29297,10 @@ class ToastContainer {
         };
     }
     render() {
-        return (hAsync(Host, { key: '9656bf3a14aa1ee21d11e9825339bfdddf219e36', class: {
+        return (hAsync(Host, { key: 'e11a34904500db71b2bfb75db025a8f578f9d1ca', class: {
                 'toast-container--bottom-right': this.position === 'bottom-right',
                 'toast-container--top-right': this.position === 'top-right',
-            } }, hAsync("slot", { key: '3ec68f9987d7551d1c4bfd33880201773866be99' })));
+            } }, hAsync("slot", { key: '512b57574d088e3ef0812e218702240465f9ad13' })));
     }
     static get watchers() { return {
         "position": ["onPositionChange"]
@@ -29451,13 +29451,13 @@ class Toggle {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (hAsync(Host, { key: 'e3a0e2343aeb80cc6c8caf67d89346a090e76087', class: {
+        return (hAsync(Host, { key: '3415b4e079cd64436f8e2dd98bb1175dc3925d81', class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: 'ba452f648b014b1ff4a29e4aaa9a64fdf7874b60', class: "wrapper" }, hAsync("button", { key: 'a11e6c1b02a462931abe2c202dac1abb781cd302', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '3d568b9845292571a79c0fb5529757b4ff58e8a0', class: "wrapper" }, hAsync("button", { key: '2883ec7d14e15414d6417d31ee32c8752872d601', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: 'a4f2635a0ff547ed6db25aed3a022d13d44b875f', class: "slider" })), hAsync("input", { key: 'f56d624c9e9691dc726999957fbbdaf7422e3e8f', 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: '3ccc5308562c9d3b215926d4473ae1395135afe8', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '2746fc5420dd92b77a724d7739baa456811bf7a8', class: "slider" })), hAsync("input", { key: '0e3f3389ab7def694385eba4bc7bfc25cbb47143', 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: 'c8f029de96d2a2745894484b06f240e297aa4b3e', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -29564,9 +29564,9 @@ class ToggleButton {
                 'aria-pressed': a11yBoolean(this.pressed),
             },
         };
-        return (hAsync(Host, { key: 'e8078c21a574a533948bed46496effb2b19dad63', class: {
+        return (hAsync(Host, { key: '975d0dd4893a1c390a1cc1db4c15e8ed9a606a2e', class: {
                 disabled: this.disabled || this.loading,
-            } }, hAsync(BaseButton, Object.assign({ key: '3ce42bddfceb378dec7e9f959aac4e802f553bc6' }, baseButtonProps), hAsync("slot", { key: '26b4252bf14683c2b5a0862f6ea8d66a0ef51319' }))));
+            } }, hAsync(BaseButton, Object.assign({ key: '5e85e358a9ff6678de96b2f37005e1900fc3edb6' }, baseButtonProps), hAsync("slot", { key: 'f66c39b4f492e5dca9a243d381b048034f5ed090' }))));
     }
     static get watchers() { return {
         "variant": ["onVariantChange"],
@@ -29908,7 +29908,7 @@ class Tooltip {
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
     render() {
-        return (hAsync(Host, { key: 'c429f102fd357706ea6c8b6423060e5b4c37cca3', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: 'e6bd5c88e9a421bdc5f00ffe6797456da357806e', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '219d530872489cf052505902a274ac6cf0720a6d', class: "tooltip-container" }, hAsync("div", { key: '5ba0452505850843cc59d00574472b1c693a0198', class: "content-wrapper" }, hAsync("div", { key: 'ec8d43087983cbfdd0352d8ef7e5663010fcda63', class: 'tooltip-title' }, hAsync("slot", { key: '4b7250e1f753e136ae2c5934f060dabfcc619cde', name: "title-icon" }), hAsync("ix-typography", { key: '8d01d69dc4f220d40c54fa966461a5f34f434307', format: "h5" }, this.titleContent, hAsync("slot", { key: 'ea8d9fe0248900946d8cdac1035c9bcde5ad7324', name: "title-content" }))), hAsync("slot", { key: 'ac40d0f73bc33f92ecaed141dc16fd69ae0dd20d' }), hAsync("div", { key: 'a6997736c0ee33b102af1b2b8e887fc9a6061c2e', class: "arrow" }))))));
+        return (hAsync(Host, { key: '5babe56b183883f587a41524d26f8b520b26bcef', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '7b5474a818df18c5bba0ba28ff2773b511d4cb97', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '367bf6d5097a22a54ec7527096da58a02c5b3700', class: "tooltip-container" }, hAsync("div", { key: '781f6c63f9801026a3c93f950aca03b18f73ac3b', class: "content-wrapper" }, hAsync("div", { key: 'a49b3d1172ef407a37793877fb34c90716b072a0', class: 'tooltip-title' }, hAsync("slot", { key: 'fc4be17999ecc4edb1784c40e5e8b1f04c34a225', name: "title-icon" }), hAsync("ix-typography", { key: '20d10a9c36108b6d88f1fe4ce480f8cbf58b317b', format: "h5" }, this.titleContent, hAsync("slot", { key: '368c9358546fd6e652043319b00986d467b09bde', name: "title-content" }))), hAsync("slot", { key: 'b4f21e40aee222a73c5c43503bbd15c1beb73c57' }), hAsync("div", { key: '4c4eeb5fa43f5f66719b7d1641372783ae7f692b', class: "arrow" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tooltipCss; }
@@ -30513,7 +30513,7 @@ class Tree {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (hAsync(Host, { key: 'b29d3c73678d8dfdeb9d21d59207a6be4bf083b1', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: 'af4749b565da0d03882133d2a017f2210075a291' })));
+        return (hAsync(Host, { key: 'e314d9b97096f3986cd4cfbd0b39f2d2032b2db4', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '16df5c02726d20484ce8bbfd707c4f225f12ade1' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30550,17 +30550,17 @@ class TreeItem {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '3fe4e99945d9fbe6e15d877c1bd4f49e6fdb3b5b', class: {
+        return (hAsync(Host, { key: 'c34661fa80dd866d9aab07331e2c040ef5e28861', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, hAsync("div", { key: 'ab596a52f690c8f8db0ce98f7017c7e54fa25b0b', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRight, size: "16", class: {
+            } }, hAsync("div", { key: '610f9a0b666896ffcb5de07e3aa08cb270427f62', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRight, size: "16", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
             }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}`, onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle.emit();
-            } })) : null), hAsync("div", { key: '2b171b5b35e4ac52bd491722c24839a8abc7937f', class: "tree-node-container", onClick: () => {
+            } })) : null), hAsync("div", { key: '7cb128b1d42ab9392459eceeef6cb4d79c45e252', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, hAsync("div", { key: '48497301ae880eb22f4fe47541b7391ef1ec0f67', class: "tree-node-text" }, this.text), hAsync("slot", { key: '647fab3ad5e48a43fd0d597df6baa0fe6f36f3ef' }))));
+            } }, hAsync("div", { key: '3c89226c0672bcf6e8a0d79040ec1552ab74f611', class: "tree-node-text" }, this.text), hAsync("slot", { key: 'cfa62c5788f768a56204aa57c70d9be7f509bb57' }))));
     }
     static get style() { return treeItemCss; }
     static get cmpMeta() { return {