@siemens/ix 5.0.0 → 5.1.0

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var index$1 = require('./index-Dw-NwUuT.js');
-var a11y = require('./a11y-C_6YiIMa.js');
-var component = require('./component-CYtonfpw.js');
-var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-Sl7J-OlO.js');
+var index = require('./index-DnclGKUw.js');
+var index$1 = require('./index-CwJ-mkQd.js');
+var a11y = require('./a11y-_XjpTo2w.js');
+var component = require('./component-DgA9FH-W.js');
+var inheritAriaAttributes_mixin = require('./inherit-aria-attributes.mixin-EyRU0cDO.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
-require('./focus-utilities-yx7wWjEO.js');
-require('./shadow-dom-BG8VqeIu.js');
+require('./focus-utilities-5SZMxJg4.js');
+require('./shadow-dom-BL5F7RFW.js');
 
 /*
  * SPDX-FileCopyrightText: 2026 Siemens AG
@@ -171,14 +171,14 @@ const Chip = class extends index.Mixin(...component.DefaultMixins, inheritAriaAt
             !!this.inheritAriaAttributes['aria-labelledby']?.trim();
         const hasTooltip = !!this.tooltipText || this.hostElement.hasAttribute('tooltip-text');
         const needsGroupRole = hasAccessibleName && (showClose || hasTooltip);
-        return (index.h(index.Host, { key: 'ce26e0d24d71d552acdd962c5b277319a9ad8440', role: this.getHostRole(needsGroupRole), class: {
+        return (index.h(index.Host, { key: '9f724c90d7b7b50436fd53dac1c9e473b568f8f6', role: this.getHostRole(needsGroupRole), class: {
                 inactive: this.inactive,
-            } }, index.h("div", { key: 'e0d71bc62636c5d592260b8b0db1ecae4692f451', ref: this.containerElementRef, class: wrapClasses, style: customWrapStyle }, index.h("button", { key: 'e04d0c14e50d73655c0caf406373e3d678abfa69', type: "button", class: "chip-main", ...this.inheritAriaAttributes, disabled: this.inactive, style: customMainStyle }, index.h("div", { key: '73704c677c0d29106d9a17ed72713d35a73fca33', class: "content-wrapper" }, this.icon && (index.h("ix-icon", { key: '1758dc64e728902d6c2fbf82913a66afb3a103e5', class: {
+            } }, index.h("div", { key: '5fe02566c2d6b0a5ef6c6bc5c75aa8a1c9eae41c', ref: this.containerElementRef, class: wrapClasses, style: customWrapStyle }, index.h("button", { key: '9fe4c5a27535af0dc8bff42cc2d4e7277e91e7bd', type: "button", class: "chip-main", ...this.inheritAriaAttributes, disabled: this.inactive, style: customMainStyle }, index.h("div", { key: 'fa78760c9912d9642d95b60e401f599de00bc26c', class: "content-wrapper" }, this.icon && (index.h("ix-icon", { key: '34307f0a33c01af655f4d37498a6fc98dfc499c5', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '24', "aria-label": this.ariaLabelIcon, "aria-hidden": a11y.a11yBoolean(iconIsDecorative), style: this.getIconStyle(variant) })), index.h("span", { key: 'fa4ad21840fab8b2d3a041c08a269f0311c20392', class: "slot-container" }, index.h("slot", { key: 'c68dfc344ea985bc18dc29f4c3face2bd0238fc7' })))), showClose && (index.h("button", { key: '3f084d56ec7b791aa89418dfe00efe66e4c673aa', type: "button", class: "chip-close", "aria-label": this.ariaLabelCloseButton, onClick: (event) => {
+            }, name: this.icon, size: '24', "aria-label": this.ariaLabelIcon, "aria-hidden": a11y.a11yBoolean(iconIsDecorative), style: this.getIconStyle(variant) })), index.h("span", { key: 'c2093240153933547f8c1e6e5cbe80d664c5aafa', class: "slot-container" }, index.h("slot", { key: 'c08bf6660d91b77e9d640583a9e2eb5cc4de7365' })))), showClose && (index.h("button", { key: '233aaa96d9650b9b357b7bae028f9baafd312517', type: "button", class: "chip-close", "aria-label": this.ariaLabelCloseButton, onClick: (event) => {
                 this.closeChip.emit(event);
                 event.stopPropagation();
-            } }, index.h("ix-icon", { key: 'f5a87d2fbc9bfb907b746219e65ec8d4e75f645c', class: "chip-close__icon", name: index$1.iconCloseSmall, size: "16", "aria-hidden": "true" })))), this.getTooltip()));
+            } }, index.h("ix-icon", { key: 'f095e50123273af0a21f3321e6b81358f1cfe8b3', class: "chip-close__icon", name: index$1.iconCloseSmall, size: "16", "aria-hidden": "true" })))), this.getTooltip()));
     }
     static get watchers() { return {
         "role": [{

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
+var index = require('./index-DnclGKUw.js');
 var breakpoints = require('./breakpoints-C5ZrUCbZ.js');
 var datetime = require('./datetime-CfABwu7I.js');
-var component = require('./component-CYtonfpw.js');
-var listener = require('./listener-BafrcTaM.js');
-var shadowDom = require('./shadow-dom-BG8VqeIu.js');
+var component = require('./component-DgA9FH-W.js');
+var listener = require('./listener-ClEsCfX0.js');
+var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 var timePickerConstraints = require('./time-picker-constraints-CxGhm1qV.js');
-require('./focus-utilities-yx7wWjEO.js');
+require('./focus-utilities-5SZMxJg4.js');
 
 const colCss = () => `:host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}`;
 
@@ -83,9 +83,9 @@ const Col = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '92516eb3dfd8c82f3edd51707861615729ae0d45', style: {
+        return (index.h(index.Host, { key: '8f9bb67a9721a22dab39e140b0e180a868839416', style: {
                 ...this.getColumnSizeStyling(),
-            } }, index.h("slot", { key: '43e5c2cf90ba0f62a01bc47f22420c9d102fd7c4' })));
+            } }, index.h("slot", { key: '2d34daa2051b168c8b4dd61233d80195be90f3d5' })));
     }
 };
 Col.style = colCss();
@@ -109,12 +109,12 @@ const LayoutGrid = class {
      */
     columns = 12;
     render() {
-        return (index.h(index.Host, { key: 'ad1e96a96876525cbe9da91c13786d914bb3ce6b', class: {
+        return (index.h(index.Host, { key: '799b08194c2dfc38cbf4bd8c0e7d69f4cd42c577', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, index.h("slot", { key: '6eb10f5be8cc7aa38e19e38b33d2b5c07e1fe421' })));
+            } }, index.h("slot", { key: '8177f73aacd4da3cd8d52cb2cc16f6694e032851' })));
     }
 };
 LayoutGrid.style = layoutGridCss();
@@ -126,7 +126,7 @@ const Row = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '88036865546dd8f57cac8099b7bef38d6420c722' }, index.h("slot", { key: '948ec4b33c9f03caa4feec78d76f397bd320d045' })));
+        return (index.h(index.Host, { key: 'd196cf5b6609b66fd1d8e60175373e6463faec5c' }, index.h("slot", { key: 'cd5208fe0e779fb69579e8f9bbc1af21572d8bbc' })));
     }
 };
 Row.style = rowCss();
@@ -393,8 +393,6 @@ const HOUR_INTERVAL_DEFAULT = 1;
 const MINUTE_INTERVAL_DEFAULT = 1;
 const SECOND_INTERVAL_DEFAULT = 1;
 const MILLISECOND_INTERVAL_DEFAULT = 100;
-const CONFIRM_BUTTON_DEFAULT = 'Confirm';
-const HEADER_DEFAULT = 'Time';
 const FORMATTED_TIME_EMPTY = {
     hour: '',
     minute: '',
@@ -445,7 +443,7 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
      *
      * @since 3.2.0
      */
-    hourInterval = HOUR_INTERVAL_DEFAULT;
+    hourInterval = 1;
     watchHourIntervalPropHandler(newValue) {
         if (Number.isInteger(newValue) &&
             newValue >= 0 &&
@@ -461,7 +459,7 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
      *
      * @since 3.2.0
      */
-    minuteInterval = MINUTE_INTERVAL_DEFAULT;
+    minuteInterval = 1;
     watchMinuteIntervalPropHandler(newValue) {
         if (newValue >= 0 && newValue <= 59) {
             this.setTimePickerDescriptors();
@@ -475,7 +473,7 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
      *
      * @since 3.2.0
      */
-    secondInterval = SECOND_INTERVAL_DEFAULT;
+    secondInterval = 1;
     watchSecondIntervalPropHandler(newValue) {
         if (newValue >= 0 && newValue <= 59) {
             this.setTimePickerDescriptors();
@@ -489,7 +487,7 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
      *
      * @since 3.2.0
      */
-    millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;
+    millisecondInterval = 100;
     watchMillisecondIntervalPropHandler(newValue) {
         if (newValue >= 0 && newValue <= 999) {
             this.setTimePickerDescriptors();
@@ -584,11 +582,11 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
     /**
      * Text of the time confirm button.
      */
-    i18nConfirmTime = CONFIRM_BUTTON_DEFAULT;
+    i18nConfirmTime = 'Confirm';
     /**
      * Text for the top header.
      */
-    i18nHeader = HEADER_DEFAULT;
+    i18nHeader = 'Time';
     /**
      * Text for the hour column header.
      */
@@ -1211,7 +1209,7 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
     }
     render() {
         const { bounds } = this.getUnitSelectionContext();
-        return (index.h(index.Host, { key: '148f502158a23cb3653c1f062a69cff199e93fdc' }, index.h("ix-date-time-card", { key: '5612a12cfb0a8b3c55c3491fcae620d63fa0bbd7', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: !this.dateTimePickerAppearance, hideHeader: this.hideHeader }, index.h("div", { key: '80c1720b837cc3cef4fb4590f68dfe1ab23b8370', class: "header", slot: "header" }, index.h("ix-typography", { key: '087b23019ec2213c3a23b0c1c08da2328af144be', format: "body" }, this.i18nHeader)), index.h("div", { key: '1c4c0a0ca82ae0633fbecd5ed9453493c7b9cf98', class: "clock" }, this.timePickerDescriptors.map((descriptor, index$1) => {
+        return (index.h(index.Host, { key: 'd82a36e9f2570227537fa27a4613728b14eb7728' }, index.h("ix-date-time-card", { key: '3176395745458739b9fb9de1b4b1d4f39b1f6d2f', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: !this.dateTimePickerAppearance, hideHeader: this.hideHeader }, index.h("div", { key: '9defe01ecd678617fa2ecf70c891e6e257a92d65', class: "header", slot: "header" }, index.h("ix-typography", { key: '28e6bc8abc536182d3b63d231913316df54058f0', format: "body" }, this.i18nHeader)), index.h("div", { key: '3aa7571fd61469deadb3ccecb871456926b4f0ca', class: "clock" }, this.timePickerDescriptors.map((descriptor, index$1) => {
             return (index.h("div", { class: "flex" }, index.h("div", { class: { columns: true, hidden: descriptor.hidden }, hidden: descriptor.hidden }, index.h("div", { class: "column-header", title: descriptor.header }, descriptor.header), index.h("div", { role: "listbox", "aria-label": descriptor.header, "data-element-list-id": descriptor.unit, class: "element-list", tabindex: -1 }, descriptor.numberArray.map((number) => {
                 const cellTabIndex = this.getUnitCellTabIndex(descriptor.unit, number);
                 const disabled = !this.canSelectUnitValue(descriptor.unit, number, bounds, this.buildCandidateBaseBeforeUnit(descriptor.unit));
@@ -1227,16 +1225,16 @@ const TimePicker = class extends index.Mixin(...component.DefaultMixins) {
                     'column-separator': true,
                     hidden: descriptor.hidden,
                 } }, this.getColumnSeparator(index$1)))));
-        }), this.timeRef && (index.h("div", { key: 'aee3e153f67ba1365ff56d36a72d1d5561d30e2a', class: "flex" }, index.h("div", { key: 'd18821a7a032522e161fdd1e74a5812d2111a6ae', class: "column-separator" }), index.h("div", { key: '57db4e6409de2fbf5d13647304af280866845695', class: "columns" }, index.h("div", { key: 'd60b46a2bc28606c7708eb3dbccee6fe76df8cc5', class: "column-header", title: "AM/PM" }), index.h("div", { key: '2d33c518b011e25fb334cd8e1f1efa9b79cd35ff', role: "listbox", "aria-label": "AM/PM", class: "element-list", tabindex: -1 }, index.h("button", { key: '0ee352467596e646e3afc588ccaa80cad649c551', role: "option", "aria-selected": this.timeRef === 'AM' ? 'true' : 'false', "data-am-pm-id": "AM", class: {
+        }), this.timeRef && (index.h("div", { key: 'f9fe74b09d9de0a95f2472d49faf5d675f8732ba', class: "flex" }, index.h("div", { key: '61323b760556dd2de6b55dc92ed4ce1f48d0e184', class: "column-separator" }), index.h("div", { key: 'e4c888487a559ef191dfcf76014251e217a6f00e', class: "columns" }, index.h("div", { key: '0ef38a3e63f0bff2f5ef6774eea41e07d68fd1f4', class: "column-header", title: "AM/PM" }), index.h("div", { key: '47cd9041e31b25c6d08ccb0eed005a6b9963eaec', role: "listbox", "aria-label": "AM/PM", class: "element-list", tabindex: -1 }, index.h("button", { key: 'd414632d382a84aa0db2c6f27c18f5b123c0d46a', role: "option", "aria-selected": this.timeRef === 'AM' ? 'true' : 'false', "data-am-pm-id": "AM", class: {
                 selected: this.timeRef === 'AM',
                 'element-container': true,
-            }, onClick: () => this.changeTimeReference('AM'), tabindex: "0", "aria-label": "AM" }, "AM"), index.h("button", { key: '3c207b5fb9f759a101ce7d1959f93cbfda487274', role: "option", "aria-selected": this.timeRef === 'PM' ? 'true' : 'false', "data-am-pm-id": "PM", class: {
+            }, onClick: () => this.changeTimeReference('AM'), tabindex: "0", "aria-label": "AM" }, "AM"), index.h("button", { key: '1f288055298d5ec21b30137b82c9c729705dd989', role: "option", "aria-selected": this.timeRef === 'PM' ? 'true' : 'false', "data-am-pm-id": "PM", class: {
                 selected: this.timeRef === 'PM',
                 'element-container': true,
-            }, onClick: () => this.changeTimeReference('PM'), tabindex: "0", "aria-label": "PM" }, "PM")))))), index.h("div", { key: 'fc56aa00e3d0280045272303181d49fbcf473bc6', class: {
+            }, onClick: () => this.changeTimeReference('PM'), tabindex: "0", "aria-label": "PM" }, "PM")))))), index.h("div", { key: 'afc8804b5164b9fb2606c03fc6fc518ef6b703ed', class: {
                 footer: true,
                 'footer--compact': this.timePickerDescriptors.length <= 2,
-            }, slot: "footer" }, index.h("ix-button", { key: '1c2361d8241d53b5f902f203b43a8bf768f8d1af', class: "confirm-button", disabled: this.isConfirmDisabled(), onClick: () => {
+            }, slot: "footer" }, index.h("ix-button", { key: '743e3b4f53dd35e9a4bfd4b11dce8a524c66f581', class: "confirm-button", disabled: this.isConfirmDisabled(), onClick: () => {
                 this.timeSelect.emit(this._time?.toFormat(this.format));
             } }, this.i18nConfirmTime)))));
     }

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var index$1 = require('./index-Dw-NwUuT.js');
+var index = require('./index-DnclGKUw.js');
+var index$1 = require('./index-CwJ-mkQd.js');
 
 const contentHeaderCss = () => `:host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0;min-width:0;white-space:nowrap;margin-right:0.5rem}:host .titleGroup .titleOverflow{overflow:hidden;text-overflow:ellipsis}:host .titleGroup .headerTitleRow{display:flex}:host .titleGroup .headerTitleRow .headerSlot{display:inline-flex;margin-left:0.5rem}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}`;
 
@@ -31,13 +31,13 @@ const ContentHeader = class {
      */
     backButtonClick;
     render() {
-        return (index.h(index.Host, { key: '08d49655e0c6990b14505b590d2ba0e94a295db6' }, this.hasBackButton ? (index.h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: index$1.iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, index.h("div", { key: '8afb44c00a90916824175200dd536e56eb949624', class: "titleGroup" }, index.h("div", { key: '2a27fa1f4b31d9114dfebc9a8aff5729f906b1c8', class: "headerTitleRow" }, index.h("ix-typography", { key: 'd901bfeee7f8abc8e5007e53c21105f5c79b0a56', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
+        return (index.h(index.Host, { key: 'a81bf466bf10e9e7a0794253b246c340a9b92999' }, this.hasBackButton ? (index.h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: index$1.iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, index.h("div", { key: '7b81cb2b7c5d48fdd75b631e9ef2b5da9224f455', class: "titleGroup" }, index.h("div", { key: '59d28222f4bbfd83a94490f10bb67b944e44c79f', class: "headerTitleRow" }, index.h("ix-typography", { key: 'f6b3985a6b8e2420e4d63a7032b1ff1f12f93679', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
                 secondary: this.variant === 'secondary',
                 titleOverflow: true,
-            } }, this.headerTitle), index.h("div", { key: '1a846985aeb4a94d9524d1666a271c9c145095a6', class: "headerSlot" }, index.h("slot", { key: '25543ed73b45c08a9b50912362376fb9fc1906cd', name: "header" }))), !!this.headerSubtitle && (index.h("ix-typography", { key: '288fe9e598a20b6dac48f0a2024c094b6680dbb3', format: 'h6', "text-color": 'soft', class: {
+            } }, this.headerTitle), index.h("div", { key: '9b1a9f865955f4b02a23a528d61e54959a8992d1', class: "headerSlot" }, index.h("slot", { key: '8d7d21906e9042de89123de9489b2cd8d8db25b5', name: "header" }))), !!this.headerSubtitle && (index.h("ix-typography", { key: '2b29f3ebde503fa328c10bad48ba5b98455d8a31', format: 'h6', "text-color": 'soft', class: {
                 subtitle: this.variant === 'secondary',
                 titleOverflow: true,
-            }, title: this.headerSubtitle }, this.headerSubtitle))), index.h("div", { key: '8e393c872c9332878140746709d4ec57cd3f2a8d', class: "buttons" }, index.h("slot", { key: 'be658a281dd351bb609ef0f347da991288672fb7' }))));
+            }, title: this.headerSubtitle }, this.headerSubtitle))), index.h("div", { key: '0a558d5e3c40ab3e5ebd77c1ff8e0e316e263658', class: "buttons" }, index.h("slot", { key: 'f54687cd38db7f152f3495beec362f0dc82e2bef' }))));
     }
 };
 ContentHeader.style = contentHeaderCss();

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var shadowDom = require('./shadow-dom-BG8VqeIu.js');
+var index = require('./index-DnclGKUw.js');
+var shadowDom = require('./shadow-dom-BL5F7RFW.js');
 
-const contentCss = () => `:host{display:flex;flex-direction:column;position:relative;padding:1.5rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}: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 .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1rem}`;
+const contentCss = () => `:host{display:flex;flex-direction:column;position:relative;padding:0.75rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}: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 .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1.5rem}`;
 
 const Content = class {
     constructor(hostRef) {
@@ -15,12 +15,12 @@ const Content = class {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (index.h(index.Host, { key: 'c55017944f9bae7571742eace9f6e7c741e736e3' }, index.h("div", { key: '42bb2691481a6e55ec4ad1f1e1e075e96cedd0df', class: {
+        return (index.h(index.Host, { key: '2cb8428708f3a1e815704254035676f742cd6f30' }, index.h("div", { key: '4e275d8af38da243e29b46bb8e5dcc9e9d23b1da', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, index.h("slot", { key: 'ea93135ea0b4a1e7a20a159446280ceb24aa4b01', name: "header", onSlotchange: () => {
+            } }, index.h("slot", { key: '3e4a6609305c444deaacbf29a60514f300f65301', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = shadowDom.hasSlottedElements(this.contentHeaderSlot);
-            } })), index.h("div", { key: '90c0076e390d2a7b9a5c7be22ba05fba1e2302bf', class: "content" }, index.h("slot", { key: 'aff4024b33c30f527a951df5656d105847c87fe6' }))));
+            } })), index.h("div", { key: '893989653b3beaf7bc406e7870db8d8f7d0deba4', class: "content" }, index.h("slot", { key: '25b54aafbde16ab4d87a0cdbc4a8222dabacb226' }))));
     }
 };
 Content.style = contentCss();

package/dist/cjs/ix-css-grid-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
+var index = require('./index-DnclGKUw.js');
 
 const cssGridItemCss = () => `:host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}`;
 
@@ -15,7 +15,7 @@ const CssGridItem = class {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (index.h(index.Host, { key: '5b0d3b6ab2e0f7fc79378a854c60e3635e8ab692', style: style }, index.h("slot", { key: 'fc224d72d60566ddb1ba52ae6457e7458a56cccf' })));
+        return (index.h(index.Host, { key: 'af7e2134d1e6a448e96a0a414c3766f51088fb54', style: style }, index.h("slot", { key: 'a20d56f4601d818ff1d2e7cad497a0facd09c44e' })));
     }
 };
 CssGridItem.style = cssGridItemCss();

package/dist/cjs/ix-css-grid.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
+var index = require('./index-DnclGKUw.js');
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -95,7 +95,7 @@ const CssGrid = class {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (index.h(index.Host, { key: '90eb8b6d89365b75ca151c8f8aa06e8c0ca8d8e9', style: style }, index.h("slot", { key: 'bbaf70a779b756872793a86ae24e247909ef0b96' })));
+        return (index.h(index.Host, { key: '491581fede3e8163cdf43cca11f597b98c5bfe32', style: style }, index.h("slot", { key: 'ddd975c6bfea2c4abfc3b69d8d0d895a69823756' })));
     }
 };
 CssGrid.style = cssGridCss();

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var validation = require('./validation-Dier-uPA.js');
+var index = require('./index-DnclGKUw.js');
+var validation = require('./validation-DJaUH-UR.js');
 require('./index-B4J4JK0P.js');
 
 const customFieldCss = () => `:host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}`;
@@ -72,7 +72,7 @@ const CustomField = class {
         this.isWarning = isWarning;
     }
     render() {
-        return (index.h(index.Host, { key: '58b6b1c90f21d49345286996f1089fb9f0f383f9' }, index.h("ix-field-wrapper", { key: '13f416719110d2ed029164837d67c01cf81e782e', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, index.h("slot", { key: '94fa34d216ef723f2d8c5d685c359233eb10fb93' }))));
+        return (index.h(index.Host, { key: '4194f7081c66e42f9376cf0c8004a705bc053f0b' }, index.h("ix-field-wrapper", { key: '55a70e2a6500a6945f819004c9b910d7d7decd2b', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, index.h("slot", { key: '8a54f90dc2db37f9a21f2c52f7b4721dbb7acc67' }))));
     }
 };
 __decorate([

package/dist/cjs/ix-date-dropdown.cjs.entry.js

@@ -1,18 +1,18 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var index$1 = require('./index-Dw-NwUuT.js');
+var index = require('./index-DnclGKUw.js');
+var index$1 = require('./index-CwJ-mkQd.js');
 var datetime = require('./datetime-CfABwu7I.js');
-var component = require('./component-CYtonfpw.js');
+var component = require('./component-DgA9FH-W.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
 var requestAnimationFrame = require('./requestAnimationFrame-B0rWQ3G-.js');
-var baseButton = require('./base-button-C-1izOSS.js');
-var a11y = require('./a11y-C_6YiIMa.js');
-var focusTrap = require('./focus-trap-_cyPFvFq.js');
-require('./focus-utilities-yx7wWjEO.js');
-require('./shadow-dom-BG8VqeIu.js');
+var baseButton = require('./base-button-BP6iIMR7.js');
+var a11y = require('./a11y-_XjpTo2w.js');
+var focusTrap = require('./focus-trap-Be3N4ytz.js');
+require('./focus-utilities-5SZMxJg4.js');
+require('./shadow-dom-BL5F7RFW.js');
 
-const dateDropdownCss = () => `:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection ::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .quick-selection .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}`;
+const dateDropdownCss = () => `:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .pull-right{position:relative;float:right;padding:1rem}:host .quick-selection{display:inline-flex;flex-direction:column;gap:0.25rem;border-right:var(--theme-x-weak-bdr-1);overflow:auto;padding:0.5rem}:host .quick-selection ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .quick-selection *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .quick-selection ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .quick-selection{}:host .quick-selection ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .quick-selection ::-webkit-scrollbar-corner{display:none}:host .quick-selection .btn{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem);min-width:8rem;min-height:2rem;max-height:2rem;justify-content:flex-start}:host .quick-selection .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .quick-selection .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .quick-selection .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .quick-selection .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .quick-selection .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host .container{display:flex;flex-direction:row;height:25rem;max-height:25rem;flex-wrap:nowrap}:host .picker-wrapper{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between}:host .picker-wrapper ix-date-picker{height:21rem}:host ix-dropdown{padding:0px}@media only screen and (max-width: 48em){:host .container{flex-direction:column;max-height:unset;height:unset}:host .quick-selection{max-height:12rem}}`;
 
 const DateDropdown = class extends index.Mixin(...component.DefaultMixins) {
     constructor(hostRef) {
@@ -231,13 +231,13 @@ const DateDropdown = class extends index.Mixin(...component.DefaultMixins) {
     }
     render() {
         const ariaLabel = this.inheritAriaAttributes['aria-label'] || this.getButtonLabel();
-        return (index.h(index.Host, { key: '04bd340613c20abbe3b836dab11637d7991fd295', onFocusout: (event) => {
+        return (index.h(index.Host, { key: '22f023b7eebe6aeb1d1fb43e6fd9fca761fbb654', onFocusout: (event) => {
                 const relatedTarget = event.relatedTarget;
                 if (!relatedTarget) {
                     return;
                 }
                 this.closeDropdown();
-            }, role: "presentation" }, index.h("ix-button", { key: 'a95f89b7d276e96aebd318e2d8ca100d113d599a', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: index$1.iconHistory, ref: this.triggerRef, disabled: this.disabled, ...this.inheritAriaAttributes, "aria-haspopup": "true", "aria-expanded": a11y.a11yBoolean(this.show), "aria-controls": "date-dropdown", "aria-label": ariaLabel, [focusTrap.TRAP_FOCUS_EXCLUDE_ATTRIBUTE]: true }, this.getButtonLabel()), index.h("ix-dropdown", { key: '45614c12ee610cda3ddf8cbc740a0df76ed33cc0', focusTrapOptions: {
+            }, role: "presentation" }, index.h("ix-button", { key: '79990d758b39d7f8438d7333f1c148f94665f157', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: index$1.iconHistory, ref: this.triggerRef, disabled: this.disabled, ...this.inheritAriaAttributes, "aria-haspopup": "true", "aria-expanded": a11y.a11yBoolean(this.show), "aria-controls": "date-dropdown", "aria-label": ariaLabel, [focusTrap.TRAP_FOCUS_EXCLUDE_ATTRIBUTE]: true }, this.getButtonLabel()), index.h("ix-dropdown", { key: '04df9639b41dc3084e0a035e39441a64fb5398aa', focusTrapOptions: {
                 excludeElements: true,
                 trapFocusInShadowDom: true,
             }, focusHost: this.hostElement, id: "date-dropdown", "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", enableTopLayer: this.enableTopLayer, suppressOverflowBehavior: true, onShowChanged: async ({ detail: show }) => {
@@ -251,18 +251,18 @@ const DateDropdown = class extends index.Mixin(...component.DefaultMixins) {
                         datePicker?.focus();
                     });
                 }
-            } }, index.h("div", { key: '074b28feb93dea7482763f380870b0755a752419', class: "container" }, this.dateRangeOptions?.length > 1 && (index.h("div", { key: '25983a11b1ac61f12b4bbd140871bae70b3a813f', class: {
+            } }, index.h("div", { key: '23f80678526a96c98c84130b820932ac449bfdb6', class: "container" }, this.dateRangeOptions?.length > 1 && (index.h("div", { key: 'e0ca957c06b3bf7ab910687958d9744e1bccba5e', class: {
                 'quick-selection': true,
                 'border-right': this.selectedDateRangeId === 'custom',
             } }, this.dateRangeOptions.map((dateRangeOption) => (index.h(baseButton.BaseButton, { disabled: false, iconOnly: false, iconOval: false, selected: false, loading: false, type: "button", variant: "subtle-tertiary", onClick: () => this.onRangeListSelect(dateRangeOption.id), ariaAttributes: {
                 'aria-label': `${dateRangeOption.label}: ${dateRangeOption.from} to ${dateRangeOption.to}`,
-            } }, dateRangeOption.label))))), index.h("div", { key: '1090e03e941d7a3914e3d4e3f3850bebe195f2ec', class: "picker-wrapper" }, index.h("ix-date-picker", { key: 'fd864d0454c857db7016e3d2ed9322617fbc79eb', ref: this.datePickerRef, embedded: true, locale: this.locale, onDateChange: (e) => {
+            } }, dateRangeOption.label))))), index.h("div", { key: '47498278df33744c548709315f7e4f88b946c1cb', class: "picker-wrapper" }, index.h("ix-date-picker", { key: '7d2f12fcc2cd5018edfec3aa387f5ede6704bd04', ref: this.datePickerRef, embedded: true, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = {
                     ...e.detail,
                     id: 'custom',
                 };
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || this.currentRangeValue?.from, to: this.to || this.currentRangeValue?.to, minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), index.h("div", { key: 'bdd9ca166ed48d1e0599e5e9b0da38ac6f3c1b18', class: "pull-right" }, index.h("ix-button", { key: '3fd556de5401f53c83804665669c0c9f42ce6821', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || this.currentRangeValue?.from, to: this.to || this.currentRangeValue?.to, minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), index.h("div", { key: 'b1b223d1116fdd455887e985aa8906c24de5b990', class: "pull-right" }, index.h("ix-button", { key: 'f788cee56c6aefaa3de91cabad89c01499d1b036', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                     this.closeDropdown();

package/dist/cjs/ix-date-input.cjs.entry.js

@@ -1,21 +1,22 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var index$1 = require('./index-Dw-NwUuT.js');
+var index = require('./index-DnclGKUw.js');
+var index$1 = require('./index-CwJ-mkQd.js');
 var datetime = require('./datetime-CfABwu7I.js');
-var input_fc = require('./input.fc-CsACCdp7.js');
-var inputPicker_mixin = require('./input-picker.mixin-EoIayQV9.js');
+var input_fc = require('./input.fc-DM-hX3xb.js');
+var inputPicker_mixin = require('./input-picker.mixin-Cf82jV-C.js');
 var makeRef = require('./make-ref-CHsa3FY7.js');
-var component = require('./component-CYtonfpw.js');
-var validation = require('./validation-Dier-uPA.js');
-require('./a11y-C_6YiIMa.js');
+var component = require('./component-DgA9FH-W.js');
+var a11y = require('./a11y-_XjpTo2w.js');
+var validation = require('./validation-DJaUH-UR.js');
 require('./mutation-observer-DE0YMfYu.js');
 require('./rwd.util-GTn-vgCJ.js');
 require('./anime.esm-AXTM6yn_.js');
 require('./animation-hxDbANsw.js');
-require('./dropdown-controller-DeBeUVhj.js');
-require('./focus-utilities-yx7wWjEO.js');
-require('./shadow-dom-BG8VqeIu.js');
+require('./dropdown-controller-kBwdbfGD.js');
+require('./path-utils-CQKWhbQW.js');
+require('./focus-utilities-5SZMxJg4.js');
+require('./shadow-dom-BL5F7RFW.js');
 require('./index-B4J4JK0P.js');
 
 const dateInputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}`;
@@ -328,7 +329,7 @@ const DateInput = class extends index.Mixin(...component.DefaultMixins, inputPic
                 this.emitValidityStateChangeIfChanged();
             }, onKeyDown: (event) => this.handleInputKeyDown(event), style: {
                 textAlign: this.textAlignment,
-            } }), index.h(input_fc.SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, index.h("ix-icon-button", { tabindex: -1, ref: (ref) => (ref.tabIndex = -1), "aria-label": this.ariaLabelCalendarButton, "data-testid": "open-calendar", class: { 'calendar-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", size: "16", icon: index$1.iconCalendar, onClick: (event) => this.onCalenderClick(event) }))));
+            } }), index.h(input_fc.SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, index.h("ix-icon-button", { tabindex: -1, ref: (ref) => a11y.forceTabIndex(ref, -1), "aria-label": this.ariaLabelCalendarButton, "data-testid": "open-calendar", class: { 'calendar-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", size: "16", icon: index$1.iconCalendar, onClick: (event) => this.onCalenderClick(event) }))));
     }
     hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
         this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;
@@ -367,7 +368,7 @@ const DateInput = class extends index.Mixin(...component.DefaultMixins, inputPic
     }
     render() {
         const invalidText = validation.getValidationText(this.isInputInvalid, this.invalidText, this.i18nErrorDateUnparsable);
-        return (index.h(index.Host, { key: 'af47e79c993c4001a8c697b4bfa3b71ddf9203c5', class: {
+        return (index.h(index.Host, { key: 'cd25d18346e36dce13464172417c605bb4883275', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
             }, onFocusout: (e) => {
@@ -377,7 +378,7 @@ const DateInput = class extends index.Mixin(...component.DefaultMixins, inputPic
                     return;
                 }
                 this.closeDropdown();
-            } }, index.h("ix-field-wrapper", { key: 'f0dae49752dcad20893c2a5bbfc1adf3f4b5cf0d', 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()), index.h("ix-dropdown", { key: '835e7a2a80089aaf8c1837640750984433213ae9', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", enableTopLayer: this.enableTopLayer, suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, index.h("ix-field-wrapper", { key: 'e594e88d3f5629dfe9701eea33fffb714a402252', 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()), index.h("ix-dropdown", { key: '06f1a86337a9f3b03c7d06011b27375ff619a72f', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", enableTopLayer: this.enableTopLayer, suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
             }, focusTrapOptions: {
                 targetElement: this.datepickerRef,
@@ -385,7 +386,7 @@ const DateInput = class extends index.Mixin(...component.DefaultMixins, inputPic
             }, callbackFocusElement: async () => {
                 this.datepickerRef.current?.focusActiveDay();
                 return true;
-            }, keyboardActivationKeys: ['ArrowUp', 'ArrowDown'] }, index.h("ix-date-picker", { key: '07e0853b98afa498819fe3b4c8a87915368f0be6', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: this.from ?? '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
+            }, keyboardActivationKeys: ['ArrowUp', 'ArrowDown'] }, index.h("ix-date-picker", { key: 'dc2237c371745ce1734af52ae8497f8f5276d9c7', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: this.from ?? '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
                 if (this.initialValue !== from) {