@siemens/ix 5.1.1 → 5.2.0

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

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 var a11y = require('./a11y-_XjpTo2w.js');
 var focusTrap = require('./focus-trap-Be3N4ytz.js');
 var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 require('./make-ref-CHsa3FY7.js');
 require('./focus-utilities-5SZMxJg4.js');
 
-const popoverHeaderCss = () => `:host{display:flex;padding:0.75rem;align-items:center;gap:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .popover-title{flex-grow:1}:host .additional-items{display:flex;align-items:center;gap:0.25rem}:host .popover-close{align-self:flex-start;border-radius:var(--theme-small-border-radius);--ix-icon-button-color:var(--theme-popover-close--color);--theme-btn-tertiary--color:var(--theme-popover-close--color);--theme-btn-tertiary--color--hover:var(--theme-popover-close--color);--theme-btn-tertiary--color--active:var(--theme-popover-close--color);--theme-btn-tertiary--background:var(     --theme-popover-close-btn--background   );--theme-btn-tertiary--background--hover:var(     --theme-popover-close-btn--background--hover   );--theme-btn-tertiary--background--active:var(     --theme-popover-close-btn--background--active   );--theme-btn-tertiary--border-color:transparent;--theme-btn-tertiary--border-color--hover:transparent;--theme-btn-tertiary--border-color--active:transparent}`;
+const popoverHeaderCss = () => `:host{display:flex;padding:0.75rem;align-items:center;gap:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .popover-title{flex-grow:1}:host .additional-items{display:flex;align-items:center;gap:0.25rem}:host .popover-close{align-self:flex-start;border-radius:var(--theme-small-border-radius);--ix-icon-button-color:var(--theme-popover-close--color);--theme-btn-tertiary--color:var(--theme-popover-close--color);--theme-btn-tertiary--color--hover:var(--theme-popover-close--color);--theme-btn-tertiary--color--active:var(--theme-popover-close--color);--theme-btn-tertiary--background:var(     --theme-popover-close-btn--background   );--theme-btn-tertiary--background--hover:var(     --theme-popover-close-btn--background--hover   );--theme-btn-tertiary--background--active:var(     --theme-popover-close-btn--background--active   );--theme-btn-tertiary--border-color:transparent;--theme-btn-tertiary--border-color--hover:transparent;--theme-btn-tertiary--border-color--active:transparent}`;
 
 const PopoverHeader = class {
     constructor(hostRef) {
@@ -61,7 +61,7 @@ const PopoverHeader = class {
         this.parentPopover?.hidePopover();
     }
     render() {
-        return (index.h(index.Host, { key: 'd6b5d04790192d4212e60d39ce685a18b5dcc72a', [focusTrap.TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, this.icon ? (index.h("ix-icon", { name: this.icon, color: this.iconColor, size: "24", "aria-hidden": a11y.a11yBoolean(true) })) : null, index.h("div", { key: '37a9433e60b19c2a191db75ee475586a36b7d4a0', class: "popover-title" }, index.h("ix-typography", { key: '866758b0c589aef950896e06f00096520311851a', format: "h5" }, index.h("slot", { key: '6cfa745b62f705ddd2b8076ecf9e634cc8fac309' }))), index.h("div", { key: '671bfd6538e4540d75051c960a963949bd26d9d8', class: "additional-items" }, index.h("slot", { key: '8b8c48055f58111077cfdede40f977691180250e', name: "additional-items" })), this.hideClose ? null : (index.h("ix-icon-button", { class: "popover-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: index$1.iconClose, "aria-label": this.ariaLabelCloseIconButton }))));
+        return (index.h(index.Host, { key: '76d1a3d16977a65199b5fe65bf1695936ef32261', [focusTrap.TRAP_FOCUS_INCLUDE_ATTRIBUTE]: true }, this.icon ? (index.h("ix-icon", { name: this.icon, color: this.iconColor, size: "24", "aria-hidden": a11y.a11yBoolean(true) })) : null, index.h("div", { key: '657a03037f738a7d6eda5882e81daee2adb865dc', class: "popover-title" }, index.h("ix-typography", { key: 'b2b73f314f4831e17e77187126be81ba7c349ca1', format: "h5" }, index.h("slot", { key: '4b2764e2af36d94fdfb7f175354291fcacbb701e' }))), index.h("div", { key: '18708b2c35c85c1a9bafe0b66b004fa142b2c116', class: "additional-items" }, index.h("slot", { key: '8ff6074594f854d8e220f8da8364b4b69f8c6c7e', name: "additional-items" })), this.hideClose ? null : (index.h("ix-icon-button", { class: "popover-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: index$1.iconClose, "aria-label": this.ariaLabelCloseIconButton }))));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/ix-popover-image.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DnclGKUw.js');
 
-const popoverImageCss = () => `:host{display:block}: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 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}`;
+const popoverImageCss = () => `:host{display:block}: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 img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}`;
 
 const PopoverImage = class {
     constructor(hostRef) {

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

@@ -824,7 +824,7 @@ const Popover = class extends index.Mixin(...component.DefaultMixins, inheritAri
         }
     }
     render() {
-        return (index.h(index.Host, { key: '95dbf143e674bcb0cd976c114a892201c42af6f4', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, index.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() }, index.h("div", { key: 'b0a7901412a53cff56518a7776b58ba392ba7b21', class: "popover-container" }, index.h("div", { key: '1226cfeb2110a8d628e50404d72d4ecd0c4f3a8b', class: "popover-body" }, index.h("slot", { key: '6c5701b2a20896db8fccf4edd67d9c65c1a81d36' })), this.hasSpike ? index.h("div", { class: "spike" }) : null))));
+        return (index.h(index.Host, { key: 'd3950e6a33913834d9ac23937918ed2a119c339e', class: { visible: this.show }, "data-ix-popover": this.popoverPanelId }, index.h("dialog", { key: '5c2c659d9fbd6c8c6124e48ac23d0563a6a349dd', 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() }, index.h("div", { key: '020ab467f0f869f890e99dfae2eb8882ec6b313c', class: "popover-container" }, index.h("div", { key: '6d765907691e15b9f37782c0b4c64e31bae5cf22', class: "popover-body" }, index.h("slot", { key: 'e1f14fa9be44cc63f15dbb3d3c8e75c0019646b0' })), this.hasSpike ? index.h("div", { class: "spike" }) : null))));
     }
     static get watchers() { return {
         "role": [{

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG
@@ -143,17 +143,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 (index.h(index.Host, { key: 'a0fda23f6a532303c9995fbf7815bfec062a14ab', class: {
+        return (index.h(index.Host, { key: '05a0f4409950bd14852a4b4e8573ddd8ecd3288a', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, index.h("div", { key: 'e02e07ba370860bfe2be7ce663b78c4cf71f12c3', class: {
+            }, tabIndex: -1 }, index.h("div", { key: '7a4e59690c101846dfbcb57ee04f8143b9f7b71b', 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 && (index.h("ix-typography", { key: 'd9789ab69c7879fcaf0142fc5751162c5b7b2106', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), index.h("div", { key: '7c10251bb3f06e02985df158da20d539ec23c4d2', class: "progress-container" }, this.type === 'linear' ? (index.h(index.Fragment, null, index.h(LinearBar, { value: clampedValue, status: this.status }), index.h("div", { class: "linear-slot" }, index.h("slot", null)))) : (index.h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, index.h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (index.h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+            } }, this.label && (index.h("ix-typography", { key: 'ce97142eb085bac72ea662adcb2c486c186e03b0', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), index.h("div", { key: '8a188d3971f1016f3fc858d59fac134d33a43153', class: "progress-container" }, this.type === 'linear' ? (index.h(index.Fragment, null, index.h(LinearBar, { value: clampedValue, status: this.status }), index.h("div", { class: "linear-slot" }, index.h("slot", null)))) : (index.h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, index.h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (index.h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
 };
 ProgressIndicator.style = progressIndicatorCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DnclGKUw.js');
 
-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 ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}`;
+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 ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-outline) ix-card-accordion{--theme-push-card-outline-accordion--background--hover:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion--background--active:var(--theme-push-card-outline-accordion--background);--theme-push-card-outline-accordion-frame--border-color:var(--theme-push-card-outline-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1);--theme-push-card-outline-accordion-frame--border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-outline) ix-card:hover,:host(.card-outline) ix-card:active{--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-filled) ix-card-accordion{--theme-push-card-filled-accordion--background--hover:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion--background--active:var(--theme-push-card-filled-accordion--background);--theme-push-card-filled-accordion-frame--border-color:var(--theme-push-card-filled-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-alarm) ix-card-accordion{--theme-push-card-alarm-accordion--background--hover:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion--background--active:var(--theme-push-card-alarm-accordion--background);--theme-push-card-alarm-accordion-frame--border-color:var(--theme-push-card-alarm-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-critical) ix-card-accordion{--theme-push-card-critical-accordion--background--hover:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion--background--active:var(--theme-push-card-critical-accordion--background);--theme-push-card-critical-accordion-frame--border-color:var(--theme-push-card-critical-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-warning) ix-card-accordion{--theme-push-card-warning-accordion--background--hover:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion--background--active:var(--theme-push-card-warning-accordion--background);--theme-push-card-warning-accordion-frame--border-color:var(--theme-push-card-warning-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-success) ix-card-accordion{--theme-push-card-success-accordion--background--hover:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion--background--active:var(--theme-push-card-success-accordion--background);--theme-push-card-success-accordion-frame--border-color:var(--theme-push-card-success-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-info) ix-card-accordion{--theme-push-card-info-accordion--background--hover:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion--background--active:var(--theme-push-card-info-accordion--background);--theme-push-card-info-accordion-frame--border-color:var(--theme-push-card-info-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-neutral) ix-card-accordion{--theme-push-card-neutral-accordion--background--hover:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion--background--active:var(--theme-push-card-neutral-accordion--background);--theme-push-card-neutral-accordion-frame--border-color:var(--theme-push-card-neutral-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}:host(.card-primary) ix-card-accordion{--theme-push-card-primary-accordion--background--hover:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion--background--active:var(--theme-push-card-primary-accordion--background);--theme-push-card-primary-accordion-frame--border-color:var(--theme-push-card-primary-accordion--background);--ix-card-accordion-expand-content--border-radius:0 0 var(--theme-default-border-radius) var(--theme-default-border-radius);--ix-card-accordion-expand-content--border-radius:0 0 calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width)) calc(var(--theme-default-border-radius) + var(--theme-push-card--border-width))}`;
 
 const PushCard = class {
     constructor(hostRef) {
@@ -43,7 +43,7 @@ const PushCard = class {
      */
     passive = false;
     render() {
-        return (index.h(index.Host, { key: '559d12fce394d034e88a67d1792cf89db5e1f9d6', class: `card-${this.variant}` }, index.h("ix-card", { key: '74a3295376423e02defc79637f53905f1975a10e', variant: this.variant, passive: this.passive }, index.h("ix-card-content", { key: 'e88ae5131c174acebb759628d6de18bdf26d8141' }, index.h("ix-card-title", { key: '6c1df74de6c6e7b82a6301db6ecc6268d4891e47' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, index.h("ix-typography", { key: '0f1b79fd78aa5b954c6320b9f61dbbcab61ef3c7', format: "display-xxl" }, this.notification ?? 0), index.h("slot", { key: '778a56994a47ad9e8fbcee8526c592e6e0459930', name: "title-action" })), index.h("ix-typography", { key: '5a3b385c75a69f0324fc890c2519476111bc2a4e', format: "h4" }, this.heading), index.h("ix-typography", { key: '6f261327133e30244fe398c91e099b3dcba848fa' }, this.subheading)), index.h("ix-card-accordion", { key: '3175d45b32f0d9a1eaccb205a3052b5746fc5287', collapse: !this.expanded, variant: this.variant }, index.h("slot", { key: '08b90be54cd2d292349ead1ce20a173104ce266e' })))));
+        return (index.h(index.Host, { key: '0f239a6558a0ccb0287124bb256a7d7d6256dc8e', class: `card-${this.variant}` }, index.h("ix-card", { key: 'e512c612e4c0fef3a5ec1d375d653db177b90aca', variant: this.variant, passive: this.passive }, index.h("ix-card-content", { key: '5c587c9b4698117ffda6104a402f3887cae9cdcc' }, index.h("ix-card-title", { key: '5f541549ea22b378bc26446f0f68feb8b8926c33' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, index.h("ix-typography", { key: '363d4ecfe1196bbc591376b9a0405f91c8b6f55d', format: "display-xxl" }, this.notification ?? 0), index.h("slot", { key: '8ab001894e21f7bd60861015c5d54d2eb14ab3d1', name: "title-action" })), index.h("ix-typography", { key: '831bc352f52398683fd251dfacfcc2292539a3b5', format: "h4" }, this.heading), index.h("ix-typography", { key: '8e47745fbef875019a99a7f017975ac4a722db09' }, this.subheading)), index.h("ix-card-accordion", { key: '43d0965dd8950bba104de8b207cae142c69e1d58', collapse: !this.expanded, variant: this.variant }, index.h("slot", { key: '92a7fe73f9b6561707057d9daef3f70bba13a667' })))));
     }
 };
 PushCard.style = pushCardCss();

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DnclGKUw.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
-var validation = require('./validation-DJaUH-UR.js');
+var validation = require('./validation-B1izlD8M.js');
 require('./index-B4J4JK0P.js');
 
 const radioGroupCss = () => `:host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}`;
@@ -181,10 +181,10 @@ const RadiobuttonGroup = class {
         nextRadio.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '96ce8cbd3b252510f336800c67d90419103609be', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, index.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 }, index.h("div", { key: '9fd29fcd02a5460b2466fc9b80171ed8cd5e39d0', class: {
+        return (index.h(index.Host, { key: 'cf5b18bd56a508fd420c9c3708e484e511b7fe0d', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, index.h("ix-field-wrapper", { key: '2337eef1982364f930394ab1d0493e990e836390', 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 }, index.h("div", { key: 'e478c75175c239733f25e0f183d353b8bbbc07a5', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, index.h("slot", { key: '40619f7896a159433a1fc2ec8a398fd3ddfe15aa' })))));
+            } }, index.h("slot", { key: '136f6fd87c1f3d367cc5dff13040e7fa176726aa' })))));
     }
     static get watchers() { return {
         "value": [{

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

@@ -2,10 +2,10 @@
 
 var index = require('./index-DnclGKUw.js');
 var a11y = require('./a11y-_XjpTo2w.js');
-var validation = require('./validation-DJaUH-UR.js');
+var validation = require('./validation-B1izlD8M.js');
 require('./index-B4J4JK0P.js');
 
-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{}: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 .radio-checkmark{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}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--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) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{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)) .radio-checkmark{--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) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{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)) .radio-checkmark{--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) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{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)) .radio-checkmark{--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) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}`;
+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 *{}: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 .radio-checkmark{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}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--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) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{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)) .radio-checkmark{--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) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{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)) .radio-checkmark{--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) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{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)) .radio-checkmark{--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) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{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) .radio-checkmark{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) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}`;
 
 const Radio = class {
     constructor(hostRef) {
@@ -143,17 +143,17 @@ const Radio = class {
         if (this.disabled) {
             tabIndex = -1;
         }
-        return (index.h(index.Host, { key: 'd6533cba8c7db26ade65df95ed8d5b8633c053f2', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
+        return (index.h(index.Host, { key: '18a9d8d27e3da2d36681f0681caeee84ed943efd', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.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() }, index.h("label", { key: 'b458abc7f94dca6caf12c633953fe11307990b8e' }, index.h("div", { key: 'bad09b21c40286db89ee29757c66ed81b129b0d2', class: "radio-button" }, index.h("div", { key: '2c528acbd6a05b9fb3ddd71b75d1a8682f6fafc3', "aria-hidden": "true", class: {
+            }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '22db33f534a61abca396ce3c05f30b490327e417' }, index.h("div", { key: '0ad8548b87a63cded792ad6dee63e4ba018a0aa0', class: "radio-button" }, index.h("div", { key: '9b8fbaa25b7f4307f4a820a99a80dd3a01272604', "aria-hidden": "true", class: {
                 ['radio-checkmark']: true,
                 checked: this.checked,
-            } }, index.h("div", { key: 'de7e5a0d22a2f6b1b431e210bb73f9fed161530b', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (index.h("ix-typography", { key: 'ba92e2c1e197e78e443b597261db32d44063d7d2', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '6699f5473812078a34278907c58919eab380907a' }))))));
+            } }, index.h("div", { key: 'a8e10d030150643478be8e859e47b7654ecdcdba', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (index.h("ix-typography", { key: 'a0c8ddcf036d2ade8ed14813dff4d3ce8fc664ff', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '35fd78b7b432ced026ac0824f64633f64b8b4441' }))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

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

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$2 = require('./index-CwJ-mkQd.js');
+var index$2 = require('./index-BQht1mLe.js');
 var index$1 = require('./index-B4J4JK0P.js');
 var component = require('./component-DgA9FH-W.js');
 var requestAnimationFrame = require('./requestAnimationFrame-B0rWQ3G-.js');
 require('./focus-utilities-5SZMxJg4.js');
 require('./shadow-dom-BL5F7RFW.js');
 
-const rangeFieldCss = () => `: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{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}`;
+const rangeFieldCss = () => `: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{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}`;
 
 const RangeField = class extends index.Mixin(...component.DefaultMixins) {
     constructor(hostRef) {
@@ -111,10 +111,10 @@ const RangeField = class extends index.Mixin(...component.DefaultMixins) {
         requestAnimationFrame.requestAnimationFrameNoNgZone(() => secondElement.openPicker());
     }
     render() {
-        return (index.h(index.Host, { key: 'b0f8679efb64c79cb0896f4f6da02360cb712fd0', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (index.h("ix-icon", { key: 'ca058c6a86cc66f47a558e96cc0119041b02e603', "aria-hidden": "true", class: {
+        return (index.h(index.Host, { key: '39e0e73fb8615f11206cf7e9d296d3ec5c671017', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (index.h("ix-icon", { key: 'df1a75792a9d184e1e705fd2a93ffbc8068ce8d6', "aria-hidden": "true", class: {
                 'range-delimiter': true,
                 'has-label': this.hasLabel,
-            }, name: index$2.iconArrowRight })), index.h("slot", { key: '18e92d8e65c9fd215734fe0702b4728070d9e3d9' })));
+            }, name: index$2.iconArrowRight })), index.h("slot", { key: '8019b4ace67118363d86d719e3545419ddbad975' })));
     }
 };
 RangeField.style = rangeFieldCss();

package/dist/cjs/ix-select.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 var a11y = require('./a11y-_XjpTo2w.js');
 var focusProxy = require('./focus-proxy-CjxFZupW.js');
 var focusUtilities = require('./focus-utilities-5SZMxJg4.js');
@@ -10,11 +10,11 @@ var ariaActivedescendant_mixin = require('./aria-activedescendant.mixin-_lb0Xz2S
 var id_mixin = require('./id.mixin-DINDQztK.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var requestAnimationFrame = require('./requestAnimationFrame-B0rWQ3G-.js');
-var validation = require('./validation-DJaUH-UR.js');
+var validation = require('./validation-B1izlD8M.js');
 require('./shadow-dom-BL5F7RFW.js');
 require('./index-B4J4JK0P.js');
 
-const selectCss = () => `:host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--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{}: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 .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:hover:not(.readonly):not(.disabled){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select.readonly,:host .select.disabled{box-shadow:none !important}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .select.disabled input{color:var(--theme-input--color--disabled)}:host .select.readonly{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .select.readonly input{color:var(--theme-input--color--readonly)}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{background:transparent;height:1.75rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{display:flex;flex-direction:column;max-width:100%}:host .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-std-text--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .hidden{display:none !important}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}:host(.ix-focused) .select,:host(.show-focus-outline) .select{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--warning);background-color:var(--theme-input--background--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select: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])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid)}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select: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])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}`;
+const selectCss = () => `:host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--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 *{}: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 .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:hover:not(.readonly):not(.disabled){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select.readonly,:host .select.disabled{box-shadow:none !important}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .select.disabled input{color:var(--theme-input--color--disabled)}:host .select.readonly{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .select.readonly input{color:var(--theme-input--color--readonly)}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{background:transparent;height:1.75rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{display:flex;flex-direction:column;max-width:100%}:host .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-std-text--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .hidden{display:none !important}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}:host(.ix-focused) .select,:host(.show-focus-outline) .select{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--warning);background-color:var(--theme-input--background--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select: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])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid)}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select: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])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}`;
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -924,7 +924,7 @@ const Select = class extends index.Mixin(...component.DefaultMixins, id_mixin.Co
             return Promise.resolve(this.inputElement);
         }
         else {
-            return Promise.reject(new Error('Input element not found'));
+            return Promise.reject(new validation.NativeInputNotFoundError());
         }
     }
     /**
@@ -1000,18 +1000,18 @@ const Select = class extends index.Mixin(...component.DefaultMixins, id_mixin.Co
         });
     }
     render() {
-        return (index.h(index.Host, { key: '9415e1e8af83d128ad9214824c182a9c03a70180', id: this.getHostElementId(), class: {
+        return (index.h(index.Host, { key: '12f066e4fcda30b4df4420847adfed06fa6eb51e', id: this.getHostElementId(), class: {
                 readonly: this.readonly,
                 disabled: this.disabled,
                 'show-focus-outline': this.hasInputFocus && !this.dropdownItemsVisualFocused,
-            }, tabIndex: this.disabled ? -1 : 0 }, index.h("ix-field-wrapper", { key: '36b59b412aab4e527f2e09c7b800344d4831436e', 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 }, index.h("div", { key: '353d3300511ab5311f1359d8591d58ffa862c8d1', class: {
+            }, tabIndex: this.disabled ? -1 : 0 }, index.h("ix-field-wrapper", { key: 'ef30284c6d2bfe8c67bd61222aa4908b4533f6eb', 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 }, index.h("div", { key: 'c28253243a825e85ef9ff8cc863ce407191f462d', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
             }, ref: (ref) => {
                 this.dropdownAnchorRef(ref);
                 this.dropdownWrapperRef(ref);
-            } }, index.h("div", { key: '66708c6629d362e2187de9620b6a1386863c0fdf', class: "input-container" }, index.h("div", { key: 'b5c607cd3766f624d8c608a4eaeb31bea7d3d387', class: "chips", ref: this.chipsContainerRef }, this.isMultipleMode && this.renderMultipleModeChips(), index.h("div", { key: '84084dbaa7e87c16acd3ca2b487a60eb130f6cc7', class: "trigger" }, index.h("input", { key: 'f1f7203f87901eca257935c2a4729fd6e2e3db00', id: `${this.hostId}-input`, role: "combobox", "aria-controls": `${this.hostId}-proxy-listbox`, "aria-expanded": a11y.a11yBoolean(this.dropdownShow), "aria-autocomplete": "list", "aria-disabled": a11y.a11yBoolean(this.disabled), autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            } }, index.h("div", { key: '841ae12c0dfbc999374644a4ec777f3de2c8e414', class: "input-container" }, index.h("div", { key: '46e892e8f13331dfb840f3f789dff9e0e94f7bf3', class: "chips", ref: this.chipsContainerRef }, this.isMultipleMode && this.renderMultipleModeChips(), index.h("div", { key: '3bf138f72a341dba37b522697ba357d8d735f0e2', class: "trigger" }, index.h("input", { key: '7630af0620fe089e9289794340a5a9a3571d877a', id: `${this.hostId}-input`, role: "combobox", "aria-controls": `${this.hostId}-proxy-listbox`, "aria-expanded": a11y.a11yBoolean(this.dropdownShow), "aria-autocomplete": "list", "aria-disabled": a11y.a11yBoolean(this.disabled), autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!this.selectedLabels?.length,
             }, placeholder: this.placeholderValue(), value: this.inputValue ?? '', ref: (ref) => {
                 this.inputElement = ref;
@@ -1036,7 +1036,7 @@ const Select = class extends index.Mixin(...component.DefaultMixins, id_mixin.Co
                 element.ariaHidden = 'true';
             }, "data-select-dropdown": true, key: "dropdown", class: { 'dropdown-visible': this.dropdownShow }, icon: this.dropdownShow
                 ? index$1.iconChevronUpSmall
-                : index$1.iconChevronDownSmall, variant: "subtle-tertiary" }))))))), index.h("ix-dropdown", { key: '1339c822f5fe72b80e0080f9bdc0a157f74fe7ad', id: `${this.hostId}-listbox`, keyboardActivationKeys: ['ArrowUp', 'ArrowDown'], keyboardItemTriggerKeys: ['Enter'], disableFocusTrap: true, focusHost: this.hostElement, ref: this.dropdownRef, show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', hidden: this.disabled || this.readonly, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChange: (event) => {
+                : index$1.iconChevronDownSmall, variant: "subtle-tertiary" }))))))), index.h("ix-dropdown", { key: '98815c0cc3ab87dea8cbba41b0285eef62ae3e50', id: `${this.hostId}-listbox`, keyboardActivationKeys: ['ArrowUp', 'ArrowDown'], keyboardItemTriggerKeys: ['Enter'], disableFocusTrap: true, focusHost: this.hostElement, ref: this.dropdownRef, show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', hidden: this.disabled || this.readonly, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChange: (event) => {
                 if ((this.disabled || this.readonly) && event.detail) {
                     event.preventDefault();
                 }
@@ -1075,16 +1075,16 @@ const Select = class extends index.Mixin(...component.DefaultMixins, id_mixin.Co
                 if (this.isSingleMode) {
                     this.dropdownShow = false;
                 }
-            } }, index.h("div", { key: 'df5024089e37d2a0416dd42d3e5c8c5c07ac5f4c', "aria-hidden": "true", class: {
+            } }, index.h("div", { key: '99bce854b460b54621001ae07fc9f36d10684df8', "aria-hidden": "true", class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: 'b9d758bf0a6c7452ab9e626f37c9fbb5b0a74dfc', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: '49916fd0b14b1ff8a0b8f00cf2133c6f08c94a80', onSlotchange: () => {
                 this.updateSelection();
-            } }), index.h(focusProxy.FocusProxy, { key: 'a4bb5eed7ee4ab735ecf0141fc32c69df8c8d57c', hostId: this.hostId, otherProps: {
+            } }), index.h(focusProxy.FocusProxy, { key: 'f09bdadcc1c886ef78299322f3318eaf2ca0ccd2', hostId: this.hostId, otherProps: {
                 'aria-hidden': a11y.a11yBoolean(!this.dropdownShow),
                 'aria-multiselectable': a11y.a11yBoolean(this.isMultipleMode),
                 hidden: this.disabled || this.readonly,
-            } }), this.isDropdownEmpty && !this.editable && (index.h("div", { key: '926fa88d0788351f0f2e865fe4ced2bb8422a43d', class: "select-list-header" }, this.i18nNoMatches))), this.isMultipleMode &&
+            } }), this.isDropdownEmpty && !this.editable && (index.h("div", { key: '70c18c30db4dc6af1c84b6a4a81fbb133cf02a1b', class: "select-list-header" }, this.i18nNoMatches))), this.isMultipleMode &&
             !this.shouldDisplayAllChip() &&
             this.hiddenChipValues.length > 0 &&
             this.renderOverflowDropdown()));

package/dist/cjs/ix-slider.cjs.entry.js

@@ -4,10 +4,10 @@ var index = require('./index-DnclGKUw.js');
 var a11y = require('./a11y-_XjpTo2w.js');
 var listener = require('./listener-ClEsCfX0.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
-var validation = require('./validation-DJaUH-UR.js');
+var validation = require('./validation-B1izlD8M.js');
 require('./index-B4J4JK0P.js');
 
-const sliderCss = () => `:host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}`;
+const sliderCss = () => `:host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}`;
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -245,15 +245,15 @@ const Slider = class {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (index.h(index.Host, { key: '5eed909b2857b9bfbea41402736fe01d7ad9a434', class: {
+        return (index.h(index.Host, { key: 'bc904df57adc690f6a26d435f1c82d14755c6754', class: {
                 disabled: this.disabled,
                 invalid: this.isInvalid,
                 info: this.isInfo,
                 valid: this.isValid,
                 warning: this.isWarning,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, index.h("ix-field-wrapper", { key: '6f5ef62c132260787b91ea5b5f08faf21153735f', 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.controlRef }, index.h("div", { key: 'c67536334750605b342859dbf6c38abcc730c6a6', class: "slider-container" }, index.h("div", { key: '33649db602e05ea4f2496c6b7b5a3620eca81a49', class: "slider" }, index.h("div", { key: 'f282b195ad420d036e90b4cc45c59fe9232b5919', class: "track" }, index.h("div", { key: 'f68211f2d377f2741eaedcdc4ca7fcbcd0f1bbfb', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, index.h("ix-field-wrapper", { key: 'e346c24bf005ec2aa06af0729f4af521f72ec2b9', 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.controlRef }, index.h("div", { key: '3aa92608f9401f269cf8227e5ccede8439c1b678', class: "slider-container" }, index.h("div", { key: 'cdd7636f0eddaa870f33bbb505fbdeedf808bfe9', class: "slider" }, index.h("div", { key: '154a03a58b01cb76e753c96c2f5bc87fa939b184', class: "track" }, index.h("div", { key: 'baf3ff99733257bd3a7697a8f7dbe5626147d722', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * (100% - 1rem))`,
-            } }), index.h("svg", { key: '50576c072bbd33c8689017d7f67b83694d73516c', class: "ticks", xmlns: "http://www.w3.org/2000/svg" }, this.marker
+            } }), index.h("svg", { key: '1242b04782e64afeb3e4f7b3c735c1be96372923', class: "ticks", xmlns: "http://www.w3.org/2000/svg" }, this.marker
             ?.filter((markerValue) => markerValue >= this.min && markerValue <= this.max)
             .map((markerValue) => {
             const markerPosition = (markerValue - this.rangeMin) / range;
@@ -265,7 +265,7 @@ const Slider = class {
                 }, cx: "0", cy: "0", style: {
                     '--tick-value': `${markerPosition}`,
                 } }));
-        }))), index.h("input", { key: '3ee47514d9a51488410c2b0984f05f39e74153a7', id: "slider", ref: this.controlRef, 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), onFocus: () => {
+        }))), index.h("input", { key: 'c10155a18c3f0c1edb8bd6f12214de818db74beb', id: "slider", ref: this.controlRef, 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), onFocus: () => {
                 this.showTooltip = true;
                 this.touched = true;
             }, onBlur: () => {
@@ -281,9 +281,9 @@ const Slider = class {
                 'hide-trace-reference': this.trace &&
                     (this.traceReference <= this.min ||
                         this.traceReference >= this.max),
-            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max, ...this.a11yAttributes }), index.h("ix-tooltip", { key: '740ea0d7cf7a200c7db7ea8ac70fd2537b84b4a5', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max, ...this.a11yAttributes }), index.h("ix-tooltip", { key: 'ace607a123ece9ce604f1ec2b6ce870fbbc2d20e', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), this.hasLabels && (index.h("div", { key: 'd5264eaabacd9f667600df1f0cdf8e89b24d7730', class: "label" }, index.h("div", { key: '4ac2ebda49543e04e619452bd59c3f30a0404879' }, index.h("slot", { key: 'dcc9ecd173f1d49133e1070b72b34b8485cc9860', name: "label-start" })), index.h("div", { key: '022869a430a0644e24932553a321da5fa8dd4df2' }, index.h("slot", { key: '4da9fdcb1d570657a3796a32d0925025e16dc4b7', name: "label-end" }))))))));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), this.hasLabels && (index.h("div", { key: '0e59aadf74934ffc7067ad336c5a4156189b8ae8', class: "label" }, index.h("div", { key: '20af42d330da5d8b5e9888378d5f09b9591c054d' }, index.h("slot", { key: 'e1c21828426fb53c2e5dffe2a4a305a114d83359', name: "label-start" })), index.h("div", { key: '27c5122383b81b204ffeed99a754d8275e77eb40' }, index.h("slot", { key: 'd6766ea6f1f690423e55858a1866a0263749cc7f', name: "label-end" }))))))));
     }
     static get formAssociated() { return true; }
     static get watchers() { return {

package/dist/cjs/ix-split-button.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var index = require('./index-DnclGKUw.js');
-var index$1 = require('./index-CwJ-mkQd.js');
+var index$1 = require('./index-BQht1mLe.js');
 var focusProxy = require('./focus-proxy-CjxFZupW.js');
 var component = require('./component-DgA9FH-W.js');
 var ariaActivedescendant_mixin = require('./aria-activedescendant.mixin-_lb0Xz2S.js');
 require('./focus-utilities-5SZMxJg4.js');
 require('./shadow-dom-BL5F7RFW.js');
 
-const splitButtonCss = () => `.btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left: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{}: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 .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}`;
+const splitButtonCss = () => `.btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left: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 *{}: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 .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}`;
 
 const SplitButton = class extends index.Mixin(...component.DefaultMixins, ariaActivedescendant_mixin.AriaActiveDescendantMixin) {
     constructor(hostRef) {
@@ -135,7 +135,7 @@ const SplitButton = class extends index.Mixin(...component.DefaultMixins, ariaAc
                 'left-button-border': !hasOutline,
             },
         };
-        return (index.h(index.Host, { key: '884bfb24e3ee02006ea0479f14db9f6340b3392d' }, this.label ? (index.h("ix-button", { ...buttonAttributes, icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }, this.label)) : (index.h("ix-icon-button", { ...buttonAttributes, icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton })), index.h("ix-dropdown-button", { key: 'bfc3ce10b22f56593f22a99fa3fd5dc8f1fd1bcd', class: "right-button", "aria-label": this.ariaLabelSplitIconButton, icon: this.splitIcon ?? index$1.iconContextMenu, enableTopLayer: this.enableTopLayer, closeBehavior: this.closeBehavior, disabled: this.isDisabledIcon, suppressAriaActiveDescendant: true, onShowChanged: ({ detail }) => (this.showDropdown = detail), "aria-controls": `${this.internalId}-${focusProxy.PROXY_LIST_ID_SUFFIX}` }, index.h(focusProxy.FocusProxy, { key: 'dd46c1d745719edccd4d1243a4136e1d10ce88d7', hostId: this.internalId, otherProps: {} }), index.h("slot", { key: 'b7b4e70109eec84ea87011734a9b8415a71998c2' }))));
+        return (index.h(index.Host, { key: '8b0ca8dd570f499543d80f403c5119de176ed859' }, this.label ? (index.h("ix-button", { ...buttonAttributes, icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }, this.label)) : (index.h("ix-icon-button", { ...buttonAttributes, icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton })), index.h("ix-dropdown-button", { key: '75f3af8bd3c91e40ed7ad749fa794e5a19129c3c', class: "right-button", "aria-label": this.ariaLabelSplitIconButton, icon: this.splitIcon ?? index$1.iconContextMenu, enableTopLayer: this.enableTopLayer, closeBehavior: this.closeBehavior, disabled: this.isDisabledIcon, suppressAriaActiveDescendant: true, onShowChanged: ({ detail }) => (this.showDropdown = detail), "aria-controls": `${this.internalId}-${focusProxy.PROXY_LIST_ID_SUFFIX}` }, index.h(focusProxy.FocusProxy, { key: '53e6f62837d923f29e11ad408681f34067343aef', hostId: this.internalId, otherProps: {} }), index.h("slot", { key: 'be4d6d91d022ac56acc0fdbab17dd37f0af539c6' }))));
     }
 };
 SplitButton.style = splitButtonCss();