@siemens/ix 5.1.1 → 5.2.1

package/dist/collection/components/radio/radio.css

@@ -31,7 +31,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -40,37 +40,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .radio-checkmark {

package/dist/collection/components/radio/radio.js

@@ -138,17 +138,17 @@ export class Radio {
         if (this.disabled) {
             tabIndex = -1;
         }
-        return (h(Host, { key: 'd6533cba8c7db26ade65df95ed8d5b8633c053f2', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
+        return (h(Host, { key: '18a9d8d27e3da2d36681f0681caeee84ed943efd', "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: 'b458abc7f94dca6caf12c633953fe11307990b8e' }, h("div", { key: 'bad09b21c40286db89ee29757c66ed81b129b0d2', class: "radio-button" }, h("div", { key: '2c528acbd6a05b9fb3ddd71b75d1a8682f6fafc3', "aria-hidden": "true", class: {
+            }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, h("label", { key: '22db33f534a61abca396ce3c05f30b490327e417' }, h("div", { key: '0ad8548b87a63cded792ad6dee63e4ba018a0aa0', class: "radio-button" }, h("div", { key: '9b8fbaa25b7f4307f4a820a99a80dd3a01272604', "aria-hidden": "true", class: {
                 ['radio-checkmark']: true,
                 checked: this.checked,
-            } }, h("div", { key: 'de7e5a0d22a2f6b1b431e210bb73f9fed161530b', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (h("ix-typography", { key: 'ba92e2c1e197e78e443b597261db32d44063d7d2', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, h("slot", { key: '6699f5473812078a34278907c58919eab380907a' }))))));
+            } }, h("div", { key: 'a8e10d030150643478be8e859e47b7654ecdcdba', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (h("ix-typography", { key: 'a0c8ddcf036d2ade8ed14813dff4d3ce8fc664ff', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, h("slot", { key: '35fd78b7b432ced026ac0824f64633f64b8b4441' }))))));
     }
     static get is() { return "ix-radio"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-group/radio-group.js

@@ -183,10 +183,10 @@ export class RadiobuttonGroup {
         nextRadio.focus();
     }
     render() {
-        return (h(Host, { key: '96ce8cbd3b252510f336800c67d90419103609be', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, h("ix-field-wrapper", { key: '248a9516790541bdacec10fd759344baa1337876', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, h("div", { key: '9fd29fcd02a5460b2466fc9b80171ed8cd5e39d0', class: {
+        return (h(Host, { key: 'cf5b18bd56a508fd420c9c3708e484e511b7fe0d', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, 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 }, h("div", { key: 'e478c75175c239733f25e0f183d353b8bbbc07a5', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, h("slot", { key: '40619f7896a159433a1fc2ec8a398fd3ddfe15aa' })))));
+            } }, h("slot", { key: '136f6fd87c1f3d367cc5dff13040e7fa176726aa' })))));
     }
     static get is() { return "ix-radio-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/range-field/range-field.css

@@ -27,7 +27,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -36,37 +36,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host {

package/dist/collection/components/range-field/range-field.js

@@ -118,10 +118,10 @@ export class RangeField extends Mixin(...DefaultMixins) {
         requestAnimationFrameNoNgZone(() => secondElement.openPicker());
     }
     render() {
-        return (h(Host, { key: 'b0f8679efb64c79cb0896f4f6da02360cb712fd0', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (h("ix-icon", { key: 'ca058c6a86cc66f47a558e96cc0119041b02e603', "aria-hidden": "true", class: {
+        return (h(Host, { key: '39e0e73fb8615f11206cf7e9d296d3ec5c671017', class: { 'hide-arrow': this.hideArrow }, role: "group" }, !this.hideArrow && (h("ix-icon", { key: 'df1a75792a9d184e1e705fd2a93ffbc8068ce8d6', "aria-hidden": "true", class: {
                 'range-delimiter': true,
                 'has-label': this.hasLabel,
-            }, name: iconArrowRight })), h("slot", { key: '18e92d8e65c9fd215734fe0702b4728070d9e3d9' })));
+            }, name: iconArrowRight })), h("slot", { key: '8019b4ace67118363d86d719e3545419ddbad975' })));
     }
     static get is() { return "ix-range-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/row/row.js

@@ -12,7 +12,7 @@ import { h, Host } from "@stencil/core";
  */
 export class Row {
     render() {
-        return (h(Host, { key: '7c76876500cb51c2e200bc8e7fa70d74e4c33853' }, h("slot", { key: '40e1b394378241b5731916a4f0e858ad99d75074' })));
+        return (h(Host, { key: 'dc089e8a0a641e78f237510b27c5198fe23915a4' }, h("slot", { key: '92cb22bde2c9b89a4dc57d0a8fc2434886cabc72' })));
     }
     static get is() { return "ix-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select/select.css

@@ -101,7 +101,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -110,37 +110,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host .select {

package/dist/collection/components/select/select.js

@@ -21,7 +21,7 @@ import { forceUpdate, h, Host, Mixin, } from "@stencil/core";
 import { a11yBoolean } from "../utils/a11y";
 import { FocusProxy, PROXY_LIST_ID_SUFFIX, PROXY_LISTITEM_ID_SUFFIX, updateFocusProxyList, } from "../utils/focus/focus-proxy";
 import { IX_FOCUS_VISIBLE_ACTIVE, queryElements, } from "../utils/focus/focus-utilities";
-import { HookValidationLifecycle, } from "../utils/input";
+import { HookValidationLifecycle, NativeInputNotFoundError, } from "../utils/input";
 import { DefaultMixins } from "../utils/internal/component";
 import { AriaActiveDescendantMixin, } from "../utils/internal/mixins/accessibility/aria-activedescendant.mixin";
 import { ComponentIdMixin, } from "../utils/internal/mixins/id.mixin";
@@ -911,7 +911,7 @@ export class Select extends Mixin(...DefaultMixins, ComponentIdMixin, AriaActive
             return Promise.resolve(this.inputElement);
         }
         else {
-            return Promise.reject(new Error('Input element not found'));
+            return Promise.reject(new NativeInputNotFoundError());
         }
     }
     /**
@@ -956,7 +956,7 @@ export class Select extends Mixin(...DefaultMixins, ComponentIdMixin, AriaActive
     }
     updateAriaProxyListbox() {
         const ariaActiveDescendantHelper = this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);
-        if (this.focusableItems.length === 0) {
+        if (this.focusableItems.length === 0 || !ariaActiveDescendantHelper) {
             return;
         }
         updateFocusProxyList(ariaActiveDescendantHelper, this.focusableItems, (item, proxyElement) => {
@@ -987,18 +987,18 @@ export class Select extends Mixin(...DefaultMixins, ComponentIdMixin, AriaActive
         });
     }
     render() {
-        return (h(Host, { key: '9415e1e8af83d128ad9214824c182a9c03a70180', id: this.getHostElementId(), class: {
+        return (h(Host, { key: 'a2ce9b8b0ae76c6d88cb59f34a6846370f835484', id: this.getHostElementId(), class: {
                 readonly: this.readonly,
                 disabled: this.disabled,
                 'show-focus-outline': this.hasInputFocus && !this.dropdownItemsVisualFocused,
-            }, tabIndex: this.disabled ? -1 : 0 }, 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 }, h("div", { key: '353d3300511ab5311f1359d8591d58ffa862c8d1', class: {
+            }, tabIndex: this.disabled ? -1 : 0 }, h("ix-field-wrapper", { key: 'a9ffed67c87f60a01cbc6f8524369d4b0db0a445', 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: '7692ac7e4522d7629e810090609fd870fa670bd7', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
             }, ref: (ref) => {
                 this.dropdownAnchorRef(ref);
                 this.dropdownWrapperRef(ref);
-            } }, h("div", { key: '66708c6629d362e2187de9620b6a1386863c0fdf', class: "input-container" }, h("div", { key: 'b5c607cd3766f624d8c608a4eaeb31bea7d3d387', class: "chips", ref: this.chipsContainerRef }, this.isMultipleMode && this.renderMultipleModeChips(), h("div", { key: '84084dbaa7e87c16acd3ca2b487a60eb130f6cc7', class: "trigger" }, h("input", { key: 'f1f7203f87901eca257935c2a4729fd6e2e3db00', id: `${this.hostId}-input`, role: "combobox", "aria-controls": `${this.hostId}-proxy-listbox`, "aria-expanded": a11yBoolean(this.dropdownShow), "aria-autocomplete": "list", "aria-disabled": a11yBoolean(this.disabled), autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            } }, h("div", { key: '9ed9e05581b8079cb2c17c0d2ccc099af151b2d5', class: "input-container" }, h("div", { key: '66e7a4593c6e895e9b94704488fcac9531f6054a', class: "chips", ref: this.chipsContainerRef }, this.isMultipleMode && this.renderMultipleModeChips(), h("div", { key: 'c8a50e9f809602f22ebe950d26519e037c546068', class: "trigger" }, h("input", { key: 'beda6c6b5a4479a221a600e53c56842f0c2183ed', id: `${this.hostId}-input`, role: "combobox", "aria-controls": `${this.hostId}-proxy-listbox`, "aria-expanded": a11yBoolean(this.dropdownShow), "aria-autocomplete": "list", "aria-disabled": 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;
@@ -1023,7 +1023,7 @@ export class Select extends Mixin(...DefaultMixins, ComponentIdMixin, AriaActive
                 element.ariaHidden = 'true';
             }, "data-select-dropdown": true, key: "dropdown", class: { 'dropdown-visible': this.dropdownShow }, icon: this.dropdownShow
                 ? iconChevronUpSmall
-                : iconChevronDownSmall, variant: "subtle-tertiary" }))))))), 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) => {
+                : iconChevronDownSmall, variant: "subtle-tertiary" }))))))), h("ix-dropdown", { key: 'd51a5df17402acb7aa4181b2a986425868619720', 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();
                 }
@@ -1062,16 +1062,16 @@ export class Select extends Mixin(...DefaultMixins, ComponentIdMixin, AriaActive
                 if (this.isSingleMode) {
                     this.dropdownShow = false;
                 }
-            } }, h("div", { key: 'df5024089e37d2a0416dd42d3e5c8c5c07ac5f4c', "aria-hidden": "true", class: {
+            } }, h("div", { key: '2d84de2ab363ca2e8148f63b482d5814fe2bcf5f', "aria-hidden": "true", class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: 'b9d758bf0a6c7452ab9e626f37c9fbb5b0a74dfc', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: 'a2b0df2eaf8d74a7229f5564789aec20672ee038', onSlotchange: () => {
                 this.updateSelection();
-            } }), h(FocusProxy, { key: 'a4bb5eed7ee4ab735ecf0141fc32c69df8c8d57c', hostId: this.hostId, otherProps: {
+            } }), h(FocusProxy, { key: '51d97f6e697f9bfc591089bbd431a542988b80e6', hostId: this.hostId, otherProps: {
                 'aria-hidden': a11yBoolean(!this.dropdownShow),
                 'aria-multiselectable': a11yBoolean(this.isMultipleMode),
                 hidden: this.disabled || this.readonly,
-            } }), this.isDropdownEmpty && !this.editable && (h("div", { key: '926fa88d0788351f0f2e865fe4ced2bb8422a43d', class: "select-list-header" }, this.i18nNoMatches))), this.isMultipleMode &&
+            } }), this.isDropdownEmpty && !this.editable && (h("div", { key: '7315bb1ce002a82d9d99c77a60b711f7430bb127', class: "select-list-header" }, this.i18nNoMatches))), this.isMultipleMode &&
             !this.shouldDisplayAllChip() &&
             this.hiddenChipValues.length > 0 &&
             this.renderOverflowDropdown()));

package/dist/collection/components/select-item/select-item.js

@@ -85,9 +85,9 @@ export class SelectItem extends Mixin(...DefaultMixins, FocusVisibleMixin, Compo
             ...this.inheritAriaAttributes,
             'aria-label': this.inheritAriaAttributes['aria-label'] ?? this.label,
         };
-        return (h(Host, { key: 'adb8da016414dafc839fff44acbe5dd7d254c188', ...ariaAttributes, id: this.getHostElementId(), disableAriaSelectHandling: true, class: {
+        return (h(Host, { key: 'de5fffd688bd95f90e52834f2fb64bd27ccb058e', ...ariaAttributes, id: this.getHostElementId(), disableAriaSelectHandling: true, class: {
                 [IX_FOCUS_VISIBLE]: true,
-            }, "aria-hidden": "true", role: "presentation" }, h("ix-dropdown-item", { key: '156824791385b920b04cb389553e020cf3f3183b', "aria-hidden": "true", itemRole: "option", class: {
+            }, "aria-hidden": "true", role: "presentation" }, h("ix-dropdown-item", { key: '095b16a14ef831cf00021f8078124f3885673891', "aria-hidden": "true", itemRole: "option", class: {
                 'select-item-checked': this.selected,
                 [IX_FOCUS_VISIBLE_ACTIVE]: this.ixFocusVisible,
             }, checked: this.selected, disabled: this.disabled, label: this.label ? this.label : this.value, ref: this.dropdownItemRef })));

package/dist/collection/components/slider/slider.css

@@ -43,7 +43,7 @@
 :host *::before {
   box-sizing: border-box;
 }
-:host ::-webkit-scrollbar-button {
+:host *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -52,37 +52,37 @@
     scrollbar-width: thin;
   }
 }
-:host {
+:host * {
   /* width */
 }
-:host ::-webkit-scrollbar {
+:host *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-:host {
+:host * {
   /* Track */
 }
-:host ::-webkit-scrollbar-track {
+:host *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-:host ::-webkit-scrollbar-track:hover {
+:host *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-:host {
+:host * {
   /* Handle */
 }
-:host ::-webkit-scrollbar-thumb {
+:host *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-:host {
+:host * {
   /* Handle on hover */
 }
-:host ::-webkit-scrollbar-thumb:hover {
+:host *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-:host ::-webkit-scrollbar-corner {
+:host *::-webkit-scrollbar-corner {
   display: none;
 }
 :host input[type=range] {

package/dist/collection/components/slider/slider.js

@@ -233,15 +233,15 @@ export class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (h(Host, { key: '5eed909b2857b9bfbea41402736fe01d7ad9a434', class: {
+        return (h(Host, { key: 'bc904df57adc690f6a26d435f1c82d14755c6754', class: {
                 disabled: this.disabled,
                 invalid: this.isInvalid,
                 info: this.isInfo,
                 valid: this.isValid,
                 warning: this.isWarning,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, 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 }, h("div", { key: 'c67536334750605b342859dbf6c38abcc730c6a6', class: "slider-container" }, h("div", { key: '33649db602e05ea4f2496c6b7b5a3620eca81a49', class: "slider" }, h("div", { key: 'f282b195ad420d036e90b4cc45c59fe9232b5919', class: "track" }, h("div", { key: 'f68211f2d377f2741eaedcdc4ca7fcbcd0f1bbfb', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, 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 }, h("div", { key: '3aa92608f9401f269cf8227e5ccede8439c1b678', class: "slider-container" }, h("div", { key: 'cdd7636f0eddaa870f33bbb505fbdeedf808bfe9', class: "slider" }, h("div", { key: '154a03a58b01cb76e753c96c2f5bc87fa939b184', class: "track" }, h("div", { key: 'baf3ff99733257bd3a7697a8f7dbe5626147d722', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * (100% - 1rem))`,
-            } }), h("svg", { key: '50576c072bbd33c8689017d7f67b83694d73516c', class: "ticks", xmlns: "http://www.w3.org/2000/svg" }, this.marker
+            } }), 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;
@@ -253,7 +253,7 @@ export class Slider {
                 }, cx: "0", cy: "0", style: {
                     '--tick-value': `${markerPosition}`,
                 } }));
-        }))), 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: () => {
+        }))), 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: () => {
@@ -269,9 +269,9 @@ export class Slider {
                 '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 }), 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 }), h("ix-tooltip", { key: 'ace607a123ece9ce604f1ec2b6ce870fbbc2d20e', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), this.hasLabels && (h("div", { key: 'd5264eaabacd9f667600df1f0cdf8e89b24d7730', class: "label" }, h("div", { key: '4ac2ebda49543e04e619452bd59c3f30a0404879' }, h("slot", { key: 'dcc9ecd173f1d49133e1070b72b34b8485cc9860', name: "label-start" })), h("div", { key: '022869a430a0644e24932553a321da5fa8dd4df2' }, h("slot", { key: '4da9fdcb1d570657a3796a32d0925025e16dc4b7', name: "label-end" }))))))));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), this.hasLabels && (h("div", { key: '0e59aadf74934ffc7067ad336c5a4156189b8ae8', class: "label" }, h("div", { key: '20af42d330da5d8b5e9888378d5f09b9591c054d' }, h("slot", { key: 'e1c21828426fb53c2e5dffe2a4a305a114d83359', name: "label-start" })), h("div", { key: '27c5122383b81b204ffeed99a754d8275e77eb40' }, h("slot", { key: 'd6766ea6f1f690423e55858a1866a0263749cc7f', name: "label-end" }))))))));
     }
     static get is() { return "ix-slider"; }
     static get encapsulation() { return "shadow"; }