@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-v4-next-20251105155052

package/dist/collection/components/date-dropdown/date-dropdown.js

@@ -217,21 +217,21 @@ export class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'b0c80bf0c01f34eccf3ffd03cab8cb4598122b8e' }, h("ix-button", { key: '19fc20d03477850083cc6274ea8b4269fb827365', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), h("ix-dropdown", { key: '8b0260dd47fd1e6267b539ef0f12a544f3817c93', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
+        return (h(Host, { key: '2cad55fd1448a2a553abb8bdf50f9245d2cc71bf' }, h("ix-button", { key: '77bd4e5f89d500b0323c5a2771cb2268601a87d3', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), h("ix-dropdown", { key: 'e1108d1cdac327961e3147d10f380f8d9850449c', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
                 if (!show &&
                     this.selectedDateRangeId === 'custom' &&
                     this.datePickerTouched &&
                     this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
-            } }, h("ix-layout-grid", { key: '827aa5f75b7351f7194800e5d08e99be05550674', noMargin: true }, h("ix-row", { key: '31a94fc990f9f4a30f3259e1148e897d512b3408' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("ix-col", { key: '4c6222ffde5a8f8644f7e4030f5942e148014e2f', class: {
+            } }, h("ix-layout-grid", { key: 'fd7ece26cbcda9da063b1832ca7c010fd508ae8b', noMargin: true }, h("ix-row", { key: '8854518f7534f9c52be1d74373c8a6d822983bca' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (h("ix-col", { key: '8e7e4d96a0e91d91cee20f961b37da7645e0a28e', class: {
                 'no-margin': true,
                 'border-right': this.selectedDateRangeId === 'custom',
-            } }, this.dateRangeOptions.map((dateRangeOption) => (h("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), h("div", { key: '7c6e52ce4e81ba257925eaf9dae155d1fff0bcf1', hidden: this.customRangeDisabled }, h("ix-dropdown-item", { key: '6be7c3b1b827a75c51f82edd8971b3cc53f8167c', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), h("ix-col", { key: 'a8119f9199cb8e4e162688bfdcf4f91242fbd5b7', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (h(Fragment, { key: 'bd24f234a02cc55ed73df93ca6d6791d11d9ad77' }, h("ix-date-picker", { key: '0aaf7e9c3ee79d9d232eed14fb840e246caddd20', embedded: true, locale: this.locale, onDateChange: (e) => {
+            } }, this.dateRangeOptions.map((dateRangeOption) => (h("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), h("div", { key: 'f9e7879a9f2e00c5bbcd7ab454cf491345a2f1ee', hidden: this.customRangeDisabled }, h("ix-dropdown-item", { key: 'e373366109b1ac41af77fc4fcab8aeb4a5cf7a29', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), h("ix-col", { key: '4e4ad3072863235f5dda814f24811e982f407c9b', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (h(Fragment, { key: 'a9c540a66333322c54cf7814231f6213806b86db' }, h("ix-date-picker", { key: '7e59d29e3a49bee9098879b51b23d9c6fbec5c6b', embedded: true, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
                 this.datePickerTouched = true;
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), h("div", { key: 'f2bd49f4ca5012eb32fc4e859bb6e9da2cd25f3d', class: "pull-right" }, h("ix-button", { key: '18cb506d16700b59884660c4d8afb63c6e66400b', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), h("div", { key: '837f09d7b578640927e904f4adc2aef7fda7e65e', class: "pull-right" }, h("ix-button", { key: '09e9fbdf94d44bc52832d6787206aaded06a3aeb', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }

package/dist/collection/components/date-input/date-input.js

@@ -232,12 +232,12 @@ export class DateInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (h(Host, { key: '5c7284b0afd8b3ee906370beb4b7e872a849f5cb', class: {
+        return (h(Host, { key: '33f5063a7f848dfe2666c0c03420c577e29da00c', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, h("ix-field-wrapper", { key: '5e8c3a6dd37625cb818438fd8e0c7bef6daa46a1', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: 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: '5bffd40d906d1e1e929b4a6041ff2cec6f857d34', "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: '703e6fc7546f7fb0087ef593f365b10c6b30eb2b', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: 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) => {
                 this.show = event.detail;
-            } }, h("ix-date-picker", { key: '8237c6eca404f1f11a921d965a7a0b7817072cf7', 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: '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) => {
                 const { from } = event.detail;
                 this.onInput(from);
             }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));

package/dist/collection/components/date-picker/date-picker.js

@@ -479,7 +479,7 @@ export class DatePicker {
         return rows;
     }
     render() {
-        return (h(Host, { key: '42d2c188cd731f5a7328dd1ce481f660101d7a09' }, h("ix-date-time-card", { key: 'f2d961f0b5aff7ff940ca19eb3a436462ca05e99', corners: this.corners, embedded: this.embedded }, h("div", { key: '196010db71c2325a06dbfe0c0ba532e2e09b9fb2', class: "header", slot: "header" }, h("ix-icon-button", { key: '585f9ba06de70c8f20a3de2b1b6cf98ccdec1c19', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), h("div", { key: '8d4222010c3ed656b21e0d75bf6013e0d7c19179', class: "selector" }, h("ix-button", { key: '4a3dca3a156d8461c58a43ac2063a8416328eabb', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, h("span", { key: 'bc208dd3649f23fa34b7ec577ccfd5f21cd35366', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), h("ix-dropdown", { key: '22175d2d9b7624b6f1de915c53e9b1fdd1bd1a15', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, h("div", { key: '2737cf0b9d6e5de84f3e875e8db015313eb1767e', class: "wrapper" }, h("div", { key: '7a1cfb1f62cdbc0926ee1d50a6b515c762e54430', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), h("div", { key: '53b4d6194cac8ff5579002adbeea59be73a872b8', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (h("div", { key: month, ref: (ref) => {
+        return (h(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, h("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, h("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, h("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), h("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, h("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, h("span", { key: '90701ae7a627b41129506f9fad3523a459493e1a', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), h("ix-dropdown", { key: '0d08063a316522be267f453e3c16221cf59ac5a6', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, h("div", { key: '6d91caedadb78bad8b1e65d218b63c683d635641', class: "wrapper" }, h("div", { key: 'dae4910fc59d7653693f8e6db81c3a2eaf6cecf4', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), h("div", { key: '3d953e9c9e587526f9b82bb573781a51c17a0dfb', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (h("div", { key: month, ref: (ref) => {
                 if (month === this.monthNames[0]) {
                     this.firstMonthRef(ref);
                 }
@@ -493,10 +493,10 @@ export class DatePicker {
                 hidden: this.tempYear !== this.selectedYear ||
                     this.tempMonth !== index,
                 checkPosition: true,
-            }, name: iconSingleCheck, size: "16" }), h("div", null, h("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), h("ix-icon-button", { key: 'c9d4d4885134a651f4ee37f6ab7bc5bc92d06afc', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), h("div", { key: '24ce38b7091fa6d8e712daaba8fd94d8e1364df3', class: {
+            }, name: iconSingleCheck, size: "16" }), h("div", null, h("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), h("ix-icon-button", { key: '5f6380b580a26ca63f1285090a51affeaf667df3', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), h("div", { key: '4f1c314d39956676a1cf055ac8f1bffe7f6027e7', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && h("div", { key: '27a12760475ceb0d93531b541e499c4d8274acee', class: "calendar-item week-day" }), this.dayNames.map((name) => (h("div", { key: name, class: "calendar-item week-day" }, h("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
+            } }, this.showWeekNumbers && h("div", { key: '639a77b5bb12d1266145bb06777545b8807f7675', class: "calendar-item week-day" }), this.dayNames.map((name) => (h("div", { key: name, class: "calendar-item week-day" }, h("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
             return (h(Fragment, null, this.showWeekNumbers && (h("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
                 return day ? (h("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
                         const target = e.currentTarget;
@@ -508,10 +508,10 @@ export class DatePicker {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (h("div", null));
             })));
-        })), h("div", { key: '5bca82f35ddda23816f7bdab87abbf7d52152325', class: {
+        })), h("div", { key: 'cabe525ef68e3a519d37a9f00684acaa70de03e7', class: {
                 button: true,
                 hidden: this.singleSelection || this.embedded,
-            } }, h("ix-button", { key: 'f41c4b85162e1c199e079276b7ccfab3fb9149bd', onClick: () => this.onDone() }, this.i18nDone)))));
+            } }, h("ix-button", { key: '25e5eac3ece688f38009fa3a0f15eab6fb56f3a4', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     static get is() { return "ix-date-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-time-card/date-time-card.js

@@ -38,10 +38,10 @@ export class DateTimeCard {
         };
     }
     render() {
-        return (h(Host, { key: '0429648eb4c31bde407975b519809a5a6fd8043a' }, h("div", { key: '21434d00d886949b32554468fdca445b2b5cf76f', class: this.cardClasses() }, !this.hideHeader && (h("div", { key: '7ef2b75a31b0e75646010e7f02a8dc338117d627', class: "header-container" }, h("div", { key: 'bb3e80cbc6b1c9b5c9171638726074122cd91908', class: "header" }, h("slot", { key: '6ae65febb1ee7862df7dcc781fa68286bd0b7d5e', name: "header" })), h("div", { key: 'd4d63d904222fbc638a04ee16e11ceea03f03e0e', class: "separator" }))), h("div", { key: '0f299d9c0743f2b9e0c9f7a0e2504e51471d4475', class: {
+        return (h(Host, { key: 'e4b044b0076f79934f3e561dab684a9aa53ab8c2' }, h("div", { key: '91f00686e9000d71745bca5bb958a401fe265ed2', class: this.cardClasses() }, !this.hideHeader && (h("div", { key: '974c90cd1522069f3e10831b6cec9d80eefc7630', class: "header-container" }, h("div", { key: '64d22e413cf579b3831580040d0921f73e37cbed', class: "header" }, h("slot", { key: 'dadc035aa3e2aad17d16a0b7edb9c1aa83f5b64a', name: "header" })), h("div", { key: '14c6cffd8a0086835c42dca7e5a12a9c569ebc2f', class: "separator" }))), h("div", { key: 'e3150b66b51fd87e5cb62c620d9e46d21a3b9aed', class: {
                 content: true,
                 'content--time-picker': this.timePickerAppearance,
-            } }, h("slot", { key: '6c955414005a3d9e004f1f69ded181f60f59dee5' })), this.hasFooter && (h("div", { key: '09348617c1986599e342b209518727bd65976078', class: "footer-container" }, h("div", { key: 'c3b84578c1acf0f8c9f01dcf8b9ec30364408a89', class: "separator" }), h("div", { key: '2cd97f773f26fb1e48fa4f5bf459c3531379b22b', class: "footer" }, h("slot", { key: 'f079e60d93d18c34030ff23f0d8f2043b9a2d85e', name: "footer" })))))));
+            } }, h("slot", { key: '6fe2bfb5676a992be3caa5fd134dcb5f595f3ae3' })), this.hasFooter && (h("div", { key: '2c2a1a534b8e71a472e3a7e0bca7e5187322a107', class: "footer-container" }, h("div", { key: '67713b28bbfda3298d8778db37f8ca84d72270f0', class: "separator" }), h("div", { key: '247a0ac8c8fe7ddfa7b2d05c0bd9a1671229469c', class: "footer" }, h("slot", { key: 'b1f5a9ace8a8c69eff1a954850cca8174619dcc8', name: "footer" })))))));
     }
     static get is() { return "ix-date-time-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/datetime-picker/datetime-picker.js

@@ -73,7 +73,7 @@ export class DatetimePicker {
         this.timeChange.emit(time);
     }
     render() {
-        return (h(Host, { key: '91fb1dbd40b48c37c207de3f173e19ed72f3b6c3' }, h("ix-layout-grid", { key: '0a9fc8ae63d59ba14185a12d3eb126351f4f67c4', class: "no-padding" }, h("ix-row", { key: '31e56d9e8a7ca4a6afd5754f0caf28eb494d68cd' }, h("ix-col", { key: '1df4729e7703d4f48d19233774a8fead11b74553' }, h("ix-date-picker", { key: '80923eee970fc1c163a94986c109e13f09d3a606', 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: 'd081455e2f00a9917e11902a70cb882a84e23615' }, h("ix-time-picker", { key: '4602c3ca1b899ec283aa9469ce5fcdf4ba4a70fc', 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: '1329ef1e1af1b22de5f4754ee02452a4d1aabb6b', class: "btn-select-date-container" }, h("ix-button", { key: '01efc3c5d4f72bd74a670a267a28e864c3e643fe', 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: '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)))))));
     }
     static get is() { return "ix-datetime-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/divider/divider.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class Divider {
     render() {
-        return h(Host, { key: '2353ffd7afdc669190af6a4ee6f405c38ac117de' });
+        return h(Host, { key: '265222b022fa8d13e4f07e6fe7e19abc7ae2b6c0' });
     }
     static get is() { return "ix-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/drawer/drawer.js

@@ -133,7 +133,7 @@ export class Drawer {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (h(Host, { key: '16521422bdb7a66912901a8d1d156772c31c588a', class: {
+        return (h(Host, { key: 'fff4cbcfc2cef008be568700e64be24876e59e5a', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -141,15 +141,15 @@ export class Drawer {
                 '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: '8f1c103f6bb03c362a492031e2ad92bcf25d89cc', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, h("div", { key: 'eda993c94161ac174630ac6aa81a5be1d574fd40', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, h("div", { key: '7ff4e51b1f93fb7f686db4915ee838f32f61ae86', class: "header" }, h("div", { key: '7c748e9f1e9c2b5468fd524844dfc761069572f2', class: "header-content" }, h("slot", { key: 'ea0ef18347626104852b149f3944165932f9d661', name: "header" })), h("ix-icon-button", { key: 'a446d3e8cb7648d320cd4ea31899d2b289afbabe', class: "close-button", style: {
+            } }, 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: {
                 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: '87f799aa707aceefa145a0b547761f587593d8e2', 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: 'f5e9cbe17366b49ad20b501f663e8c8dee1e456a', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, h("slot", { key: 'aea1e984256bb60bcb6c6a6721988b86decdfca0' })))));
+            } }, h("slot", { key: '1a8be255dce06ad85fd6fb689d8a50375d746b88' })))));
     }
     static get is() { return "ix-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown.js

@@ -346,7 +346,7 @@ export class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (h(Host, { key: 'ee3eb8e3b68d99b1b5b81fe5540ea3b32ff41f09', "data-ix-dropdown": this.localUId, class: {
+        return (h(Host, { key: '86e8b81af4bc5ad0fe27bbe62e9f1f7eb7c49f7e', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -354,7 +354,7 @@ export class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, h("div", { key: '2ba27fbce21906f5ae9e98fa3527a834d9370938', style: { display: 'contents' } }, this.header && h("div", { key: 'fa128cf328ac0228b99723fef040448979f610f9', class: "dropdown-header" }, this.header), this.show && h("slot", { key: '2310f848f75cab461581ffb83d71b1b99ba7dc2e' }))));
+            }, 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' }))));
     }
     static get is() { return "ix-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-button/dropdown-button.js

@@ -38,11 +38,11 @@ export class DropdownButton {
             } }));
     }
     render() {
-        return (h(Host, { key: '7bf428f629c4b9c4abe352fa22e187298f50d9ba', class: {
+        return (h(Host, { key: 'f30e5874fe837b3b6a9f2ef092f8b4d50cd37979', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, h("div", { key: 'a1f250a7137b42f0f3a12a92190ea18929412b82', 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
+            }, 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: 'e726b227804176cc0b63a6c1bffc3d822820200d', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, h("slot", { key: '9c596b8bd686b0e69336b563aef512aba7937275' }))));
+                : 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' }))));
     }
     static get is() { return "ix-dropdown-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-header/dropdown-header.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class DropdownHeader {
     render() {
-        return (h(Host, { key: '48d7022431ca3afd5b2a54d5ed66a753a65b11ba' }, h("ix-typography", { key: '930b1334c8a9e2974393bebec6890e72e204f360', class: 'category-text', format: 'h5' }, this.label)));
+        return (h(Host, { key: '07334cf803a7b60b148a688f954099d4c82dd156' }, h("ix-typography", { key: 'e71b5dca614dad0fdc6b29d04744b4d03042fcba', class: 'category-text', format: 'h5' }, this.label)));
     }
     static get is() { return "ix-dropdown-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,15 +41,15 @@ export class DropdownItem {
             this.icon !== undefined);
     }
     render() {
-        return (h(Host, { key: 'a5b2ef55abc61e30f76a2936f8a3dab1089bce21', class: {
+        return (h(Host, { key: 'cd6bfb531ae38e3016ec9ebca8d02ec359c3ea7c', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, h("button", { key: '8bbf025361d0f8f7e07e54e3d377a91900f40181', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, h("button", { key: '0c21ba9811bd0943835d206b2ef520a442817c53', 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: '65fae7a6a32288a2b48be1cb26c83ae4faea527a', class: "dropdown-item-text" }, this.label, h("slot", { key: '5b0f74293fcfecf625a83abf1a5ac4de8f6f55ea' })), 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: '28895721674306daf8293096800e7a2296be2fbf', class: "dropdown-item-text" }, this.label, h("slot", { key: 'b71da89943666f609c8428aa62e91655766f2cb1' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     static get is() { return "ix-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class DropdownQuickActions {
     render() {
-        return (h(Host, { key: '35441282ec232f2028ff15215a93a48c6d4e46ed' }, h("slot", { key: '91f97516822014d5b70ee4b7134f9c377cb70824' })));
+        return (h(Host, { key: 'fdd2e2b6dbcb923c0f777d59d6500aae7a809b62' }, h("slot", { key: '89da7a8f6531cbee860e5677035357c785743c64' })));
     }
     static get is() { return "ix-dropdown-quick-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/empty-state/empty-state.js

@@ -15,7 +15,7 @@ export class EmptyState {
         this.layout = 'large';
     }
     render() {
-        return (h(Host, { key: 'd9b634f06732db0749e3c9c3167ae711f96a7183', class: `emptyState emptyState--${this.layout}` }, this.icon && (h("div", { key: 'a6a98e33af14d3a66d207c2d77d1aa6e34800538', class: "emptyState__icon" }, h("ix-icon", { key: '8511efa645e81a5d1604cdd01e2f4caf95e01d3b', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), h("div", { key: 'b33eaf65405ef3941876dd7b9cf0f561e9de1649', class: "emptyState__content" }, h("div", { key: '3b9670173d55afc815b8e43606b06c535ddd51d6', class: "content__label" }, h("ix-typography", { key: 'e461e4696bd05399ad8a3f270edff959d6a49fbd', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (h("div", { key: 'ff0926ea025bb9a374ac765ac287b757af6f7c22', class: "label__subHeader" }, this.subHeader))), this.action && (h("div", { key: '611fbc746d27fcde68f6dd11db2a0b2d3725ff05', class: "content__action" }, h("ix-button", { key: 'ee78f195e25bbed7ece55ffc5e5884ad5ea9fef9', onClick: () => this.actionClick.emit() }, this.action))))));
+        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))))));
     }
     static get is() { return "ix-empty-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/event-list/event-list.js

@@ -128,11 +128,11 @@ export class EventList {
         });
     }
     render() {
-        return (h(Host, { key: '700b662ebfba2754f0c4c0d3bf09e95c5277760d', class: {
+        return (h(Host, { key: '412f1406ca77c5cc4b8d97858a0a6b2dcde571c9', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, h("div", { key: 'ebfed96ff53b21d49c9b9464978c79faa22210e0', role: "list" }, h("slot", { key: '4df468a4c4cc9643dae0b13f7b88df3402e3beaf' }))));
+            } }, h("div", { key: 'bf8731c25aa807b3971d7d1caa3380233c262b26', role: "list" }, h("slot", { key: 'aa48d21a40f00146ada43ec541977efd5553554a' }))));
     }
     static get is() { return "ix-event-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/event-list-item/event-list-item.js

@@ -38,17 +38,17 @@ export class EventListItem {
         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: 'd03c2d90446a33d65d9a8899e4966b7493126b50', class: {
+        return (h(Host, { key: '69bcf29128bcdcbb1d4ec916ab267c3f3872563d', class: {
                 disabled: this.disabled,
                 [`event-list-item-${this.variant}`]: true,
-            } }, h("div", { key: 'fef59b96300f41b2454dc5033d070cc49a3418f5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, h("div", { key: '44a56bfe9beee7643cd97998309c7e1339673494', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, h("div", { key: '5d9cee6f17423412e512046cb2db08e67e8bf692', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, h("div", { key: 'cc43c1752fd48d33a40fbdc7b28f120b128d11f5', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), h("div", { key: '19c487ecf53c8e3b277ed01d4e894cb60b314484', class: "event-list-item-container" }, h("div", { key: '272e1d5326384ee10820219d010c2210632c1aaf', class: "event-content" }, h("slot", { key: 'e901ca6e3059c187f5f3711610edaa9325f85112' })), this.chevron && (h("ix-icon", { key: '5193a58d44e7a7d5c903d64c2c757575e9711806', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
+            } }), 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" }))))));
     }
     static get is() { return "ix-event-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/expanding-search/expanding-search.js

@@ -66,20 +66,20 @@ export class ExpandingSearch {
     }
     render() {
         var _a;
-        return (h(Host, { key: '91622f4e7d04b72c143c27d92097b16e05314423', class: {
+        return (h(Host, { key: 'cef1eaadd1182fc228042ec6358dae162b870bfa', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, h("ix-icon-button", { key: '1c84d2ec7fac2727f626b796348d60c41f559d55', 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' : undefined, class: {
+            } }, 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' : undefined, class: {
                 'btn-search': true,
                 'btn-search--expanded': this.expanded,
-            }, "aria-label": this.ariaLabelSearchIconButton }), h("div", { key: 'a407add1967deb4343c4044fecbe2836f73f967f', class: {
+            }, "aria-label": this.ariaLabelSearchIconButton }), h("div", { key: '7fcbd5c539b210a8c56106e478f208bd7987f50b', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, h("input", { key: '6842d94f77a0b6ed4fb0ed6c6d77bb7e7937bacd', class: {
+            }, "data-testid": "input-wrapper" }, h("input", { key: 'f138deadccf92bd26f4b548147bbeb6a66e06da2', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,

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

@@ -113,7 +113,7 @@ export class FormFieldLabel {
         }
     }
     render() {
-        return (h(Host, { key: '77162f206e9a44c451be1c3e63f36647514df468', onClick: () => this.focusOnClick() }, h("label", Object.assign({ key: '73aae16a736c4bcb35e87947128df17dae60b262', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), h("ix-typography", { key: 'b73ceb433e4db5c0fb178ba7aebb61c24e1cf37a', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, h("slot", { key: '8625032e1c28424e817ec6c2a7aaab73cfaf1900' }), this.required && h("span", { key: 'c1b865c52013bbb51ceb8797a324bffbe771eaa9' }, "*")))));
+        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' }, "*")))));
     }
     static get is() { return "ix-field-label"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,9 +50,9 @@ export class FieldWrapper {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (h(Host, { key: '3ea3695c5b1cb5cb88461edf1a695dbbffc41446' }, this.label && (h("div", { key: '6e70790f01487566ca50218321827083273a8b72', class: "field-top" }, h("ix-field-label", { key: 'e95f598950e502b0b740aa715b4ba98d29988274', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), h("div", { key: '779b3fc2560650307ce95531b49354a9c5d87ecd', class: {
+        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: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, h("slot", { key: 'de4549ef8be697b8298962bb254c33b531cbc915' })), h("div", { key: '638eab71346a22e27c6e255d1ffd631d9f714cc7', class: 'field-bottom' }, !this.showTextAsTooltip && h(HelperText, Object.assign({ key: '37e18fbd7031e597ab332cb0dbc1d49f8fd64204' }, textOptions)), h("div", { key: '0b8ac94f2968e14a3d0640ab74f00a3d51eb74a2', class: "bottom-right" }, h("slot", { key: 'd8357cafd084a1481b1312d624493bbde299a270', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (h("ix-tooltip", { key: 'd4e277ed85a1cbb2d28779bfee25569cbd717e41', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, h(HelperText, Object.assign({ key: '0286be2eb095edbfb7f97c794dac74d79c2c4ad0' }, textOptions))))));
+            }, ref: this.slotRef }, h("slot", { key: 'b7cd2920a4ddfcd8c89c661a516169f965956150' })), h("div", { key: 'f2976ba8ed9a373e46ad0b12b7aa4e7eefd15f16', class: 'field-bottom' }, !this.showTextAsTooltip && h(HelperText, 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, Object.assign({ key: '8cffb6fb825da3d30f8b0362359d305c53a99c93' }, textOptions))))));
     }
     static get is() { return "ix-field-wrapper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/filter-chip/filter-chip.js

@@ -25,7 +25,7 @@ export class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (h(Host, { key: 'c778f50984ea53997c6c1188e8d3b030e4dfa4c8', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, h("div", { key: 'b6888190e09ae621eb7e004f418f0944eb062a7b', class: "slot-container" }, h("slot", { key: 'c8a3e52464c4873d4c949b9c472613b12fd7fee7' })), !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: '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));
     }
     static get is() { return "ix-filter-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flip-tile/flip-tile.js

@@ -117,7 +117,7 @@ export class FlipTile {
         }, 2 * Animation.defaultTime);
     }
     render() {
-        return (h(Host, { key: '25b1720be9a951508fc42a3182abf77ca5239417', class: {
+        return (h(Host, { key: '8e765099be7fad3f1e3ad850934cacf3a3a0005b', class: {
                 [`flip-tile-variant-${this.variant}`]: true,
             }, style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -126,10 +126,10 @@ export class FlipTile {
                 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: '82eb523c35d63e1974af85d03011d72a60d6a12c', class: "flip-tile-container" }, h("div", { key: '8a71a7dcccaaee476cd6b619ef2f9d0dd2f20dcb', class: "flip-tile-header" }, h("div", { key: 'b8333d824024998ebfb1b110a659d41cd4f0ceb5', class: "header-slot-container text-l-title" }, h("slot", { key: 'cca1a6e9e83af3af0bae04336f7c570d71d79c8f', name: "header" })), h("ix-icon-button", { key: '5a97cef1d5669839903b13ec4478f2a1389e5711', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), h("div", { key: '707bfbb106caf3d37dfff0df91e846f61e466a00', class: "content-container" }, h("slot", { key: '61289a19308af72be66d7494b35985bcb8145401' })), h("div", { key: 'acfc13e29fa9ea434dbb466a7d5155ed79bf030f', class: {
+            } }, 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: {
                 footer: true,
                 'show-footer': this.hasFooterSlot,
-            } }, h("slot", { key: '7bcf5c8d4f037291a6258059e99ae3c1e8ac2585', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
+            } }, h("slot", { key: '6b8c833a377673cc30625afda00a1881d5e66fca', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
     }
     static get is() { return "ix-flip-tile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flip-tile-content/flip-tile-content.js

@@ -17,7 +17,7 @@ export class FlipTileContent {
         this.contentVisible = false;
     }
     render() {
-        return h(Host, { key: 'ae499b00da903e80a7cf53e15185d2a5bf9b3819' }, this.contentVisible ? h("slot", null) : null);
+        return h(Host, { key: '5965aa904c665ec7f059cfd2923d13d6c408f435' }, this.contentVisible ? h("slot", null) : null);
     }
     static get is() { return "ix-flip-tile-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/group/group-context-menu.js

@@ -38,7 +38,7 @@ export class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (h(Host, { key: '0af5417d3a5a775bc90a40929ddafbff30095b22' }, h("ix-icon-button", { key: '2168944a247641423a32816017bf495ad7f3196d', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), h("slot", { key: '41dbc7adfffe4d88cdd2d73ff6701b4a8148084e', onSlotchange: () => this.onSlotChange() })));
+        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() })));
     }
     static get is() { return "ix-group-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -137,27 +137,27 @@ export class Group {
         }
     }
     render() {
-        return (h(Host, { key: '3f0490f98871cd258f1a7735587c5c994787b5f3' }, h("div", { key: '85a820e8677768ac5952862d6860bf67ddddd06b', class: {
+        return (h(Host, { key: '4afd808f34c4c47ef82b9ac86c9824f93c0ac022' }, h("div", { key: 'e4faee7660a7e0356be0847648d8c749b8a53dd8', class: {
                 'group-header': true,
                 expand: this.expanded,
                 selected: this.selected,
-            }, tabindex: "0" }, h("div", { key: 'eb02896f695cf74d19a0c17e732886ba2791cae8', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, h("div", { key: '6c361a6e2bb2b9e9614f726c72d943bb540c6e6f', class: {
+            }, tabindex: "0" }, h("div", { key: '708f196e0212bf1134de3e12d7c22ec6b981c998', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, h("div", { key: 'b7e7fdf40ff90648cb3d734340ddb2ae1c39f35f', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), h("div", { key: '957fddd2512cb0004889bb8627dca06a24172678', class: "btn-expand-header" }, h("ix-icon", { key: '5e6d9f54bd16530b6ee35be0ae2429075574f7af', "data-testid": "expand-collapsed-icon", class: {
+            } }), h("div", { key: '11526d19f3cbe9cc5ced668a16b4d9401907a20b', class: "btn-expand-header" }, h("ix-icon", { key: '0484a742e10ef8d3448b948c708795f28977af50', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), h("div", { key: '7afbcddcae71944c3d89f4671c52faec405072da', class: "group-header-content" }, this.header ? (h("div", { class: "group-header-props-container" }, h("div", { class: "group-header-title" }, h("span", { title: this.header }, this.header)), h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, h("slot", { key: '434daedde0c193250cc55ecef24a648427d93521', name: "header" }))), this.hasDropdown && (h("ix-group-context-menu", { key: '4c3e93b8fe830a7d3e40c9560b5821a44e82a076' }, h("slot", { key: '509f13fadad10aa375da8d823692c869031e51c5', name: "dropdown" })))), h("div", { key: '1fbc03459ee2ce55b44f2393898ced6fd8d767ca', class: {
+            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), h("div", { key: 'ebd85a3ffcff6a72afa619f9f339f9f335d5692a', class: "group-header-content" }, this.header ? (h("div", { class: "group-header-props-container" }, h("div", { class: "group-header-title" }, h("span", { title: this.header }, this.header)), h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, h("slot", { key: 'd32a324262fec6c9331b773d4244fa9a98ec8e26', name: "header" }))), this.hasDropdown && (h("ix-group-context-menu", { key: 'fc3c314ee1f858a833786d0086c0cbf372cbaa91' }, h("slot", { key: 'aba688f91e2891df29b28a836cea956967a0bfdc', name: "dropdown" })))), h("div", { key: 'ff1e7e553feafffb89d6e5727fa08e518c5e8f09', class: {
                 'group-content': true,
-            } }, h("div", { key: 'e5c7ab27d286eb9a3e56d906cff40009fcd9c317', style: {
+            } }, h("div", { key: '2491e7fc2db3a26f2a6590dc4f5672256aea0ba0', style: {
                 display: this.expanded ? 'contents' : 'none',
-            } }, h("slot", { key: '270b3877b50ad67ad95ef1bf6ac28aa7a6bfc1ae', onSlotchange: () => {
+            } }, h("slot", { key: '9ff899ad82ec853ca26bf6516755aa96ff4f1a75', onSlotchange: () => {
                 var _a;
                 const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = hasSlottedElements(slot);
-            } }), h("ix-group-item", { key: '1a44451e3855c4e7fa22d1aefa4df34692dc3453', class: {
+            } }), h("ix-group-item", { key: 'deba11384b1595616beb387a20e13bd4a37bab85', class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            }, groupFooter: true, suppressSelection: true }, h("slot", { key: '221292d8be0d15548275e6a24e4f3fcbccd3d2dc', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            }, groupFooter: true, suppressSelection: true }, h("slot", { key: '93f76c08a387e415908c1425e88463306bd7f094', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     static get is() { return "ix-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/helper-text/helper-text.js

@@ -43,7 +43,7 @@ export class HelperText {
         this.validationResults = checkFieldClasses(forElement);
     }
     render() {
-        return (h(Host, { key: 'fc7c96b79fcbff2f9bcf9b45345f16dba5a404c6' }, h(HelperTextUtil, Object.assign({ key: '9e6d2c5fa00aa658c5fa9ae1393537b6255e42f4', helperText: this.helperText,
+        return (h(Host, { key: '80773f9945e4d763cd06ef66b4654270a3a7dbd4' }, h(HelperTextUtil, Object.assign({ key: '214ef1f926975fcf41676cb525b7098060f7f42c', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,

package/dist/collection/components/icon-button/icon-button.js

@@ -79,7 +79,7 @@ export class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (h(Host, { key: 'bdb302ce6ef1803d43285e1effc3ce70ff9284c8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: '14073614fda1a07d4292094b91092871f05619d3' }, baseButtonProps))));
+        return (h(Host, { key: 'bf38203ea971e79608015f29912cb8e25095aaa9', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: '79512317c4eb9af675ac19918f06ca7c163693a8' }, baseButtonProps))));
     }
     static get is() { return "ix-icon-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/icon-toggle-button/icon-toggle-button.js

@@ -75,7 +75,7 @@ export class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (h(Host, { key: 'cdab0dbaf3a790f3d83fff58d73588504d7ba956', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: '6cfe4d3b14eba61a9b80ffcdcd9664a1f815f70f' }, baseButtonProps))));
+        return (h(Host, { key: '0cdca2a85b3ed4e29f1686911eedc5e269178ec2', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'b3fd9e932199b79af77f6a24c35fdb3f1c0177a7' }, baseButtonProps))));
     }
     static get is() { return "ix-icon-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input/input.js

@@ -124,13 +124,13 @@ export class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (h(Host, { key: '05bb684da7ab25f4cea5429ec2c166a9c7a9cc21', class: {
+        return (h(Host, { key: 'c74b72aaf7caf50aca8bada5a426ced0d03da3a4', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, h("ix-field-wrapper", { key: 'a2cd4a57590b5848de9738a0fbdff0c1c1947abc', htmlForLabel: this.inputId, 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: 'e9369f9d649068b7708fabf29b9c2e25954591a6', class: "input-wrapper" }, h(SlotStart, { key: '4294b9e2329a9e0b9964630d76f64788f127e280', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: '750c6a574acb4dac21f7a6143b34ae1482de7d74', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, h("ix-field-wrapper", { key: '259d4c941b5230eb3dab8f1e06d365fc5dd487bf', htmlForLabel: this.inputId, 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: 'b74bc60a551f8068fc3fd273583089160ef0e272', class: "input-wrapper" }, h(SlotStart, { key: '5da1e346612ed0b0ce81b4ca370593e3cfdd950f', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: 'd259d8e2fdc27cf9ef550a649db0a05d407752b4', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            }, ariaAttributes: inputAria }), h(SlotEnd, { key: 'ebd005ac85dc9109895d3cd7dcd147a08ee0fc02', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { key: '473f7914b0b2e7bbc970f9eadfed8f8ec96ed761', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), h(SlotEnd, { key: '83f14577687a0437983e0cff26d59291cf1a5f47', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { key: '4a54d7c381d87c75dca1e3febfb8d0e8d0095bf9', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password' || this.disabled,
             }, variant: "tertiary", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -139,7 +139,7 @@ export class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: 'f5a0bc6e09ce7be919ccf97b34af1ef804c29df7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
+            } }))), !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: '40bbb9d175f5df31dba1115aaab0c7e2c07f067c', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
     }
     static get is() { return "ix-input"; }
     static get encapsulation() { return "shadow"; }