@siemens/ix-docs 4.0.0 → 4.2.0

package/build/static/demo/v2/preview/html/assets/{ix-date-dropdown.entry-CPnMTXQR.js → ix-date-dropdown.entry-DLHGlD1I.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { D as DateTime } from "./datetime-bDicGJUN-Rk09H-45.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 import { o as iconHistory } from "./index-8HpPmDK_-DinFJk0z.js";

package/build/static/demo/v2/preview/html/assets/{ix-date-input.entry-DGYKruVG.js → ix-date-input.entry-Di_UsnDE.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { p as iconCalendar } from "./index-8HpPmDK_-DinFJk0z.js";
 import { D as DateTime } from "./datetime-bDicGJUN-Rk09H-45.js";
-import { a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, S as SlotEnd, c as SlotStart } from "./input.util-VHrSuCP7-Be3hd2n8.js";
-import { c as createClassMutationObserver, H as HookValidationLifecycle } from "./validation-D_dk-JqT-CRNNydA9.js";
+import { a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, h as handleSubmitOnEnterKeydown, S as SlotEnd, c as SlotStart } from "./input.fc-KJF8Z9iJ-BT3ti_h_.js";
+import { c as createClassMutationObserver, g as getValidationText, H as HookValidationLifecycle } from "./validation-LJh16vt2-H75l0y2j.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 import { h as handleIconClick, o as openDropdown, c as closeDropdown, a as createValidityState } from "./picker-input.util-D1uMJUKN-o8S09pI3.js";
 import "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
@@ -44,6 +44,8 @@ const DateInput = class {
     this.i18nErrorDateUnparsable = "Date is not valid";
     this.showWeekNumbers = false;
     this.weekStartIndex = 0;
+    this.suppressSubmitOnEnter = false;
+    this.textAlignment = "start";
     this.show = false;
     this.from = null;
     this.isInputInvalid = false;
@@ -137,6 +139,9 @@ const DateInput = class {
   checkClassList() {
     this.isInvalid = this.hostElement.classList.contains("ix-invalid");
   }
+  handleInputKeyDown(event) {
+    handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
+  }
   renderInput() {
     var _a;
     return h("div", { class: "input-wrapper" }, h(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h("input", { autoComplete: "off", class: {
@@ -155,6 +160,8 @@ const DateInput = class {
     }, onBlur: () => {
       this.ixBlur.emit();
       this.touched = true;
+    }, onKeyDown: (event) => this.handleInputKeyDown(event), style: {
+      textAlign: this.textAlignment
     } }), h(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { "data-testid": "open-calendar", class: { "calendar-hidden": this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconCalendar, onClick: (event) => this.onCalenderClick(event), "aria-label": this.ariaLabelCalendarButton })));
   }
   hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning }) {
@@ -195,13 +202,13 @@ const DateInput = class {
   }
   render() {
     var _a;
-    const invalidText = this.isInputInvalid ? this.i18nErrorDateUnparsable : this.invalidText;
-    return h(Host, { key: "33f5063a7f848dfe2666c0c03420c577e29da00c", class: {
+    const invalidText = getValidationText(this.isInputInvalid, this.invalidText, this.i18nErrorDateUnparsable);
+    return h(Host, { key: "4a7f986c62a82763e46faa0203a5b6ff82415aaf", class: {
       disabled: this.disabled,
       readonly: this.readonly
-    } }, h("ix-field-wrapper", { key: "703e6fc7546f7fb0087ef593f365b10c6b30eb2b", label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), h("ix-dropdown", { key: "1bbe34f940ebe260e73f145be770f624a023644e", "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+    } }, h("ix-field-wrapper", { key: "c366d9ef3a538fd71e8d0f33d305e46da824421e", label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), h("ix-dropdown", { key: "6f10990b1e667f0e079f951d920707c15e24e50e", "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
       this.show = event.detail;
-    } }, h("ix-date-picker", { key: "c9b60191ec638e2aacef51bf9973622dfbce5424", ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : "", minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
+    } }, h("ix-date-picker", { key: "df14f590271c8177fa10360e72b0338088ed79be", ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : "", minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
       const { from } = event.detail;
       this.onInput(from);
     }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true })));

package/build/static/demo/v2/preview/html/assets/{ix-date-time-card.entry-CupDlroM.js → ix-date-time-card.entry-CQU6Tbz5.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
-const dateTimeCardCss = ":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
+import { r as registerInstance, h, H as Host } from "./global-ZjnNkmge.js";
+const dateTimeCardCss = ":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:0.75rem 1rem;flex:0 1 auto}:host .card .separator{height:1px;background-color:var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
 const DateTimeCard = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);

package/build/static/demo/v2/preview/html/assets/{ix-datetime-picker.entry-DGipqkTm.js → ix-datetime-picker.entry-Ct9hFOQN.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CTsFSACc.js";
-const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-ZjnNkmge.js";
+const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}:host .row-separator,:host .col-separator{border-bottom:0.0625rem solid var(--theme-datepicker-separator--background)}:host .col-separator{border-right:none}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}:host .col-separator{border-right:0.0625rem solid var(--theme-datepicker-separator--background);border-bottom:none}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
 const DatetimePicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -38,7 +38,7 @@ const DatetimePicker = class {
     this.timeChange.emit(time);
   }
   render() {
-    return h(Host, { key: "2b4812deec9408836a8187c3a520cd69b846e935" }, h("ix-layout-grid", { key: "610fad916eb544d6687bcbfb3543b926f7521b9e", class: "no-padding" }, h("ix-row", { key: "e3aacceefb73ee04f1887da04d0b5e339daba649" }, h("ix-col", { key: "64b8c1c44a131fd546d54197031664b3c8270c28" }, h("ix-date-picker", { key: "926ca6fe6e4f17e80c83987598b374137a623a10", ref: (ref) => this.datePickerElement = ref, corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), h("ix-col", { key: "d27915a37d4d47bd11a066038adf59372f345296" }, h("ix-time-picker", { key: "bc70ef23493d0c501be37d4425be5021c211e53b", class: "min-width", ref: (ref) => this.timePickerElement = ref, embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), h("div", { key: "75f619c34b11412349017bed0013b41f7f947033", class: "btn-select-date-container" }, h("ix-button", { key: "dc9602b6ed9e4406cb8ffee0168d41c7cc8d9763", class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone))))));
+    return h(Host, { key: "2b4812deec9408836a8187c3a520cd69b846e935" }, h("ix-layout-grid", { key: "610fad916eb544d6687bcbfb3543b926f7521b9e", class: "no-padding" }, h("ix-row", { key: "63dcab9421e05163577db32fda3bd714a0c00de7", class: "row-separator" }, h("ix-col", { key: "8ac25a8147b15ac20b45c3f1e48bfda34919eae1", class: "col-separator" }, h("ix-date-picker", { key: "1831729d8dcb31e5361fbef4a6290111847b8679", ref: (ref) => this.datePickerElement = ref, corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), h("ix-col", { key: "51b004e4362c9dc26d0e59909cfb431fd874cbac" }, h("ix-time-picker", { key: "40672098b7e7cc369afd8429b34d14b97bcd1380", class: "min-width", ref: (ref) => this.timePickerElement = ref, embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }))), h("ix-row", { key: "876f3e8defe5de50013e8ea7e1f3465bd6e339a1" }, h("ix-col", { key: "1515e3e7b9ac5b121c8b0c3284092698f85652bf" }, h("div", { key: "6aa46d00d240c20de2e92bd5fa62f6ca59f53274", class: "btn-select-date-container" }, h("ix-button", { key: "ca4e27ecc31600f97ac2ab061cbbf29b2c717078", class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone))))));
   }
 };
 DatetimePicker.style = datetimePickerCss;

package/build/static/demo/v2/preview/html/assets/{ix-divider.entry-DNIBjjXr.js → ix-divider.entry-C4ZocyZX.js}

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host } from "./global-ZjnNkmge.js";
 const dividerCss = ":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";
 const Divider = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return h(Host, { key: "265222b022fa8d13e4f07e6fe7e19abc7ae2b6c0" });
+    return h(Host, { key: "ca814e8d386105be46954dfba6ae6f9a0c8ba4a9" });
   }
 };
 Divider.style = dividerCss;

package/build/static/demo/v2/preview/html/assets/{ix-drawer.entry-CxZwFl49.js → ix-drawer.entry-7nTpM_nm.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-ZjnNkmge.js";
 import { 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";
@@ -104,7 +104,7 @@ const Drawer = class {
     this.toggleDrawer(this.show);
   }
   render() {
-    return h(Host, { key: "fff4cbcfc2cef008be568700e64be24876e59e5a", class: {
+    return h(Host, { key: "f40c42d1e7b7e8420c4a8f804a46b722580dd132", class: {
       "drawer-container": true,
       "display-none": true
     }, style: {
@@ -112,13 +112,13 @@ const Drawer = class {
       "max-width": `${this.maxWidth}rem`,
       height: this.fullHeight ? "100%" : "auto",
       overflow: "hidden"
-    }, ref: (el) => this.divElement = el, "data-testid": "container", id: "div-container" }, h("div", { key: "eda993c94161ac174630ac6aa81a5be1d574fd40", style: {
+    }, ref: (el) => this.divElement = el, "data-testid": "container", id: "div-container" }, h("div", { key: "810a3738ce5350281d758808ba93981914760877", style: {
       width: this.width === "auto" ? "auto" : `${this.getConstrainedWidth(this.width)}rem`
-    } }, h("div", { key: "4dd5149ba7e4ad3b40e7e9a7a46883de01831740", class: "header" }, h("div", { key: "fffb646da836939ed2fef0c91424996059792ce5", class: "header-content" }, h("slot", { key: "b5902a3bce51e8fc0fbb5ed96563595a2e95e187", name: "header" })), h("ix-icon-button", { key: "855489d11e8439dd1cc9807c9fc7e11af56cc510", class: "close-button", style: {
+    } }, h("div", { key: "5601266a5a02c122d1392234fe1c1a755e440bad", class: "header" }, h("div", { key: "a43e56c621a03939233e10bb907e6f2bd7a7e176", class: "header-content" }, h("slot", { key: "ab7c9e45ca78c512c1a242f53a616a16a98187fe", name: "header" })), h("ix-icon-button", { key: "eaaa6f03ffdf2f5e2d9100ab3f45c4a1f46ef63d", class: "close-button", style: {
       display: this.showContent ? "block" : "none"
-    }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), h("div", { key: "f5e9cbe17366b49ad20b501f663e8c8dee1e456a", class: "content", style: {
+    }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), h("div", { key: "170d74d584fb7b641adaa45800144a27f4354d92", class: "content", style: {
       display: this.showContent ? "block" : "none"
-    } }, h("slot", { key: "1a8be255dce06ad85fd6fb689d8a50375d746b88" }))));
+    } }, h("slot", { key: "de087859ac50be70b998ab696698df91f6816f21" }))));
   }
   static get watchers() {
     return {

package/build/static/demo/v2/preview/html/assets/{ix-dropdown-button.entry-Cnhkok9x.js → ix-dropdown-button.entry-CQExbpTR.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { r as iconChevronUpSmall, h as iconChevronDownSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 const dropdownButtonCss = ":host{display:inline-block;position:relative;height:2rem;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .hide{display:none}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-danger-tertiary--color--disabled)}:host .content{display:flex;align-items:center}:host(.disabled){pointer-events:none}";
@@ -23,9 +23,9 @@ const DropdownButton = class {
     } });
   }
   render() {
-    return h(Host, { key: "f30e5874fe837b3b6a9f2ef092f8b4d50cd37979", class: {
+    return h(Host, { key: "4e4aca39eff13b8f665682b3f2dc9ace533c7ca0", class: {
       disabled: this.disabled
-    }, ref: this.dropdownAnchor }, h("div", { key: "d1407beed3397c7dc0c84a78d4833f22799b7400", class: "dropdown-button" }, this.label ? h("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, h("div", { class: "content" }, this.icon ? h("ix-icon", { name: this.icon, size: "24", class: "dropdown-icon" }) : null, h("div", { class: "button-label" }, this.label), h("ix-icon", { name: this.dropdownShow ? iconChevronUpSmall : iconChevronDownSmall, size: "24" }))) : h("div", null, h("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle())), h("ix-dropdown", { key: "9489f1c35d3483103b30aea27cd595ec9da21d58", class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, h("slot", { key: "eccf0e7d86b7c4df9fe48b2873c0a05c7ec9a67f" })));
+    }, ref: this.dropdownAnchor }, h("div", { key: "9583ed2274621e67d779e9668fead87f663b7558", class: "dropdown-button" }, this.label ? h("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, h("div", { class: "content" }, this.icon ? h("ix-icon", { name: this.icon, size: "24", class: "dropdown-icon" }) : null, h("div", { class: "button-label" }, this.label), h("ix-icon", { name: this.dropdownShow ? iconChevronUpSmall : iconChevronDownSmall, size: "24" }))) : h("div", null, h("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle())), h("ix-dropdown", { key: "e4fd6fb8451d8883fac84764758a90ce6dc4d433", class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, h("slot", { key: "be8d3427e80c326bc7a6993f53190e290b824967" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-dropdown-header.entry-bFIp68-H.js → ix-dropdown-header.entry-CiMvxMBe.js}

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host } from "./global-ZjnNkmge.js";
 const dropdownHeaderCss = ":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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}";
 const DropdownHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return h(Host, { key: "07334cf803a7b60b148a688f954099d4c82dd156" }, h("ix-typography", { key: "e71b5dca614dad0fdc6b29d04744b4d03042fcba", class: "category-text", format: "h5" }, this.label));
+    return h(Host, { key: "8c2634f5c46a222e4803fa7ae426fcdf9d8edaf4" }, h("ix-typography", { key: "0951a5b06d746db809529a9149e021696507ade2", class: "category-text", format: "h5" }, this.label));
   }
 };
 DropdownHeader.style = dropdownHeaderCss;

package/build/static/demo/v2/preview/html/assets/{ix-dropdown-item.entry-CH--n8P2.js → ix-dropdown-item.entry-C_khvxmX.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { O as iconSingleCheck, w as iconChevronRightSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 const dropdownItemCss = ":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}: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 .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}";
 const DropdownItem = class {
@@ -23,15 +23,15 @@ const DropdownItem = class {
     return this.label === void 0 && this.hostElement.innerText === "" && this.icon !== void 0;
   }
   render() {
-    return h(Host, { key: "cd6bfb531ae38e3016ec9ebca8d02ec359c3ea7c", class: {
+    return h(Host, { key: "4683b34a35d26f4cdce448ed24cdc5115f838fed", class: {
       hover: this.hover,
       "icon-only": this.isIconOnly(),
       disabled: this.disabled,
       submenu: this.isSubMenu
-    }, role: "listitem" }, h("button", { key: "0c21ba9811bd0943835d206b2ef520a442817c53", type: "button", tabIndex: 0, class: {
+    }, role: "listitem" }, h("button", { key: "a655623c265f18e805a0f60a093dd4ac565ab35c", type: "button", tabIndex: 0, class: {
       "dropdown-item": true,
       "no-checked-field": this.suppressChecked
-    }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? h("div", { class: "dropdown-item-checked" }, this.checked ? h("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" }) : null) : null, this.icon ? h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon }) : null, h("div", { key: "28895721674306daf8293096800e7a2296be2fbf", class: "dropdown-item-text" }, this.label, h("slot", { key: "b71da89943666f609c8428aa62e91655766f2cb1" })), this.isSubMenu ? h("ix-icon", { name: iconChevronRightSmall, class: "submenu-icon" }) : null));
+    }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? h("div", { class: "dropdown-item-checked" }, this.checked ? h("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" }) : null) : null, this.icon ? h("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon }) : null, h("div", { key: "d88e90650387ce4dd0d440fe03bf21c19c785709", class: "dropdown-item-text" }, this.label, h("slot", { key: "d892aabbb2e268d36c348b800c043d08f2ceef83" })), this.isSubMenu ? h("ix-icon", { name: iconChevronRightSmall, class: "submenu-icon" }) : null));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-dropdown-quick-actions.entry-B-_cI8QW.js → ix-dropdown-quick-actions.entry-CrQypd67.js}

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host } from "./global-ZjnNkmge.js";
 const dropdownQuickActionsCss = ":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";
 const DropdownQuickActions = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return h(Host, { key: "fdd2e2b6dbcb923c0f777d59d6500aae7a809b62" }, h("slot", { key: "89da7a8f6531cbee860e5677035357c785743c64" }));
+    return h(Host, { key: "270b8dba8a8b79072beb81301d923f8f8754b70f" }, h("slot", { key: "9970e51c7af36350359311ea217e2a402a35f994" }));
   }
 };
 DropdownQuickActions.style = dropdownQuickActionsCss;

package/build/static/demo/v2/preview/html/assets/{ix-dropdown.entry-B7jTHBF0.js → ix-dropdown.entry-Bm8DYywx.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { f as flip, i as inline, s as shift, o as offset, a as autoUpdate, c as computePosition } from "./floating-ui.dom-CAqtPJ4--B_Z-K7Jv.js";
 import { A as ArrowFocusController } from "./focus-BAKpVknt-BX94nhwN.js";
 import { d as dropdownController, h as hasDropdownItemWrapperImplemented } from "./dropdown-controller-D3K9vmFp-CeqyAJWH.js";
@@ -312,7 +312,7 @@ const Dropdown = class {
     this.applyDropdownPosition();
   }
   render() {
-    return h(Host, { key: "86e8b81af4bc5ad0fe27bbe62e9f1f7eb7c49f7e", "data-ix-dropdown": this.localUId, class: {
+    return h(Host, { key: "04a27e5950bf94cc355c91e0339f9450d46ff103", "data-ix-dropdown": this.localUId, class: {
       "dropdown-menu": true,
       show: this.show,
       overflow: !this.suppressOverflowBehavior
@@ -320,7 +320,7 @@ const Dropdown = class {
       margin: "0",
       minWidth: "0px",
       position: this.positioningStrategy
-    }, role: "list", onClick: (event) => this.onDropdownClick(event) }, h("div", { key: "071d50d4dd055be7a6d430cf913de9e6a99ca88b", style: { display: "contents" } }, this.header && h("div", { key: "408ab95eb7afaa61e1752204ebc1435038ecf49d", class: "dropdown-header" }, this.header), this.show && h("slot", { key: "3945c3c05e90a93acaaaff3110a26485fe058324" })));
+    }, role: "list", onClick: (event) => this.onDropdownClick(event) }, h("div", { key: "a5a82065838d09c0b0e8aa24887485664d0631b7", style: { display: "contents" } }, this.header && h("div", { key: "08e34e9d67769670fed4328d59d23de0d0bc1ccb", class: "dropdown-header" }, this.header), this.show && h("slot", { key: "ecf81415481bb26881fd6976b5e069ac444bb821" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-empty-state.entry-BardNWrN.js → ix-empty-state.entry-CTejudY8.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-ZjnNkmge.js";
 const emptyStateCss = ":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 .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";
 const EmptyState = class {
   constructor(hostRef) {
@@ -7,7 +7,7 @@ const EmptyState = class {
     this.layout = "large";
   }
   render() {
-    return h(Host, { key: "c157ef4dd8518201fdae6fe41bf00208aa0067a7", class: `emptyState emptyState--${this.layout}` }, this.icon && h("div", { key: "77152339a4f5e696d159ff2f37081debca16ef4d", class: "emptyState__icon" }, h("ix-icon", { key: "274f9d1288fc209e07b7b53286b149582c9ae2b9", name: this.icon, size: this.layout === "large" ? "32" : "32", color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon })), h("div", { key: "9f9aeddd7f574c59ac82ddf5d3abca5ca963257e", class: "emptyState__content" }, h("div", { key: "1def400c5abb743075aa44d531acf6ee97d2cb65", class: "content__label" }, h("ix-typography", { key: "9b304c1ae25a9dba4339c585b762cc98a369c3b5", format: this.layout === "large" ? "h3" : "body" }, this.header), this.subHeader && h("div", { key: "f55d27f18bb2ad7ad4e0952c2a2b65c95a169a62", class: "label__subHeader" }, this.subHeader)), this.action && h("div", { key: "45eda366d47fc9a8077b84015dd7f311df5a572f", class: "content__action" }, h("ix-button", { key: "349520a7e809efe28770db0ad81641ed450d1ef7", onClick: () => this.actionClick.emit() }, this.action))));
+    return h(Host, { key: "40044bc561b77f0ca121fec086c4e50959cd84b8", class: `emptyState emptyState--${this.layout}` }, this.icon && h("div", { key: "4f7caad68b5bfdae9a3becc0d9cb86e6aa121b9a", class: "emptyState__icon" }, h("ix-icon", { key: "4f3540bc8589358f3a81136bf18e37a963ccf8c4", name: this.icon, size: this.layout === "large" ? "32" : "32", color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon })), h("div", { key: "aa658e73609ff249ada8b4a11897bc6fd16f3e27", class: "emptyState__content" }, h("div", { key: "f46a03dcf711bdfc3919d3f94e5b60e64f434173", class: "content__label" }, h("ix-typography", { key: "dd56a7bc024921adedf792ed956614a13a7dd723", format: this.layout === "large" ? "h3" : "body" }, this.header), this.subHeader && h("div", { key: "7813b0fd9e490328b24566ae0abb805dbc2d1b3b", class: "label__subHeader" }, this.subHeader)), this.action && h("div", { key: "4ffbf8f873bff95e04376dac344cd312d39a68d6", class: "content__action" }, h("ix-button", { key: "20739fd736c3176034dcc6d564c09879f745b9b3", onClick: () => this.actionClick.emit() }, this.action))));
   }
 };
 EmptyState.style = emptyStateCss;

package/build/static/demo/v2/preview/html/assets/{ix-event-list-item.entry-xSfQJw6X.js → ix-event-list-item.entry-Cpy0kuOD.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-ZjnNkmge.js";
 import { s as iconChevronRight } from "./index-8HpPmDK_-DinFJk0z.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 const eventListItemCss = ":host(.event-list-item-outline) .event-list-item{--ix-event-list-item--color-border:var(\n    --theme-event-item-outline--border\n  );--ix-event-list-item--background:var(\n    --theme-event-item-outline--background\n  );--ix-event-list-item--background--hover:var(\n    --theme-event-item-outline--background--hover\n  );--ix-event-list-item--background--active:var(\n    --theme-event-item-outline--background--active\n  );--ix-event-list-item--background--selected:var(\n    --theme-event-item-outline--background--selected\n  );--ix-event-list-item--border--hover:var(\n    --theme-event-item-outline--border--hover\n  );--ix-event-list-item--border--active:var(\n    --theme-event-item-outline--border--active\n  );--ix-event-list-item--border--selected:var(\n    --theme-event-item-outline--border--selected\n  );--ix-event-list-item--border--disabled:var(\n    --theme-event-item-outline--border--disabled\n  )}:host(.event-list-item-filled) .event-list-item{--ix-event-list-item--color-border:var(\n    --theme-event-item-filled--border\n  );--ix-event-list-item--background:var(\n    --theme-event-item-filled--background\n  );--ix-event-list-item--background--hover:var(\n    --theme-event-item-filled--background--hover\n  );--ix-event-list-item--background--active:var(\n    --theme-event-item-filled--background--active\n  );--ix-event-list-item--background--selected:var(\n    --theme-event-item-filled--background--selected\n  );--ix-event-list-item--border--hover:var(\n    --theme-event-item-filled--border--hover\n  );--ix-event-list-item--border--active:var(\n    --theme-event-item-filled--border--active\n  );--ix-event-list-item--border--selected:var(\n    --theme-event-item-filled--border--selected\n  );--ix-event-list-item--border--disabled:var(\n    --theme-event-item-filled--border--disabled\n  )}: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 .event-list-item{display:flex;align-items:center;position:relative;height:var(--event-list-item-height, 2.5rem);max-height:var(--event-list-item-height, 2.5rem);border-radius:var(--event-list-item-border-radius, 0.25rem);background-color:var(--ix-event-list-item--background);overflow:hidden;transition:var(--theme-default-time);cursor:pointer;margin-bottom:var(--event-list-item-margin-bottom, 0.5rem)}:host .event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:var(--event-list-item-border-radius, 0.25rem)}:host .event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}:host .event-list-item .event-list-item-container{display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--ix-event-list-item--color-border);border-top-left-radius:0;border-top-right-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--event-list-item-border-radius, 0.25rem);border-left:none;padding-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .event-list-item .event-content{display:flex;align-items:center;width:100%;height:var(--event-list-item-height, 100%);max-height:var(--event-list-item-height, 100%);white-space:var(--event-list-item-content-white-space, inherit);overflow:hidden;padding-inline-end:0.5rem}:host .event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).hover{background-color:var(--ix-event-list-item--background--hover)}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).active{background-color:var(--ix-event-list-item--background--active)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).hover{border-color:var(--ix-event-list-item--border--hover)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).active{border-color:var(--ix-event-list-item--border--active)}:host .event-list-item.selected .event-list-item-container{background-color:var(--ix-event-list-item--background--selected);border-color:var(--ix-event-list-item--border--selected)}:host .event-list-item[disabled],:host .event-list-item.disabled{pointer-events:none}:host .event-list-item[disabled] .event-list-item-container,:host .event-list-item.disabled .event-list-item-container{background-color:var(--ix-event-list-item--background--disabled);border-color:var(--ix-event-list-item--border--disabled)}:host(.disabled){pointer-events:none}";
@@ -17,17 +17,17 @@ const EventListItem = class {
   render() {
     var _a;
     let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith("--theme")) ? `var(${this.itemColor})` : `var(--theme-${this.itemColor})`;
-    return h(Host, { key: "69bcf29128bcdcbb1d4ec916ab267c3f3872563d", class: {
+    return h(Host, { key: "76e06ddd63da8e0adec50dcd20bc61e2f2d1e1c0", class: {
       disabled: this.disabled,
       [`event-list-item-${this.variant}`]: true
-    } }, h("div", { key: "44a56bfe9beee7643cd97998309c7e1339673494", role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+    } }, h("div", { key: "b04e600de4ca8f82c0ac973f6df2efc6a9c1acdb", role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
       "event-list-item": true,
       selected: this.selected,
       disabled: this.disabled
-    } }, h("div", { key: "cc43c1752fd48d33a40fbdc7b28f120b128d11f5", class: `indicator ${!this.itemColor ? "indicator-empty" : ""}`, style: {
+    } }, h("div", { key: "e8cbc3d3a7e752fd60fa30b92503d4c7a2b64392", class: `indicator ${!this.itemColor ? "indicator-empty" : ""}`, style: {
       "background-color": this.itemColor ? color : "inherit",
       opacity: `${this.disabled ? 0.4 : 1}`
-    } }), h("div", { key: "dc79d72bff599d0c2cb3850548b56f2a7a7d74c0", class: "event-list-item-container" }, h("div", { key: "6eb217297a62214cc4b2ecc0a24f2ac8b7b1be71", class: "event-content" }, h("slot", { key: "a2e260050ee37c653bbb46d5447dd4d299a93eb9" })), this.chevron && h("ix-icon", { key: "e5b66296f312ae808f48826305fbd8e8a992e602", name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))));
+    } }), h("div", { key: "41e137395c4466be016fd1c97456b040f60de4ab", class: "event-list-item-container" }, h("div", { key: "0a38f7c6f62b877dde4a27db021daff4c47440e0", class: "event-content" }, h("slot", { key: "8867732a5801ab78afc2de8ff60a715608c5f8c7" })), this.chevron && h("ix-icon", { key: "3a0155d4a8dc6fae7d65c181f0197abe5f78b4af", name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))));
   }
 };
 EventListItem.style = eventListItemCss;

package/build/static/demo/v2/preview/html/assets/{ix-event-list.entry-D0C4LL-7.js → ix-event-list.entry-DWrFsweh.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
 import { c as convertToRemString } from "./rwd.util-pXYAoEyc-B7dE3uhl.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
@@ -104,11 +104,11 @@ const EventList = class {
     });
   }
   render() {
-    return h(Host, { key: "412f1406ca77c5cc4b8d97858a0a6b2dcde571c9", class: {
+    return h(Host, { key: "71648df2cdbbb1951fa970739cdf1a6f4bd1c40f", class: {
       "item-size-s": this.itemHeight === "S",
       "item-size-l": this.itemHeight === "L",
       compact: this.compact
-    } }, h("div", { key: "bf8731c25aa807b3971d7d1caa3380233c262b26", role: "list" }, h("slot", { key: "aa48d21a40f00146ada43ec541977efd5553554a" })));
+    } }, h("div", { key: "ce46bd8d70b502d2dd19ffee75d2f3ae45e95d5a", role: "list" }, h("slot", { key: "016b05cd0e580af2e89232c3f4a0b5ebad8bda62" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-expanding-search.entry-dr_FhEuH.js → ix-expanding-search.entry-CgLfFuQ1.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-ZjnNkmge.js";
 import { l as iconClear, k as iconSearch } from "./index-8HpPmDK_-DinFJk0z.js";
 const expandingSearchCss = ".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;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 .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host{}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host{}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";
 const ExpandingSearch = class {
@@ -48,20 +48,20 @@ const ExpandingSearch = class {
   }
   render() {
     var _a;
-    return h(Host, { key: "cef1eaadd1182fc228042ec6358dae162b870bfa", class: {
+    return h(Host, { key: "a7502cbddcb136608813c4fe522e868ae3d5806d", class: {
       expanded: this.expanded,
       "right-position": this.expanded,
       fullWidth: this.fullWidth
-    } }, h("ix-icon-button", { key: "143fa362134e939f965e38c836effd321451c355", size: this.expanded ? "16" : "24", icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? "tertiary" : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? "input-search-icon--color--focus" : void 0, class: {
+    } }, h("ix-icon-button", { key: "ad6ed825caea25be04469731e4eb8c33d08b1ad0", size: this.expanded ? "16" : "24", icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? "tertiary" : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? "input-search-icon--color--focus" : void 0, class: {
       "btn-search": true,
       "btn-search--expanded": this.expanded
-    }, "aria-label": this.ariaLabelSearchIconButton }), h("div", { key: "7fcbd5c539b210a8c56106e478f208bd7987f50b", class: {
+    }, "aria-label": this.ariaLabelSearchIconButton }), h("div", { key: "b12d4ab2b26f00564d6edc1c3fd0d0f1ba48a8c2", class: {
       expanded: this.expanded,
       fullWidth: this.fullWidth,
       collapsed: !this.expanded,
       "disable-pointer": !this.expanded,
       "input-container": true
-    }, "data-testid": "input-wrapper" }, h("input", { key: "f138deadccf92bd26f4b548147bbeb6a66e06da2", class: {
+    }, "data-testid": "input-wrapper" }, h("input", { key: "47f11db65a0f58d1fb0c77239062b8414538d200", class: {
       "ix-form-control": true,
       input: this.expanded,
       "disable-pointer": !this.expanded,

package/build/static/demo/v2/preview/html/assets/{ix-field-label_2.entry-DtP2BwcQ.js → ix-field-label_2.entry-Dfh9qspj.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { b as a11yHostAttributes } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
-import { c as createClassMutationObserver } from "./validation-D_dk-JqT-CRNNydA9.js";
-import { h as hasAnyText, H as HelperText$1 } from "./helper-text-util-BurV4TiQ-BLIK7tug.js";
+import { c as createClassMutationObserver } from "./validation-LJh16vt2-H75l0y2j.js";
+import { h as hasAnyText, H as HelperText$1 } from "./helper-text-util-gKdL-wH2-DjRdMI6l.js";
 import "./index-8HpPmDK_-DinFJk0z.js";
 function isIxInputFieldComponent(obj) {
   return obj && "getAssociatedFormElement" in obj && typeof obj.getAssociatedFormElement === "function" && "getNativeInputElement" in obj && typeof obj.getNativeInputElement === "function";
@@ -108,7 +108,7 @@ const FormFieldLabel = class {
     }
   }
   render() {
-    return h(Host, { key: "8b95961ee8dde015e7be8c9b5d5b0c742abc66a2", onClick: () => this.focusOnClick() }, h("label", Object.assign({ key: "94e23159d8cfc8366628245ff88c66a75114ddcd", htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), h("ix-typography", { key: "71d0e1969ab2ffbc95366c256f22412caeca51a4", textColor: this.isInvalid ? "alarm" : "soft", format: "label" }, h("slot", { key: "73d15d7c64df8d301cbe1a0d5158c459273d90ed" }), this.required && h("span", { key: "adfe97c75781edcf3a3d84c463f019afff623765" }, "*"))));
+    return h(Host, { key: "ca4f1ba84a3a19a4d15aa517272c90bebf782e13", onClick: () => this.focusOnClick() }, h("label", Object.assign({ key: "44e2386d5dd7c51d3b5a9e1530e986b15ba64d23", htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), h("ix-typography", { key: "ab97048f7a521ad398438795ba7a5ccba2571f4c", textColor: this.isInvalid ? "alarm" : "soft", format: "label" }, h("slot", { key: "faf628440f832acb412c7f5b40dab4620da785d7" }), this.required && h("span", { key: "d15676e3bf2d645ce2e1fc8f3bd91af23b6ec725" }, "*"))));
   }
   get hostElement() {
     return getElement(this);
@@ -145,9 +145,9 @@ const FieldWrapper = class {
       infoText: this.infoText,
       helperText: this.helperText
     };
-    return h(Host, { key: "3e4d4cc4d1825e7c882844497a14c683e6fa4984" }, this.label && h("div", { key: "14c73ca16fca119c7ae3b57406fed9d06c92682b", class: "field-top" }, h("ix-field-label", { key: "528080fc33fbba4af32b995c2a5b812cbe546c3c", required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label)), h("div", { key: "07dd086cb873468943feddd633ff9487c4ac28ad", class: {
+    return h(Host, { key: "a27a9cefcce30e8dc30ca6a3fd72164227e86fdf" }, this.label && h("div", { key: "ef4a8585d24c3b0400e85b1a21bd9344e01bcb47", class: "field-top" }, h("ix-field-label", { key: "93c9f7cfbbde681956a7676721f1dd0821907e89", required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label)), h("div", { key: "3a26cb08a91fc7c0f10de83a5b722b5af66f059f", class: {
       "slot-wrapper": true
-    }, ref: this.slotRef }, h("slot", { key: "b7cd2920a4ddfcd8c89c661a516169f965956150" })), h("div", { key: "f2976ba8ed9a373e46ad0b12b7aa4e7eefd15f16", class: "field-bottom" }, !this.showTextAsTooltip && h(HelperText$1, Object.assign({ key: "aec1f83ed3e30742d7e3d50e5287b3585cfff158" }, textOptions)), h("div", { key: "a89b5e7a6485fd220b5b1b0fa68eda56fe77367c", class: "bottom-right" }, h("slot", { key: "079a9c2ad3694da127bc03324764a317d0ad97a3", name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && h("ix-tooltip", { key: "c43740e25841a7e14069b0f666ede1e3d3a38e35", for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, h(HelperText$1, Object.assign({ key: "8cffb6fb825da3d30f8b0362359d305c53a99c93" }, textOptions))));
+    }, ref: this.slotRef }, h("slot", { key: "fe73a444a23928cee7f7899cc3bb6aef76eefa68" })), h("div", { key: "bc5fa34c5a05e49427e63a87d70db0735a0a0b80", class: "field-bottom" }, !this.showTextAsTooltip && h(HelperText$1, Object.assign({ key: "67abdfcf2448d8df422cd0ee39c162f423e5c564" }, textOptions)), h("div", { key: "fecb02a2e534980491ea776cdc952b1aeea41286", class: "bottom-right" }, h("slot", { key: "9a958f810edf477be93394d887724c9763c57f17", name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && h("ix-tooltip", { key: "d3d8810548d267811e5f298fbb41f657abbae27d", for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, h(HelperText$1, Object.assign({ key: "44c241959d5db7e91c00a08a843a51dfc9307256" }, textOptions))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-filter-chip_2.entry-DQD9wwJP.js → ix-filter-chip_2.entry-Cwmio6-c.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { m as iconCloseSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 const filterChipCss = ":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}: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 .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";
 const FilterChip = class {
@@ -14,7 +14,7 @@ const FilterChip = class {
     this.closeClick.emit();
   }
   render() {
-    return h(Host, { key: "8cc1b9fa681c0a4db152ce8be3c6f5e9e57f342d", class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, h("div", { key: "61c4d43d905cad264fb7eef85b8d59a4fa5bc966", class: "slot-container" }, h("slot", { key: "f46f5e585c9a822f78d173945da0fdb91666ef09" })), !this.disabled && !this.readonly ? h("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton }) : null);
+    return h(Host, { key: "03b4a6c34e034efe267406a523a902e85665b351", class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, h("div", { key: "75c8992cf2e8dc2d2ff76d1579219ff4bef46fd2", class: "slot-container" }, h("slot", { key: "ea52727be5fa2cda2f9ddaa2a7a37a1c7c1f4f91" })), !this.disabled && !this.readonly ? h("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton }) : null);
   }
   get hostElement() {
     return getElement(this);
@@ -85,7 +85,7 @@ const SelectItem = class {
     }
   }
   render() {
-    return h(Host, { key: "6923626cd3ebf083ae105eb04e118fcd9a63ef84" }, h("ix-dropdown-item", { key: "302c0852eb3a0f49c93e43c3919bbc517cad5d4a", class: {
+    return h(Host, { key: "1602a154d8a1d9b4ee3d1755aea08df7a719cd37" }, h("ix-dropdown-item", { key: "d02799ffee6add3546eafe812785b4ba9532ba6b", class: {
       "select-item-checked": this.selected
     }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) }));
   }

package/build/static/demo/v2/preview/html/assets/{ix-flip-tile-content.entry-4pS53APF.js → ix-flip-tile-content.entry-BmgM_Yx2.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host } from "./global-ZjnNkmge.js";
 const flipTileContentCss = ":host{display:block}";
 const FlipTileContent = class {
   constructor(hostRef) {
@@ -6,7 +6,7 @@ const FlipTileContent = class {
     this.contentVisible = false;
   }
   render() {
-    return h(Host, { key: "5965aa904c665ec7f059cfd2923d13d6c408f435" }, this.contentVisible ? h("slot", null) : null);
+    return h(Host, { key: "264e3539d6c5abcd8716968a4128da99ca191375" }, this.contentVisible ? h("slot", null) : null);
   }
 };
 FlipTileContent.style = flipTileContentCss;

package/build/static/demo/v2/preview/html/assets/{ix-flip-tile.entry-DvuuwkqB.js → ix-flip-tile.entry-DnBt3NQq.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-ZjnNkmge.js";
 import { t as iconEye } from "./index-8HpPmDK_-DinFJk0z.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
@@ -96,7 +96,7 @@ const FlipTile = class {
     }, 2 * Animation.defaultTime);
   }
   render() {
-    return h(Host, { key: "8e765099be7fad3f1e3ad850934cacf3a3a0005b", class: {
+    return h(Host, { key: "32727b4df750f9d1892f365a7e8d729447be05ac", class: {
       [`flip-tile-variant-${this.variant}`]: true
     }, style: {
       height: `${this.height}${this.height === "auto" ? "" : "rem"}`,
@@ -105,10 +105,10 @@ const FlipTile = class {
       width: `${this.width}${this.width === "auto" ? "" : "rem"}`,
       "min-width": `${this.width}${this.width === "auto" ? "" : "rem"}`,
       "max-width": `${this.width}${this.width === "auto" ? "" : "rem"}`
-    } }, h("div", { key: "b2b5f3eb5e7434781c6e20c4227f6ba0558ef1ba", class: "flip-tile-container" }, h("div", { key: "62bf878e8dbe1b0ede76e18bfd7864559e5bc40e", class: "flip-tile-header" }, h("div", { key: "a6778965143f874ba4afb4cf85668caa72b6b37d", class: "header-slot-container text-l-title" }, h("slot", { key: "8d8fbdea8c689955d3d883386d5de53ce3716102", name: "header" })), h("ix-icon-button", { key: "a7f7ad867ff020682dad39ee879d75a539b2311e", icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), h("div", { key: "9f36cb8e3242c3df057ca422cc16c2dbd46d05c2", class: "content-container" }, h("slot", { key: "1b8931c0bdb7fb8fcf1ef7179c441e7054aba515" })), h("div", { key: "20d76b0e598ad7c202ec917cc07c3a9dc4c22ce6", class: {
+    } }, h("div", { key: "e58093dce55ede49f9f1782327c73918ee21d2c6", class: "flip-tile-container" }, h("div", { key: "bd60e44b5b04177c4003936aa15d6539cd093883", class: "flip-tile-header" }, h("div", { key: "792d0e39b406fb50561f3c35c0340ee827b568e6", class: "header-slot-container text-l-title" }, h("slot", { key: "9e320aef9f89689b594c9555e154c8795dbdb233", name: "header" })), h("ix-icon-button", { key: "dc0a042565001a79ea17e33671f4c2486b702ebf", icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), h("div", { key: "fa61544ccf0e16884c4d747e0e7cc174216d7906", class: "content-container" }, h("slot", { key: "1ed79120c3e926bb5f48a0e1980f5dfb785050f8" })), h("div", { key: "543216df0a9e93c9a739b921259e529eb494e751", class: {
       footer: true,
       "show-footer": this.hasFooterSlot
-    } }, h("slot", { key: "6b8c833a377673cc30625afda00a1881d5e66fca", name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) }))));
+    } }, h("slot", { key: "271f61fc236be2813cec900c788fe4bfcb2c285d", name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) }))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-group-context-menu_2.entry-BBqNfZx8.js → ix-group-context-menu_2.entry-DP3dIl1U.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from "./global-CTsFSACc.js";
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from "./global-ZjnNkmge.js";
 import { g as getSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
 import { I as iconContextMenu } from "./index-8HpPmDK_-DinFJk0z.js";
 const groupContextMenuCss = ":host{display:block;position:relative;height:2rem;width:2rem;margin-block-start:0.3125rem;margin-inline-end:0.3125rem;margin-inline-start:auto}:host .hide{visibility:collapse}:host ::slotted(ix-dropdown){cursor:default}";
@@ -32,7 +32,7 @@ const GroupContextMenu = class {
     this.configureDropdown(dropdownElement, triggerElement);
   }
   render() {
-    return h(Host, { key: "6df61ec63b35350e4911a5b45ecf02ec8f05d42a" }, h("ix-icon-button", { key: "480474db13076c449bb664cc3be7aef9b2604c41", class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), h("slot", { key: "cf8842a68562de5d58a8bec0441db254a56ad05b", onSlotchange: () => this.onSlotChange() }));
+    return h(Host, { key: "13eed06b9866e6d59f3972d2940f752d8f245b52" }, h("ix-icon-button", { key: "6fc57583df2308b3fa234d8fd675cbcb05a55974", class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), h("slot", { key: "b56d53e0b2154c0eefcd99fdd8eeb508457b7641", onSlotchange: () => this.onSlotChange() }));
   }
   get hostElement() {
     return getElement(this);