@siemens/ix 5.1.0 → 5.1.1

package/dist/esm/ix-menu.entry.js

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

package/dist/esm/ix-message-bar.entry.js

@@ -62,7 +62,7 @@ const MessageBar = class {
         }
     }
     render() {
-        return (h(Host, { key: '958c28d0bae524a1041a8118d9313972139f1f4a' }, h("div", { key: '8e619088864f0475559795ac309e1fbfc8bc1bb3', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: 'e21c8715adb8ec071aebb393896b20ae41f0cab5', color: this.color, name: this.icon }), h("div", { key: '060da1ce54e588666ec3c8be27b322bef8cbc85d', class: "message-content" }, h("slot", { key: '0d7485fcf2b06989e6a385050622236ad71d96e3' })), !this.persistent && (h("ix-icon-button", { key: 'dab714f06d4f20c379c661f638bffe809778d1d8', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+        return (h(Host, { key: 'e2bbf611295113afe3ed6822a52d8d79e18be29b' }, h("div", { key: '3c05cd3b7309cde0ab647c0c7a24a142028e4880', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: '214fc88a38ad4d8c9006faf170cd009afcffecb6', color: this.color, name: this.icon }), h("div", { key: 'b964803205ff9939d5046d71038bf51f17a981bc', class: "message-content" }, h("slot", { key: '5bad561a856f58bc9ba25e6add50d7354d16bb37' })), !this.persistent && (h("ix-icon-button", { key: 'e3d36f9b646257cd338201d3bfb371a23b377772', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }

package/dist/esm/ix-modal-content_2.entry.js

@@ -9,7 +9,7 @@ const ModalContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'bdcc31e92318ad5f9b10a5ece22fc01f2506e200' }, h("slot", { key: 'a7af3070d7d9766ea450e4a75417b4ae0f1137d3' })));
+        return (h(Host, { key: '090635e20ba7a130412a560db4329a045f13a8dd' }, h("slot", { key: '71a6820650c0997dc09f309fdf70188b936f7434' })));
     }
 };
 ModalContent.style = modalContentCss();
@@ -73,7 +73,7 @@ const ModalHeader = class {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (h(Host, { key: '2840ba385c7ad659786f48564bf307c2290049ca' }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("div", { key: '5e6ce56e0e76e527a3e71e66ea2a4ec2d22a2ed7', class: "modal-title" }, h("ix-typography", { key: 'cd8c3d8cdfbdfed8a1ab2285328c88985843a8b5', format: "h5" }, h("slot", { key: '1de70c68751fb8ece53890adf94b95c2bfcbd66d' }))), !this.hideClose ? (h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (h(Host, { key: '9be78d439e0240e95098199371f8c17a5c64cb49' }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("div", { key: '7fb5bb78edaf86f7b26a7a6868e761f07870e1e0', class: "modal-title" }, h("ix-typography", { key: 'd350c239268ef025e5d99a84bd58f662518b2d85', format: "h5" }, h("slot", { key: 'f48e9917464a73998b49a799a792cf0eacc43ecc' }))), !this.hideClose ? (h("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {

package/dist/esm/ix-modal-footer.entry.js

@@ -7,7 +7,7 @@ const ModalFooter = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '6d10985e1922b6bffbc82d758fc2c5d64e0af761' }, h("slot", { key: '438d07e19d688048e331c64ca62f08c67b7ce0ae' })));
+        return (h(Host, { key: 'fbfacdb34450ce3cfbab374acfb09126c731d57d' }, h("slot", { key: 'f07cfe797970762196e720bb99294bf1b708e688' })));
     }
 };
 ModalFooter.style = modalFooterCss();

package/dist/esm/ix-modal.entry.js

@@ -226,12 +226,12 @@ const Modal = class {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (h(Host, { key: 'b40ae3d2505764659681551aaab811b4c8bfcc6f', class: {
+        return (h(Host, { key: '28c4d56440766ceccf75d3cafc229c6d640c5e8e', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.hideBackdrop,
                 'align-center': this.centered,
                 'non-blocking': this.isNonBlocking,
-            } }, h("div", { key: '5985f073d9b74b75838b3e592fe5254dfec3ea11', class: "dialog-backdrop" }, h("dialog", { key: '372dd029f7d41622559568d99fe28608e1806cab', "aria-modal": a11yBoolean(!this.isNonBlocking), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, h("div", { key: 'f028e5780d37451c282a0eae8615cae3b5996b56', class: "dialog-backdrop" }, h("dialog", { key: '754e476f2e39b3ca4d73d776c1ef430b28a62088', "aria-modal": a11yBoolean(!this.isNonBlocking), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
                 modal: true,
                 [`modal-size-${this.size}`]: true,
             }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onKeyDown: (e) => {
@@ -243,7 +243,7 @@ const Modal = class {
             }, onCancel: (e) => {
                 e.preventDefault();
                 void this.dismissModal();
-            } }, h("slot", { key: '405cfdcead12f17c5bc3534d9d160fddd69106a7' })))));
+            } }, h("slot", { key: 'a3aa26a26d244f4795b910764a316e6f8d71e255' })))));
     }
 };
 Modal.style = modalCss();

package/dist/esm/ix-number-input.entry.js

@@ -10,7 +10,7 @@ import './anime.esm-DhE1t8Qh.js';
 import './animation-DNIQ2C1K.js';
 import './index-XBTykBKS.js';
 
-const numberInputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);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}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}`;
+const numberInputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);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}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}`;
 
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG

package/dist/esm/ix-pane-layout.entry.js

@@ -236,7 +236,7 @@ const Panes = class {
         return pane ? pane.floating : false;
     }
     render() {
-        return (h(Host, { key: '9642eb5fb53b9843df4eb4c558cce46fb48d8c6e' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
+        return (h(Host, { key: '59257c3e7c7b3b309f151706e51a1730c36ebec0' }, !this.isMobile ? (this.layout == 'full-vertical' ? (h("div", { class: "side-panes-wrapper" }, h("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),

package/dist/esm/ix-pane.entry.js

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

package/dist/esm/ix-pill_4.entry.js

@@ -91,13 +91,13 @@ const Pill = class extends Mixin(...DefaultMixins) {
             hostRole = 'group';
         }
         const iconIsDecorative = !this.ariaLabelIcon?.trim();
-        return (h(Host, { key: '67338905de82719c9a01fe022487ed706b35d8e6', style: this.variant === 'custom'
+        return (h(Host, { key: '827e58b1bdd980292651befee4ad756cbea0699f', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            }, role: hostRole }, h("div", { key: '673b20609f91ffd09d80564d6aa709fe4d9303ad', ref: this.containerElementRef, style: { ...customStyle }, class: {
+            }, role: hostRole }, h("div", { key: 'f50b1d1f5a36ae985e55c66d97723640dcbd667f', ref: this.containerElementRef, style: { ...customStyle }, class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -112,9 +112,9 @@ const Pill = class extends Mixin(...DefaultMixins) {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (h("ix-icon", { key: '76b1e2d1b248f13f68417f91c72130f40f4e2755', class: {
+            } }, this.icon && (h("ix-icon", { key: '8f24375cb42813b0a651997a672fda5c9c16b8d3', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon, "aria-hidden": a11yBoolean(iconIsDecorative) })), h("span", { key: '215af7f202cfd01c6f2f5dc43fbc9b2a6d296ed2', class: "slot-container" }, h("slot", { key: '0e2082d82c6c6be68a7107692c6162080178f601', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon, "aria-hidden": a11yBoolean(iconIsDecorative) })), h("span", { key: '356a8805398e1978e5c7bfe61e3c383d0f4af640', class: "slot-container" }, h("slot", { key: 'ac249a29b4cbf9cba9d0fef7b2c5a8992d4f9c3d', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
 };
 Pill.style = pillCss();
@@ -211,7 +211,7 @@ const TabItem = class extends Mixin(...DefaultMixins, ComponentIdMixin, BaseTabM
         else {
             variant = 'normal';
         }
-        return (h(Host, { key: 'cbb2004638023c1beeb4af192ba6219380c8f0e6', id: this.getHostElementId(), role: "tab", "aria-selected": a11yBoolean(this.selected), tabIndex: this.selected && !this.disabled ? 0 : -1, class: {
+        return (h(Host, { key: '969e6b76acebe9b4cc5a848816a458f646dff170', id: this.getHostElementId(), role: "tab", "aria-selected": a11yBoolean(this.selected), tabIndex: this.selected && !this.disabled ? 0 : -1, class: {
                 selected: this.selected,
                 disabled: this.disabled,
                 'small-tab': this.small,
@@ -231,17 +231,17 @@ const TabItem = class extends Mixin(...DefaultMixins, ComponentIdMixin, BaseTabM
                         nativeEvent: event,
                     });
                 }
-            } }, variant === 'rounded' && (h("div", { key: '1f98b9019ba76864d03c491435a60e913f566584', class: {
+            } }, variant === 'rounded' && (h("div", { key: 'd2e2981b50a2ad628f42c9f900642116ac9e2700', class: {
                 circle: true,
-            } }, this.icon && h("ix-icon", { key: '6849def7bdb3dba05f4a1b84f9067777bede78c5', name: this.icon, size: "24" }), h("slot", { key: '41b3464f6fc45ad5b853223c5a8819a00dcca841' }))), this.icon && variant !== 'rounded' && (h("ix-icon", { key: 'b9af7159f9306c2b841066a726008afdee58e472', name: this.icon, size: "16", class: 'tab-icon' })), variant === 'normal' && (h("div", { key: '87d1993bfa9bf76dff49f15b9a1e5e4f7dfe9a56', class: {
+            } }, this.icon && h("ix-icon", { key: 'c448b69e6ce2fabd7b145e971357f4b0a005d068', name: this.icon, size: "24" }), h("slot", { key: 'e94aa65381c45d69307331495dff9eebad4e7524' }))), this.icon && variant !== 'rounded' && (h("ix-icon", { key: '8d950fb65ff969353196984ff7932b3fc2302525', name: this.icon, size: "16", class: 'tab-icon' })), variant === 'normal' && (h("div", { key: '3d4a6b91bb7babe94ff5c36a2b380cc037356e4a', class: {
                 text: !!this.label,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, this.label, h("slot", { key: '328e393a77d1c24b487ef874e07bf7772cc24820' }))), variant === 'rounded' && this.counter !== undefined && (h("div", { key: '2758fc1447296c9c2cc04ce92905e5ba4fca9a1b', class: {
+            } }, this.label, h("slot", { key: '6a9619ce129c7ee8f69e6dcb855ecf1b23c23368' }))), variant === 'rounded' && this.counter !== undefined && (h("div", { key: 'aa23743c0de55d445ded68edf7a6c2c588563715', class: {
                 counter: true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, this.counter)), this.counter && variant !== 'rounded' && (h("ix-pill", { key: '6a749ea40148e1d5ca319b7cfa52176e1303d1bd', variant: "primary", outline: true, class: 'tab-counter' }, this.counter)), this.closable && variant !== 'rounded' && (h("ix-icon-button", { key: '35fdcd1095f49cb083e10ce3aeb33e54458968d9', "aria-label": this.ariaLabelCloseButton, class: 'close-tab', size: "12", variant: "subtle-tertiary", icon: iconClose, onClick: (event) => {
+            } }, this.counter)), this.counter && variant !== 'rounded' && (h("ix-pill", { key: '472d0aff014dedb09a1932f0ba3e826a13865167', variant: "primary", outline: true, class: 'tab-counter' }, this.counter)), this.closable && variant !== 'rounded' && (h("ix-icon-button", { key: '81ad093b009fe1dbf3a098d68d6ce407d6b3312a', "aria-label": this.ariaLabelCloseButton, class: 'close-tab', size: "12", variant: "subtle-tertiary", icon: iconClose, onClick: (event) => {
                 event.stopPropagation();
                 event.preventDefault();
                 this.tabClose.emit({
@@ -560,19 +560,19 @@ const Tabs = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin) {
         }
     }
     render() {
-        return (h(Host, { key: '2e8b5f9f4d3658bd219e6ca5d5a829d16f0c1977', onTabClick: (event) => this.onTabClick(event), class: {
+        return (h(Host, { key: 'e9e5ca8f1b7452ae44ea8f53f21153198b6b8111', onTabClick: (event) => this.onTabClick(event), class: {
                 small: this.small,
-            } }, h("div", { key: '8e45e2d46485c6e3147b2237f6109d63cd02758c', ref: this.tabsContainerRef, class: {
+            } }, h("div", { key: 'd9d5d3e0c58df201b0a5c2dd0bcc674c38569cd7', ref: this.tabsContainerRef, class: {
                 'tabs-container': true,
                 top: this.placement === 'top',
                 bottom: this.placement === 'bottom',
-            } }, h("div", { key: '69b6177b0c8c7c20d039a434866f93135e168155', class: {
+            } }, h("div", { key: '23433718ad5b18cda24a8d007617043ee7864e2f', class: {
                 'overflow-shadow-container': true,
                 'overflow-shadow': this.isTabsOverflow,
-            } }, h("div", { key: '97d6ccbe5e623cbedf6be21de05005599b9a2bcd', role: "tablist", ...this.inheritAriaAttributes, ref: this.tabsRef, class: {
+            } }, h("div", { key: '745b6a2145d1d5e51f32870a704af18204cf5809', role: "tablist", ...this.inheritAriaAttributes, ref: this.tabsRef, class: {
                 tabs: true,
                 'tabs-stretched': this.layout === 'stretched',
-            }, tabIndex: this.isTabsOverflow ? 0 : -1, onKeyDown: (event) => this.onTabsNavigate(event) }, h("slot", { key: '2ceb8d8dc886c9784e244172750192297f077360' }))), this.isTabsOverflow && this.layout !== 'stretched' && (h("ix-dropdown-button", { key: 'a7041a35c2dcac4f86eefbfbae5ac36ba9c45436', ariaLabel: this.ariaLabelMoreTabs, icon: iconMoreMenu, class: {
+            }, tabIndex: this.isTabsOverflow ? 0 : -1, onKeyDown: (event) => this.onTabsNavigate(event) }, h("slot", { key: '3518fe1d37ca84c24b75a49dc047473daa1a5e28' }))), this.isTabsOverflow && this.layout !== 'stretched' && (h("ix-dropdown-button", { key: '626d85cf76445fa4921268de9b489fa762af86ce', ariaLabel: this.ariaLabelMoreTabs, icon: iconMoreMenu, class: {
                 'tabs-context-menu': true,
             }, variant: "subtle-tertiary" }, this.overflowMenuItems.map((item) => (h("ix-dropdown-item", { key: item.tabKey, checked: item.tabKey === this.activeTabKey, icon: item.icon, label: item.label, disabled: item.disabled, onClick: () => (this.activeTabKey = item.tabKey) }))))))));
     }

package/dist/esm/ix-popover-content.entry.js

@@ -16,7 +16,7 @@ const PopoverContent = class {
      */
     noPadding = false;
     render() {
-        return (h(Host, { key: '2dc14073545f57f65c6901dc69d7f721df98f3b1', class: { 'no-padding': this.noPadding }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("slot", { key: 'aa44ae3c40f423be58fc5cb1d0f1b535175d8c7f' })));
+        return (h(Host, { key: '4905ed4b5a260f7e700c05a4a5525a8fdc14c8e9', class: { 'no-padding': this.noPadding }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("slot", { key: '03f85fc0aaea7387b08019f8ed7c4e80378d0c3a' })));
     }
 };
 PopoverContent.style = popoverContentCss();

package/dist/esm/ix-popover-footer.entry.js

@@ -16,7 +16,7 @@ const PopoverFooter = class {
      */
     alignment = 'horizontal';
     render() {
-        return (h(Host, { key: '7bab2eff391dce0ec212153f377ae18cc17df0d7', class: { [`alignment-${this.alignment}`]: true }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("div", { key: '238db3b5532bf4bf6cbe07018a204e1bf4a85a07', class: "footer-start" }, h("slot", { key: '8bdafda85a6c0a4e8f0e5e0bc7f3d9e61fed5b99', name: "start" })), h("div", { key: '42f53fb182fe5a0b91df29cef856c94e87756e2a', class: "footer-end" }, h("slot", { key: 'bb4dab35e016c975e7d29c1dbbff53222d801228' }))));
+        return (h(Host, { key: '66ac122a1578b7645271c21515ab100447035640', class: { [`alignment-${this.alignment}`]: true }, [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, h("div", { key: '5f5a73150f77fb39f7ef3b704bbecbde88c6fd5c', class: "footer-start" }, h("slot", { key: '84e99847b724a2acf40417513820e23c9dc95fed', name: "start" })), h("div", { key: '95cf2bbf6ce27684c37974d64b3d4c36b8e60bd6', class: "footer-end" }, h("slot", { key: 'bb9ea5b049a7d6716cfcad5fc6a25bc5b59443c1' }))));
     }
 };
 PopoverFooter.style = popoverFooterCss();

package/dist/esm/ix-popover-header.entry.js

@@ -59,7 +59,7 @@ const PopoverHeader = class {
         this.parentPopover?.hidePopover();
     }
     render() {
-        return (h(Host, { key: 'd75ad6fc30a8b3df9d1588fc18be610f19946a15', [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "24", "aria-hidden": a11yBoolean(true) })) : null, h("div", { key: 'c5db5b3c4d9537f1b5ec2d53eda5d94aba0984d5', class: "popover-title" }, h("ix-typography", { key: '0c87f6cb01be5089a35f0eeb30e6aa7743865eef', format: "h5" }, h("slot", { key: 'd5bcd06f9dd501f7f52861d0ed2c6dd967bd8196' }))), h("div", { key: 'fa7365f8ddce2cd12f92165160fb780426a994ce', class: "additional-items" }, h("slot", { key: 'b093c196c32eff075d65a5a9e570292174a1f943', name: "additional-items" })), this.hideClose ? null : (h("ix-icon-button", { class: "popover-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, "aria-label": this.ariaLabelCloseIconButton }))));
+        return (h(Host, { key: 'd6b5d04790192d4212e60d39ce685a18b5dcc72a', [TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, this.icon ? (h("ix-icon", { name: this.icon, color: this.iconColor, size: "24", "aria-hidden": a11yBoolean(true) })) : null, h("div", { key: '37a9433e60b19c2a191db75ee475586a36b7d4a0', class: "popover-title" }, h("ix-typography", { key: '866758b0c589aef950896e06f00096520311851a', format: "h5" }, h("slot", { key: '6cfa745b62f705ddd2b8076ecf9e634cc8fac309' }))), h("div", { key: '671bfd6538e4540d75051c960a963949bd26d9d8', class: "additional-items" }, h("slot", { key: '8b8c48055f58111077cfdede40f977691180250e', name: "additional-items" })), this.hideClose ? null : (h("ix-icon-button", { class: "popover-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, "aria-label": this.ariaLabelCloseIconButton }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/esm/ix-popover.entry.js

@@ -822,7 +822,7 @@ const Popover = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin
         }
     }
     render() {
-        return (h(Host, { key: '5056bfaf705bbc83271b31181ba1d3187dd62d60', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, h("dialog", { key: '464d57af0ebb424975704e63c0eef5373be6c502', ref: this.dialogRef, id: this.popoverPanelId, class: "dialog", popover: "manual", inert: !this.show, ...this.inheritAriaAttributes, role: this.inheritAriaAttributes['role'] ?? 'dialog', onMouseEnter: () => this.onDialogMouseEnter(), onMouseLeave: () => this.onDialogMouseLeave() }, h("div", { key: '414e84e36191a3e43e7ef68006e06f87a7a2fd06', class: "popover-container" }, h("div", { key: 'dd676856983f4dfbaf7e052e81d61bfab6d042dd', class: "popover-body" }, h("slot", { key: 'dcbfceaf19576233123bbf411e5a9e84c464c079' })), this.hasSpike ? h("div", { class: "spike" }) : null))));
+        return (h(Host, { key: '95dbf143e674bcb0cd976c114a892201c42af6f4', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, h("dialog", { key: 'd674675e90ef6288047117e5058c18dd8233378d', ref: this.dialogRef, id: this.popoverPanelId, class: "dialog", popover: "manual", inert: !this.show, ...this.inheritAriaAttributes, role: this.inheritAriaAttributes['role'] ?? 'dialog', onMouseEnter: () => this.onDialogMouseEnter(), onMouseLeave: () => this.onDialogMouseLeave() }, h("div", { key: 'b0a7901412a53cff56518a7776b58ba392ba7b21', class: "popover-container" }, h("div", { key: '1226cfeb2110a8d628e50404d72d4ecd0c4f3a8b', class: "popover-body" }, h("slot", { key: '6c5701b2a20896db8fccf4edd67d9c65c1a81d36' })), this.hasSpike ? h("div", { class: "spike" }) : null))));
     }
     static get watchers() { return {
         "role": [{

package/dist/esm/ix-progress-indicator.entry.js

@@ -141,17 +141,17 @@ const ProgressIndicator = class {
     render() {
         const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
         const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-        return (h(Host, { key: '4c8ce44855219cefbe2adc70d46d6194d02edc2d', class: {
+        return (h(Host, { key: 'a0fda23f6a532303c9995fbf7815bfec062a14ab', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, h("div", { key: '4204012c4368150615e95d16bc52026a9ae893c6', class: {
+            }, tabIndex: -1 }, h("div", { key: 'e02e07ba370860bfe2be7ce663b78c4cf71f12c3', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
                 ['text-center']: this.textAlignment === 'center',
                 ['text-left']: this.textAlignment === 'left',
                 ['text-right']: this.textAlignment === 'right',
-            } }, this.label && (h("ix-typography", { key: '522744e8f2be71e94fa6e87ec1f053c9f2b141fe', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), h("div", { key: 'c5a2069c251c44ff3a33bfe7caea66f657b03d5e', class: "progress-container" }, this.type === 'linear' ? (h(Fragment, null, h(LinearBar, { value: clampedValue, status: this.status }), h("div", { class: "linear-slot" }, h("slot", null)))) : (h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+            } }, this.label && (h("ix-typography", { key: 'd9789ab69c7879fcaf0142fc5751162c5b7b2106', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), h("div", { key: '7c10251bb3f06e02985df158da20d539ec23c4d2', class: "progress-container" }, this.type === 'linear' ? (h(Fragment, null, h(LinearBar, { value: clampedValue, status: this.status }), h("div", { class: "linear-slot" }, h("slot", null)))) : (h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
 };
 ProgressIndicator.style = progressIndicatorCss();

package/dist/esm/ix-push-card.entry.js

@@ -41,7 +41,7 @@ const PushCard = class {
      */
     passive = false;
     render() {
-        return (h(Host, { key: '4f607dbe48bd80e6528f16d3dd70b1759e00f643', class: `card-${this.variant}` }, h("ix-card", { key: '4fafba1c8dbdd0b8503c14c53dc3c888567725c7', variant: this.variant, passive: this.passive }, h("ix-card-content", { key: 'c7ac7e9ea9061af15c28ad79b3773ac4cd511a93' }, h("ix-card-title", { key: '4206e4413e42e914b11526b40e44cd5e5360d403' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("ix-typography", { key: '91384db0e1c690aa9715bda38220127f545353b3', format: "display-xxl" }, this.notification ?? 0), h("slot", { key: '37cb75b3f6c2578cfa958982c20a5f0c9fa661dc', name: "title-action" })), h("ix-typography", { key: '349b36fe5eaa7faf0b8fa9da84b8b201fd1a173d', format: "h4" }, this.heading), h("ix-typography", { key: 'edd40ab8765df06b960b8014e318f06cd8c0f56f' }, this.subheading)), h("ix-card-accordion", { key: 'db0a3f66d0ea0fc8bed61b15651bea6381d812b1', collapse: !this.expanded, variant: this.variant }, h("slot", { key: '5095d6f7f3f9b23c17daccf9599ede0426db8b01' })))));
+        return (h(Host, { key: '559d12fce394d034e88a67d1792cf89db5e1f9d6', class: `card-${this.variant}` }, h("ix-card", { key: '74a3295376423e02defc79637f53905f1975a10e', variant: this.variant, passive: this.passive }, h("ix-card-content", { key: 'e88ae5131c174acebb759628d6de18bdf26d8141' }, h("ix-card-title", { key: '6c1df74de6c6e7b82a6301db6ecc6268d4891e47' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, h("ix-typography", { key: '0f1b79fd78aa5b954c6320b9f61dbbcab61ef3c7', format: "display-xxl" }, this.notification ?? 0), h("slot", { key: '778a56994a47ad9e8fbcee8526c592e6e0459930', name: "title-action" })), h("ix-typography", { key: '5a3b385c75a69f0324fc890c2519476111bc2a4e', format: "h4" }, this.heading), h("ix-typography", { key: '6f261327133e30244fe398c91e099b3dcba848fa' }, this.subheading)), h("ix-card-accordion", { key: '3175d45b32f0d9a1eaccb205a3052b5746fc5287', collapse: !this.expanded, variant: this.variant }, h("slot", { key: '08b90be54cd2d292349ead1ce20a173104ce266e' })))));
     }
 };
 PushCard.style = pushCardCss();

package/dist/esm/ix-radio-group.entry.js

@@ -179,10 +179,10 @@ const RadiobuttonGroup = class {
         nextRadio.focus();
     }
     render() {
-        return (h(Host, { key: '52fe1cdeb484f3114564701e714e686479ad27cb', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, h("ix-field-wrapper", { key: '21591f15dbea1dbbe7fcf625b4f866ecfc95f8bb', 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 }, h("div", { key: '1acbd13c448af7fc4b76690ceafe8afbf19e66b8', class: {
+        return (h(Host, { key: '96ce8cbd3b252510f336800c67d90419103609be', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, h("ix-field-wrapper", { key: '248a9516790541bdacec10fd759344baa1337876', 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 }, h("div", { key: '9fd29fcd02a5460b2466fc9b80171ed8cd5e39d0', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, h("slot", { key: 'cca579b75a01d8bd2755de0eb5d1e48e1eb2125d' })))));
+            } }, h("slot", { key: '40619f7896a159433a1fc2ec8a398fd3ddfe15aa' })))));
     }
     static get watchers() { return {
         "value": [{

package/dist/esm/ix-radio.entry.js

@@ -141,17 +141,17 @@ const Radio = class {
         if (this.disabled) {
             tabIndex = -1;
         }
-        return (h(Host, { key: '38a5132a44f733662ff6b744cb4469595df3d2b9', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
+        return (h(Host, { key: 'd6533cba8c7db26ade65df95ed8d5b8633c053f2', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
                 disabled: this.disabled,
                 checked: this.checked,
             }, onClick: () => {
                 if (this.disabled)
                     return;
                 this.setCheckedState(true);
-            }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, h("label", { key: '2505290137ef4bf9771119b347c95896afd3bfb2' }, h("div", { key: '774c09d5a0bb29a13cf6fb091e912f81d17e3ea8', class: "radio-button" }, h("div", { key: '1a44e92780fa8fa8ecee253400b23febfa3de481', "aria-hidden": "true", class: {
+            }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, h("label", { key: 'b458abc7f94dca6caf12c633953fe11307990b8e' }, h("div", { key: 'bad09b21c40286db89ee29757c66ed81b129b0d2', class: "radio-button" }, h("div", { key: '2c528acbd6a05b9fb3ddd71b75d1a8682f6fafc3', "aria-hidden": "true", class: {
                 ['radio-checkmark']: true,
                 checked: this.checked,
-            } }, h("div", { key: 'e2e26bd36cbc7c94be84fed124f30dda3aee4086', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (h("ix-typography", { key: 'c96621fb5011671d18b32d38bb619585ba2aaa35', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, h("slot", { key: '849c0c96db14348798bb2ca509e3e828dfd40600' }))))));
+            } }, h("div", { key: 'de7e5a0d22a2f6b1b431e210bb73f9fed161530b', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (h("ix-typography", { key: 'ba92e2c1e197e78e443b597261db32d44063d7d2', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, h("slot", { key: '6699f5473812078a34278907c58919eab380907a' }))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/esm/ix-range-field.entry.js

@@ -109,10 +109,10 @@ const RangeField = class extends Mixin(...DefaultMixins) {
         requestAnimationFrameNoNgZone(() => secondElement.openPicker());
     }
     render() {
-        return (h(Host, { key: 'a3fe83cc2529f7b415a7c2b7cc6f03685078df51', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (h("ix-icon", { key: '10503bc358606a043a4cd3f56c399bc500fb4714', "aria-hidden": "true", class: {
+        return (h(Host, { key: 'b0f8679efb64c79cb0896f4f6da02360cb712fd0', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (h("ix-icon", { key: 'ca058c6a86cc66f47a558e96cc0119041b02e603', "aria-hidden": "true", class: {
                 'range-delimiter': true,
                 'has-label': this.hasLabel,
-            }, name: iconArrowRight })), h("slot", { key: '2b97358a113fa98803c17dda0d1202d94d1cdc34' })));
+            }, name: iconArrowRight })), h("slot", { key: '18e92d8e65c9fd215734fe0702b4728070d9e3d9' })));
     }
 };
 RangeField.style = rangeFieldCss();