@siemens/ix 3.0.0-alpha.4 → 3.0.0

package/hydrate/index.js

@@ -3688,9 +3688,6 @@ const themeSwitcher = new ThemeSwitcher();
 
 const applicationCss = ":host{display:flex;position:relative;width:100vw;height:100vh;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host .content-area{display:flex;position:relative;flex-direction:column;flex-wrap:nowrap;height:calc(100% - var(--ix-safe-area-inset-bottom, 0px));width:100%;margin-left:var(--ix-application-menu-margin-left)}:host main{display:block;position:relative;flex-grow:1;width:100%;padding-bottom:var(--ix-safe-area-inset-bottom);overflow:auto}:host footer{display:block;position:relative;width:100%}:host(.breakpoint-md){--ix-application-menu-margin-left:calc(\n    3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n  )}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+.content-area{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+.content-area{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:var(\n    --ix-application-menu-safe-area-left,\n    0rem\n  )}";
 
-/**
- * @since 2.1.0
- */
 class Application {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3776,12 +3773,12 @@ class Application {
         });
     }
     render() {
-        return (hAsync(Host, { key: '50ca923e8983045fce768740d5ed1e939f87ab5d', "data-role": "", class: {
+        return (hAsync(Host, { key: '12df5f0b5c589e0174dbf8459d92af4190a96c0f', "data-role": "", class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, hAsync("slot", { key: '25816ef9a2ca0755899f548d82422b36bdff0ea2', name: "application-header" }), hAsync("div", { key: 'b6decbb58f86e676b0f38f74d1a0b1cf06a0a047', class: "application" }, hAsync("slot", { key: 'ce9aa0dadca4c0fc457f46175accb2f2463b4f99', name: "menu" }), hAsync("aside", { key: '5bbed7f3373138a202c4ac5c5e53db200ae6c497', class: {
+            } }, hAsync("slot", { key: 'a3d1468fbc1193ef21107a230d7306f75f35925b', name: "application-header" }), hAsync("div", { key: 'dc8ede839e213b5998a3ebd419ea2fded65da5eb', class: "application" }, hAsync("slot", { key: 'cfe19639784db5f834c1f19358221694d8a4ae67', name: "menu" }), hAsync("aside", { key: '014df49acba12b350b853084e5a20296d1d905c6', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '0d7177030baeb9798a88b596a051e3189e0f48c7', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: 'fbadd8c31611153d09cb8923a45602ba87066f73', class: "content-area" }, hAsync("main", { key: '1800db092639a1cbcbbc3506a4fe911c3ad8f2df', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: 'b4f6e4327073f70991b6460a7b300721685e615f' })), hAsync("footer", { key: '83534298e878b0ef312ea138e475057d7a81166f', class: "footer" }, hAsync("slot", { key: 'bafee309d2384d9f358c6940f4e647ae267a866b', name: "bottom" }))))));
+            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '522327d4f0e94b92d0437268e2a7126b153ebc92', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: '72193d09002c9e34539c3f2f7134b25ec23ebdc3', class: "content-area" }, hAsync("main", { key: '1aa61d4160d06dccda6934f4093148d75530e973', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: 'f893c9dd078ee90fdfc195a4a29677296c2e8856' })), hAsync("footer", { key: 'a8a3e42fc670b3e998e6eb6875e8b76878957b41', class: "footer" }, hAsync("slot", { key: 'cad5c975e5b9698197cdede76f0316264ca92dca', name: "bottom" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -4015,8 +4012,6 @@ class ApplicationHeader {
          *
          * When the application header is utilized outside the application frame, the menu toggle button is displayed.
          * Conversely, if the header is within the application frame, this property is ineffective.
-         *
-         * @since 2.5.0
          */
         this.showMenu = false;
         this.breakpoint = 'lg';
@@ -4129,12 +4124,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: 'fe720a3c6e78966c711e2cd9d213cb1550a534e0', class: {
+        return (hAsync(Host, { key: '8554bbb8d79f1629ca042630e8efff26b39a9bda', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "application-header" }, (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: 'a5399f06220a5c96cc7466ddfb1f2a95736edc0d', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '1779c902e0a76eca78fd9222432b2320045e7044', onClick: () => this.showAppSwitch(), icon: iconApps, ghost: true, class: "app-switch" })), hAsync("div", { key: '21e4ad40bd8baf97b23d53075db6f04d66fcf6bc', class: { logo: true } }, hAsync("slot", { key: '1743adfec4b7789fed498b3786e34391555c5e4f', name: "logo" })), hAsync("ix-typography", { key: 'f0a8aa8b72907e205f90f6695bc747c8b9a391af', format: "body-lg", class: "name" }, this.name), hAsync("div", { key: '951b9b3f6abdc2164fa500a92b5d726a71b668f7', 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: 'c1d2316429d73f1dd110b6dbbc71150af5a8d595', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (hAsync("ix-icon-button", { key: 'cf1e535834c69d538da3141cb63da2c875bb2ae7', onClick: () => this.showAppSwitch(), icon: iconApps, ghost: true, class: "app-switch" })), hAsync("div", { key: '409d608089d9c10b49d7d7585e8800a917eb8a18', class: { logo: true } }, hAsync("slot", { key: '3c5bcd07ef0aff570e74809fcb1c7663ee67f2a0', name: "logo" })), hAsync("ix-typography", { key: 'cf226ff850f351c570839ff2c453e58ba7a3cd5e', format: "body-lg", class: "name" }, this.name), hAsync("div", { key: '3491a96a4a591501c399fbc3d4cf275b17c43b13', 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: 'e6af4e7086bfb7d77e92e5f96148d03079c5fa82', 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: 'b7f84dbc67bc6dacc82e3576b4cdb59a5fdc7f0c', name: "ix-application-header-avatar" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -5654,9 +5649,6 @@ function AvatarImage(props) {
 function UserInfo(props) {
     return (hAsync(Fragment, null, hAsync("div", { class: "user-info", onClick: (event) => event.preventDefault() }, hAsync(AvatarImage, { image: props.image, initials: props.initials }), hAsync("div", { class: "user" }, hAsync("div", { class: "username" }, props.userName), props.extra && (hAsync("ix-typography", { class: "extra", "text-color": 'soft' }, props.extra))))));
 }
-/**
- * @since 2.0.0
- */
 class Avatar {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -5962,7 +5954,6 @@ class Blind {
         this.collapsed = false;
         /**
          * Blind variant
-         * @since 2.0.0
          */
         this.variant = 'filled';
         this.blindId = ++sequentialInstanceId;
@@ -6017,17 +6008,17 @@ class Blind {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'a0a59c1fc6d473ce61246ea0234c994480ac60d1', class: {
+        return (hAsync(Host, { key: 'e8e3003bc174e573bee19e97f6f4bc3ff44f6d1b', class: {
                 [`blind-${this.variant}`]: true,
-            } }, hAsync("div", { key: 'ad3050c9ae503aa55bae3ceca992d79bf5f337fd', class: 'blind-header-wrapper' }, hAsync("button", { key: '81d27e4a4acaa79cc4dc362f10d58d89433641ff', class: {
+            } }, hAsync("div", { key: '1034566a12454369ca3bb8dcbaa9c7e41d0cbc7c', class: 'blind-header-wrapper' }, hAsync("button", { key: 'f93ac381f2ec7f063c731633e4229b5f7bac7513', 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: '3881b273421c2f87bdfc5a40018146c76f1803ee', name: "custom-header" })), hAsync("div", { key: 'f1f56f907d4bd04e39b3cddf080126f5c1bb5c0e', class: 'blind-header-content' }, hAsync("ix-icon", { key: '8f9f0e2ae7d8b41bb0bc1279e4a2249b326b8a18', 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: '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'
                 ? 'color-primary'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: '8ee02b39bae7b5d67508c00c3256e7045f3bcd85', 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: '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-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: 'ec9c4832154c5b31ef09849480b04cc39822ef95', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: '29d542d3fa8e77949188d48cd733f918ac8377df', 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: '82898718f59f80a28bef0ead436e957d5e729ae2', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: '0847aa3c59174d278cef6f85eb7a8aa537192449', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? hAsync("slot", null) : null))));
@@ -6109,8 +6100,6 @@ class Breadcrumb {
         /**
          * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list
          * with conditionally hidden previous items
-         *
-         * @since 2.0.0
          */
         this.ariaLabelPreviousButton = 'previous';
         this.previousButtonRef = makeRef();
@@ -6163,7 +6152,7 @@ class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (hAsync(Host, { key: 'ad4b8c147f3478a9cb8f01d5f46b99ff86ee323f' }, hAsync("ix-dropdown", { key: 'b8fa759644e7252e3f25c5805e06196ad7acfeb3', 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: '02424da5fc550f77643ff397668f12c77882ed70' }, hAsync("ix-dropdown", { key: '95004ed7d2dca7b77e19506fe4acd8c4c7c94ba7', 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;
@@ -6176,7 +6165,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: '894aa6aba077c3154ff4e2f75ea90e044c9dd1b8', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'a1bba2fc77e17877306e996373dc6269c7530e48' }, hAsync("slot", { key: '50dea282515e311e37ea48776793cc0aaa6746b2' }))), hAsync("ix-dropdown", { key: '3ebe74020ea3edabcaff09c3840db5fdeef1581d', 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: 'f2c6cdaebfb4d416431367998b242412dc3fc31a', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'acbb000c8578df2ddd309a96e22cd68fa1371fc6' }, hAsync("slot", { key: 'ee40496d4bd4af7dc01f6952469e691c5a471506' }))), hAsync("ix-dropdown", { key: '9299ba6a3a9009e3dd68d63c89c47233b42b1f52', 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,
@@ -6292,7 +6281,6 @@ class Button {
         registerInstance(this, hostRef);
         /**
          * Button variant
-         * @since 2.3.0 - variant danger
          */
         this.variant = 'primary';
         /**
@@ -6313,8 +6301,6 @@ class Button {
         this.type = 'button';
         /**
          * Loading button
-         *
-         * @since 2.0.0
          */
         this.loading = false;
         /** @internal */
@@ -6373,9 +6359,9 @@ class Button {
             alignment: this.alignment,
             tabIndex: this.hostElement.tabIndex,
         };
-        return (hAsync(Host, { key: '0d7e9fe309d1c2fd320f19cafa0e15bcefafe346', tabindex: this.disabled ? -1 : 0, class: {
+        return (hAsync(Host, { key: 'af8b3a0b70b1fcd0ca6fad617e63d00207e57e7f', tabindex: this.disabled ? -1 : 0, class: {
                 disabled: this.disabled || this.loading,
-            }, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: '36c8821e58f2c9beee5d68b842636e629d728687' }, baseButtonProps), hAsync("slot", { key: 'e7ef0928f22720a705f3223fc2495bd90de5767c' }))));
+            }, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: '50b2bd12cc7afa6b017dfbe0f22dcfc299210c54' }, baseButtonProps), hAsync("slot", { key: 'e0e3bf75b418b147df886d82a73a0635c198211e' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return buttonCss; }
@@ -6401,9 +6387,6 @@ class Button {
 
 const cardCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-color-ghost);--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-primary)}:host(.card-filled){--ix-card-background:var(--theme-color-component-1)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-primary)}:host(.card-alarm){--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host(.card-critical){--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}:host(.card-warning){--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host(.card-success){--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}:host(.card-info){--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host(.card-neutral){--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}:host(.card-primary){--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-insight:hover),:host(.card-outline:hover){--ix-card-background:var(--theme-color-ghost--hover)}:host(.card-notification:hover),:host(.card-filled:hover){--ix-card-background:var(--theme-color-component-1--hover)}:host(.card-alarm:hover){--ix-card-background:var(--theme-color-alarm--hover)}:host(.card-critical:hover){--ix-card-background:var(--theme-color-critical--hover)}:host(.card-warning:hover){--ix-card-background:var(--theme-color-warning--hover)}:host(.card-success:hover){--ix-card-background:var(--theme-color-success--hover)}:host(.card-info:hover){--ix-card-background:var(--theme-color-info--hover)}:host(.card-neutral:hover){--ix-card-background:var(--theme-color-neutral--hover)}:host(.card-primary:hover){--ix-card-background:var(--theme-color-primary--hover)}:host(.card-insight:active),:host(.card-outline:active){--ix-card-background:var(--theme-color-ghost--active)}:host(.card-notification:active),:host(.card-filled:active){--ix-card-background:var(--theme-color-component-1--active)}:host(.card-alarm:active){--ix-card-background:var(--theme-color-alarm--active)}:host(.card-critical:active){--ix-card-background:var(--theme-color-critical--active)}:host(.card-warning:active){--ix-card-background:var(--theme-color-warning--active)}:host(.card-success:active){--ix-card-background:var(--theme-color-success--active)}:host(.card-info:active){--ix-card-background:var(--theme-color-info--active)}:host(.card-neutral:active){--ix-card-background:var(--theme-color-neutral--active)}:host(.card-primary:active){--ix-card-background:var(--theme-color-primary--active)}:host(.selected){--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected.card-insight),:host(.selected.card-outline){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-notification),:host(.selected.card-filled){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-alarm){--ix-card-background:var(--theme-color-alarm--active)}:host(.selected.card-critical){--ix-card-background:var(--theme-color-critical--active)}:host(.selected.card-warning){--ix-card-background:var(--theme-color-warning--active)}:host(.selected.card-success){--ix-card-background:var(--theme-color-success--active)}:host(.selected.card-info){--ix-card-background:var(--theme-color-info--active)}:host(.selected.card-neutral){--ix-card-background:var(--theme-color-neutral--active)}:host(.selected.card-primary){--ix-card-background:var(--theme-color-primary--active)}";
 
-/**
- * @since 1.6.0
- */
 class Card {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -6412,15 +6395,15 @@ class Card {
          */
         this.variant = 'outline';
         /**
-         * @since 2.1.0
+         * Show card in selected state
          */
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: '7d36825ad469c0a2453fb72dbf7f079458c2a2f1', class: {
+        return (hAsync(Host, { key: '3d866b84586d9db427e6dd978c607e9293b63375', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, hAsync("div", { key: '3a6186d515640d60fb7b3c4898c268bd6cf15c21', class: "card-content" }, hAsync("slot", { key: 'd9fb872de9eb038fc0f02ba30458506f0b821784' })), hAsync("div", { key: '2b1214fe85a418875accd6927bd1ca0b0f388dd5', class: "card-footer" }, hAsync("slot", { key: 'ba68b648ad8c7d95a77d1b819f98957b43a0d663', name: "card-accordion" }))));
+            } }, 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" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return cardCss; }
@@ -6443,16 +6426,12 @@ let accordionControlId = 0;
 const getAriaControlsId = (prefix = 'expand-content') => {
     return [prefix, accordionControlId++].join('-');
 };
-/**
- * @since 1.6.0
- */
 class CardAccordion {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.accordionExpand = createEvent(this, "accordionExpand", 7);
         /**
          * Collapse the card
-         * @since 2.1.0
          */
         this.collapse = false;
         this.expandContent = false;
@@ -6489,13 +6468,13 @@ class CardAccordion {
         this.onInitialExpandChange();
     }
     render() {
-        return (hAsync(Host, { key: '491fb99db65dab3492d23e3122ca9da2c899b232', slot: "card-accordion" }, hAsync("button", { key: 'b498d87343ed4e70ef4a094642fc4906b309f5b3', 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: 'eb8b3af0c8ded220c6c8d62b3c9da45ba302c5d6', name: iconChevronRightSmall, class: {
+        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: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), hAsync("div", { key: '9b0b53385f7b0b7f3365c89e7134869990c6270a', class: {
+            } })), hAsync("div", { key: '884b7e0f360ad133ce8a3eb76c32ed34f435135f', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, hAsync("div", { key: 'a79520b455e3d344aca02ca70a9b7ff3262c76f8', class: "expand-content-inner" }, hAsync("div", { key: 'c0798bb66e28ca6e2a5d6ee38b21222677d5a09a', class: "expand-content-body" }, hAsync("slot", { key: '01f775b08d53d8ea428b35d972d75af719006e8c' })), hAsync("div", { key: 'df5f62b0667977076557472c5713e30a7840a1a4', class: "expand-content-footer" })))));
+            } }, 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" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -6517,15 +6496,12 @@ class CardAccordion {
 
 const cardContentCss = ":host{display:flex;padding:1rem;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content-wrapper{box-sizing:border-box;height:100%;width:100%;overflow:hidden;gap:0.5rem;display:flex;flex-direction:column;align-items:flex-start}";
 
-/**
- * @since 1.6.0
- */
 class CardContent {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'b158a08d7ca4779af659d4fa143e047dba41088e' }, hAsync("div", { key: 'abd538339ad50ba6430c834eb1283c20788d78e2', class: "content-wrapper" }, hAsync("slot", { key: '86494d2878e0cb36e417a5d5868fff7f551b4de7' }))));
+        return (hAsync(Host, { key: '9621026e8c6cfa6e3d8b86b9a7eea1aa092fd709' }, hAsync("div", { key: '42be4252caddf4e15d8554c9b1788e839dc946e8', class: "content-wrapper" }, hAsync("slot", { key: '5b695aaf03f88d426969691c87be2330cc23bcb4' }))));
     }
     static get style() { return cardContentCss; }
     static get cmpMeta() { return {
@@ -6542,15 +6518,13 @@ const cardTitleCss = ":host{display:flex;position:relative;flex-direction:row;al
 
 /**
  * @slot title-actions - Place additional actions inside title
- *
- * @since 1.6.0
  */
 class CardHeader {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '0f4e8785e6861fa9151cece5946a7b33e85bd7fd' }, hAsync("slot", { key: 'd8909ebe344940cda53d4076ccd1291eb1240f8b' }), hAsync("div", { key: 'f87b52b2b467664d6e9d886d358b1c6b5403aae8', class: "title-actions" }, hAsync("slot", { key: '9e45b897368e305f0ce1e66b47424360c44c148d', name: "title-actions" }))));
+        return (hAsync(Host, { key: 'd4531b8777d3c33b0ebede19cbb7b0a57aac530d' }, hAsync("slot", { key: '66864059494bc518dae8ebe6cb77d3a33adbf00f' }), hAsync("div", { key: 'bf48c597921cf044b83500d1725c740a3ad05b84', class: "title-actions" }, hAsync("slot", { key: '628a31f58859cf14f210fade064526e7fd09b517', name: "title-actions" }))));
     }
     static get style() { return cardTitleCss; }
     static get cmpMeta() { return {
@@ -6574,9 +6548,6 @@ function CardListTitle(props) {
             CardList__Title__Button__Collapsed: props.isCollapsed,
         } }), hAsync("ix-typography", { class: "CardList_Title__Label", format: "body-lg" }, props.label), !props.hideShowAll && (hAsync("ix-button", { class: "CardList__Title__Show__All", ghost: true, onClick: props.onShowAllClick }, hAsync("span", null, props.showAllLabel), hAsync("span", null, !isNaN(props.showAllCounter) ? ` (${props.showAllCounter})` : null)))));
 }
-/**
- * @since 1.6.0
- */
 class CardList {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -6603,8 +6574,6 @@ class CardList {
         this.suppressOverflowHandling = false;
         /**
          * Hide the show all button
-         *
-         * @since 2.2.0
          */
         this.hideShowAll = false;
         /**
@@ -6728,16 +6697,16 @@ class CardList {
         }
     }
     render() {
-        return (hAsync(Host, { key: '2157d907578c112638bdec74ad7be517b24af46d' }, hAsync(CardListTitle, { key: '96769a6c3a4735663f76879d90e2af2f56ddc323', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (hAsync(Host, { key: '9c7e330c5e56fdce20a528b8f6107833842e145c' }, hAsync(CardListTitle, { key: 'e52c141d2a6947ce4d98adc5749370fe39700567', 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: '5a982b69bcacc770709c81edb7e57e901e1ca88c', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: 'ab0903170788ebba38b341959c21bedb125f4b33', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, hAsync("div", { key: '21c33b91f385f8e80c6ce4b2904ae959d287141c', class: {
+            }, style: this.computeMaskLayer() }, hAsync("div", { key: 'bffa3e47652e170d19e788fabf2e4708f47b2a96', 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: '5b7e106263dd575f1cbaa8e3272c341958babe7f', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: '3f96b3334bf6ff39797597f1318bf6a796d32503', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,
@@ -7321,19 +7290,19 @@ class CategoryFilter {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'd48391204268faa3f704bc957fb6d134cc910481' }, hAsync("form", { key: 'cf53420f9616304f68291005f40c8a00b79777c8', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'd3c38a9b88285828d6d8c4f772b964af613ea1e6', "read-only": this.readonly, class: {
+        return (hAsync(Host, { key: '42fc0940f51eeba50c75bcc9c611507f50dc959c' }, hAsync("form", { key: 'c76012919eac411895e28fb0b2d1a93f9454bd7a', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'db03e6f7d587cafc27f9ce1515f45d0155db5495', "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: '0e0cd39cf3436c92b91e0da69845675af8ce45cd', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '71a10d0e33a599af9dab3557493c11f5276ec9ef', class: "token-container" }, hAsync("div", { key: '00d8d20be2133b43f98fdee6d9e3e2e45a31284c', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
+            } }, hAsync("ix-icon", { key: 'f46e872a458b3c3463c3ce285c344a84bbca886a', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: 'a738622921a0c86715dfa9562774429ea977e2bd', class: "token-container" }, hAsync("div", { key: '751bb10ea63772fbf52da2a30540068a1f45277f', 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: '91b869c752452d7fe47681842a2fc280087bfcee', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: 'd1c2a357355789ec61ddf6aa39efeb16a2e77b92', 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()))));
@@ -7453,6 +7422,7 @@ function HookValidationLifecycle(options) {
                     host.classList.toggle(`ix-invalid--validity-patternMismatch`, validityState.patternMismatch);
                 }
             };
+            host.addEventListener('checkedChange', checkIfRequiredFunction);
             host.addEventListener('valueChange', checkIfRequiredFunction);
             host.addEventListener('ixBlur', checkIfRequiredFunction);
             setTimeout(checkIfRequiredFunction);
@@ -7475,6 +7445,7 @@ function HookValidationLifecycle(options) {
                 classMutationObserver = null;
             }
             if (host && checkIfRequiredFunction) {
+                host.removeEventListener('checkedChange', checkIfRequiredFunction);
                 host.removeEventListener('valueChange', checkIfRequiredFunction);
                 host.removeEventListener('ixBlur', checkIfRequiredFunction);
                 checkIfRequiredFunction = null;
@@ -7502,7 +7473,7 @@ const checkboxCss = ":host{--ix-checkbox-check-color:var(--theme-color-primary--
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7513,14 +7484,14 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  */
 class Checkbox {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.checkedChange = createEvent(this, "checkedChange", 7);
         this.valueChange = createEvent(this, "valueChange", 7);
+        this.ixBlur = createEvent(this, "ixBlur", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.formInternals = hostRef.$hostElement$["s-ei"];
         }
@@ -7550,6 +7521,7 @@ class Checkbox {
          * If true, checkbox needs to be checked to be valid
          */
         this.required = false;
+        this.touched = false;
         this.inputRef = makeRef((checkboxRef) => {
             checkboxRef.checked = this.checked;
         });
@@ -7559,6 +7531,7 @@ class Checkbox {
         this.checkedChange.emit(this.checked);
     }
     onCheckedChange() {
+        this.touched = true;
         this.updateFormInternalValue();
     }
     onValueChange() {
@@ -7584,6 +7557,10 @@ class Checkbox {
     getAssociatedFormElement() {
         return Promise.resolve(this.formInternals.form);
     }
+    /** @internal */
+    isTouched() {
+        return Promise.resolve(this.touched);
+    }
     updateClassMappings() {
         /** This function is intentionally empty */
     }
@@ -7591,13 +7568,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: 'd089bc3c663788b708f2ceb7fd1bbb21706a1534', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
+        return (hAsync(Host, { key: '2562db7e75c07d8cf18e7bd977ffc2bb85efe22c', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
                 disabled: this.disabled,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            } }, hAsync("label", { key: 'c80b9d8f724f6b76bfaffb2f5a1a182bb8753e53' }, hAsync("input", { key: 'ab21dcea80e6823ae3029ba769853be39cab7bf4', "aria-checked": a11yBoolean(this.checked), disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '100dc970576623fc11099abfefc9a51479c9ea14', disabled: this.disabled, class: {
+            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: 'a9163950ab9493863c2d8b6deae758d237d3d582' }, hAsync("input", { key: '361a23e529e302daef40e6eb79a1bbc6a2ec7f0d', "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: 'bed5a7cd29b5469e653dfacdc831a9a7de0d2953', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: '0852bd38494e0d39fc8d37d8e1f5b8469fe8b811', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '9ec03a9c86d0ec8e1306320963fc690640a55723' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: 'fc6e95e6e9fef24068f4081461e54288a4c8bcfa', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '9147eda9d809b21d83abd752a223023e7550909a' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -7618,20 +7595,21 @@ class Checkbox {
             "indeterminate": [516],
             "required": [516],
             "hasValidValue": [64],
-            "getAssociatedFormElement": [64]
+            "getAssociatedFormElement": [64],
+            "isTouched": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["name", "name"], ["value", "value"], ["checked", "checked"], ["disabled", "disabled"], ["indeterminate", "indeterminate"], ["required", "required"]]
     }; }
 }
-__decorate$b([
+__decorate$c([
     HookValidationLifecycle()
 ], Checkbox.prototype, "updateClassMappings", null);
 
 const checkboxGroupCss = ":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -7642,8 +7620,7 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  */
 class CheckboxGroup {
     constructor(hostRef) {
@@ -7656,10 +7633,41 @@ class CheckboxGroup {
          * Show helper, info, warning, error and valid text as tooltip
          */
         this.showTextAsTooltip = false;
+        /**
+         * @internal
+         */
+        this.required = false;
         this.isInvalid = false;
         this.isInfo = false;
         this.isValid = false;
         this.isWarning = false;
+        this.touched = false;
+        this.groupRef = makeRef();
+        this.observer = new MutationObserver(() => {
+            this.checkForRequiredCheckbox();
+        });
+    }
+    get checkboxElements() {
+        return Array.from(this.hostElement.querySelectorAll('ix-checkbox'));
+    }
+    checkForRequiredCheckbox() {
+        this.required = this.checkboxElements.some((checkbox) => checkbox.required);
+    }
+    connectedCallback() {
+        this.observer.observe(this.hostElement, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['checked', 'required'],
+        });
+    }
+    componentWillLoad() {
+        this.checkForRequiredCheckbox();
+    }
+    disconnectedCallback() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
     }
     onClassFieldUpdate({ isInvalid, isInvalidByRequired, isInfo, isValid, isWarning, }) {
         this.isInvalid = isInvalid || isInvalidByRequired;
@@ -7667,11 +7675,23 @@ class CheckboxGroup {
         this.isValid = isValid;
         this.isWarning = isWarning;
     }
+    /**
+     * @internal
+     */
+    isTouched() {
+        return Promise.resolve(this.touched);
+    }
+    /**
+     * @internal
+     */
+    hasValidValue() {
+        return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
+    }
     render() {
-        return (hAsync(Host, { key: '27aee735ce40e2c2f3b019afad6a44ed1029c2c6' }, hAsync("ix-field-wrapper", { key: '70b0666837cc8ed83defc9844cc58003f489a22e', 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 }, hAsync("div", { key: '59485040ff9509b58b7bd8f7f50e53970585ffb5', class: {
+        return (hAsync(Host, { key: '77b87f092dc2a4d95adbd496cbbbc22eb0c923c3', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: 'b0a0db7727ff7bd6cd554a8ef14afea3ed4ff46a', 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: '7bcf7ecacfe94c995a335f72b78f01f554a3d469', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: 'af5f7db97a6efec492299336428bbb9ded00fbca' })))));
+            } }, hAsync("slot", { key: '416117ca60b21153342224b27261faa3f81f87a2' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return checkboxGroupCss; }
@@ -7687,17 +7707,20 @@ class CheckboxGroup {
             "validText": [1, "valid-text"],
             "warningText": [1, "warning-text"],
             "showTextAsTooltip": [4, "show-text-as-tooltip"],
+            "required": [4],
             "isInvalid": [32],
             "isInfo": [32],
             "isValid": [32],
-            "isWarning": [32]
+            "isWarning": [32],
+            "isTouched": [64],
+            "hasValidValue": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-__decorate$a([
+__decorate$b([
     HookValidationLifecycle({
         includeChildren: true,
     })
@@ -7729,6 +7752,7 @@ class Chip {
         /**
          * Display a tooltip. By default, no tooltip will be displayed.
          * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.
+         *
          * @since 3.0.0
          */
         this.tooltipText = false;
@@ -7759,13 +7783,13 @@ class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '7bbabe583825abcde45af20f5fe5eed80ba4141b', tabIndex: "-1", class: {
+        return (hAsync(Host, { key: '4d2b258d01d16b9345263141abe7d7d3388123c5', tabIndex: "-1", class: {
                 inactive: isInactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, hAsync("div", { key: '64464d3cad83f4d9c0c7efbdd8d7a406f08f1118', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, hAsync("div", { key: '9aa88bf1c31f0946a77eea368ed03b13e031cfa1', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: isInactive,
@@ -7779,10 +7803,10 @@ class Chip {
                 custom: this.variant === 'custom',
                 closable: this.closable,
                 icon: !!this.icon,
-            } }, hAsync("ix-icon", { key: 'b38f0215ea69d966ab7bf8a6af178aa69db8e712', class: {
+            } }, hAsync("ix-icon", { key: '904f4f03b99a5777696d4fb16e731660b965168d', class: {
                 'with-icon': true,
                 hidden: !this.icon,
-            }, name: this.icon, size: '24' }), hAsync("span", { key: '6229fc50ae6394772a580c69eaf087cb5300801a', class: "slot-container" }, hAsync("slot", { key: 'c11dd7e4f666ad9f6e39efdc9085ba42792a4481' })), isInactive === false && this.closable ? this.getCloseButton() : null), this.getTooltip()));
+            }, name: this.icon, size: '24' }), hAsync("span", { key: '2163059e60b87e55ba0e961bc3c9a10ab4fe2f0e', class: "slot-container" }, hAsync("slot", { key: '905355f990900be5cb82ddab1ef8ddd68598d9f1' })), isInactive === false && this.closable ? this.getCloseButton() : null), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return chipCss; }
@@ -7807,9 +7831,6 @@ class Chip {
 
 const colCss = ":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
 
-/**
- * @since 2.0.0
- */
 class Col {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -7864,7 +7885,7 @@ class Col {
         };
     }
     render() {
-        return (hAsync(Host, { key: '1486b26e26c4adaf280571418448803fe5aa3bcd', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: '8ba70d9d630747b60ac0a38f5974db27f46777fc' })));
+        return (hAsync(Host, { key: 'c079ab348a6cdc2a541a589b3b420d017168b650', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: 'd547e6ec36b0e50394f8f75d18e3d4ab62e1110e' })));
     }
     static get style() { return colCss; }
     static get cmpMeta() { return {
@@ -7883,10 +7904,9 @@ class Col {
 }
 Col.Breakpoints = ['', 'sm', 'md', 'lg'];
 
-const contentCss = ":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 0rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;padding-right:1.5rem;position:relative}:host .content-header.slotted{margin-bottom:1rem;padding-right:1.5rem}";
+const contentCss = ":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1rem}";
 
 /**
- * @since 2.1.0
  * @slot header - Display content at the top of the content page
  */
 class Content {
@@ -7898,12 +7918,12 @@ class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (hAsync(Host, { key: '5ff3dde4c94bd5f40598a6b8fc9043ab2755c9a7' }, hAsync("div", { key: 'cb2d5d8d011649e5f2cb67d8b7857b7bd096ca44', class: {
+        return (hAsync(Host, { key: '3c3c64e2754e169fb11710f049e434c52ad8f541' }, hAsync("div", { key: '4ccc370d1e12bdf3a8c2992c9d453002892ef948', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, hAsync("slot", { key: '1a0c6b612ff4364e6bdd10b15745160925b61efd', name: "header", onSlotchange: () => {
+            } }, hAsync("slot", { key: 'b028f5424366302f93a8c873102b21ad619c35d1', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), hAsync("div", { key: '5eabaf6bcd0c33d982bd1b88862873383b58fae6', class: "content" }, hAsync("slot", { key: '25fa713021e9c01c08282da185c2fc14b6d06b3f' }))));
+            } })), hAsync("div", { key: '2a7fb716ca17249c9757d77f2774692e26851f39', class: "content" }, hAsync("slot", { key: 'b3f6363475f45f36837120f2ecfda6aa4b751a09' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return contentCss; }
@@ -8098,7 +8118,7 @@ const customFieldCss = ":host{display:block;width:-moz-fit-content;width:fit-con
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -8108,9 +8128,6 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
                 r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/**
- * @since 2.6.0
- */
 class CustomField {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -8130,7 +8147,7 @@ class CustomField {
         this.isWarning = isWarning;
     }
     render() {
-        return (hAsync(Host, { key: 'bb181d52fe217d477896a57dec475edcc6b6e5df' }, hAsync("ix-field-wrapper", { key: '3a164633b9955fbd86efefdaa9926b61dc45d39f', 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: 'd9b814b0f59dbc837443826bb5513172aba0b0a3' }))));
+        return (hAsync(Host, { key: '50b7e5f59f28a32b2e4b9795efc2f0a9e753813e' }, hAsync("ix-field-wrapper", { key: 'c761f7f018a021ff7014b30e34a2d87ae91bb367', 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: '0a12c0d2a8cd5152aa926e3aa9633c1f0f76ea02' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return customFieldCss; }
@@ -8156,7 +8173,7 @@ class CustomField {
         "$attrsToReflect$": []
     }; }
 }
-__decorate$9([
+__decorate$a([
     HookValidationLifecycle({
         includeChildren: true,
     })
@@ -15857,17 +15874,12 @@ function friendlyDateTime(dateTimeish) {
 
 const dateDropdownCss = ":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}@media (max-width: 48em){:host .min-width{width:-moz-min-content;width:min-content}}@media (min-width: 48em){:host .border-right{border-right:var(--theme-x-weak-bdr-2)}}:host ix-button{width:100%}:host .max-height{max-height:-moz-max-content;max-height:max-content}:host .no-margin{margin:0;padding:0}:host .pull-right{float:right;padding:0 1rem 0.75rem 1rem}";
 
-/**
- * @since 2.1.0
- */
 class DateDropdown {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.dateRangeChange = createEvent(this, "dateRangeChange", 7);
         /**
          * Disable the button that opens the dropdown containing the date picker.
-         *
-         * @since 2.3.0
          */
         this.disabled = false;
         /**
@@ -15953,8 +15965,6 @@ class DateDropdown {
         /**
          * The index of which day to start the week on, based on the Locale#weekdays array.
          * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.
-         *
-         * @since 2.6.0
          */
         this.weekStartIndex = 0;
         /**
@@ -16081,21 +16091,21 @@ class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'fb251840a006c5efa804f444e52dd938fc7e6eda' }, hAsync("ix-button", { key: '7e7e4c12a2eb502564baaa5679969917aa40403c', "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: 'a80a5f47757956fe5340acbe28a2634bcc46f30e', "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: '8a5ae63cb553e80b85681b489b6ea97350827867' }, hAsync("ix-button", { key: '0608d3a9063c9b729fbdda08b9a4f4441a19d039', "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: 'd266a82bca22d8fe1009d55a29f485778ebf8b4c', "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: 'd7cba7d46b7c7dfd545e41c5895842f5cbcd8f5a', noMargin: true }, hAsync("ix-row", { key: 'ad8958836b662def55cc51d52864639a25718ece' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: 'a830a5768c0e72f5710440c9a4199a794ff4667e', class: {
+            } }, hAsync("ix-layout-grid", { key: 'c7a01092a838122a1041651c6a0f9c5eb74c2aae', noMargin: true }, hAsync("ix-row", { key: 'a6ed728fd08a35d8f0b3e71f115e0c258780474b' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: 'e698f56587ad326e808bf8972c856fb74ac60ee9', 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: '4d1899c246bc6995852e25078a33bf297e7bdd6b', hidden: !this.customRangeAllowed }, hAsync("ix-dropdown-item", { key: '5e61b21055860fc54d84cf14a1678b773e7a3ba2', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: '5d33b5d8f022fa59492c5ddd1eb71bb5afd2af67', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: '46229de1218d9b719fa8f5af3b784cac99e57b82' }, hAsync("ix-date-picker", { key: '87f3f37847b277dc0220b0a6a9769a332a39e59b', 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: 'd2c9d06535272b384b6d730c885c8c1db8071c07', hidden: !this.customRangeAllowed }, hAsync("ix-dropdown-item", { key: '067c2ff3f3f977876a5b554dfd0c16b67fbab5b7', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: 'af0d3397302ba7891efa9953f5ec2805255acc23', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: '715a8468214d59dd7f4891d78fb781c7c1987685' }, hAsync("ix-date-picker", { key: 'cbcc5f9b33b736444359fb67fa96a22d82713013', 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: 'dac27dc2ebbf00321384691bdf1c0badb8d2df6a', class: "pull-right" }, hAsync("ix-button", { key: '44668c59a0dfe7c428dc28fe518f6ca6012f37a0', 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: 'd98f59b3e959f64fd5d7c4be6e19486616568865', class: "pull-right" }, hAsync("ix-button", { key: 'e30da682a1d4fecd958b6ed3c70d5f4bccc3e141', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
@@ -16320,7 +16330,7 @@ function TextareaElement(props) {
         } }, props.ariaAttributes)));
 }
 function InputElement(props) {
-    return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.maxLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
+    return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
             'is-invalid': props.isInvalid,
         }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onInput: (inputEvent) => {
             const target = inputEvent.target;
@@ -16513,7 +16523,7 @@ const dateInputCss = "input{font-feature-settings:\"clig\" off, \"liga\" off;fon
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -16524,8 +16534,8 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
+ *
  * @slot start - Element will be displayed at the start of the input
  * @slot end - Element will be displayed at the end of the input
  */
@@ -16756,12 +16766,12 @@ class DateInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: '00b8af0c46dfa5c581dc27596ceb082120e1649b', class: {
+        return (hAsync(Host, { key: 'a33d4df9e19bcbb3109d260c49dd9417bb4ed4e7', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '129204bab237fb58a44422fcdb99b31dc5d3a210', 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: 'c8a1e5af9f6bf52119ff74f2259f51add13d1376', "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: '578eeefc7d88b3c374037cd07f21a7de52107695', 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: 'b1319f74d0b8ee68323fb6b620e3fde7dc99764c', "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: '8761eb33e961f273437bfe9d4ecc416ec953744c', 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: '223dfab8dd2d968792cf8e25465ec5bca7315262', 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 }))));
@@ -16814,7 +16824,7 @@ class DateInput {
         "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
     }; }
 }
-__decorate$8([
+__decorate$9([
     HookValidationLifecycle()
 ], DateInput.prototype, "hookValidationLifecycle", null);
 
@@ -16898,7 +16908,7 @@ const datePickerCss = ":host{display:block;position:relative;width:21rem}:host *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -16930,28 +16940,20 @@ class DatePicker {
         /**
          * The earliest date that can be selected by the date picker.
          * If not set there will be no restriction.
-         *
-         * @since 1.1.0
          */
         this.minDate = '';
         /**
          * The latest date that can be selected by the date picker.
          * If not set there will be no restriction.
-         *
-         * @since 1.1.0
          */
         this.maxDate = '';
         /**
          * Text of date select button
-         *
-         * @since 2.1.0
          */
         this.i18nDone = 'Done';
         /**
          * The index of which day to start the week on, based on the Locale#weekdays array.
          * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.
-         *
-         * @since 2.1.0
          */
         this.weekStartIndex = 0;
         /**
@@ -17376,7 +17378,7 @@ class DatePicker {
         return rows;
     }
     render() {
-        return (hAsync(Host, { key: 'f7b223037b3b66698a530012ed0fcbf9ec849372' }, hAsync("ix-date-time-card", { key: '375131f5ba5126d2d95b46bbf605e29844b38b85', corners: this.corners, standaloneAppearance: this.standaloneAppearance }, hAsync("div", { key: '5065a58f901b2f392bb1c6e6e4188ca08cae19c7', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: 'f4f7e444c0e54c879ec72cbac9b9afabb962932e', onClick: () => this.changeToAdjacentMonth(-1), ghost: true, icon: iconChevronLeftSmall, variant: "primary", class: "arrows" }), hAsync("div", { key: '1cdb318edbb57e01efc62263bdfd635c0120a0e5', class: "selector" }, hAsync("ix-button", { key: 'c27b5dcea81095b286bd6f47ceb5bc854773c2dd', ghost: true, ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '2d04c84e1fb480a3053e4488cb3ecb990d7bb438', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: 'ee3dd29d87bb29b80ddaa1bb3869b51827443600', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '23fcd9fb8e577bf09bf2806752da187350f2e49a', class: "wrapper" }, hAsync("div", { key: '05a811bfaa72104f21c144ec15e7da6fe72d9748', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '14d433a2412bfbfe0e20020385363916f8ae4a44', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
+        return (hAsync(Host, { key: 'ec25433a60f924c7c819a92c57b2b629f79b663f' }, hAsync("ix-date-time-card", { key: '56f5ac9540a23986a08ccfddb143c24ff25c9a81', corners: this.corners, standaloneAppearance: this.standaloneAppearance }, hAsync("div", { key: '145d9df28d8a093d0af698e85fe3d9cc6aacec64', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: 'bc4a0fd59f15329eac25c289990ed1f50df963a9', onClick: () => this.changeToAdjacentMonth(-1), ghost: true, icon: iconChevronLeftSmall, variant: "primary", class: "arrows" }), hAsync("div", { key: '0c61ba812857744d7566c16524646d1d30667249', class: "selector" }, hAsync("ix-button", { key: '3d92b9b3817ea2aef09cb145a2af8f9c1bf76b28', ghost: true, ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '5f696b8753daaa9c5988152b62e54a25c5e8dd26', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: 'ee0db36f54c1149a39e6b2d405cf79bfa562ed43', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '0031f047384be91ad8e2ee4f72a290b741c8f1fd', class: "wrapper" }, hAsync("div", { key: '7de4de328365b482a12fb336d6aac1f32e6ec073', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '217bd672e7a1f9111102de327c725e676741709e', 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);
                 }
@@ -17390,10 +17392,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: '867520bbab18fb88c1307bf9b353378c57c9f7b6', onClick: () => this.changeToAdjacentMonth(1), ghost: true, icon: iconChevronRightSmall, variant: "primary", class: "arrows" })), hAsync("div", { key: '6e957e15a0884f0d614cc1bcf0becacebacc1171', class: {
+            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '7e33eae68de31647ee19d704a182b57e926d50dc', onClick: () => this.changeToAdjacentMonth(1), ghost: true, icon: iconChevronRightSmall, variant: "primary", class: "arrows" })), hAsync("div", { key: 'e12141e31ccd52b9d9c7056d131435f66651ea98', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && hAsync("div", { key: 'bf9c1537e6d5f6f129a4c97091627863dd20df8b', 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: '63e5860be65d58cecef6c862150220b963923db9', 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;
@@ -17405,10 +17407,10 @@ class DatePicker {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur() }, day)) : (hAsync("div", null));
             })));
-        })), hAsync("div", { key: 'de56a96b662f67cc23d6e61daaa7800710e80157', class: {
+        })), hAsync("div", { key: '00ee4cadb9498c9a99fbc5f68b4fc06f38d0d4f6', class: {
                 button: true,
                 hidden: !this.range || !this.standaloneAppearance,
-            } }, hAsync("ix-button", { key: 'e2b2f1ed481321f5092d3e409ca4b3565beecc9f', onClick: () => this.onDone() }, this.i18nDone)))));
+            } }, hAsync("ix-button", { key: 'f546328ff53b946deb5f9a8caba642bb4983170f', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -17452,11 +17454,11 @@ class DatePicker {
         "$attrsToReflect$": []
     }; }
 }
-__decorate$7([
+__decorate$8([
     OnListener('keydown')
 ], DatePicker.prototype, "handleKeyUp", null);
 
-const dateTimeCardCss = ":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);border-radius:4px}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}";
+const dateTimeCardCss = ":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}";
 
 /**
  * @internal
@@ -17501,7 +17503,7 @@ class DateTimeCard {
     }; }
 }
 
-const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
+const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
 
 class DatetimePicker {
     constructor(hostRef) {
@@ -17528,28 +17530,20 @@ class DatetimePicker {
         /**
          * Date format string.
          * See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
-         *
-         * @since 1.1.0
          */
         this.dateFormat = 'yyyy/LL/dd';
         /**
          * Time format string.
          * See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
-         *
-         * @since 1.1.0
          */
         this.timeFormat = 'HH:mm:ss';
         /**
          * Show time reference input
          * Time reference is default aligned with @see {this.timeFormat}
-         *
-         * @since 1.1.0
          */
         this.showTimeReference = false;
         /**
          * Text of date select button
-         *
-         * @since 2.1.0
          */
         this.i18nDone = 'Done';
         /**
@@ -17561,8 +17555,6 @@ class DatetimePicker {
         /**
          * The index of which day to start the week on, based on the Locale#weekdays array.
          * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.
-         *
-         * @since 2.1.0
          */
         this.weekStartIndex = 0;
         /**
@@ -17595,7 +17587,7 @@ class DatetimePicker {
         this.timeChange.emit(time);
     }
     render() {
-        return (hAsync(Host, { key: 'dd665870ff9bffac05640617ded60ca70bfb4060' }, hAsync("ix-layout-grid", { key: 'b67a7dfbfad4383ece3a69c6da13c2fd76a48d60', class: "no-padding" }, hAsync("ix-row", { key: '7e5f0d44bdb53dd28ceb5d2389f389d582d2a7d4' }, hAsync("ix-col", { key: 'aa9c25a9dc54da2d99f486c127980105287bfb0c' }, hAsync("ix-date-picker", { key: '0627d2e1c77a29fec14cc79fea96945626881313', 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: '86804434e7b28a88011f93a37f33ed01cc9699d7' }, hAsync("ix-time-picker", { key: 'b68dd97d4d0fbbdc1e52f72c27eb975f52a60402', class: "min-width", ref: (ref) => (this.timePickerElement = ref), standaloneAppearance: false, showHour: this.showHour, showMinutes: this.showMinutes, showSeconds: this.showSeconds, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, textTime: this.i18nTime, time: this.time }), hAsync("div", { key: 'd2d929c1c7bcca8326d2b7d1ba94ffb1be7f5b39', class: "btn-select-date-container" }, hAsync("ix-button", { key: '5052d32b58dfaafb5e5f0038df5ea8aa3c1752e3', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
+        return (hAsync(Host, { key: '7f08479621490c4064f5e0ba7c54f10730fabfbb' }, hAsync("ix-layout-grid", { key: '1c073d0809bec9ea46b1fa1882f8aa4830869578', class: "no-padding" }, hAsync("ix-row", { key: '523b1b08bcc3def18772b0b04c744863603f561d' }, hAsync("ix-col", { key: '3092eb9778936db8559cc24e39c648b309543096' }, hAsync("ix-date-picker", { key: 'b225445c1dd4b5fbbbca4e6152e98ac70a0ce7d0', 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: '57a99bb035b4a03f0b6314bc91a5f93080c3b78d' }, hAsync("ix-time-picker", { key: '0962e9171c364b9cf6a23bb9d4fe6efcbe56a702', class: "min-width", ref: (ref) => (this.timePickerElement = ref), standaloneAppearance: false, showHour: this.showHour, showMinutes: this.showMinutes, showSeconds: this.showSeconds, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, textTime: this.i18nTime, time: this.time }), hAsync("div", { key: 'df8026657b45a30edfab788f913d968909fc9ad7', class: "btn-select-date-container" }, hAsync("ix-button", { key: '30274b4bc1dcbf89415f8d1ca8f5a46010320ec9', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
     }
     static get style() { return datetimePickerCss; }
     static get cmpMeta() { return {
@@ -17629,15 +17621,12 @@ class DatetimePicker {
 
 const dividerCss = ":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";
 
-/**
- * @since 1.4.0
- */
 class Divider {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(Host, { key: '0312482e071d26e01d683fe2f2500cf1748bc2e0' });
+        return hAsync(Host, { key: 'a87fb226cd6b8b3bbae1facf4629df5e11466f28' });
     }
     static get style() { return dividerCss; }
     static get cmpMeta() { return {
@@ -19770,8 +19759,6 @@ class Dropdown {
         this.showChanged = createEvent(this, "showChanged", 7);
         /**
          * Suppress the automatic placement of the dropdown.
-         *
-         * @since 2.0.0
          */
         this.suppressAutomaticPlacement = false;
         /**
@@ -20101,7 +20088,7 @@ class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (hAsync(Host, { key: '8cb74ddd59a4160b1d85285244391fc8ae275c6d', "data-ix-dropdown": this.localUId, class: {
+        return (hAsync(Host, { key: 'd54c0ad79513d4a564be19f747cca05b85098672', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -20109,7 +20096,7 @@ class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: 'ebbec839d63ecf94c025d7d20018a150dee89162', style: { display: 'contents' } }, this.header && hAsync("div", { key: '9a25904cd90dbec2f738567350bf0f0ada723abf', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'f0b63a8335765d212f72fdc04f155e367a65c0a6' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '87156dc26d388771694bdd0e780f686e10d4fe65', style: { display: 'contents' } }, this.header && hAsync("div", { key: 'd15f860e42ea138f7ce06b2da188f439ddf033ff', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'fa6bef0ff0885d610de9ad6e1d5884da93438e9d' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20145,9 +20132,6 @@ class Dropdown {
 
 const dropdownButtonCss = ":host{display:inline-block;position:relative;height:2rem;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .hide{display:none}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary.ghost{color:var(--theme-btn-invisible-primary--color)}:host .triangle.primary.outline{color:var(--theme-btn-outline-primary--color)}:host .triangle.primary.ghost.disabled{color:var(--theme-btn-invisible-primary--color--disabled)}:host .triangle.primary.outline.disabled{color:var(--theme-btn-outline-primary--color--disabled)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.ghost{color:var(--theme-btn-invisible-secondary--color)}:host .triangle.secondary.outline{color:var(--theme-btn-outline-secondary--color)}:host .triangle.secondary.ghost.disabled{color:var(--theme-btn-invisible-secondary--color--disabled)}:host .triangle.secondary.outline.disabled{color:var(--theme-btn-outline-secondary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .content{display:flex;align-items:center}:host(.disabled){pointer-events:none}";
 
-/**
- * @since 1.3.0
- */
 class DropdownButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -20169,7 +20153,6 @@ class DropdownButton {
         this.disabled = false;
         /**
          * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.
-         * @since 2.1.0
          */
         this.closeBehavior = 'both';
         this.dropdownAnchor = makeRef();
@@ -20186,9 +20169,9 @@ class DropdownButton {
             } }));
     }
     render() {
-        return (hAsync(Host, { key: '8e9e32c96d0ec280f7d70163004945dcc2cdc77f', class: {
+        return (hAsync(Host, { key: '705c03c6a2ab4e7a297b182066cc79cfb4de4ba9', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, hAsync("div", { key: 'f4c1148f26de296814fb6b1b21151476f87038d2', 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: 'b999171ece591e675679172c4939d1a81ef26197', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior }, hAsync("slot", { key: '09530ef7d76b07e5685d94569d95e54fd5c132ce' }))));
+            }, ref: this.dropdownAnchor }, hAsync("div", { key: '336cddb2c0f0131660c6806fd15a569cab6b9b6e', 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: '595c0b5793e820b619c269e187f0ccb4d7c05f3c', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'cbe970851c0a91d4af69f24e9bcb50c87a3fc528' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownButtonCss; }
@@ -20213,15 +20196,12 @@ class DropdownButton {
 
 const dropdownHeaderCss = ":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
 
-/**
- * @since 2.0.0
- */
 class DropdownHeader {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'a34330869a1e53c3a2df09143066197b72b1abf8' }, hAsync("ix-typography", { key: '95d1226055d927243c0b9fd2e81c3850071ca93e', class: 'category-text', format: 'h5' }, this.label)));
+        return (hAsync(Host, { key: '15371578ff615a3ca08fb49ef2ecacdf736cf74e' }, hAsync("ix-typography", { key: '3071d4924c7b98e4d234b6b2064f6ec1146ea988', class: 'category-text', format: 'h5' }, this.label)));
     }
     static get style() { return dropdownHeaderCss; }
     static get cmpMeta() { return {
@@ -20307,15 +20287,12 @@ class DropdownItem {
 
 const dropdownQuickActionsCss = ":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";
 
-/**
- * @since 1.4.0
- */
 class DropdownQuickActions {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '061157db21ab43a8655d1e5bc3cc834dc1470e38' }, hAsync("slot", { key: 'c5af168d94e40f1deb0e82558778e43a9f5c684f' })));
+        return (hAsync(Host, { key: 'f38082cc18541cb25cbb27e53e8071ab087ea7bf' }, hAsync("slot", { key: '57d7abc976bbfe107bf2297fcb0d5db1aec29294' })));
     }
     static get style() { return dropdownQuickActionsCss; }
     static get cmpMeta() { return {
@@ -20330,9 +20307,6 @@ class DropdownQuickActions {
 
 const emptyStateCss = ":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";
 
-/**
- * @since 1.6.0
- */
 class EmptyState {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -20343,7 +20317,7 @@ class EmptyState {
         this.layout = 'large';
     }
     render() {
-        return (hAsync(Host, { key: 'cbbe07a75484734b5db14c89545fe55efdf37d27', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: 'e415e4efa5f20e90618624d543dd133178867eef', class: "emptyState__icon" }, hAsync("ix-icon", { key: 'ce08a515b0200a8bf6edf46a548c3ab3c48bcc0d', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), hAsync("div", { key: '8ec2947856676415c31a7d931bf9ab17f15b4d17', class: "emptyState__content" }, hAsync("div", { key: '82d5af7c13358d8aa1a92db475c489cf6ad84583', class: "content__label" }, hAsync("ix-typography", { key: 'b70f6a9386fb7de4edd5642f45c1966ba84c8981', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'b2e7dec12f70f9676d47e34bb84edefd14101956', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: 'e7c5229d9de24354d25b35cfaf921a1e25b7eab3', class: "content__action" }, hAsync("ix-button", { key: '30f464a500dde5debb39be4672d99f07097eac4b', onClick: () => this.actionClick.emit() }, this.action))))));
+        return (hAsync(Host, { key: 'f0f9a5786f47ea5654e3405c3f1801f7eef2b727', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: 'c228337793db4b012a629b9f3dba46414d1c99a3', class: "emptyState__icon" }, hAsync("ix-icon", { key: '21230467c73a20358675e9897209764de04322dc', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), hAsync("div", { key: '91f38de4d8a4f6a0425917aa193bf4a2a21d5a44', class: "emptyState__content" }, hAsync("div", { key: '211d263089f8c10cc13c8af246de3c33525916b8', class: "content__label" }, hAsync("ix-typography", { key: '43cc10b9a788b39b9328981e2ad2ec046d5e25c4', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'ed87bc328617986beb763f73559cbf958d561f9e', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: 'bb81fe8c36ecbc257528ae4b61f76345062a5292', class: "content__action" }, hAsync("ix-button", { key: 'e7ea2c3f9534c20cbbfded277c77eadca1db302a', onClick: () => this.actionClick.emit() }, this.action))))));
     }
     static get style() { return emptyStateCss; }
     static get cmpMeta() { return {
@@ -20607,7 +20581,6 @@ class ExpandingSearch {
         this.value = '';
         /**
          * If true the search field will fill all available horizontal space of it's parent container when expanded.
-         * @since 1.6.0
          */
         this.fullWidth = false;
         /**
@@ -20639,20 +20612,20 @@ class ExpandingSearch {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '778a3f4cd73be2af611d384a6b47a0173e84aff5', class: {
+        return (hAsync(Host, { key: '68d9ae5038e172481ed9c53fb362c6bfc6220086', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, hAsync("ix-icon-button", { key: '26ef39a4840c4b6eea417d42996de418b74a23f0', 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: 'a88ebb7bf35831454dcb56a26bf7ae576b1101bc', 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: '1d078e39c14d7bb5dd8db0a1f8f14eb60895068d', class: {
+            } }), hAsync("div", { key: '63aa5a717b7eabdfb2c98eb341a89ac1d81293e0', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, hAsync("input", { key: '0c4e3efbc2ef3c4b0682c58ec52fa3bc4c861589', class: {
+            }, "data-testid": "input-wrapper" }, hAsync("input", { key: '4d1cbef5c33babebe90893737263a84b0a6eeb73', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,
@@ -20807,7 +20780,6 @@ class FilterChip {
         this.disabled = false;
         /**
          * If true the filter chip will be in readonly mode
-         * @since 2.0.0
          */
         this.readonly = false;
     }
@@ -20817,7 +20789,7 @@ class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (hAsync(Host, { key: 'a57c6ee5c0f824e0ba5df6ca0e23276993122ae6', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: 'f52227d98b4711c3902e5626fdc44aed5bbf5654', class: "slot-container" }, hAsync("slot", { key: 'bd5be22e9d81b49906794ea928562b46ce165952' })), !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: 'e3b72ae1a230407eb5a5b4b29b0c35bae916ca44', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '8eb078b239b54e9e72dc14e02ea60c93fa531c7c', class: "slot-container" }, hAsync("slot", { key: 'ce47a7f795bf7d09bdbe42113c1a994068545940' })), !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; }
@@ -20860,12 +20832,10 @@ class FlipTile {
         this.toggle = createEvent(this, "toggle", 7);
         /**
          * Height interpreted as REM
-         * @since 1.5.0
          */
         this.height = 15.125;
         /**
          * Width interpreted as REM
-         * @since 1.5.0
          */
         this.width = 16;
         /**
@@ -20932,26 +20902,26 @@ class FlipTile {
         }, 2 * this.ANIMATION_DURATION);
     }
     render() {
-        return (hAsync(Host, { key: '56ac52c0846a09ebbabe445a7b472d8163249d0f', style: {
+        return (hAsync(Host, { key: '8892b7907bdfb0a5f0c2d7cc19c4d29fdf956d81', 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: '63bd41182f32389d24f06a65934fa1fdf613814e', class: {
+            } }, hAsync("div", { key: 'e322ed0cad19e1e2c2c287555c1d613cccce965b', 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: 'b14e594b79d762dc1e1861f053fca55527205099', class: "flip-tile-header" }, hAsync("div", { key: '71294a8041516ded7a7e22be40b779d242958db8', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '015f97f7f35ed25d0c808457a8d1a5b1055d0f3e', name: "header" })), hAsync("ix-icon-button", { key: '4ada116aa7ad0ae8b1499b7a3c142eaee3f8320e', icon: iconEye, variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: '0c30a20df8eff93c9433fad1a157311d185e342f', class: "content-container" }, hAsync("slot", { key: '471ebb3a8619bdb35d4db4c7c6f63065d446116a' })), hAsync("div", { key: '4c4a45e81c365670d4b7f1d7cbb4838778dd96c3', class: {
+            } }, hAsync("div", { key: 'b9722c9baa43b7022aef0ae6f1511d72b9b6ef27', class: "flip-tile-header" }, hAsync("div", { key: '05360f768bbfc11656404ff7078d5fc2e27c793a', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '84f83de8ac0e872b339099632ba71c77562235e5', name: "header" })), hAsync("ix-icon-button", { key: '7ff6a1faaf174da2427b5bbba382ecd10a22e2be', icon: iconEye, variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: 'dd88100383ddbb0b4d58c0a281905cdec370c79f', class: "content-container" }, hAsync("slot", { key: 'f39529910e08e2757a2a6a2db9b1b021fe301c77' })), hAsync("div", { key: '2d17fc0f712da5707cd81d5bc69a7ca2a9097bd6', class: {
                 footer: true,
                 'contrast-light': this.state === FlipTileState.Warning,
                 'contrast-dark': this.state === FlipTileState.Info ||
                     this.state === FlipTileState.Alarm,
-            } }, hAsync("slot", { key: '39be6dc2a46af588318fe63beceae81dfafc0eec', name: "footer" })))));
+            } }, hAsync("slot", { key: '3c3b397cf51c71b3d45802f6e69ddb877d1ee3ef', name: "footer" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21489,7 +21459,6 @@ class IconButton {
         registerInstance(this, hostRef);
         /**
          * Variant of button
-         * @since 2.3.0 - variant danger
          */
         this.variant = 'secondary';
         /**
@@ -21519,8 +21488,6 @@ class IconButton {
         this.type = 'button';
         /**
          * Loading button
-         *
-         * @since 2.0.0
          */
         this.loading = false;
     }
@@ -21568,7 +21535,7 @@ class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (hAsync(Host, { key: '6a8627c8e3e093bfb86d60748fcac8f7677b3463', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'be439ea407b8c736e014775fe209d99cb6663631' }, baseButtonProps))));
+        return (hAsync(Host, { key: '489506f8d42dfa6e8d851305ffa875b826f4bbe0', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'af5769a992a9f367c53b89abc51638e75da85bf0' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconButtonCss; }
@@ -21596,9 +21563,6 @@ class IconButton {
 
 const iconToggleButtonCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";
 
-/**
- * @since 2.0.0
- */
 class IconToggleButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -21682,7 +21646,7 @@ class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (hAsync(Host, { key: '4eaf3eebcdaddee356a4c0ab41de10ef47eb45a6', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '5d137a0c0c34cd940efb6be5ec02acde47e2a660' }, baseButtonProps))));
+        return (hAsync(Host, { key: 'c6ee50eeae6633065e5de88f97596caf8eb0e281', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '7d47806873919e9f74da8531c1fe2b087902c56f' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21720,7 +21684,7 @@ const inputCss = "input{font-feature-settings:\"clig\" off, \"liga\" off;font-fa
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -21732,8 +21696,7 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
 };
 let inputIds = 0;
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  * @slot start - Element will be displayed at the start of the input
  * @slot end - Element will be displayed at the end of the input
  */
@@ -21821,6 +21784,12 @@ class Input {
     getNativeInputElement() {
         return this.inputRef.waitForCurrent();
     }
+    /**
+     * Returns the validity state of the input field.
+     */
+    getValidityState() {
+        return Promise.resolve(this.inputRef.current.validity);
+    }
     /**
      * Focuses the input field
      */
@@ -21837,13 +21806,13 @@ class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (hAsync(Host, { key: 'e97028201512da11b9689b345c9fa798067eb763', class: {
+        return (hAsync(Host, { key: '48a3eeafce2c7449aac74866ce083b2985b788c3', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '922e59e33affd1e1fb0ddabad74adb65b91ed1a1', 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: 'a01046da7f1c0ef87780ef6535fc15941df56605', class: "input-wrapper" }, hAsync(SlotStart, { key: 'e35395215ee831413792f31d021d65b36106a002', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'ef08393ffd6f5715e9493bec32ee652177cf11fc', 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: '8890776f7c99b4e5432d2a7e02b61885ab1f1f40', 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: 'bb41666cc78347c3800d6efcf1912a450fc7e6e9', class: "input-wrapper" }, hAsync(SlotStart, { key: '3fafbeff30d7b3b0d7e22fc5ffc89f4ed3dfae86', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '312f25e4cd128d32f6ba3f4960b9a00d860d89e5', 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: 'a21e3d12f0525430e8898a9b979c1e038fd2a76f', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '1c45547f969085a5b484143c5f1b1de3d801696d', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: 'e1eb5730048cd5e21047c3656a4d37c3805ae757', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: 'ad393d7fd9acf7d5258e9e951e670abc99e19730', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password',
             }, ghost: true, icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -21852,7 +21821,7 @@ class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '8d699ee76f3b7be660c5b8bab57a9d18f6abb769', 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: '3be733d6e0c96577d5d24c16f88de24ec966d570', 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; }
@@ -21892,6 +21861,7 @@ class Input {
             "getAssociatedFormElement": [64],
             "hasValidValue": [64],
             "getNativeInputElement": [64],
+            "getValidityState": [64],
             "focusInput": [64],
             "isTouched": [64]
         },
@@ -21900,14 +21870,14 @@ class Input {
         "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"]]
     }; }
 }
-__decorate$6([
+__decorate$7([
     HookValidationLifecycle()
 ], Input.prototype, "updateClassMappings", null);
 
 const inputGroupCss = ":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.5rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.5rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .group-start ::slotted(*),:host(.disabled) .group-end ::slotted(*){opacity:0.4 !important}";
 
 /**
- * @deprecated since 3.0.0. Will be removed with 4.0.0.
+ * @deprecated Will be removed with 4.0.0
  * Use the 'ix-input' component instead
  */
 class InputGroup {
@@ -22025,7 +21995,7 @@ class InputGroup {
         return width;
     }
     render() {
-        return (hAsync(Host, { key: 'f911a9b30ed5788e3a2e81da5d935ccdc2bbfbbd', class: { disabled: this.disabled } }, hAsync("div", { key: '65d7c4134a794f46c89d7a8a55140ac515a9d27b', class: "group group-start" }, hAsync("slot", { key: '39bdf4ec556d693e34862bd058a4dfa25f93c82c', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '88a1331fdda64f4981cad520f93027740284ce4d' }), hAsync("div", { key: '7b6b3c4b1c365b3bcf0a60715c678fe973c17483', class: "group group-end" }, hAsync("slot", { key: 'a8f4717abc967a4a7fcebd261937ee3533ae344a', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (hAsync(Host, { key: '537177c9cb9a001815ac47742896143a163bf071', class: { disabled: this.disabled } }, hAsync("div", { key: '3b66c6d7b6b810d958de6c33fd508239b6caeac9', class: "group group-start" }, hAsync("slot", { key: '22ff48e13e858965b9565f1b9b1701ae71fc533c', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '9b017c4b47a6c814932ca744c977ede9b71940dd' }), hAsync("div", { key: '2f2deaf07fdc410bc205e1c5af19dcb491be660c', class: "group group-end" }, hAsync("slot", { key: 'fb30e0f0ddd98f9f2224c7413f7185f563dee966', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return inputGroupCss; }
@@ -22045,9 +22015,6 @@ class InputGroup {
 
 const actionCardCss = ":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";
 
-/**
- * @since 1.6.0
- */
 class IxActionCard {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -22065,7 +22032,7 @@ class IxActionCard {
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: '39a646f71db64b59ba53a54805663851a8f3e284' }, hAsync("ix-card", { key: 'e5eb68de78c4773d001bbabfc99f7bfbad374fe0', selected: this.selected, variant: this.variant, class: 'pointer' }, hAsync("ix-card-content", { key: '5da654e9f30859b19243fef30e5d60dc545a2463' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("div", { key: '8377281c7516efa2c0bd9dfce86b92aa01fb62f1' }, this.heading ? (hAsync("ix-typography", { format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5" }, this.subheading)) : null, hAsync("slot", { key: 'f56da3824a2f808dc547044ae87afce70e3673ef' }))))));
+        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' }))))));
     }
     static get style() { return actionCardCss; }
     static get cmpMeta() { return {
@@ -22086,9 +22053,6 @@ class IxActionCard {
 
 const typographyCss = ".typography-label,:host(.typography-label){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-xs,:host(.typography-label-xs){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-lg,:host(.typography-label-lg){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-xs,:host(.typography-body-xs){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-lg,:host(.typography-body-lg){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.h6,.typography-h6,:host(.typography-h6){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.h5,.typography-h5,:host(.typography-h5){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.h4,.typography-h4,:host(.typography-h4){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.h3,.typography-h3,:host(.typography-h3){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.h2,.typography-h2,:host(.typography-h2){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.h1,.typography-h1,:host(.typography-h1){font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:\"clig\" off, \"liga\" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:\"clig\" off, \"liga\" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:\"clig\" off, \"liga\" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}:host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.text-xs){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}:host(.text-s){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}:host(.text-default){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-default-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-l){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-l-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-h2){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}:host(.text-xl){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}";
 
-/**
- * @since 2.0.0
- */
 class IxTypography {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -22121,7 +22085,7 @@ class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (hAsync(Host, { key: '98b5d010c3167750cd167157c45a9305f382c19a', class: typographyClass, style: style }, hAsync("slot", { key: '01586058f3ff1bcd88bdc5044c102dd4b09569d3' })));
+        return (hAsync(Host, { key: 'faabb05682b1dd7817dc82aae7569fb57b6caa02', class: typographyClass, style: style }, hAsync("slot", { key: '62737116884ff4a52ad2484886f5b063d2702ece' })));
     }
     static get style() { return typographyCss; }
     static get cmpMeta() { return {
@@ -22143,8 +22107,6 @@ const keyValueCss = ":host(.keyValue){display:flex;flex-direction:row;align-item
 
 /**
  * @slot custom-value - Optional custom value at key value instead of text value
- *
- * @since 1.6.0
  */
 class KeyValue {
     constructor(hostRef) {
@@ -22155,7 +22117,7 @@ class KeyValue {
         this.labelPosition = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '56d07ea92ae483d5e01bd69b4062657df1e24dd6', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '1efbf65a72598d94983da8351dc30ec31098e5c5', name: this.icon, size: "24", class: "keyValue__icon" })), hAsync("div", { key: 'ad6c0511942410bceb233563c2abd44af22d53a2', class: "keyValue__content" }, hAsync("div", { key: '4a53d43ee6748c872ba908744b909af87fa9a618', class: "content__label" }, this.label), hAsync("div", { key: '6a92c9afbabc7cf22574d0302e2310a7178f2562', class: {
+        return (hAsync(Host, { key: '1ab3490faac180bfd075e133b0baa78c38c33599', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '385b4e87308b3bda4473c264b1d078bb47880c18', name: this.icon, size: "24", class: "keyValue__icon" })), hAsync("div", { key: '50bbdc9c086cd11f4332e23fd33c25d8dfdd8e63', class: "keyValue__content" }, hAsync("div", { key: 'a40ffc7c25fc36649711a433a8d5010342d61810', class: "content__label" }, this.label), hAsync("div", { key: '5de060584a67c5a64e8f624bdd5ea0f402a20a31', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -22178,9 +22140,6 @@ class KeyValue {
 
 const keyValueListCss = ":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";
 
-/**
- * @since 1.6.0
- */
 class KeyValueList {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -22190,7 +22149,7 @@ class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (hAsync(Host, { key: '7d8dd7871cd6618bc773f7d71feea75fa0506d8e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '1ad1d9d4acf4bdcbe766bb40583d4fe6e1fe60f3' })));
+        return (hAsync(Host, { key: 'fe4120265311e472df052701a5f91112d42f4fe6', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: 'f2cb23adc21136d36cf9c32bf1496a4aceaa9c3b' })));
     }
     static get style() { return keyValueListCss; }
     static get cmpMeta() { return {
@@ -22264,9 +22223,6 @@ class Kpi {
 
 const layoutAutoCss = ":host{display:block;position:relative;margin:0 0.75rem;--ix-layout-grid-gap:1.5rem}:host .container{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ix-layout-grid-gap)}:host ::slotted(*){flex-grow:0;flex-shrink:0}";
 
-/**
- * @since 2.6.0
- */
 class LayoutForm {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -22341,7 +22297,7 @@ class LayoutForm {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'cfde786f950ca8e64ba0fc633b62c36192440952' }, hAsync("div", { key: 'cb0bb901e9c3dea3af20c5d0a45f2ea1e97eefee', class: "container" }, hAsync("slot", { key: 'eca940d9947ebadc44a1f8eeaa03f1f8ce055ae4' }))));
+        return (hAsync(Host, { key: '1f8f84938e86f60299fab0e2a5bea7305165b82d' }, hAsync("div", { key: '4df4340902cbc0ec02ef07c9823a94a43039b6f5', class: "container" }, hAsync("slot", { key: '1af475b649df045f95d387129e659e85719dadda' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -22362,9 +22318,6 @@ class LayoutForm {
 
 const layoutGridCss = ":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";
 
-/**
- * @since 2.0.0
- */
 class LayoutGrid {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -22382,12 +22335,12 @@ class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (hAsync(Host, { key: '90429a1d956a697a73dd9c7263ada3507c558547', class: {
+        return (hAsync(Host, { key: 'd40e8aced8025bbe08dd872852003bcc29c03dac', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, hAsync("slot", { key: '34f4bb1ff2d8fd675df91798bfda5ce3d7075fa3' })));
+            } }, hAsync("slot", { key: 'cec24b350d29b7e30e73d408ad15887951f30184' })));
     }
     static get style() { return layoutGridCss; }
     static get cmpMeta() { return {
@@ -22406,9 +22359,6 @@ class LayoutGrid {
 
 const linkButtonCss = ".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled):hover .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button:not(.disabled):not(:disabled):active .link,:host .link-button:not(.disabled):not(:disabled).active .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
 
-/**
- * @since 2.0.0
- */
 class LinkButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -22424,13 +22374,13 @@ class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (hAsync(Host, { key: '8d558c6e3040a669a95973a11ec8aba725053937' }, hAsync("a", { key: '915bfd275ac021eec6f05929208df8856d937b65', title: this.url, tabindex: "0", class: {
+        return (hAsync(Host, { key: '0f76f75d757b7b90d5fc8c4552276e41b6428312' }, hAsync("a", { key: '48515c1d185900b72c62e938b86fcdf41532ab9c', 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: '216cbfcf435f2ac46c515f7721fc2bda9a0ebb9b', class: "icon", name: iconChevronRightSmall, size: "16" }), hAsync("div", { key: '523e74973932a089166f015fa76daa7d73bd653f', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: 'f3fc4f402c9245113fe85f05068ed8e1087c7f51', class: "icon", name: iconChevronRightSmall, size: "16" }), hAsync("div", { key: '38563a986bf32fd87f3029bba5ca4dde1bea67bf', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: 'a9c650e9b77d2bba0e60f78bd96c036f6fc02c7a' })))));
+            } }, hAsync("slot", { key: '9e305448f5b367db3c54fcab6522fbcb2d388c6c' })))));
     }
     static get style() { return linkButtonCss; }
     static get cmpMeta() { return {
@@ -22497,7 +22447,6 @@ class MapNavigation {
      * Change the visibility of the sidebar
      *
      * @param show new visibility state
-     * @since 1.6.0
      */
     async toggleSidebar(show) {
         if (show !== undefined) {
@@ -22598,11 +22547,11 @@ class MapNavigation {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '3e3241827aec837fdc348cf5d1213691f5780428' }, hAsync("slot", { key: '5bd3dae6dd41bd53eed1551c8398ca302bab573c', name: "menu" }), hAsync("div", { key: 'd6fb088fbedee4cd01cc83b8feedd5017f07060f', class: "map-nav" }, hAsync("div", { key: '0e777bcbf889c0a101f6c4e44363b4d176813d47', class: "map-nav-sidebar" }, hAsync("div", { key: '12de7debb9766ada7f0c5c26378d6cafab118cda', class: "map-nav-header" }, hAsync("ix-application-header", { key: '74c65d9fb6b7be6b522411509fa8a5a71afc2244', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: '3513d27e844f2f5c0ae2052d64fd8f3f9cea70a7', slot: "logo", name: "logo" }))), hAsync("div", { key: '3abae9f99b74404df5cd23f5d0b9715cbdd0b371', class: "map-nav-sidebar-content" }, hAsync("div", { key: '5f62402dc4f5c3743a3fd79d5160b9ab75b132c6', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '715c115bdf5178a311b04037005efc3230529b0c', 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: 'ea4894c17a372c76fc74680cddfd79a645391a76', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: 'bb86645cbf9f71c710f12f78b68858fab7bdd38d', name: "sidebar-content" })))), hAsync("div", { key: 'fbee95f2bac6e72acf639d4e788063e8cf36d528', class: "content" }, hAsync("div", { key: 'dbadf99583818d8f62866e5073caa53e09d97a74', class: {
+        return (hAsync(Host, { key: '86b303027d0bc3436690ab9a53be5f929a3e98c0' }, hAsync("slot", { key: '76fd7b86f876de37b7f82d4f3c4fc3d1c2772cb9', name: "menu" }), hAsync("div", { key: 'bce1a6bec7505a6f5616fdda27f7c4b5eec97d34', class: "map-nav" }, hAsync("div", { key: 'c4a57979251db5730c8e236313daea06d21aad60', class: "map-nav-sidebar" }, hAsync("div", { key: '5951cd2e9a57b02e5ed024051511f1b8535b2a67', class: "map-nav-header" }, hAsync("ix-application-header", { key: 'f2a18de8a2ed086b0872d69470431276dad54190', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: 'c2d62404affd9a3b0bc0ae19858d7a2deb2f2a21', slot: "logo", name: "logo" }))), hAsync("div", { key: 'f3fdec6225aefa7576d18937e4af6266c4ff5cb4', class: "map-nav-sidebar-content" }, hAsync("div", { key: 'a79157817ca415b33e5d0b3d19921ddf06195032', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '214b4a053bac581586ac2e31fd81c6b830aace41', 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: 'a5c3ffcfc3ac1bab6e348bb86f90269d0772741c', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '7e4db742cf074e15353294fe550e4173232f6f65', name: "sidebar-content" })))), hAsync("div", { key: '4b1ac28c5296879b2bd5150262d0950c4fa38bd6', class: "content" }, hAsync("div", { key: 'f137a4a85c8eabd754b069ca85164fc86ac11405', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, hAsync("slot", { key: '32fdf4eed811b0bc4b6f043ae98e16b05ed2e267', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: 'ef909703d699998939dc77a96c9e2cebae80f300' }, hAsync("slot", { key: '2dc6375d4004990560852d1e0497b6fe9ad6cbc6' }), hAsync("slot", { key: '4f6fc515a05d2ff8feceb0381ffa6d80ea46ae5a', name: "overlay" }))))));
+            } }, hAsync("slot", { key: '968a6f87d40d5f89b273065a020da8e09614c0ac', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '2a5a269b7f9677f897fe6c81374e963dbc79c7d6' }, hAsync("slot", { key: 'b91df811ab59da3a93d27c351cf7a5c50ca44f7f' }), hAsync("slot", { key: '30973907e9335d11781d2cfaac17f6c5d3092aed', name: "overlay" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return mapNavigationCss; }
@@ -22747,8 +22696,6 @@ class Menu {
         this.expand = false;
         /**
          *  If set the menu will be expanded initially. This will only take effect at the breakpoint 'lg'.
-         *
-         *  @since 2.2.0
          */
         this.startExpanded = false;
         /**
@@ -23139,44 +23086,44 @@ class Menu {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '399b24ede589bfad9528bea4392c9054b3d0461b', class: {
+        return (hAsync(Host, { key: '650164a77e7a09f6a7cde22aa1886e2919f539fe', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, hAsync("nav", { key: '90d7abe543d3626c562c97637f186227a07d8a80', class: {
+            }, slot: "menu" }, hAsync("nav", { key: '2ef8fc642f5fa12590c70834fce0d0755dae4df9', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, hAsync("div", { key: '73c45171a05831f52ec82f67212c00e22445643d', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'a60fed4a2191b18903a1bb3a1805e67eda925a00', 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: 'eeac468e4edf2bc90d52e5f6c1b5ec33b673400d', onClick: () => {
+            } }, hAsync("div", { key: 'b9c8b63f54d33243bb2d863a7d399f723296e03d', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '6ebfb8c0c7f662b0186d7ca519f9a85ada839c42', 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: 'b5104d73c83bdcdd159a8c1bfe2e304221934f65', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, ghost: true }))), hAsync("div", { key: '14b0349a9f7fd7fb92dffd69d0ce2882e627d29e', id: "menu-tabs", style: {
+            }, icon: iconApps, ghost: true }))), hAsync("div", { key: 'f2680bb0281da2d5ceb6cbfbbc40baf1eafbb4ae', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'dca30d5bf98b83e776fafe7708586a204bbd5de1', class: "tabs-shadow-container" }, hAsync("div", { key: 'cb243ca034e6612dad9107a9f53d22e833bee9a3', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '9daceab8d810b2671805fcdb213944719704ea68', class: "tabs-shadow-container" }, hAsync("div", { key: '0b45dc060f10698a8ff196c4a57f1c429e68067f', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), hAsync("div", { key: '997a2f8f8762c25d0e92f223f119af436e6fd4b7', class: {
+            } }), hAsync("div", { key: 'b49d5755eeb03be99dc66877bca949d4248731fe', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '8685278d96b4afce9e68fe780907c1385ad3e730', class: "menu-avatar" }, hAsync("slot", { key: '9d8b09624ae560118a5677c3978d24364b988319', name: "ix-menu-avatar" })), hAsync("slot", { key: 'd0098a9a68369713a02e4118ed10abed5fbd64f3', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '031fe38db543f6661dd6e950825ecd311752c2bd', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'a7a223f13b0277243b5ffe876ada6dc40c93a323', class: "menu-avatar" }, hAsync("slot", { key: 'f2c0cb7167d80de7a942815f1ef256e10c990320', name: "ix-menu-avatar" })), hAsync("slot", { key: 'f5910904de6a0f4028baedd528a81ec16931a6a7', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'f5a57d190a8d5657aaebcc06dc5f452347886710', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), hAsync("div", { key: 'c02ca069adbc019601db85ba560c303209fc2e3a', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), hAsync("div", { key: '8fcf9b0a984596b72bbf4c3b91cd2e27ed57253e', 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: '017d2aff04ec6763938d344c18293dccbff99356', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: 'a224710759e1a84f500b50497ff0cf442f656ae3', name: "bottom" })), hAsync("div", { key: 'ea74cad15c8c3aaff02c7230a9d8298212e2b05a', 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: '9e3a3a85ebb22fd46e7f9bf92f0acd5c6495c7ba', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '4e8f72485d82247ecb304a1a4ae80c28c0384ac9', name: "bottom" })), hAsync("div", { key: '02951c7908b3f9e2a59349b6a8ed1aed19ca7107', 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: '04b30df0d35054be5ef65d8fab91a6b92c225fb9', 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: '7a0ce4f3b2e926c02d29663fb143af90939d9516', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, hAsync("div", { key: '95534ab84a9e2f3d30a1be08b2dd45b4d526a844', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '3d4f4bf7ef1debe0e46b00740298fb6519900acd', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
+            } }, hAsync("div", { key: '727628ba3d30f395e0d27a1d1f095c561ae5265d', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '953cb3d35ad5f60a8db131ee5131c403bf05900c', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23485,12 +23432,10 @@ class MenuAvatar {
         this.i18nLogout = 'Logout';
         /**
          *  Control the visibility of the logout button
-         *  @since 2.1.0
          */
         this.showLogoutButton = true;
         /**
          * Control the visibility of the dropdown menu
-         * @since 2.1.0
          */
         this.showContextMenu = false;
         this.avatarElementId = 'ix-menu-avatar-id';
@@ -23504,9 +23449,9 @@ class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '3bcb9db9a5f7b6e2b949a1b78d31ac4307d55a21', slot: "ix-menu-avatar" }, hAsync("button", { key: '997f2a3ca9f419eb8618b7baecea9487fee4353a', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '9f16020bf51db6289cdda6ec9f9576d5d1e0f30a', image: this.image, initials: this.initials }), hAsync("div", { key: 'bb5bc3adb3b7ec2973e2212fc913423ae69d2796', class: "avatar-name" }, hAsync("span", { key: 'efa4a3e92895392a7618db2f124228bb785717ae', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'eff8ba846915852b97771f1610f62450496f8c33', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '51e2c74f032ef5960aa1b3491728545bd3d88557', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (hAsync(Host, { key: '0de17572a27311bdac05540ef99db83d45805f75', slot: "ix-menu-avatar" }, hAsync("button", { key: '92f5318a7f2d858eb2c5de56dc2fb936e89287ec', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '467817b892981995dad63306d86a37c319667677', image: this.image, initials: this.initials }), hAsync("div", { key: '25339aa123e84ed37d4d6733c571a4b9c542b3b0', class: "avatar-name" }, hAsync("span", { key: 'b4be6b9c6821461b2c01679ed5343dc233441b7c', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '1beaa9327403d4d8a5da0ca6a9ec0e546ee2172e', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: 'd5fcd99be86d4d13dad176354bfb7d8ba516c269', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
                 mainAxis: 16,
-            } }, hAsync("slot", { key: '28605745ab13750eba6842c78e42fac4ac705a51', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, hAsync("slot", { key: 'dd3580e96699f31becd4c16705ee4275960c1442', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })) : null)));
     }
@@ -23595,9 +23540,6 @@ const menuCategoryCss = ":host{display:flex;flex-direction:column;position:relat
 
 const DefaultIxMenuItemHeight = 40;
 const DefaultAnimationTimeout = 150;
-/**
- * @since 2.0.0
- */
 class MenuCategory {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -23741,7 +23683,7 @@ class MenuCategory {
         }
     }
     render() {
-        return (hAsync(Host, { key: '571bcfb41185abbb0507273605c92c808c6d5153', class: {
+        return (hAsync(Host, { key: 'd72ef297d80ee26065129e05a4ce8327892efd93', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -23750,14 +23692,14 @@ class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, hAsync("ix-menu-item", { key: '8bccb98e2774f6ab46fa42ef6ef349464940dd2f', 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: '6b292422fa8e7ffb5fe572bef0ed94d89d2c9e15', class: "category" }, hAsync("div", { key: '6c2ff8cf81035e13dcdbc0e450a99fb6397951c8', class: "category-text" }, this.label), hAsync("ix-icon", { key: '8f2e7518ab754635fbadd82d54b93e441917ce7a', name: iconChevronDownSmall, class: {
+            } }, hAsync("ix-menu-item", { key: 'fa772d59cc0dbbf554287fdd351b650288c8253d', 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: '746cbb90fbec01530029523a49a9f0192086d701', class: "category" }, hAsync("div", { key: '201db5723f9e97b8e2c98f39ea7afc4480856528', class: "category-text" }, this.label), hAsync("ix-icon", { key: '5968ee754cc97aaf4947a003bf0536c09e9a156a', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), hAsync("div", { key: 'b2f01026fcd4893f9b43ee83144f4e978f805358', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), hAsync("div", { key: '26894105c6d8355c957e30ab622658570aa62daf', 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: '5c07087f31baea26b2d7f170e9166f7758f59c0a', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '708a0e2a15b0c67612981c84c8b854a95289a7c6', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -23770,7 +23712,7 @@ class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, hAsync("ix-dropdown-item", { key: '58082df65e185ce432b3d901c4c62894bd594790', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: 'a0effbd7404653428b6197652943b7a6be2cd82f', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '52a6bd0499b16717a27dc189f170fc1f7d91043a' }), hAsync("slot", { key: '67e00f22fc9ae4cde06408c87357483666201723' }))));
+            } }, hAsync("ix-dropdown-item", { key: '7a95a0c12b475aae1842ddabf1bb0c8e1bbfd8b0', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: 'ed99df5df58194920ea6389ebc1db8cf1df80676', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '665617271f5a9864d9b98756f484a414f2eac4fe' }), hAsync("slot", { key: 'a61911819a98287b91e4d37b12799148c5a51adf' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuCategoryCss; }
@@ -23928,15 +23870,15 @@ class MenuItem {
                 slot: 'bottom',
             };
         }
-        return (hAsync(Host, Object.assign({ key: '338303e3fa74e42da6937c88c76aa8ae967c28cd', class: {
+        return (hAsync(Host, Object.assign({ key: '7f8f0ba3e7531f61372620595c711a1b615b0aca', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
                 active: this.active,
                 'tab-nested': this.isHostedInsideCategory,
-            } }, extendedAttributes), hAsync("button", { key: 'c171aa4703864f4a8eab96e85c959292669d5e9a', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, this.icon && hAsync("ix-icon", { key: 'd09d3827395b46f368d26b9a81d9da764fdaf5cb', class: 'tab-icon', name: this.icon }), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: 'f9d95782c3e509252c03dcc771001ffeb9fac768', class: "tab-text text-default" }, this.label, hAsync("slot", { key: '57546e469c63601edce1d37ba552bae4b6969179' }))), !this.isCategory &&
+            } }, extendedAttributes), hAsync("button", { key: '9209b663ca49398c8329ec08ac692b00503ec31c', class: "tab", tabIndex: this.disabled ? -1 : 0, ref: this.buttonRef }, this.icon && hAsync("ix-icon", { key: '00945ff44564bfac670ec600c2b1333207f100b2', class: 'tab-icon', name: this.icon }), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: 'f338c56836e86831fbdbc5ce38c4435e9f46c372', class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'bad7031b601bd0bbd1080467163a565cd3d1115a' }))), !this.isCategory &&
             !this.isHostedInsideCategory &&
-            !this.menuExpanded && (hAsync("ix-tooltip", { key: 'c4a895fca8ba28f9a6f78596c9a32b66ca67f4bc', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
+            !this.menuExpanded && (hAsync("ix-tooltip", { key: '38a95e7ab53b1e56d6552ecdf18f8c7121ab5393', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24101,7 +24043,7 @@ function waitForElement(selector, doc, timeout = 3000) {
 
 const modalCss = "::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host dialog::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}:host .modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(\n    var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n  );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}";
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -24119,8 +24061,6 @@ class Modal {
         this.ariaAttributes = {};
         /**
          * Modal size
-         *
-         * @since 2.0.0
          */
         this.size = '360';
         /**
@@ -24133,8 +24073,6 @@ class Modal {
         this.backdrop = true;
         /**
          * Dismiss modal on backdrop click
-         *
-         * @since 2.0.0
          */
         this.closeOnBackdropClick = false;
         /**
@@ -24256,17 +24194,17 @@ class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: '2eb4265e1340e363f2fad727ce537166e871c455', class: {
+        return (hAsync(Host, { key: '8bf7dadc21c46f7ad2af8d728257fb572aaa614f', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.backdrop === false,
                 'align-center': this.centered,
-            } }, hAsync("div", { key: '0ad32150a4e68a653531d20124fef022c348570f', class: "dialog-backdrop" }, hAsync("dialog", { key: '424c214d86b57d7001e4af7bd3894bf5024cc94c', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, hAsync("div", { key: '22c82008401768f85dec8069cf55c85606fee12a', class: "dialog-backdrop" }, hAsync("dialog", { key: 'da673a81fb039edb081c84a773e496e2c092ac94', "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: '4aa40b5224d791540c8a62f6412bb8b60ce0482c' })))));
+            } }, hAsync("slot", { key: 'abe789efb65c59b3a09835e80302f21d8d306c95' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return modalCss; }
@@ -24291,21 +24229,18 @@ class Modal {
         "$attrsToReflect$": []
     }; }
 }
-__decorate$5([
+__decorate$6([
     OnListener('keydown', (self) => !self.closeOnEscape)
 ], Modal.prototype, "onKey", null);
 
 const modalContentCss = ":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
 
-/**
- * @since 2.0.0
- */
 class ModalContent {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '966dfdf390ee974c55f0a1c05e63b1b0480826ad' }, hAsync("slot", { key: 'ef9e15cdce6192604d87cafc83caad2b73e820d9' })));
+        return (hAsync(Host, { key: '7edd09743946f8a9762ccaaec9fa578484030d25' }, hAsync("slot", { key: 'a35310fa981a3cff9997b26fa3bf1563f433a68b' })));
     }
     static get style() { return modalContentCss; }
     static get cmpMeta() { return {
@@ -24320,15 +24255,12 @@ class ModalContent {
 
 const modalFooterCss = ":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";
 
-/**
- * @since 2.0.0
- */
 class ModalFooter {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'b496e182f94cc4616cb39bc2df97ca4ac143d962' }, hAsync("slot", { key: 'b555ce404e2e8a950e4db1011267e60a5f5a4740' })));
+        return (hAsync(Host, { key: 'd7d9f3a59d96c4f31c601daef5895a360bdd7d24' }, hAsync("slot", { key: '3ae29be9862f27ef3b903ea8005d0143e1925273' })));
     }
     static get style() { return modalFooterCss; }
     static get cmpMeta() { return {
@@ -24343,9 +24275,6 @@ class ModalFooter {
 
 const modalHeaderCss = ":host{display:flex;padding:0.5rem 0 0.5rem 0.5rem;align-items:center;gap:1rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .modal-title{flex-grow:1}:host .modal-close{align-self:flex-start}";
 
-/**
- * @since 2.0.0
- */
 class ModalHeader {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -24377,7 +24306,7 @@ class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (hAsync(Host, { key: '6b75c891d3e4d19ce6f8692e73d1aa03c04b0cc4' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, hAsync("div", { key: '34e9e7683b1c4b9c800442c6b587cb2a6e58349e', class: "modal-title" }, hAsync("ix-typography", { key: 'f98c534d57ecebaa2201e3cfbaa697e42b728774', format: "h5" }, hAsync("slot", { key: 'bd2904a4745d9e695d4e91aef8225a268a8ee2b5' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), ghost: true, icon: iconClose })) : null));
+        return (hAsync(Host, { key: '8d12f1f002e629c7bc9dcb8f3f180ed8fbd05576' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32" })) : null, hAsync("div", { key: 'bf436c6d673ba42f5127e9ab1091db07e92a822f', class: "modal-title" }, hAsync("ix-typography", { key: 'ceb4dc571d30b41a6e7182ea5d6e44f6815e8739', format: "h5" }, hAsync("slot", { key: '0edf144a78d450993f1aec96842b45e2a8dc38a8' }))), !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 {
@@ -24431,7 +24360,7 @@ const numberInputCss = "input{font-feature-settings:\"clig\" off, \"liga\" off;f
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -24443,8 +24372,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 };
 let numberInputIds = 0;
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  * @slot start - Element will be displayed at the start of the input
  * @slot end - Element will be displayed at the end of the input
  */
@@ -24514,8 +24442,12 @@ class NumberInput {
         return this.formInternals.form;
     }
     /** @internal */
-    hasValidValue() {
-        return Promise.resolve(!!this.value);
+    async hasValidValue() {
+        const nativeInput = await this.getNativeInputElement();
+        if (nativeInput.value === '') {
+            return Promise.resolve(false);
+        }
+        return Promise.resolve(this.value !== null && this.value !== undefined && !isNaN(this.value));
     }
     /**
      * Returns the native input element used under the hood
@@ -24538,19 +24470,19 @@ class NumberInput {
     }
     render() {
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (hAsync(Host, { key: 'd4634b3d7387e9403d4096dad8b64cdf86ddc0b2', class: {
+        return (hAsync(Host, { key: 'ef8acf686290210f136f6915caaf93519742a5c6', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'ca8e3d7619f510b33ceca78b34babae22c8a5c2d', 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: '601c1efa7d76fccf3b0531ba5838dff6ac9ef988', class: {
+            } }, hAsync("ix-field-wrapper", { key: 'fb332a250f3b89cd9ba913ce0d73ae769e1f7d11', 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: 'f75e95a23010f6227413ef8f3e845f881526feb2', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, hAsync(SlotStart, { key: '6227a18e452b881a6f0105371903db926de6be97', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'b1cf7b50b9081d242886b5c8e8fd17ec18af632e', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, 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: '35361c9e391c2b2fcf47115ede6f7e66cfff7e3a', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '2c9255c6d904488f2969723bada4d5ce4164b44f', 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: 'ac36b5e13529d3289ead6bfe3a0df8a8a01968d3', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '2945f7bb4991960113e0b546fafb350840118fd0', class: {
+            } }), hAsync(SlotEnd, { key: '5574b0ab18e81036f16c89c4b1bd84f1ae636385', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '8e78f12da4ea4130333542bf49f238b02a7d808e', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, hAsync("ix-icon-button", { key: '87d23accd5a945e28ce9e327eaee2a3eaccd42a7', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", onClick: () => {
+            } }, hAsync("ix-icon-button", { key: 'd44b7b3032860d9590bc22ef582fc4b8406a7ac0', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -24558,7 +24490,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: '8f1a862f4ef4a87593fb24cf1d1d993c85f3855e', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", onClick: () => {
+            } }), hAsync("ix-icon-button", { key: 'f862e0c47f85486018eace274092f8eab9ff029d', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -24593,6 +24525,7 @@ class NumberInput {
             "max": [8],
             "allowedCharactersPattern": [1, "allowed-characters-pattern"],
             "showStepperButtons": [4, "show-stepper-buttons"],
+            "step": [8],
             "isInvalid": [32],
             "isValid": [32],
             "isInfo": [32],
@@ -24609,15 +24542,12 @@ class NumberInput {
         "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"]]
     }; }
 }
-__decorate$4([
+__decorate$5([
     HookValidationLifecycle()
 ], NumberInput.prototype, "updateClassMappings", null);
 
 const paginationCss = ".ix-form-control,.ix-form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]{text-align:right}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host,:host .advanced-pagination,:host .item-count{display:inline-flex;align-items:center}:host .basic-pagination{padding:0 0.125rem}:host .advanced-pagination{padding:0 0.75rem}:host .page-selection{width:4.125rem;text-align:center;margin:0 0.5rem;-moz-appearance:textfield;-webkit-appearance:textfield}:host .page-buttons{white-space:nowrap}:host .total-count{white-space:nowrap}:host .item-count{flex-grow:1;justify-content:flex-end;margin-inline-start:1.5rem}:host .item-count ix-select{width:4.5rem;margin-inline-start:1.5rem}:host button{width:auto;min-width:2rem;height:2rem;padding:0 0.5rem}:host button+button{margin-inline-start:0.125rem}";
 
-/**
- * @since 1.5.0
- */
 class Pagination {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -24760,13 +24690,13 @@ class Pagination {
         return hAsync("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (hAsync(Host, { key: '496bf848a39c020780a071e470b4f4bed1798282' }, hAsync("ix-icon-button", { key: '31c7be256d5f08d99053330c2cdab6448877f84c', 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: 'ab4b74aee5de4a24fe29c8f2d1794e8aba8296e3' }, hAsync("ix-icon-button", { key: '63ffdbc380a049faa31a03b1219fc3a08886daeb', 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: '5c276d3ad4933665283d2f3c941daccb9b91cafb', 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: 'ded752d23bc14a681a7eb607b85f5f5779c5e08a', 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" })))) : ('')));
@@ -24794,9 +24724,6 @@ class Pagination {
 
 const paneCss = ":host{background-color:var(--theme-color-2);display:flex;position:relative;overflow:hidden;box-sizing:border-box}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host(.not-visible){display:none}:host(.inline-color){background-color:var(--theme-color-1)}:host(.box-shadow){box-shadow:0 0 1rem black}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";
 
-/**
- * @since 2.1.0
- */
 class Pane {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -25225,7 +25152,7 @@ class Pane {
         }
     }
     render() {
-        return (hAsync(Host, { key: '48aefc1145058d559cb713356c94b112f9b6c236', class: {
+        return (hAsync(Host, { key: 'ef23679a524b6ef0920ed74618700e39d332698d', class: {
                 'inline-color': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
                 'top-expanded': this.expanded && this.isMobileTop && this.isMobile,
@@ -25250,26 +25177,26 @@ class Pane {
                 'box-shadow': this.floating,
                 'aria-expanded': this.expanded,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            } }, hAsync("aside", { key: '373c760c22f98edff6f27e3c6c161d2c1d90c527', id: `pane-${this.composition}`, class: {
+            } }, hAsync("aside", { key: '836145f46f598131cd0f7d48e1870b2b3fe56436', 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: '2fcbd2bc94f9c3e518e41ce42be7d8c56daa91b4', id: "title-div", class: {
+            } }, hAsync("div", { key: '5a74c72e36309bb8dd5c0ec4b34a61a97c6499c2', 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: 'cbb99e9885a41c88a66d839c45d4f67f37d37f80', class: "title-icon", size: "24", icon: this.expanded
+            } }, hAsync("ix-icon-button", { key: '58d5341a003c95577340aba395ad373cd47448e6', 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: 'edc04216716b06e9c13dbf94500225e71099e6d5', class: {
+                : this.minimizeIcon, ghost: true, onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}` }), hAsync("span", { key: '50bc7296628c1f82932f4e59c6ff4438f7c911a3', 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: '2a1f686a93e3aee1b4374405df12b79c9b5f787b', class: "title-text-overflow" }, hAsync("ix-typography", { key: 'b0a42df1078d4360d2058262ac07551220fed513', format: "h4" }, this.heading)))), hAsync("div", { key: '5c4f24e9e0dee32bfb1d5502f487fdaf6b4c9859', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: 'f28c9aa0dde2a4d14cf16f0849ec31025a80c37b' })))));
+            } }, this.icon ? (hAsync("ix-icon", { size: "24", name: this.icon })) : null, hAsync("div", { key: '1d2017fad228bba526a69bb943ac139611e0fa9f', class: "title-text-overflow" }, hAsync("ix-typography", { key: 'd92fabb3423abb36c474fc9342cb792dfcd1c162', format: "h4" }, this.heading)))), hAsync("div", { key: 'ebc766b4b3010f6c0f93177e7fb71f002bbe0dfb', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: 'bbf3740942b66907306b07b97fc396b0eb98a50d' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25316,9 +25243,6 @@ Pane.collapsedPaneMobile = '48px';
 
 const paneLayoutCss = ":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";
 
-/**
- * @since 2.1.0
- */
 class Panes {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -25545,7 +25469,7 @@ class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (hAsync(Host, { key: '42424752e70401984bd2a5d42b22128f956ab320' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
+        return (hAsync(Host, { key: 'ffc6ae7ffe03045aacc0ac08ea5edde835e2de78' }, !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'),
@@ -25701,9 +25625,6 @@ class Pill {
 
 const pushCardCss = ":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";
 
-/**
- * @since 1.6.0
- */
 class PushCard {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -25713,13 +25634,12 @@ class PushCard {
         this.variant = 'outline';
         /**
          * Collapse the card
-         * @since 2.1.0
          */
         this.collapse = true;
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '729eb7aa95e11b35f41a8fbb3257f2d430022e43' }, hAsync("ix-card", { key: '0ba1030c9440bb5e90190f532bb303ae6e6598b1', variant: this.variant }, hAsync("ix-card-content", { key: '30425a6f9279103ea821f031ad6f41bbc9942185' }, hAsync("ix-card-title", { key: '7aa2d8165b766d32cb4b8ecdf232502c91300a4a' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("span", { key: 'b73e8e8ead6c6a54bfbab5f8a71338a2b9e278a6', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '848b45aac86c3a48e673300ff377b595caf7e678', name: "title-action" })), hAsync("ix-typography", { key: '69f3127aa6fb433d503b302ea8ecccde980dc23b', format: "h4" }, this.heading), hAsync("ix-typography", { key: '19518c77b67d53fd71f060627ae6c49527639bfb' }, this.subheading)), hAsync("ix-card-accordion", { key: '54d7cdf97845183ef112afdc83089f2cdc8e82bf', collapse: this.collapse }, hAsync("slot", { key: '648f716ecf8be35f43746d453780a5a2a0e12ae7' })))));
+        return (hAsync(Host, { key: 'd27788bf4203057ec2b8a0cd884b32f47cb347ad' }, hAsync("ix-card", { key: '71e357c1619e349d63c9b43b74fe3e70025702ad', variant: this.variant }, hAsync("ix-card-content", { key: '9bc8bf53d42a234c821eae26bfe2ceffacda1ea7' }, hAsync("ix-card-title", { key: 'c37298a3f034a6a51aa264ae75fe659cedc46bac' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("span", { key: '56cef0aa0e632242a7172b30057b7f63e81335f6', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'f5e061cc94e088a405f809d117b655718711d95d', name: "title-action" })), hAsync("ix-typography", { key: 'ee4e40fcf9e547c87b26cb3f5540ca5b5be8c2d8', format: "h4" }, this.heading), hAsync("ix-typography", { key: '05e9464aed2f5887e6e3809da886deb8c208f26c' }, this.subheading)), hAsync("ix-card-accordion", { key: 'cc109b735b6cf16a69ac449430eb3ed346b25c7b', collapse: this.collapse }, hAsync("slot", { key: '8536131544ad57b5d5be00f48cabc51362abc989' })))));
     }
     static get style() { return pushCardCss; }
     static get cmpMeta() { return {
@@ -25742,14 +25662,14 @@ class PushCard {
 const radioCss = ":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px;margin-right:0.5rem}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}:host input[type=radio]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) button,:host([indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) button,:host([indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) button,:host([indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host([indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}ix-typography{margin-top:0.125rem}:host(.ix-info:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--info);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--info--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--info--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--info);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--info--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--info--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--info);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--info--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--info--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--info);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--info--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--info--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--info);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--info--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--info--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--info);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--info--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--info--active)}:host(.ix-info) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--warning);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--warning--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--warning--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--warning);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--warning--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--warning--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--warning);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--warning--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--warning--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--warning);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--warning--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--warning--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--warning);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--warning--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--warning--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--warning);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--warning--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--warning--active)}:host(.ix-warning) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid--required) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";
 
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  */
 class Radio {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.checkedChange = createEvent(this, "checkedChange", 7);
         this.valueChange = createEvent(this, "valueChange", 7);
+        this.ixBlur = createEvent(this, "ixBlur", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.formInternals = hostRef.$hostElement$["s-ei"];
         }
@@ -25766,8 +25686,10 @@ class Radio {
          */
         this.checked = false;
         /**
-         * Single radio cannot be required
-         * */
+         * Requires the radio component and its group to be checked for the form to be submittable
+         *
+         * @since 3.0.0
+         */
         this.required = false;
         this.inputRef = makeRef((radiobuttonRef) => {
             radiobuttonRef.checked = this.checked;
@@ -25791,6 +25713,19 @@ class Radio {
     onValueChange() {
         this.valueChange.emit(this.value);
     }
+    connectedCallback() {
+        const parent = this.hostElement.closest('ix-radio-group');
+        if (parent) {
+            this.classMutationObserver = createClassMutationObserver(parent, () => {
+                this.hostElement.classList.toggle('ix-invalid--required', parent.classList.contains('ix-invalid--required'));
+            });
+        }
+    }
+    disconnectedCallback() {
+        if (this.classMutationObserver) {
+            this.classMutationObserver.destroy();
+        }
+    }
     componentWillLoad() {
         this.updateFormInternalValue();
     }
@@ -25812,17 +25747,17 @@ class Radio {
         return Promise.resolve(this.formInternals.form);
     }
     render() {
-        return (hAsync(Host, { key: '104c0e841b0efdc9dbeda3bb6faa0ac1e6fcff37', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
+        return (hAsync(Host, { key: 'e49795a12ee614091e288edead7f842d892c6ae1', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, hAsync("label", { key: 'd954fd4fc1af2f3160a545f50838a9cc9962cf68' }, hAsync("input", { key: 'c1a47c6fa4262aabc296bf9a77b4a2e13eccf47b', "aria-checked": a11yBoolean(this.checked), disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "radio", onChange: () => {
+            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '336bb07623eabcc32f2e074f53b0583418e549af' }, hAsync("input", { key: 'f14f476a25b4b6016c305f6602a2bd6566964eb3', "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: '475c1a6f7a61d3cefacc83e719a53ee5695b316a', disabled: this.disabled, class: {
+            } }), hAsync("button", { key: '62a18813a23df2b6ecd7d2b0d4b7ec3d34e2ebb5', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: 'a408a279ae88ff6c4504df59649b95a27e720b64', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } })), hAsync("ix-typography", { key: '44aa6d54d72700c4a5ce8de88fa970b66fc6c343', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'cb45153ff3ea8da5b61c7f95e46fd04d51965644' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: '31b7b63134c50640a12a39ebc78a7d555cefbe34', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } })), hAsync("ix-typography", { key: '95c4c01749ad136fb93bc49b19fa1d4526525f6b', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'ee9a61d6f99dd163c3dc6135f5275f6167db9f9b' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -25840,18 +25775,19 @@ class Radio {
             "label": [1],
             "disabled": [4],
             "checked": [1540],
+            "required": [516],
             "hasValidValue": [64],
             "getAssociatedFormElement": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["name", "name"], ["value", "value"], ["checked", "checked"]]
+        "$attrsToReflect$": [["name", "name"], ["value", "value"], ["checked", "checked"], ["required", "required"]]
     }; }
 }
 
 const radioGroupCss = ":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -25862,8 +25798,7 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  */
 class RadiobuttonGroup {
     constructor(hostRef) {
@@ -25873,12 +25808,21 @@ class RadiobuttonGroup {
          * Alignment of the radio buttons in the group
          */
         this.direction = 'column';
+        /**
+         * Required state of the checkbox component
+         *
+         * @internal
+         */
+        this.required = false;
         this.isInvalid = false;
         this.isValid = false;
         this.isInfo = false;
         this.isWarning = false;
+        this.touched = false;
+        this.groupRef = makeRef();
         this.observer = new MutationObserver(() => {
             this.ensureOnlyLastRadioChecked();
+            this.hasNestedRequiredRadio();
         });
     }
     get radiobuttonElements() {
@@ -25889,12 +25833,13 @@ class RadiobuttonGroup {
             childList: true,
             subtree: true,
             attributes: true,
-            attributeFilter: ['checked'],
+            attributeFilter: ['checked', 'required'],
         });
     }
     componentWillLoad() {
         this.selectInitialValue();
         this.ensureOnlyLastRadioChecked();
+        this.hasNestedRequiredRadio();
     }
     disconnectedCallback() {
         if (this.observer) {
@@ -25918,7 +25863,11 @@ class RadiobuttonGroup {
             radio.checked = false;
         });
     }
+    hasNestedRequiredRadio() {
+        this.required = this.radiobuttonElements.some((radiobutton) => radiobutton.required);
+    }
     onValueChangeHandler(newValue) {
+        this.touched = true;
         this.radiobuttonElements.forEach((radiobutton) => {
             radiobutton.checked = radiobutton.value === newValue;
         });
@@ -25933,17 +25882,25 @@ class RadiobuttonGroup {
             this.valueChange.emit(radiobutton.value);
         });
     }
-    onClassField({ isInvalid, isInfo, isValid, isWarning }) {
-        this.isInvalid = isInvalid;
+    onClassField({ isInvalid, isInfo, isValid, isWarning, isInvalidByRequired, }) {
+        this.isInvalid = isInvalid || isInvalidByRequired;
         this.isInfo = isInfo;
         this.isValid = isValid;
         this.isWarning = isWarning;
     }
+    /** @internal */
+    hasValidValue() {
+        return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll('ix-radio')).find((radio) => radio.checked));
+    }
+    /** @internal */
+    isTouched() {
+        return Promise.resolve(this.touched);
+    }
     render() {
-        return (hAsync(Host, { key: 'cd598d36a86107d79eccf16bd0b4ca4f69c301f4' }, hAsync("ix-field-wrapper", { key: '90d159cb14dc5d4329421ed75ae06569230aa704', 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 }, hAsync("div", { key: '1729d3d1a216b3d96c4422f5e5098226c04aa902', class: {
+        return (hAsync(Host, { key: '82f7344f3c62f6d3edab91ab97575a353349409d', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: 'c820bb3ca72f60391ad8607466d5c129792c811a', 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: '7df5d5acb15bc90da19687c95033b187f74238c6', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: 'd416793b6d3b0369a10b3e0797090f7c0bd35c32' })))));
+            } }, hAsync("slot", { key: 'abb7dd22d12f81ec87c816d68b368c5485ccb821' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25963,17 +25920,20 @@ class RadiobuttonGroup {
             "validText": [1, "valid-text"],
             "showTextAsTooltip": [4, "show-text-as-tooltip"],
             "direction": [1],
+            "required": [4],
             "isInvalid": [32],
             "isValid": [32],
             "isInfo": [32],
-            "isWarning": [32]
+            "isWarning": [32],
+            "hasValidValue": [64],
+            "isTouched": [64]
         },
         "$listeners$": [[0, "checkedChange", "onCheckedChangeHandler"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
 }
-__decorate$3([
+__decorate$4([
     HookValidationLifecycle({
         includeChildren: true,
     })
@@ -25981,15 +25941,12 @@ __decorate$3([
 
 const rowCss = ":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";
 
-/**
- * @since 2.0.0
- */
 class Row {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '80ca71d97810db517f4b4f7992449b19c6337076' }, hAsync("slot", { key: '1bae8e11e1ca4a4625b17489110e460a5cfe5002' })));
+        return (hAsync(Host, { key: 'd196cf5b6609b66fd1d8e60175373e6463faec5c' }, hAsync("slot", { key: 'cd5208fe0e779fb69579e8f9bbc1af21572d8bbc' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -26012,7 +25969,7 @@ const selectCss = ":host{display:inline-block;position:relative;min-height:2rem;
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -26023,7 +25980,7 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @form-ready 2.6.0
+ * @form-ready
  */
 class Select {
     constructor(hostRef) {
@@ -26041,14 +25998,11 @@ class Select {
         }
         /**
          * A Boolean attribute indicating that an option with a non-empty string value must be selected
-         *
-         * @since 2.6.0
          */
         this.required = false;
         /**
          * Current selected value.
          * This corresponds to the value property of ix-select-items
-         * @since 2.0.0
          */
         this.value = [];
         /**
@@ -26085,14 +26039,10 @@ class Select {
         this.i18nSelectListHeader = 'Select an option';
         /**
          * Information inside of dropdown if no items where found with current filter text
-         *
-         * @since 1.5.0
          */
         this.i18nNoMatches = 'No matches';
         /**
          * Hide list header
-         *
-         * @since 1.5.0
          */
         this.hideListHeader = false;
         this.dropdownShow = false;
@@ -26576,9 +26526,9 @@ class Select {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: 'fe5a9d201aa6fa9bae2f5cb24057bf161d545d10', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (hAsync(Host, { key: '9c96e0484bd918417dcbfde85e300e81ee76ff14', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, hAsync("ix-field-wrapper", { key: 'c28aa0804523d6a799c055899194a62e05dcd1a5', 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: 'fa78c9596e67642237ccf2bf027f3a4450b2cccb', class: {
+            } }, hAsync("ix-field-wrapper", { key: '2361bfc2f09908d32ee86ffea1ad3e03e0b0e35e', 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: '3bc425f480a9709262a4a75d0efc3a0edd344208', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -26586,13 +26536,13 @@ class Select {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, hAsync("div", { key: 'c0e4e52e89640cb3dd31950f4457bbf0209363ac', class: "input-container" }, hAsync("div", { key: '53375714b199123d27fdb57d51102f7d0be912bb', class: "chips" }, this.isMultipleMode
+            } }, hAsync("div", { key: '36fb0119739e50e0b7ad33206b9ac2af13a2d02a', class: "input-container" }, hAsync("div", { key: '69cd6098ab12694ccbb9f379fe306d20e058ab7d', 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: '42cac6b1306e7b0339c47857a41685952465280c', class: "trigger" }, hAsync("input", { key: '94fe4f82da75de234fb134fb7792f78cb87d2c37', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', hAsync("div", { key: '10b6f384260f0137b92063c6277601b30d91e71e', class: "trigger" }, hAsync("input", { key: '71222c3c2fce7115a28e1ddc798c1c947195b6c0', 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;
@@ -26609,7 +26559,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: '82133f6945c1b7b1f043bdb5a80fbe53e506f8f6', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } }))))))), hAsync("ix-dropdown", { key: 'aac8cbe6759915570b9f940a024a0c124b88d7cb', 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;
@@ -26625,12 +26575,12 @@ class Select {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, hAsync("div", { key: '6e843696ec1bf3fe827e22e1aeda1cb07bbd51d6', class: {
+            } }, hAsync("div", { key: '20c61f1e345f4203e0017480aecb16ba6559db53', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'c6756d5bb0c13bc88dfd5acd6e5596151c694bcc', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'f16a3d974086f0ed7701b6b6ded216c7a3be1603', onSlotchange: () => {
                 this.updateSelection();
-            } }), hAsync("div", { key: '3dd0a1342c1261899088bb8ca0dadff69e5d2c1a', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+            } }), hAsync("div", { key: '6a1053c8bcd639b88a88ec1583514c1066e39677', 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();
@@ -26694,10 +26644,10 @@ class Select {
         "$attrsToReflect$": [["name", "name"], ["required", "required"]]
     }; }
 }
-__decorate$2([
+__decorate$3([
     OnListener('keydown', (self) => self.dropdownShow)
 ], Select.prototype, "onKeyDown", null);
-__decorate$2([
+__decorate$3([
     HookValidationLifecycle()
 ], Select.prototype, "onValidationChange", null);
 
@@ -26818,7 +26768,7 @@ const sliderCss = ":host{display:flex;flex-direction:column;min-height:2rem;--th
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -26840,8 +26790,6 @@ function between(min, value, max) {
     }
 }
 /**
- * @since 2.0.0
- *
  * @slot label-start - Element will be displayed at the start of the slider
  * @slot label-end - Element will be displayed at the end of the slider
  */
@@ -26959,12 +26907,12 @@ class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (hAsync(Host, { key: '568077c2ec218ec59fcc8c5b71ee995f67b81c50', class: {
+        return (hAsync(Host, { key: 'f8af597967df65e91e20aa98b8c1d62b25654020', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: '5d90d4707432d082c643226572ba0df57fb31ecb', class: "slider" }, hAsync("div", { key: '6fa7862803ce7f774e33088866ffede29ec30ef8', class: "track" }, hAsync("div", { key: 'c24021f42964edbb0fcba1b722ef1ad8bb1bfcfb', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'abd6c96ccbc9050fea8eaee5a5055c3f7ea8b572', class: "slider" }, hAsync("div", { key: '5aeb899f3c66634fb81df75a8740c3f120d7df04', class: "track" }, hAsync("div", { key: 'ae71a66855444d3ca1ebcb0631af0398bc593805', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), hAsync("div", { key: '610aaa115ad035cd656dfc92140c5b9219146396', class: "ticks" }, this.marker
+            } }), hAsync("div", { key: '3f43211a7bdc6a7044fd646ed92cc69dc37e1f40', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -26977,7 +26925,7 @@ class Slider {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), hAsync("input", Object.assign({ key: '6bccbc2d6f5fcea8b5d0e4f99a2e3839d01d5013', 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: '92efe17bd3f1290ebc77312614a7a06942ceb578', 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}`,
@@ -26991,9 +26939,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: 'b948f1c61df20d1b091b8cd398cf3d6abff256d9', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: '83f2a16a4173e4b74cd65477e1836cd7ceb81360', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '491a6efb7dbdc1c6df81571f45d1a3b6ec8e43ce', class: "label" }, hAsync("div", { key: 'eceecfa340c3d7b1a7bf586935355ba21af71beb', class: "label-start" }, hAsync("slot", { key: 'f29a5cccc390e0d16e125bf81e01ba0b9df93849', name: "label-start" })), hAsync("div", { key: '7998cbb60c5a97ba20f23353bf34a661a8ff8198', class: "label-end" }, hAsync("slot", { key: '70e919a1b865884929945807fd3b36155e6da8b4', 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: 'd6c77a4cd5032e5c598cc111be77639e454017da', class: "label" }, hAsync("div", { key: 'ca56de00794f0916ac97d1d34530c8e39fcdc4a0', class: "label-start" }, hAsync("slot", { key: 'bd44b330b62518c60c246c76817e635cdb6c45d4', name: "label-start" })), hAsync("div", { key: '27a643a4790d01aa23364fc8eeb605a8f8adfa69', class: "label-end" }, hAsync("slot", { key: '3cd0d7f9d369df1b68d8ea7c775c296ad1525b32', 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 {
@@ -27028,7 +26976,7 @@ class Slider {
         "$attrsToReflect$": []
     }; }
 }
-__decorate$1([
+__decorate$2([
     OnListener('pointerup', (self) => self.showTooltip)
 ], Slider.prototype, "onPointerUp", null);
 
@@ -27085,7 +27033,6 @@ class SplitButton {
         this.variant = 'primary';
         /**
          * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.
-         * @since 2.3.0
          */
         this.closeBehavior = 'both';
         /**
@@ -27125,7 +27072,7 @@ class SplitButton {
                 'left-button-border': !this.outline,
             },
         };
-        return (hAsync(Host, { key: '1b0a92f3685c7c40fb424b0b3512da6b29c0f75b' }, hAsync("div", { key: 'ca8500f317af653798261979ede3d0d191c9e444', 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: '668ef50e336004a1577054bd46e2d0452dc68216' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu }))), hAsync("ix-dropdown", { key: '083b54165e696c238462a4a93e9f1e45a92a0ea5', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: '463a488847ded8a0757015e73a93979b082533f2' }))));
+        return (hAsync(Host, { key: '68777b9c2c7df983d65ae32bbd622367a477a31a' }, hAsync("div", { key: 'e8c152f8de7ae7fe63a7941261472a69863c6cb9', 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: 'b2ffc7c55a1a1b8a616eaca91ba84df82e9b1a40' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu }))), hAsync("ix-dropdown", { key: 'a8f812ac00d24a27afff24674dbcc9f9b78b21bd', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: '29a0b0498632d3df0c93555df6c59906452a25fa' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return splitButtonCss; }
@@ -27198,7 +27145,7 @@ class TabItem {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'cbdfbecd0c8d59f2929fc30e19c771dc17477e9f', class: this.tabItemClasses({
+        return (hAsync(Host, { key: 'a096af02399a879b9b7ed8562fccee14f9ddc0dd', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -27215,12 +27162,12 @@ class TabItem {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, hAsync("div", { key: 'a791bae7e669185abc5d17f590337e06969ac91b', class: {
+            } }, hAsync("div", { key: '189d7bf9653455ed4680d1c9479617069c709f5a', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '4f107c1be1047b45603026cb3bb5dd9fa44ec816' })), hAsync("div", { key: 'b0c60b8a83dbff18299be163d950f335e4806285', class: {
+            } }, hAsync("slot", { key: 'ada9f604be911038afe1e1b2a540a7159b72b8e8' })), hAsync("div", { key: '6505968a278bfeb85b323d90ef46fe8183b8415d', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -27506,13 +27453,13 @@ class Tabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'd732d69d0c9fe6b8000b683821625cf0e0024974' }, this.showArrowPrevious && (hAsync("div", { key: '500a5a3d76313289e652fd8bdad50f56bde3d91f', class: "arrow", onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: '6acadf35ee826b0814e1152b70f95ee81e6c23c8', name: iconChevronLeftSmall }))), hAsync("div", { key: '58288db2899bd9fc95ae0e97c70bc789e718a591', class: {
+        return (hAsync(Host, { key: '087e7e19b3ad5f5c759d8f083350cfa22f209da3' }, this.showArrowPrevious && (hAsync("div", { key: 'd339e9498044204193be9ee20b6c7a8a7ea885b1', class: "arrow", onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: 'f4703821ad1adf4bc75c3697693486cc33f9f830', name: iconChevronLeftSmall }))), hAsync("div", { key: 'cffe3545110b1638cafdc2643c2fbbbe3eabe303', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
                 'shadow-left': this.showArrowPrevious,
                 'shadow-right': this.showArrowNext,
                 'shadow-both': this.showArrowNext && this.showArrowPrevious,
-            } }, hAsync("div", { key: '08c98c34c63db36d8927c1edbe12083690faf86c', class: "items-content" }, hAsync("slot", { key: 'e15792a7cd6b6b2679fa46e7e3c1fb37eafdfec6' }))), this.showArrowNext && (hAsync("div", { key: '1c389a54121cc7453a18c7966ba3df6af51dd2da', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: '9c604bfb38f9e31f3826ceb27d7ad4682e70c9b6', name: iconChevronRightSmall })))));
+            } }, hAsync("div", { key: '4162663c6e5894b3e7467413a5a5fd05a7912f79', class: "items-content" }, hAsync("slot", { key: '3f55e88974efedcc9091073eab61a9746d6dbb38' }))), this.showArrowNext && (hAsync("div", { key: 'e8b9eed8a5457a0c29c82ffe0098a8e70a22a2ac', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: '59a5552eddceab33b773d7c00aa5416d9fed35b7', name: iconChevronRightSmall })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -27551,7 +27498,7 @@ const textareaCss = "input{font-feature-settings:\"clig\" off, \"liga\" off;font
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
         r = Reflect.decorate(decorators, target, key, desc);
@@ -27562,8 +27509,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * @since 2.6.0
- * @form-ready 2.6.0
+ * @form-ready
  */
 class Textarea {
     constructor(hostRef) {
@@ -27645,10 +27591,10 @@ class Textarea {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (hAsync(Host, { key: '4ed1e77e5a025a8d1b65e3a25008d4fca1bc8ad8', class: {
+        return (hAsync(Host, { key: 'bd07b9dd40671c81294de505d64f724d6d644f5d', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'b6ba1fb2ffe4f26ba0359eb84b973c33c35ebe55', 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: '00f8ab4aa178a1af626d55ce31767a664ef9756e', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, this.value.length, "/", this.maxLength)), hAsync("div", { key: 'acba6f724a576aad52da6d056ac8c55d17e20d53', class: "input-wrapper" }, hAsync(TextareaElement, { key: '626449aeefaba4a31e5b6d96f8638c1cf962555a', 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: 'fe385ac21943b3ae131d3a47609b7dd5f9027625', 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: '8c34ba6618bf10eb43de5037a036bca382252287', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value || '').length, "/", this.maxLength)), hAsync("div", { key: '59c2480f284385187713b31f6346803e2d25fc02', class: "input-wrapper" }, hAsync(TextareaElement, { key: '224f8653cd18524d60db225cb8a0efb1c6cf8d37', 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;
             } })))));
@@ -27696,7 +27642,7 @@ class Textarea {
         "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"]]
     }; }
 }
-__decorate([
+__decorate$1([
     HookValidationLifecycle()
 ], Textarea.prototype, "updateClassMappings", null);
 
@@ -27757,8 +27703,6 @@ class TimePicker {
         /**
          * Format of time string
          * See {@link "https://moment.github.io/luxon/#/formatting?id=table-of-tokens"} for all available tokens.
-         *
-         * @since 1.1.0
          */
         this.format = 'TT';
         /**
@@ -27784,20 +27728,14 @@ class TimePicker {
         /**
          * Select time with format string
          * Format has to match the `format` property.
-         *
-         * @since 1.1.0
          */
         this.time = DateTime.now().toFormat(this.format);
         /**
          * Text of date select button
-         *
-         * @since 1.1.0
          */
         this.textSelectTime = 'Done';
         /**
          * Text for top label
-         *
-         * @since 2.1.0
          */
         this.textTime = 'Time';
     }
@@ -27891,7 +27829,7 @@ class TimePicker {
             },
         ];
         timepickerInformation = timepickerInformation.filter((item) => !item.hidden);
-        return (hAsync(Host, { key: '3324e541eaee13441527be68f301725504662914' }, hAsync("ix-date-time-card", { key: '5cca6cc594555537fabb7559fa772f0108288f02', standaloneAppearance: this.standaloneAppearance, corners: this.corners }, hAsync("div", { key: '23dd6dbf7b2ce70d43ac1175e7142732561e4a4c', class: "header", slot: "header" }, hAsync("ix-typography", { key: 'e3357692be47ce40ed0082febf7d2c0e7ce25749', format: "h5" }, this.textTime || 'Time')), hAsync("div", { key: 'a1b0ccb5870ee7f3bb06ccb0b1d3c24c7df3c892', class: "clock" }, timepickerInformation.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("ix-icon-button", { size: "16", onClick: () => {
+        return (hAsync(Host, { key: 'e88bc5d942730fa74a70bfaa04ea0658be50692b' }, hAsync("ix-date-time-card", { key: '720c83b1a2711c1e27b445d361ae5ddead39b49d', standaloneAppearance: this.standaloneAppearance, corners: this.corners }, hAsync("div", { key: '9916f41e86163d411496bf98bc2295e579b8bbdf', class: "header", slot: "header" }, hAsync("ix-typography", { key: 'dfb71fb42d5f848c79c2cda7a0d9a9a0379c1783', format: "h5" }, this.textTime || 'Time')), hAsync("div", { key: '18354a0657a181ba08c5b861641259493d914922', class: "clock" }, timepickerInformation.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("ix-icon-button", { size: "16", onClick: () => {
                 var _a;
                 return (this._time = (_a = this._time) === null || _a === void 0 ? void 0 : _a.plus({
                     [descriptor.unit]: 1,
@@ -27918,15 +27856,15 @@ class TimePicker {
             }, ghost: true, icon: iconChevronDownSmall, variant: "primary", class: "arrows" })), index !== timepickerInformation.length - 1 && (hAsync("div", { class: {
                 'column-seperator': true,
                 hidden: descriptor.hidden,
-            } }, ":"))))), hAsync("div", { key: 'cc807c62c8d7f1a6d4d45c1460cdf5f25afdffd6', class: {
+            } }, ":"))))), hAsync("div", { key: 'a2f591181b00b98848238267e49399b66c8f6f38', class: {
                 columns: true,
                 'default-space': true,
                 hidden: this._timeRef === undefined,
-            } }, hAsync("ix-icon-button", { key: '80fd8ec8d709cfadff53f09b0d2d047e242568a0', size: "16", onClick: () => this.changeTimeReference(), ghost: true, icon: iconChevronUp, variant: "primary", class: "arrows" }), hAsync("div", { key: 'e7d47e9686c937fc83c614176e0722885d7c2b55', class: "time-reference" }, this._timeRef), hAsync("ix-icon-button", { key: '7ca882f6dae9cae2bc180b79eff475a7c1ac944f', size: "16", onClick: () => this.changeTimeReference(), ghost: true, icon: iconChevronDown, variant: "primary", class: "arrows" }))), hAsync("div", { key: '63e6c67d7116d607b5b5635f7f47dec23978c126', class: {
+            } }, hAsync("ix-icon-button", { key: 'fb3e96cf66d0a9e7b6946b901ee395185c8bae24', size: "16", onClick: () => this.changeTimeReference(), ghost: true, icon: iconChevronUp, variant: "primary", class: "arrows" }), hAsync("div", { key: '196388fb7200fe812e5de8dcd0d45746f655e69e', class: "time-reference" }, this._timeRef), hAsync("ix-icon-button", { key: '4930ff7fab12df13685d35fdf3cdd669d023e937', size: "16", onClick: () => this.changeTimeReference(), ghost: true, icon: iconChevronDown, variant: "primary", class: "arrows" }))), hAsync("div", { key: '5d9b76e8f7047e9a550b5d86391f2e9f3bd0f434', class: {
                 button: true,
                 hidden: !this.standaloneAppearance,
                 standalone: true,
-            } }, hAsync("ix-button", { key: '382a7d16a98d76b8687d0e84ecf8efaaa21a6d06', onClick: () => {
+            } }, hAsync("ix-button", { key: '135b0d00c830734b46bd94fc1d69e044e679edaf', onClick: () => {
                 var _a;
                 this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
             } }, this.textSelectTime)))));
@@ -28156,14 +28094,33 @@ class ToastContainer {
 
 const toggleCss = ":host{display:inline-flex;flex-direction:row;position:relative;height:1.5rem;margin-block-start:0.25rem;margin-block-end:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;height:100%}:host .label{display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-block-start:0.125rem;margin-inline-start:0.5625rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:\"\";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--info\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--info--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--info--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--info\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--info--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--info--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--info\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--info--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--info--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--info\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--info--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--info--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--info\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--info--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--info--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--info\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--info--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--info--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--info\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--info--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--info--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--info\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--info--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--info--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--info\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--info--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--info--active\n  )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--warning\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--warning--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--warning--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--warning\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--warning--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--warning--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--warning\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--warning--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--warning--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--warning\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--warning--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--warning--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--warning\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--warning--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--warning--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--warning\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--warning--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--warning--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--warning\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--warning--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--warning--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--warning\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--warning--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--warning--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--warning\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--warning--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--warning--active\n  )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}";
 
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 /**
- * @form-ready 2.6.0
- * */
+ * @form-ready
+ */
 class Toggle {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.checkedChange = createEvent(this, "checkedChange", 7);
         this.valueChange = createEvent(this, "valueChange", 7);
+        this.ixBlur = createEvent(this, "ixBlur", 7);
         if (hostRef.$hostElement$["s-ei"]) {
             this.formInternals = hostRef.$hostElement$["s-ei"];
         }
@@ -28209,6 +28166,7 @@ class Toggle {
          * If true, checkbox needs to be checked to be valid
          */
         this.required = false;
+        this.touched = false;
     }
     onCheckedChange(newChecked) {
         if (this.disabled) {
@@ -28238,6 +28196,7 @@ class Toggle {
         }
     }
     watchCheckedChange() {
+        this.touched = true;
         this.updateFormInternalValue();
     }
     /** @internal */
@@ -28248,6 +28207,13 @@ class Toggle {
     getAssociatedFormElement() {
         return Promise.resolve(this.formInternals.form);
     }
+    /** @internal */
+    isTouched() {
+        return Promise.resolve(this.touched);
+    }
+    updateClassMappings() {
+        /** This function is intentionally empty */
+    }
     render() {
         let toggleText = this.textOff;
         if (this.checked) {
@@ -28256,13 +28222,13 @@ class Toggle {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (hAsync(Host, { key: 'f531e9d80601ee7884a09b26adbcef4ccb1e6220', class: {
+        return (hAsync(Host, { key: '2006d13cafca2fdd354b0481d45f06a08fba1eed', class: {
                 disabled: this.disabled,
-            } }, hAsync("label", { key: 'f1ed4a7be7a1b54fd2b22ee722f4548652e902e5', class: "wrapper" }, hAsync("button", { key: 'f5c1b49ff55e2696ad7887a45ab316e41f189dab', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: 'aa118214cf466c2dc95c494ae3762128258bbc0e', class: "wrapper" }, hAsync("button", { key: '952c8bd4175f6a87b424aab3740a79b9aafca0c4', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '78d480eb757f90adff629dee453be7989aa263f7', class: "slider" })), hAsync("input", { key: 'e95ea3776b169e735cf471807dc1c18debdbaed0', 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: '1edb349714ec98ed6b3b57071d2a588bdd0c5bba', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '9eb7fd9a73b7cbc1b001c0d6a32972c94dd46b05', class: "slider" })), hAsync("input", { key: '7fb350a1e6096e5e33011cf1c031d426b4a1d598', 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: 'd1dfac3bbcb0e01a3ea1862539c59467a3abd860', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -28285,19 +28251,20 @@ class Toggle {
             "hideText": [4, "hide-text"],
             "required": [516],
             "hasValidValue": [64],
-            "getAssociatedFormElement": [64]
+            "getAssociatedFormElement": [64],
+            "isTouched": [64]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["name", "name"], ["value", "value"], ["checked", "checked"], ["indeterminate", "indeterminate"], ["required", "required"]]
     }; }
 }
+__decorate([
+    HookValidationLifecycle()
+], Toggle.prototype, "updateClassMappings", null);
 
-const toggleButtonCss = ".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;width:auto;height:2rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";
+const toggleButtonCss = ".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;width:auto;height:2rem;vertical-align:middle;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host .btn.selected.btn-primary{background:var(--theme-color-dynamic);color:var(--theme-color-primary--contrast)}:host .btn.selected.btn-primary:hover{background:var(--theme-color-dynamic--hover);color:var(--theme-color-primary--contrast)}:host .btn.selected.btn-primary:active{background:var(--theme-color-dynamic--active);color:var(--theme-color-primary--contrast)}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";
 
-/**
- * @since 2.0.0
- */
 class ToggleButton {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -28368,9 +28335,9 @@ class ToggleButton {
                 'aria-pressed': a11yBoolean(this.pressed),
             },
         };
-        return (hAsync(Host, { key: '9fc2688839b9aa49b46d15239d9345938aaa6646', class: {
+        return (hAsync(Host, { key: 'e37769484c98e132db6427889e7b3b1d3b8c9fe0', class: {
                 disabled: this.disabled || this.loading,
-            } }, hAsync(BaseButton, Object.assign({ key: '2fcfa64674578f2613762a1e25d74e8d25b99001' }, baseButtonProps), hAsync("slot", { key: 'be73382aea8d2b99cbb14bb0d27af77d94f42028' }))));
+            } }, hAsync(BaseButton, Object.assign({ key: 'acf4fa8c653297f4f48f62077d062a6e6430fcc9' }, baseButtonProps), hAsync("slot", { key: 'c73245006fff382188d49b3711f88cd5d6aebea3' }))));
     }
     static get watchers() { return {
         "variant": ["onVariantChange"],
@@ -28403,8 +28370,6 @@ let tooltipInstance = 0;
 /**
  * @slot title-icon - Icon of tooltip title
  * @slot title-content - Content of tooltip title
- *
- * @since 1.4.0
  */
 class Tooltip {
     constructor(hostRef) {
@@ -28416,7 +28381,6 @@ class Tooltip {
         /**
          * Initial placement of the tooltip.
          * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.
-         * @since 1.5.0
          */
         this.placement = 'top';
         /** @internal */
@@ -28715,7 +28679,7 @@ class Tooltip {
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
     render() {
-        return (hAsync(Host, { key: 'de71d4a53d4b9d1c5631eb52ebc58a9070e20c34', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '677ef22f8e4554645454312012303df2ec9e4c57', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '3965cab3b146c941c78238e3c5ce1f2c66014098', class: "tooltip-container" }, hAsync("div", { key: 'e9e3f38fec696d38327b3fbb5e848d248e74881e', class: "content-wrapper" }, hAsync("div", { key: '24c518e1ff9486dd8a28135bbf67312e78572a9e', class: 'tooltip-title' }, hAsync("slot", { key: 'a21f9fec2aad1c4bd9859998c31b368cf1f3afc3', name: "title-icon" }), hAsync("ix-typography", { key: '1dbbacaa0240b375f7d4ede44fce1ed8ba4409d4', format: "h5" }, this.titleContent, hAsync("slot", { key: 'c0e1a995fdce329322f02f39b9ecf7452e5230e7', name: "title-content" }))), hAsync("slot", { key: '1288a8f910a647a47ddf9167cdb8928a933a76dc' }), hAsync("div", { key: 'db76a2a402a20e13430f3573d1823d95a247f3e2', class: "arrow" }))))));
+        return (hAsync(Host, { key: '36a8743eb0ebda55e9a470456692051caac17894', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '8ed7a8a435fc50977e6cc8bf5792ec48347c6c81', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '37c134036a13e239bc7ce7951e8cff288fce97b9', class: "tooltip-container" }, hAsync("div", { key: 'c1053f7ab1fc20a5b172ff987d51c3a4d56db73e', class: "content-wrapper" }, hAsync("div", { key: '045242b42cb66b6272dd23980bce24dff91d2ffd', class: 'tooltip-title' }, hAsync("slot", { key: '5743b9415b8f8ea6bcdca917a3e43e3c03f3abe4', name: "title-icon" }), hAsync("ix-typography", { key: 'c86c5b07775d2fc179cf20d43f87357802718ed1', format: "h5" }, this.titleContent, hAsync("slot", { key: 'b42f2ad9086133679eeb45ec0706a0b41fbc54ed', name: "title-content" }))), hAsync("slot", { key: '06f6215566b2a8df46ffb801c36f1fd743b87754' }), hAsync("div", { key: 'fe47bb2898758e28a6d81eb2f5f5d17f49d1fecc', class: "arrow" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tooltipCss; }
@@ -29119,8 +29083,6 @@ class Tree {
          * Selection and collapsed state management
          */
         this.context = {};
-        this.toggleListener = new Map();
-        this.itemClickListener = new Map();
         this.updates = new Map();
         this.hasFirstRender = false;
     }
@@ -29129,20 +29091,6 @@ class Tree {
     }
     getVirtualizerOptions() {
         const list = this.buildTreeList(this.model[this.root]);
-        let setToggleListener = (item, el, index) => {
-            if (item.hasChildren && !this.toggleListener.has(el)) {
-                const toggleCallback = (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    const context = this.getContext(list[index].id);
-                    context.isExpanded = !context.isExpanded;
-                    this.nodeToggled.emit({ id: item.id, isExpaned: context.isExpanded });
-                    this.setContext(item.id, context);
-                };
-                el.addEventListener('toggle', toggleCallback);
-                this.toggleListener.set(el, toggleCallback);
-            }
-        };
         return {
             width: '100%',
             height: '100%',
@@ -29155,7 +29103,6 @@ class Tree {
                 if (renderedTreeItem) {
                     renderedTreeItem.hasChildren = item.hasChildren;
                     renderedTreeItem.context = Object.assign({}, context);
-                    setToggleListener(item, renderedTreeItem, index);
                     if (this.updates.has(item.id)) {
                         const doUpdate = this.updates.get(item.id);
                         if (doUpdate) {
@@ -29179,39 +29126,6 @@ class Tree {
                 el.setAttribute('data-tree-node-id', item.id);
                 el.style.paddingRight = '1rem';
                 this.updatePadding(el, item);
-                if (!this.itemClickListener.has(el)) {
-                    const itemClickCallback = (event) => {
-                        const path = event.composedPath();
-                        const treeIndex = path.indexOf(this.hostElement);
-                        const treePath = path.slice(0, treeIndex);
-                        const hasTrigger = dropdownController.pathIncludesTrigger(treePath);
-                        if (hasTrigger) {
-                            return;
-                        }
-                        if (!event.defaultPrevented) {
-                            Object.values(this.context).forEach((c) => (c.isSelected = false));
-                            const context = this.getContext(item.id);
-                            context.isSelected = true;
-                            this.setContext(item.id, context);
-                        }
-                        if (this.toggleOnItemClick && item.hasChildren) {
-                            const context = this.getContext(item.id);
-                            context.isExpanded = !context.isExpanded;
-                            this.nodeToggled.emit({
-                                id: item.id,
-                                isExpaned: context.isExpanded,
-                            });
-                            this.setContext(item.id, context);
-                        }
-                        this.nodeClicked.emit(item.id);
-                    };
-                    el.addEventListener('toggle', (event) => {
-                        event.preventDefault();
-                    });
-                    el.addEventListener('click', itemClickCallback);
-                    this.itemClickListener.set(el, itemClickCallback);
-                }
-                setToggleListener(item, el, index);
                 return el;
             },
         };
@@ -29315,8 +29229,62 @@ class Tree {
         const config = this.getVirtualizerOptions();
         this.hyperlist = new VirtualList(this.hostElement, config);
     }
+    onToggle(event) {
+        const { target } = event;
+        event.preventDefault();
+        event.stopPropagation();
+        if (!(target instanceof HTMLElement)) {
+            return;
+        }
+        const id = target.getAttribute('data-tree-node-id');
+        if (!id) {
+            return;
+        }
+        const item = this.model[id];
+        if (!item.hasChildren) {
+            return;
+        }
+        const context = this.getContext(id);
+        context.isExpanded = !context.isExpanded;
+        this.nodeToggled.emit({ id, isExpanded: context.isExpanded });
+        this.setContext(id, context);
+    }
+    onTreeItemClick(event) {
+        const { target } = event;
+        if (!(target instanceof HTMLElement)) {
+            return;
+        }
+        const id = target.getAttribute('data-tree-node-id');
+        if (!id) {
+            return;
+        }
+        const item = this.model[id];
+        const path = event.composedPath();
+        const treeIndex = path.indexOf(this.hostElement);
+        const treePath = path.slice(0, treeIndex);
+        const hasTrigger = dropdownController.pathIncludesTrigger(treePath);
+        if (hasTrigger) {
+            return;
+        }
+        if (!event.defaultPrevented) {
+            Object.values(this.context).forEach((c) => (c.isSelected = false));
+            const context = this.getContext(id);
+            context.isSelected = true;
+            this.setContext(id, context);
+        }
+        if (this.toggleOnItemClick && item.hasChildren) {
+            const context = this.getContext(id);
+            context.isExpanded = !context.isExpanded;
+            this.nodeToggled.emit({
+                id: id,
+                isExpanded: context.isExpanded,
+            });
+            this.setContext(id, context);
+        }
+        this.nodeClicked.emit(id);
+    }
     render() {
-        return (hAsync(Host, { key: '3d9a880f2714c69333145042506d396a3a2828cd' }, hAsync("slot", { key: '7d61c95a13e449305c3a8d33c509eed0389e5abe' })));
+        return (hAsync(Host, { key: '334ea5dcb9482db02edbde78d1129e34b4c10988', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '672d437ccefd8e58cef11ac61c166bf3e51369ba' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -29333,7 +29301,7 @@ class Tree {
             "context": [1040],
             "toggleOnItemClick": [4, "toggle-on-item-click"]
         },
-        "$listeners$": undefined,
+        "$listeners$": [[0, "toggle", "onToggle"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": []
     }; }
@@ -29600,10 +29568,12 @@ class Upload {
     }; }
 }
 
-const validationTooltipCss = ".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%}:host .validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}";
+const validationTooltipCss = ".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%;z-index:var(--theme-z-index-tooltip)}:host .validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}";
 
 /**
  * @slot tooltip-message - Custom tooltip message with html support
+ *
+ * @deprecated Will be removed with 4.0.0
  */
 class ValidationTooltip {
     constructor(hostRef) {
@@ -29614,8 +29584,6 @@ class ValidationTooltip {
         this.placement = 'top';
         /**
          * Suppress the automatic placement of the dropdown.
-         *
-         * @since 2.0.0
          */
         this.suppressAutomaticPlacement = false;
         this.isInputValid = true;
@@ -29738,13 +29706,13 @@ class ValidationTooltip {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: 'fce95b6a9df85da12c742a92ae5af48c15f5a04b' }, hAsync("slot", { key: 'c70130b23d312a884677e0aea4cf54158ebb36e4' }), hAsync("div", { key: '551b30175043178ead3068637b7525fcf2378623', role: "tooltip", style: {
+        return (hAsync(Host, { key: '0582af013fdb45fa89977b01550230df8ad2e613' }, hAsync("slot", { key: '900e30ced560b90ad4495ab63a117c7f5e285632' }), hAsync("div", { key: '2196bc1ba0b51c93fc7e1705b8ce08aa76e8285e', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'f9af434ac0ae7710dccca7ffc6fb6a6b71546fc3', name: "tooltip-message" }), hAsync("div", { key: '66da811f499a7a995149e3575ef95b8eb5eac8e7', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '0c0607ed1e4a966ae8a10da7b4e467adc18ff6e4', name: "tooltip-message" }), hAsync("div", { key: 'ce75800f7e47c71196e442a0387111ef0b19ad10', id: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {