@siemens/ix-docs 0.0.0-pr-2238-20251103105018 → 4.1.0

package/build/static/demo/v2/preview/html/assets/{ix-pane-layout.entry-VIHjyOXm.js → ix-pane-layout.entry-yTkxvTxW.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
 import { a as applicationLayoutService } from "./service-Da0kv8hS-ChZKlHDF.js";
 import { m as matchBreakpoint } from "./breakpoints-D_Hmobxf-DBbixPq4.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
@@ -210,7 +210,7 @@ const Panes = class {
     return pane ? pane.floating : false;
   }
   render() {
-    return h(Host, { key: "03ea4309957e61df58b3d8bc01bad3f4a069e825" }, !this.isMobile ? this.layout == "full-vertical" ? h("div", { class: "side-panes-wrapper" }, h("div", { class: {
+    return h(Host, { key: "f5825e5fd84ca1f96e9eb6d19c528107167b4e16" }, !this.isMobile ? this.layout == "full-vertical" ? h("div", { class: "side-panes-wrapper" }, h("div", { class: {
       row: true,
       "padding-left": this.hasPadding("left"),
       "padding-right": this.hasPadding("right")

package/build/static/demo/v2/preview/html/assets/{ix-pane.entry-CepE87Dy.js → ix-pane.entry-B-irY3c_.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { F as iconDoubleChevronDown, G as iconDoubleChevronRight, H as iconDoubleChevronUp, I as iconDoubleChevronLeft, q as iconClose } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { E as iconDoubleChevronDown, F as iconDoubleChevronRight, G as iconDoubleChevronUp, H as iconDoubleChevronLeft, q as iconClose } from "./index-8HpPmDK_-DinFJk0z.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
 import { a as applicationLayoutService } from "./service-Da0kv8hS-ChZKlHDF.js";
@@ -381,7 +381,7 @@ const Pane = class {
   }
   render() {
     const rotate = !this.expanded && !this.isMobile && this.isLeftRightPane;
-    return h(Host, { key: "dd8c6d4cd68bbc2dce4938a97a0499316acda9f3", class: {
+    return h(Host, { key: "d4dcd94494a7a1a20cb9ce1613f60b07708a1a6a", class: {
       "floating-pane": this.floating,
       "inline-pane": !this.floating,
       "mobile-overlay": this.expanded && this.isMobile,
@@ -394,22 +394,22 @@ const Pane = class {
       "mobile-border-top": !this.borderless && this.isMobileTop && this.isMobile && !this.expanded && !this.floating,
       "mobile-border-bottom": !this.borderless && !this.isMobileTop && this.isMobile && !this.expanded && !this.floating,
       "not-visible": this.hideOnCollapse && !this.expanded
-    }, "aria-expanded": a11yBoolean(this.expanded) }, h("aside", { key: "9c1e0a51dd112be47cd6ac72a56da3c8f8c7402e", id: `pane-${this.composition}`, class: {
+    }, "aria-expanded": a11yBoolean(this.expanded) }, h("aside", { key: "16c38b4a2706ee2cc82975e7cc8f48434997d668", id: `pane-${this.composition}`, class: {
       "top-bottom-pane": this.isBottomTopPane && !this.isMobile,
       "left-right-pane": this.isLeftRightPane && !this.isMobile,
       "mobile-pane": this.isMobile,
       expanded: this.expanded
-    } }, h("div", { key: "e6c9183e30405b36ef67d76d812288573e75112b", id: "title-div", class: {
+    } }, h("div", { key: "e4f68f0ab4d1c720bd2bbd2c8a3362e8c1166216", id: "title-div", class: {
       title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
       "title-finished": !this.isMobile && !this.hideOnCollapse && this.showContent,
       "title-expanded": !this.isMobile && !this.hideOnCollapse && this.expanded,
       "title-hide-on-collapse": !this.isMobile && this.hideOnCollapse,
       "title-mobile": this.isMobile,
       "header-gap": !this.isMobile && !this.hideOnCollapse
-    } }, h("ix-icon-button", { key: "b1b5b89d42572b9499866c3a59a22a4dfac97707", class: "title-icon", size: "24", icon: this.expanded ? this.isMobile || this.hideOnCollapse ? iconClose : this.expandIcon : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse) ? "color-soft-text" : void 0, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), h("div", { key: "e908c4100d070c35be2c1f16e1c7b5e2f7bbfa42", class: {
+    } }, h("ix-icon-button", { key: "3d6a8b606b790e4a0401de198dd7f96536cff5a9", class: "title-icon", size: "24", icon: this.expanded ? this.isMobile || this.hideOnCollapse ? iconClose : this.expandIcon : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse) ? "color-soft-text" : void 0, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), h("div", { key: "e7410bc38e5c387ac6b92d7805cd4b82a4e5517e", class: {
       "title-text": true,
       rotate
-    } }, this.icon && h("ix-icon", { key: "c38702ea2028987bdd185bde0e846f6e77e02cce", class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon }), h("div", { key: "59c00c7861e7cc4606fa7ace7bda410a66a9a13d", class: "title-text-overflow" }, h("ix-typography", { key: "5008f70a17ef9a8792cedb12bea3517775e87b99", format: "h4" }, this.heading)), this.expanded && h("div", { key: "2810168de3fc7383d0fa4b0a3d8b1ee3d99f2d80", class: "slot-header" }, h("slot", { key: "64e6644c2ee29a40d4b6343a03d00140518fb9d3", name: "header" })))), h("div", { key: "9ee1b00114877447c0457a3a77d92c5176c25195", class: "side-pane-content", hidden: !this.showContent }, h("slot", { key: "439ee1eb5b4f7506d758577bd56d6f506f786c32" }))));
+    } }, this.icon && h("ix-icon", { key: "0429aadaabf1c6ff85d2858530d134884dde885a", class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon }), h("div", { key: "a1f91e5bfc947a90423df8706bc97c13c5fe8f5b", class: "title-text-overflow" }, h("ix-typography", { key: "c7e45df0f33e0ca37fe1ca02ed552c7602e241f4", format: "h4" }, this.heading)), this.expanded && h("div", { key: "1780fd1205121d168c240ef7f2990318f42cef52", class: "slot-header" }, h("slot", { key: "ff9c90ed6e1c9fd23850168a0cb6457aeb27663f", name: "header" })))), h("div", { key: "67ce0be6d20ecbaf426f6d11acf9bdfab14d9945", class: "side-pane-content", hidden: !this.showContent }, h("slot", { key: "d5ee452fe64264f93ba57300a099abbaa89cfbd5" }))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-pill.entry-DShhIlj5.js → ix-pill.entry-DI5IxJth.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 const pillCss = ":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning-text)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-primary-outline--background);border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline{background-color:var(--theme-pill-outline--background)}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";
 const Pill = class {
@@ -35,11 +35,11 @@ const Pill = class {
         [this.outline ? "borderColor" : "backgroundColor"]: this.background
       };
     }
-    return h(Host, { key: "2a7697576ed5ec91672c45f54dd4c5ffeb3c0763", style: this.variant === "custom" ? {
+    return h(Host, { key: "aa669a2d03f9fc237cc40003d5a28718a403b764", style: this.variant === "custom" ? {
       "--ix-icon-button-color": this.pillColor
     } : {}, class: {
       "align-left": this.alignLeft
-    } }, h("div", { key: "ee9bc939ac718fe45d6d3a1d3974f98f3dac3881", ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+    } }, h("div", { key: "0e15da18791505629957df85918d7752cfa62662", ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
       container: true,
       outline: this.outline,
       inactive: false,
@@ -54,9 +54,9 @@ const Pill = class {
       closable: false,
       icon: !!this.icon,
       "with-gap": !this.iconOnly
-    } }, this.icon && h("ix-icon", { key: "34a581e8e9994088b52deda084131c595485a522", class: {
+    } }, this.icon && h("ix-icon", { key: "49abe1808017f85a25fb2d8abd24db421f43f762", class: {
       "with-icon": true
-    }, name: this.icon, size: "16", "aria-label": this.ariaLabelIcon }), h("span", { key: "abd12c31ed933190c5cd40b131cfab9e9318350d", class: "slot-container" }, h("slot", { key: "ace912aa428b071a562286bb692ac82b98d57201", onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip());
+    }, name: this.icon, size: "16", "aria-label": this.ariaLabelIcon }), h("span", { key: "582ec1baae99962550035f613a8f74d9d8d9f56e", class: "slot-container" }, h("slot", { key: "46c0481383cfbc55dcb60981cb10dd2b460930eb", onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip());
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-progress-indicator.entry-C-6ZWg7W.js → ix-progress-indicator.entry-BE0b-rLw.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { U as iconCirclePause, c as iconSuccess, a as iconWarning, i as iconInfo, b as iconError } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, h, F as Fragment, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { U as iconCirclePause, c as iconSuccess, a as iconWarning, i as iconInfo, b as iconError } from "./index-8HpPmDK_-DinFJk0z.js";
 function LinearBar({ value, status }) {
   return h("div", { class: `linear-progress-container ${status}` }, h("div", { class: "progress", role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }, h("div", { class: {
     "progress-bar": true
@@ -86,17 +86,17 @@ const ProgressIndicator = class {
   render() {
     const normalizedValue = (this.value - this.min) / (this.max - this.min) * 100;
     const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-    return h(Host, { key: "b9df8144037a0e126848e2425192dd8d8b752518", class: {
+    return h(Host, { key: "55cecc574b40c14bd8a4ba7a4d1f0e1d8d73f07b", class: {
       linear: this.type === "linear",
       circular: this.type === "circular"
-    }, tabIndex: -1 }, h("div", { key: "15b088ae86016b1563aa34c2f1b31e0a0ae54cb2", class: {
+    }, tabIndex: -1 }, h("div", { key: "3db1f913e4c4793106d7865b52ef4dcb07889188", class: {
       "progress-indicator": true,
       [this.size]: true,
       [this.status]: true,
       ["text-center"]: this.textAlignment === "center",
       ["text-left"]: this.textAlignment === "left",
       ["text-right"]: this.textAlignment === "right"
-    } }, this.label && h("ix-typography", { key: "98235751d98341318807c30826d220de3e089e5b", format: "label", textColor: this.status === "error" ? "alarm" : "soft", class: "label" }, this.label), h("div", { key: "da8947864a85cbbecd4b72fbfc1c1e88e4d536b7", class: "progress-container" }, this.type === "linear" ? h(Fragment, null, h(LinearBar, { value: clampedValue, status: this.status }), h("div", { class: "linear-slot" }, h("slot", null))) : h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, h("slot", null))), this.showTextAsTooltip === true && this.helperText ? h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText()) : this.getHelperText()));
+    } }, this.label && h("ix-typography", { key: "d8cd960dcfee8bfc20102d2b071661a186dcc854", format: "label", textColor: this.status === "error" ? "alarm" : "soft", class: "label" }, this.label), h("div", { key: "d149e99776e95f8051cc02e70d16d3c5103d98ba", class: "progress-container" }, this.type === "linear" ? h(Fragment, null, h(LinearBar, { value: clampedValue, status: this.status }), h("div", { class: "linear-slot" }, h("slot", null))) : h(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, h("slot", null))), this.showTextAsTooltip === true && this.helperText ? h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText()) : this.getHelperText()));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-push-card.entry-jIxOqSn0.js → ix-push-card.entry-CtUCRdv2.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host } from "./global-jo2I2sSs.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 PushCard = class {
   constructor(hostRef) {
@@ -8,7 +8,7 @@ const PushCard = class {
   }
   render() {
     var _a;
-    return h(Host, { key: "25cc0c4fea44a0a035e59a617c81c5c4ba46f7bf", class: `card-${this.variant}` }, h("ix-card", { key: "3414251824d2f252985c29be1ae7f67235608147", variant: this.variant }, h("ix-card-content", { key: "cecdda5d8a8d6818c6ffe4aed7a47e0dffe12bd0" }, h("ix-card-title", { key: "6e7b0859b6bf0704fe43845c2e2b456eda578aa7" }, this.icon ? h("ix-icon", { class: "icon", name: this.icon, size: "32", "aria-label": this.ariaLabelIcon }) : null, h("ix-typography", { key: "60df1048ad8d94f9f741fba881e0276e5c864899", format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), h("slot", { key: "503f04b96a2d1a93cb60ef47f256236249eb0473", name: "title-action" })), h("ix-typography", { key: "e1ccccb5a67b270e93b1aae952ad6fdf27a19658", format: "h4" }, this.heading), h("ix-typography", { key: "cd147ac7c5bb418926b62634b06e897a454d987b" }, this.subheading)), h("ix-card-accordion", { key: "ac1045a3cc07cd515de917e7afe096d6ebf3b312", collapse: !this.expanded, variant: this.variant }, h("slot", { key: "6cfd442f9174fae7e66d750f519445b9fcbeb079" }))));
+    return h(Host, { key: "ce5e4eb49ffe548ae912dfb9df2ff02e570aef15", class: `card-${this.variant}` }, h("ix-card", { key: "09ee07b5244171d3cd2a2eaf99180a71364326e6", variant: this.variant }, h("ix-card-content", { key: "4ca37f7946dfaf600c21fa516a6a79c95c3369f3" }, h("ix-card-title", { key: "14508386f9ad32b641b7404b8d1845f8f215a12f" }, this.icon ? h("ix-icon", { class: "icon", name: this.icon, size: "32", "aria-label": this.ariaLabelIcon }) : null, h("ix-typography", { key: "004e0f78e304e16b085cba401d4fe6067c579819", format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), h("slot", { key: "b5207aabd014e0e180eb1248795bccc23c09b850", name: "title-action" })), h("ix-typography", { key: "e39c0d3762869afd918cf9f8bb75bcbad35798d2", format: "h4" }, this.heading), h("ix-typography", { key: "52c82e776f50a1e848cb163cf974402fc58a5011" }, this.subheading)), h("ix-card-accordion", { key: "28ba4043b6494617eb0a4ea03eca56c198e10766", collapse: !this.expanded, variant: this.variant }, h("slot", { key: "f2be8b7cd43af05c3af1be4a5642871e3413d6f8" }))));
   }
 };
 PushCard.style = pushCardCss;

package/build/static/demo/v2/preview/html/assets/{ix-radio-group.entry-7GK5HxGY.js → ix-radio-group.entry-CE4PfhKA.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-hK2sg2of.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-Db2_Mno0.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.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}";
 var __decorate = function(decorators, target, key, desc) {
@@ -66,10 +66,20 @@ const RadiobuttonGroup = class {
       }
       radio.checked = false;
     });
+    const hasCheckedRadio = this.isSomeRadioChecked();
+    for (const radio of this.radiobuttonElements) {
+      radio.tabIndex = radio.checked ? 0 : -1;
+    }
+    if (!hasCheckedRadio && this.radiobuttonElements.length > 0) {
+      this.radiobuttonElements[0].tabIndex = 0;
+    }
   }
   hasNestedRequiredRadio() {
     this.required = this.radiobuttonElements.some((radiobutton) => radiobutton.required);
   }
+  isSomeRadioChecked() {
+    return this.radiobuttonElements.some((radio) => radio.checked);
+  }
   onValueChangeHandler(newValue) {
     this.touched = true;
     this.radiobuttonElements.forEach((radiobutton) => {
@@ -100,11 +110,31 @@ const RadiobuttonGroup = class {
   isTouched() {
     return Promise.resolve(this.touched);
   }
+  /** @internal */
+  async setCheckedToNextItem(currentRadio, forward = true) {
+    const { radiobuttonElements } = this;
+    const { length } = radiobuttonElements;
+    if (length <= 1) {
+      return;
+    }
+    const index = radiobuttonElements.indexOf(currentRadio);
+    const step = forward ? 1 : -1;
+    let nextIndex = (index + step + length) % length;
+    while (radiobuttonElements[nextIndex].disabled) {
+      if (nextIndex === index) {
+        return;
+      }
+      nextIndex = (nextIndex + step + length) % length;
+    }
+    const nextRadio = radiobuttonElements[nextIndex];
+    nextRadio.setCheckedState(true);
+    nextRadio.focus();
+  }
   render() {
-    return h(Host, { key: "93241d4ab22b1d87d5fd1e5ff65d5fc8877e1784", onIxBlur: () => this.touched = true, ref: this.groupRef }, h("ix-field-wrapper", { key: "8ee3487bb24408f698cb975822eed476c070f3eb", label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, h("div", { key: "96216c66bce9e4b63071048a3848de1c611da84f", class: {
+    return h(Host, { key: "db3158ccabcd99d1b5185607b848c424a4c4c970", onIxBlur: () => this.touched = true, ref: this.groupRef, role: "radiogroup" }, h("ix-field-wrapper", { key: "5668fbc12f4d264869dfe03dc2bbd3d380da6ae1", label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, h("div", { key: "a5ec59c15eb8353d66bc6f0668dd7148dbd447a6", class: {
       "checkbox-container": true,
       "row-layout": this.direction === "row"
-    } }, h("slot", { key: "8910a200a6eb0d9f88f3b45d96967a7f406b545d" }))));
+    } }, h("slot", { key: "325b19034d55cc20cd556a24585d05ce32f22bb6" }))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/ix-radio.entry-DktxmdRo.js

@@ -0,0 +1,130 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
+import { c as createClassMutationObserver } from "./validation-D_dk-JqT-Db2_Mno0.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(\n    --theme-radiobtn-unchecked--background--info\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--info--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--info--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--info\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--info--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--info--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--info\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--info--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--info--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--info\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--info--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--info--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--info\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--info--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--info--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--info\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--info--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--info--active\n  )}: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(\n    --theme-radiobtn-unchecked--background--warning\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--warning--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--warning--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--warning\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--warning--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--warning--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--warning\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--warning--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--warning--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--warning\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--warning--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--warning--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--warning\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--warning--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--warning--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--warning\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--warning--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--warning--active\n  )}: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(\n    --theme-radiobtn-unchecked--background--invalid\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--invalid--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--invalid--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--invalid\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--invalid--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--invalid--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--invalid\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--invalid--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--invalid--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--invalid\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--invalid--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--invalid--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--invalid\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--invalid--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--invalid--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--invalid\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--invalid--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--invalid--active\n  )}: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(\n    --theme-radiobtn-unchecked--background--invalid\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--invalid--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--invalid--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--invalid\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--invalid--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--invalid--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--invalid\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--invalid--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--invalid--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--invalid\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--invalid--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--invalid--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--invalid\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--invalid--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--invalid--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--invalid\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--invalid--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--invalid--active\n  )}: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) {
+    registerInstance(this, hostRef);
+    this.checkedChange = createEvent(this, "checkedChange", 7);
+    this.valueChange = createEvent(this, "valueChange", 7);
+    this.ixBlur = createEvent(this, "ixBlur", 7);
+    if (hostRef.$hostElement$["s-ei"]) {
+      this.formInternals = hostRef.$hostElement$["s-ei"];
+    } else {
+      this.formInternals = hostRef.$hostElement$.attachInternals();
+      hostRef.$hostElement$["s-ei"] = this.formInternals;
+    }
+    this.disabled = false;
+    this.checked = false;
+    this.required = false;
+  }
+  /** @internal */
+  async setCheckedState(newChecked) {
+    if (this.checked) {
+      return;
+    }
+    const result = this.checkedChange.emit(newChecked);
+    if (result.defaultPrevented) {
+      return;
+    }
+    this.checked = newChecked;
+  }
+  async onCheckedChange() {
+    this.updateFormInternalValue();
+  }
+  onValueChange() {
+    this.valueChange.emit(this.value);
+  }
+  connectedCallback() {
+    const parent = this.hostElement.closest("ix-radio-group");
+    if (parent) {
+      this.classMutationObserver = createClassMutationObserver(parent, () => {
+        this.hostElement.classList.toggle("ix-invalid--required", parent.classList.contains("ix-invalid--required"));
+      });
+    }
+  }
+  disconnectedCallback() {
+    if (this.classMutationObserver) {
+      this.classMutationObserver.destroy();
+    }
+  }
+  componentWillLoad() {
+    this.updateFormInternalValue();
+  }
+  updateFormInternalValue() {
+    var _a;
+    if (this.checked) {
+      this.formInternals.setFormValue((_a = this.value) !== null && _a !== void 0 ? _a : "on");
+    } else {
+      this.formInternals.setFormValue(null);
+    }
+  }
+  onKeyDown(event) {
+    if (this.disabled) {
+      return;
+    }
+    let preventEvent = false;
+    if (event.code === "Space") {
+      preventEvent = true;
+      this.setCheckedState(true);
+    }
+    const closestRadioGroup = this.hostElement.closest("ix-radio-group");
+    switch (event.code) {
+      case "ArrowUp":
+      case "ArrowLeft":
+        preventEvent = true;
+        closestRadioGroup === null || closestRadioGroup === void 0 ? void 0 : closestRadioGroup.setCheckedToNextItem(this.hostElement, false);
+        break;
+      case "ArrowDown":
+      case "ArrowRight":
+        preventEvent = true;
+        closestRadioGroup === null || closestRadioGroup === void 0 ? void 0 : closestRadioGroup.setCheckedToNextItem(this.hostElement, true);
+        break;
+    }
+    if (preventEvent) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }
+  /** @internal */
+  hasValidValue() {
+    return Promise.resolve(this.checked);
+  }
+  /** @internal */
+  getAssociatedFormElement() {
+    return Promise.resolve(this.formInternals.form);
+  }
+  render() {
+    let tabIndex = 0;
+    if (this.disabled) {
+      tabIndex = -1;
+    }
+    return h(Host, { key: "0a08dcbeaaf21bb9063ff44dbb9b7fec0bd18b85", "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
+      disabled: this.disabled,
+      checked: this.checked
+    }, onClick: () => {
+      if (this.disabled)
+        return;
+      this.setCheckedState(true);
+    }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, h("label", { key: "ba82e05023a706e366cede669060ec11d2848754" }, h("div", { key: "c3b75eea221618adc27dec099089dac0f84a91ac", class: "radio-button" }, h("div", { key: "d5d10cfce1442f641f939aa16a6feb79fc38caf0", "aria-hidden": "true", class: {
+      ["radio-checkmark"]: true,
+      checked: this.checked
+    } }, h("div", { key: "fe7c6830a7fb254291fe95d4310b59bd32ed9492", class: "checkmark", style: { visibility: this.checked ? "visible" : "hidden" } }))), this.label && h("ix-typography", { key: "bc5fe1821b5686760eb7fa3959cf30b54cca40ee", format: "label", textColor: this.disabled ? "weak" : "std" }, this.label, h("slot", { key: "a72b3d10cdcbaa398a6f59b9ce1d036f12e4819c" }))));
+  }
+  static get formAssociated() {
+    return true;
+  }
+  get hostElement() {
+    return getElement(this);
+  }
+  static get watchers() {
+    return {
+      "checked": ["onCheckedChange"],
+      "value": ["onValueChange"]
+    };
+  }
+};
+Radio.style = radioCss;
+export {
+  Radio as ix_radio
+};

package/build/static/demo/v2/preview/html/assets/{ix-select.entry-CJE6e1SF.js → ix-select.entry-DXWQL4Si.js}

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { D as iconPlus, l as iconClear, r as iconChevronUpSmall, g as iconChevronDownSmall } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { C as iconPlus, l as iconClear, r as iconChevronUpSmall, h as iconChevronDownSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 import { A as ArrowFocusController } from "./focus-BAKpVknt-BX94nhwN.js";
-import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-hK2sg2of.js";
-import { O as OnListener } from "./listener-DAJkOQte-D1cCX7ze.js";
+import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-Db2_Mno0.js";
+import { O as OnListener } from "./listener-DAJkOQte-BvPtyHWY.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
 import "./disposable-event-listener-CKoABG1h-D5kNsG5G.js";
@@ -32,6 +32,7 @@ const Select = class {
       hostRef.$hostElement$["s-ei"] = this.formInternals;
     }
     this.required = false;
+    this.ariaLabelChevronDownIconButton = "Open select dropdown";
     this.value = [];
     this.allowClear = false;
     this.mode = "single";
@@ -42,7 +43,9 @@ const Select = class {
     this.i18nPlaceholderEditable = "Type of select option";
     this.i18nSelectListHeader = "Select an option";
     this.i18nNoMatches = "No matches";
+    this.i18nAllSelected = "All";
     this.hideListHeader = false;
+    this.collapseMultipleSelection = false;
     this.dropdownShow = false;
     this.selectedLabels = [];
     this.isDropdownEmpty = false;
@@ -162,6 +165,14 @@ const Select = class {
       return;
     }
     this.updateSelection();
+    if (this.isMultipleMode && this.inputFilterText) {
+      this.clearInput();
+      this.removeHiddenFromItems();
+      if (this.arrowFocusController) {
+        this.arrowFocusController.items = this.visibleNonShadowItems;
+      }
+      this.navigationItem = void 0;
+    }
   }
   emitAddItem(value) {
     var _a;
@@ -453,6 +464,23 @@ const Select = class {
   isAddItemVisible() {
     return !this.itemExists(this.inputFilterText) && this.editable && this.inputFilterText;
   }
+  shouldDisplayAllChip() {
+    return this.selectedItems.length === this.items.length && this.collapseMultipleSelection;
+  }
+  renderAllChip() {
+    return h("ix-filter-chip", { disabled: this.disabled || this.readonly, ariaLabelCloseIconButton: this.i18nAllSelected, onCloseClick: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.clear();
+    } }, `${this.i18nAllSelected} (${this.selectedItems.length})`);
+  }
+  renderChip(item) {
+    return h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      this.itemClick(item.value);
+    } }, item.label);
+  }
   onValidationChange({ isInvalid, isInvalidByRequired, isValid, isInfo, isWarning }) {
     this.isInvalid = isInvalid || isInvalidByRequired;
     this.isValid = isValid;
@@ -491,9 +519,9 @@ const Select = class {
   }
   render() {
     var _a, _b, _c, _d;
-    return h(Host, { key: "616b4904936081cc06fea9f96ba1534ad9c72072", "aria-disabled": a11yBoolean(this.disabled), class: {
+    return h(Host, { key: "1610cc7dd06025b8dc05cd905eb1fad5574a64f8", "aria-disabled": a11yBoolean(this.disabled), class: {
       disabled: this.disabled
-    } }, h("ix-field-wrapper", { key: "f5db8587baff69257f674e0563c36561fb38411e", required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: "3daefd90f192731fa4b770e5da2c189c80551d3a", class: {
+    } }, h("ix-field-wrapper", { key: "912ca0f6e59259ea7de5fbb4857357fcf1db8370", 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 }, h("div", { key: "217ad54b9ca7a3e7aa9e60d89482b5fbc5389fc1", class: {
       select: true,
       disabled: this.disabled,
       readonly: this.readonly
@@ -501,11 +529,7 @@ const Select = class {
       this.dropdownAnchorRef(ref);
       if (!this.editable)
         this.dropdownWrapperRef(ref);
-    } }, h("div", { key: "61298dac05f4be62b06e0db6fd18299fee55ce76", class: "input-container" }, h("div", { key: "21c3950b5d76a4027de13baaf9c8054f90b4cbcf", class: "chips" }, this.isMultipleMode ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      this.itemClick(item.value);
-    } }, item.label)) : "", h("div", { key: "31390b0957847514ace6fef5c3bfe68f9975a3c0", class: "trigger" }, h("input", { key: "cce77232cf533ff29bd394cdaaf1698ab3bcdc5e", autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+    } }, h("div", { key: "58d7051c6e884dc714643dcf974f7424b4581dfb", class: "input-container" }, h("div", { key: "be6fec6f27345d8033b9b56ca3760c953951b801", class: "chips" }, this.isMultipleMode && this.items.length !== 0 && (this.shouldDisplayAllChip() ? this.renderAllChip() : (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => this.renderChip(item))), h("div", { key: "a9b0c66c623856ab4b2c34f136bbef89a4b3377f", class: "trigger" }, h("input", { key: "1920a23f38ce924fae991be2b5c4a760031aae1f", autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
       "allow-clear": this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length)
     }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : "", ref: (ref) => {
       this.inputElement = ref;
@@ -519,7 +543,7 @@ const Select = class {
     }, "aria-label": this.ariaLabelClearIconButton }) : null, this.disabled || this.readonly ? null : h("ix-icon-button", { "data-select-dropdown": true, key: "dropdown", class: { "dropdown-visible": this.dropdownShow }, icon: this.dropdownShow ? iconChevronUpSmall : iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
       if (this.editable)
         this.dropdownWrapperRef(ref);
-    }, "aria-label": this.ariaLabelChevronDownIconButton })))))), h("ix-dropdown", { key: "69e81d42ef04f3c65449fda9778596bde0c0c708", ref: (ref) => this.dropdownElement = ref, show: this.dropdownShow, closeBehavior: this.isMultipleMode ? "outside" : "both", class: {
+    }, "aria-label": this.ariaLabelChevronDownIconButton })))))), h("ix-dropdown", { key: "4fcf2193ed3cc0faea0e5de7acab2835751c5583", ref: (ref) => this.dropdownElement = ref, show: this.dropdownShow, closeBehavior: this.isMultipleMode ? "outside" : "both", class: {
       "display-none": this.disabled || this.readonly
     }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
       var _a2, _b2;
@@ -535,12 +559,12 @@ const Select = class {
         styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
       }
       return styleOverwrites;
-    } }, h("div", { key: "e3bbcfe9eaa0547b4f1818d1e96e2aba4b1ff199", class: {
+    } }, h("div", { key: "428a499947d6f345a83d075d1749831d6b1ab348", class: {
       "select-list-header": true,
       hidden: this.hideListHeader || this.isDropdownEmpty
-    }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: "d9d1060ee1fa7188a60e854d855c96cee1752355", onSlotchange: () => {
+    }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: "9bffa4284f53b45116dfff2f142fd2f4aea2032c", onSlotchange: () => {
       this.updateSelection();
-    } }), h("div", { key: "80906bd69760d63dd6b45c62337d8b9fdb1b3c3a", ref: (ref) => this.customItemsContainerElement = ref }), this.isAddItemVisible() ? h("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+    } }), h("div", { key: "a039c9fda5d61358d39ae9cdc08df2fc82b55fa7", ref: (ref) => this.customItemsContainerElement = ref }), this.isAddItemVisible() ? h("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
       "add-item": true
     }, label: this.inputFilterText, onItemClick: (e) => {
       e.preventDefault();

package/build/static/demo/v2/preview/html/assets/{ix-slider.entry-CylLAnwQ.js → ix-slider.entry-CTquQ6UP.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
 import { b as a11yHostAttributes } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { O as OnListener } from "./listener-DAJkOQte-D1cCX7ze.js";
+import { O as OnListener } from "./listener-DAJkOQte-BvPtyHWY.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 const sliderCss = ':host{display:flex;flex-direction:column;min-height:2rem;--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:1rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}: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(7px + 100% * var(--trace-reference) - 16px * 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:100px;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:100px;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{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{transform:scale(1.2);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{display:flex;position:relative;top:50%;transform:translateY(-50%)}:host .ticks .tick{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}:host .ticks .tick.tick-active{background-color: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:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;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 .label-start{margin-left:0.5rem}:host .label-end{margin-right:0.5rem}:host .label-error{margin-left:0.5rem}:host(.error){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.error) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.error) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.error) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.error) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.error) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.error) 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)}';
 var __decorate = function(decorators, target, key, desc) {
@@ -113,12 +113,12 @@ const Slider = class {
       traceStart = valueInPercentage;
       traceEnd = traceReferenceInPercentage;
     }
-    return h(Host, { key: "8607a41b85a5cb0241432eca5b6fccd931059247", class: {
+    return h(Host, { key: "03faa36448299850133ed4e7c1dbfd5f7a28a91b", class: {
       disabled: this.disabled,
       error: !!this.error
-    }, onPointerDown: () => setTimeout(() => this.showTooltip = true) }, h("div", { key: "e5b7d976938e96a4e6f39a2070b4144288f70f29", class: "slider" }, h("div", { key: "c5e5f75983bad193e6ee5fd64f4a23ad06e7eebb", class: "track" }, h("div", { key: "10aad41281a45508e54c35d20a2b0d06c071c7f5", ref: this.thumbRef, class: "thumb", style: {
+    }, onPointerDown: () => setTimeout(() => this.showTooltip = true) }, h("div", { key: "686f462a50a42a4a29a20d22d3637af74a3799ae", class: "slider" }, h("div", { key: "8ef5374cd9e421bb2265b1c0b0b7f2c1f2ecf6ff", class: "track" }, h("div", { key: "969da1a4f687d3a254c3353fa0f36ee5ce61130a", ref: this.thumbRef, class: "thumb", style: {
       left: `calc(${valueInPercentage} * 100% - 8px)`
-    } }), h("div", { key: "8b39d81357e4c4c328f4cca4118a9114ee061e3b", class: "ticks" }, this.marker ? this.marker.map((markerValue) => {
+    } }), h("div", { key: "7daba2cb0cf28c3d4b130eeebedae72827109cea", class: "ticks" }, this.marker ? this.marker.map((markerValue) => {
       if (markerValue > this.max || markerValue < this.min) {
         return;
       }
@@ -129,7 +129,7 @@ const Slider = class {
       }, style: {
         "--tick-value": `${left}`
       } });
-    }) : null)), h("input", Object.assign({ key: "e3dd09329ca7f15807222948b23a5691c0e8285d", id: "slider", type: "range", list: this.marker ? "markers" : void 0, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
+    }) : null)), h("input", Object.assign({ key: "2bcc70bf378b44230c3dc7223e6f24707a6a3265", id: "slider", type: "range", list: this.marker ? "markers" : void 0, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
       "--value": `${valueInPercentage}`,
       "--trace-reference": `${traceReferenceInPercentage}`,
       "--trace-start": `${traceStart}`,
@@ -141,9 +141,9 @@ const Slider = class {
       this.showTooltip = true;
     }, onBlur: () => {
       this.showTooltip = false;
-    }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), h("ix-tooltip", { key: "e22440fb877deb31a73fcb3ef7d7de68e1e3bc26", ref: this.tooltipRef, class: {
+    }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), h("ix-tooltip", { key: "c887ce7b3d18a92de4cf359fb9f8706393a82529", ref: this.tooltipRef, class: {
       "hide-tooltip": !this.showTooltip
-    }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), h("div", { key: "94dc92cea736331e1adf377a550e0d5da003fcfc", class: "label" }, h("div", { key: "ffd03546d0e0a5c8fb974f689c700572b429f76d", class: "label-start" }, h("slot", { key: "fcf333f15011541e4ce9fc11472d00de73b2b768", name: "label-start" })), h("div", { key: "2b9ff68a94f3c882428414e2fa089b134a8ccbb6", class: "label-end" }, h("slot", { key: "5c5ba7b73af4067842afe022bf01686a3e437eae", name: "label-end" }))), this.error ? h("ix-typography", { class: "label-error", textColor: "alarm" }, this.error) : null);
+    }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), h("div", { key: "8de8c23aa94fc924842631eb4d312efc5ee7cc6f", class: "label" }, h("div", { key: "402d7e1bd4bdd648e361b88f211d7d80e5c907b3", class: "label-start" }, h("slot", { key: "f9a3a0ecc744b3ab91dda8d425309ce78c57e1f1", name: "label-start" })), h("div", { key: "188c06d13b00c0124603b6a0513cfa24e5467b62", class: "label-end" }, h("slot", { key: "cc4e9bd389f10ab7e293a80844012877070b2750", name: "label-end" }))), this.error ? h("ix-typography", { class: "label-error", textColor: "alarm" }, this.error) : null);
   }
   get hostElement() {
     return getElement(this);