npm - @siemens/ix - Versions diffs - 2.6.0 → 2.6.1 - Mend

@siemens/ix 2.6.0 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (311) hide show

package/hydrate/index.js CHANGED Viewed

@@ -2961,6 +2961,12 @@ async function showModal(config) {
         onDismiss.emit(detail);
         await delegate.removeView(dialogRef);
     });
+    requestAnimationFrame(() => {
+        const autofocusElement = dialogRef.querySelector('[autofocus],[auto-focus]');
+        if (autofocusElement) {
+            autofocusElement.focus();
+        }
+    });
     return {
         htmlElement: dialogRef,
         onClose,
@@ -5288,6 +5294,10 @@ class Button {
             this.submitButtonElement.click();
         }
     }
+    setFocus() {
+        var _a;
+        (_a = this.hostElement.shadowRoot.querySelector('button')) === null || _a === void 0 ? void 0 : _a.focus();
+    }
     render() {
         const baseButtonProps = {
             variant: this.variant,
@@ -5303,10 +5313,11 @@ class Button {
             onClick: () => this.dispatchFormEvents(),
             type: this.type,
             alignment: this.alignment,
+            tabIndex: this.hostElement.tabIndex,
         };
-        return (hAsync(Host, { key: 'abc4e56d344d0e643d75881be8af126d1741c71d', class: {
+        return (hAsync(Host, { key: 'd5ab86ccc3e14d1c70b57f43c56424f933580b63', tabindex: this.disabled ? -1 : 0, class: {
                 disabled: this.disabled || this.loading,
-            } }, hAsync(BaseButton, Object.assign({ key: 'b99f950df525f45a94fd44a59591124c803d5254' }, baseButtonProps), hAsync("slot", { key: '0aba994d33f94c9c235ec25da2bea0be1a2b798c' }))));
+            }, onFocus: () => this.setFocus() }, hAsync(BaseButton, Object.assign({ key: 'f7df5bf7cf56a26cd42f8b3af19e94b77395a55b' }, baseButtonProps), hAsync("slot", { key: '19fb63277a484ddbd75065f0b0ac78ce510f0847' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxButtonStyle0; }
@@ -7011,14 +7022,6 @@ __decorate$a([
     })
 ], CustomField.prototype, "updateValidationState", null);
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function commonjsRequire (path) {
-	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
 var luxon = {};
 Object.defineProperty(luxon, '__esModule', { value: true });
@@ -8555,7 +8558,7 @@ function normalizeZone(input, defaultZone) {
   } else if (isString(input)) {
     var lowered = input.toLowerCase();
     if (lowered === "default") return defaultZone;else if (lowered === "local" || lowered === "system") return SystemZone.instance;else if (lowered === "utc" || lowered === "gmt") return FixedOffsetZone.utcInstance;else return FixedOffsetZone.parseSpecifier(lowered) || IANAZone.create(input);
-  } else if (isNumber(input)) {
+  } else if (isNumber$1(input)) {
     return FixedOffsetZone.instance(input);
   } else if (typeof input === "object" && "offset" in input && typeof input.offset === "function") {
     // This is dumb, but the instanceof check above doesn't seem to really work
@@ -8989,7 +8992,7 @@ function hasInvalidTimeData(obj) {
 function isUndefined(o) {
   return typeof o === "undefined";
 }
-function isNumber(o) {
+function isNumber$1(o) {
   return typeof o === "number";
 }
 function isInteger(o) {
@@ -10381,7 +10384,7 @@ var Duration = /*#__PURE__*/function (_Symbol$for) {
    * @return {Duration}
    */;
   Duration.fromDurationLike = function fromDurationLike(durationLike) {
-    if (isNumber(durationLike)) {
+    if (isNumber$1(durationLike)) {
       return Duration.fromMillis(durationLike);
     } else if (Duration.isDuration(durationLike)) {
       return durationLike;
@@ -10883,7 +10886,7 @@ var Duration = /*#__PURE__*/function (_Symbol$for) {
         }
         // plus anything that's already in this unit
-        if (isNumber(vals[k])) {
+        if (isNumber$1(vals[k])) {
           own += vals[k];
         }
@@ -10894,7 +10897,7 @@ var Duration = /*#__PURE__*/function (_Symbol$for) {
         accumulated[k] = (own * 1000 - i * 1000) / 1000;
         // otherwise, keep it in the wings to boil it later
-      } else if (isNumber(vals[k])) {
+      } else if (isNumber$1(vals[k])) {
         accumulated[k] = vals[k];
       }
     }
@@ -13309,7 +13312,7 @@ var DateTime = /*#__PURE__*/function (_Symbol$for) {
     if (options === void 0) {
       options = {};
     }
-    if (!isNumber(milliseconds)) {
+    if (!isNumber$1(milliseconds)) {
       throw new InvalidArgumentError("fromMillis requires a numerical input, but received a " + typeof milliseconds + " with value " + milliseconds);
     } else if (milliseconds < -MAX_DATE || milliseconds > MAX_DATE) {
       // this isn't perfect because because we can still end up out of range because of additional shifting, but it's a start
@@ -13337,7 +13340,7 @@ var DateTime = /*#__PURE__*/function (_Symbol$for) {
     if (options === void 0) {
       options = {};
     }
-    if (!isNumber(seconds)) {
+    if (!isNumber$1(seconds)) {
       throw new InvalidArgumentError("fromSeconds requires a numerical input");
     } else {
       return new DateTime({
@@ -15302,7 +15305,7 @@ var DateTime = /*#__PURE__*/function (_Symbol$for) {
 function friendlyDateTime(dateTimeish) {
   if (DateTime.isDateTime(dateTimeish)) {
     return dateTimeish;
-  } else if (dateTimeish && dateTimeish.valueOf && isNumber(dateTimeish.valueOf())) {
+  } else if (dateTimeish && dateTimeish.valueOf && isNumber$1(dateTimeish.valueOf())) {
     return DateTime.fromJSDate(dateTimeish);
   } else if (dateTimeish && typeof dateTimeish === "object") {
     return DateTime.fromObject(dateTimeish);
@@ -15521,6 +15524,25 @@ class DateDropdown {
     }; }
 }
+/* Siemens iX Icons */
+const iconCalendar = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='scheduler' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,128 L42.6666667,128 L42.6666667,341.333333 L341.333333,341.333333 L341.333333,128 Z M128,256 L128,298.666667 L85.3333333,298.666667 L85.3333333,256 L128,256 Z M213.333333,256 L213.333333,298.666667 L170.666667,298.666667 L170.666667,256 L213.333333,256 Z M298.666667,256 L298.666667,298.666667 L256,298.666667 L256,256 L298.666667,256 Z M128,170.666667 L128,213.333333 L85.3333333,213.333333 L85.3333333,170.666667 L128,170.666667 Z M213.333333,170.666667 L213.333333,213.333333 L170.666667,213.333333 L170.666667,170.666667 L213.333333,170.666667 Z M298.666667,170.666667 L298.666667,213.333333 L256,213.333333 L256,170.666667 L298.666667,170.666667 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,85.3333333 L341.333333,85.3333333 L341.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
+const iconChevronDownSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 187.520000)'><polygon id='arrowhead-down' points='121.813333 151.893333 0 30.2933333 30.2933333 0 121.813333 91.7333333 213.333333 0 243.626667 30.2933333'/></g></g></svg>";
+const iconChevronDown = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(80.915055, 157.440000)'><polygon id='Path-19' points='320 0 350.169889 30.1698893 175.084945 205.254834 0 30.1698893 30.1698893 0 175.084945 144.898278'/></g></g></svg>";
+const iconChevronLeftSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(172.586667, 134.186667)'><polygon id='arrrowhead-left' points='121.6 243.626667 0 121.813333 121.6 0 151.893333 30.2933333 60.16 121.813333 151.893333 213.333333'/></g></g></svg>";
+const iconChevronRightSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(187.520000, 134.186667)'><polygon id='arrowhead-right' points='30.2933333 243.626667 0 213.333333 91.7333333 121.813333 0 30.2933333 30.2933333 0 151.893333 121.813333'/></g></g></svg>";
+const iconChevronRight = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(149.333333, 80.853333)'><polygon id='Path' points='-2.84217094e-14 320 30.1698893 350.169889 205.254834 175.084945 30.1698893 0 -2.84217094e-14 30.1698893 144.898278 175.084945'/></g></g></svg>";
+const iconChevronUpSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 172.586667)'><polygon id='arrowhead-up' points='213.333333 151.893333 121.813333 60.16 30.2933333 151.893333 2.84217094e-14 121.6 121.813333 0 243.626667 121.6'/></g></g></svg>";
+const iconChevronUp = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(80.853333, 157.440000)'><polygon id='Path' points='320 205.254834 350.169889 175.084945 175.084945 5.68434189e-14 0 175.084945 30.1698893 205.254834 175.084945 60.356556'/></g></g></svg>";
+const iconError = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.232,42.6666667 42.6666667,119.232 42.6666667,213.333333 C42.6666667,307.434667 119.232,384 213.333333,384 C307.434667,384 384,307.434667 384,213.333333 C384,119.232 307.434667,42.6666667 213.333333,42.6666667 Z M262.250667,134.250667 L292.416,164.416 L243.498667,213.333333 L292.416,262.250667 L262.250667,292.416 L213.333333,243.498667 L164.416,292.416 L134.250667,262.250667 L183.168,213.333333 L134.250667,164.416 L164.416,134.250667 L213.333333,183.168 L262.250667,134.250667 Z' id='error'/></g></g></svg>";
+const iconEyeCancelled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M47.0849493,2.84217094e-14 L185.740632,138.655563 C194.095501,134.657276 203.45297,132.418278 213.333333,132.418278 C248.679253,132.418278 277.333333,161.072358 277.333333,196.418278 C277.333333,206.299034 275.094157,215.656855 271.095572,224.011976 L409.751616,362.666662 L379.581717,392.836561 L320.374817,333.628896 C291.246618,353.329494 255.728838,367.084945 213.333333,367.084945 C64,367.084945 7.10542736e-15,196.418278 7.10542736e-15,196.418278 C7.10542736e-15,196.418278 22.862032,135.452859 73.1408088,86.3974274 L16.9150553,30.169894 L47.0849493,2.84217094e-14 Z M103.440016,116.694904 C74.7091717,144.512844 55.9626236,177.598744 46.7136,196.424891 C64.7370667,233.114811 119.071573,324.418278 213.333333,324.418278 C242.440012,324.418278 267.739844,315.712374 289.339919,302.595012 L240.926035,254.180993 C232.571166,258.17928 223.213696,260.418278 213.333333,260.418278 C177.987413,260.418278 149.333333,231.764198 149.333333,196.418278 C149.333333,186.537915 151.572331,177.180445 155.570618,168.825577 Z M213.333333,25.7516113 C362.666667,25.7516113 426.666667,196.418278 426.666667,196.418278 C426.666667,196.418278 412.428071,234.387867 381.712212,274.508373 L351.151213,243.941206 C364.581948,225.697449 374.142733,208.239347 379.954347,196.410385 C361.9296,159.721745 307.595093,68.418278 213.333333,68.418278 C201.495833,68.418278 190.287983,69.858232 179.702584,72.449263 L145.662385,38.4000762 C165.913597,30.494948 188.437631,25.7516113 213.333333,25.7516113 Z' transform='translate(42.667 59.582)'/></svg>";
+const iconEye = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Shape' transform='translate(42.666667, 85.333333)'><path d='M213.333333,1.42108547e-14 C64,1.42108547e-14 7.10542736e-15,170.666667 7.10542736e-15,170.666667 C7.10542736e-15,170.666667 64,341.333333 213.333333,341.333333 C362.666667,341.333333 426.666667,170.666667 426.666667,170.666667 C426.666667,170.666667 362.666667,1.42108547e-14 213.333333,1.42108547e-14 Z M213.333333,298.666667 C119.071573,298.666667 64.7370667,207.3632 46.7136,170.67328 C64.7850667,133.88928 119.114667,42.6666667 213.333333,42.6666667 C307.595093,42.6666667 361.9296,133.970133 379.954347,170.658773 C361.8816,207.444053 307.552,298.666667 213.333333,298.666667 Z M213.333333,96 C172.096427,96 138.666667,129.42976 138.666667,170.666667 C138.666667,211.903573 172.096427,245.333333 213.333333,245.333333 C254.57024,245.333333 288,211.903573 288,170.666667 C288,129.42976 254.57024,96 213.333333,96 Z M213.333333,202.666667 C195.688747,202.666667 181.333333,188.311253 181.333333,170.666667 C181.333333,153.02208 195.688747,138.666667 213.333333,138.666667 C230.97792,138.666667 245.333333,153.02208 245.333333,170.666667 C245.333333,188.311253 230.97792,202.666667 213.333333,202.666667 Z'/></g></g></svg>";
+const iconInfo = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51168 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.154987,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51168 331.154987,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.44,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.44,384 213.333333,384 Z M240.04672,128 C240.04672,143.46752 228.785067,154.666667 213.55008,154.666667 C197.698773,154.666667 186.713387,143.46752 186.713387,127.704107 C186.713387,112.5536 197.99616,101.333333 213.55008,101.333333 C228.785067,101.333333 240.04672,112.5536 240.04672,128 Z M192.04672,192 L234.713387,192 L234.713387,320 L192.04672,320 L192.04672,192 Z' id='Shape'/></g></g></svg>";
+const iconMinus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(64.000000, 234.666667)'><rect id='Combined-Shape' x='0' y='0' width='384' height='42.6666667'/></g></g></svg>";
+const iconPlus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='uncollapse' transform='translate(64.000000, 64.000000)'><path d='M213.333333,1.42108547e-14 L213.333,170.666 L384,170.666667 L384,213.333333 L213.333,213.333 L213.333333,384 L170.666667,384 L170.666,213.333 L1.42108547e-14,213.333333 L1.42108547e-14,170.666667 L170.666,170.666 L170.666667,1.42108547e-14 L213.333333,1.42108547e-14 Z'/></g></g></svg>";
+const iconSingleCheck = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(91.581722, 94.833062)'><polygon id='check-small' points='304.534538 0 340.035351 23.6672084 154.934008 301.319223 1.42108547e-14 146.385216 30.1698893 116.215326 148.290278 234.318938'/></g></g></svg>";
+const iconSuccess = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add-copy' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51296 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.153707,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51296 331.153707,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.43872,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.438933,384 213.333333,384 Z M293.669333,137.114453 L323.835947,167.281067 L192,299.66912 L112.916693,220.585813 L143.083307,190.4192 L192,239.335893 L293.669333,137.114453 Z' id='Shape'/></g></g></svg>";
+const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M225.144334,42.6739678 L42.6666667,362.009885 L407.622001,362.009885 L225.144334,42.6739678 Z M224,272 C239.238095,272 250.666667,283.264 250.666667,298.624 C250.666667,313.984 239.238095,325.248 224,325.248 C208.415584,325.248 197.333333,313.984 197.333333,298.282667 C197.333333,283.264 208.761905,272 224,272 Z M245.333333,106.666667 L245.333333,234.666667 L202.666667,234.666667 L202.666667,106.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
  *
@@ -15685,12 +15707,10 @@ const dropdownController = new DropdownController();
 function TextareaElement(props) {
     return (hAsync("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
             'is-invalid': props.isInvalid,
-        }, required: props.required, value: props.value, placeholder: props.placeholder, onChange: (changeEvent) => {
-            const target = changeEvent.target;
-            props.valueChange(target.value);
-        }, onInput: (inputEvent) => {
+        }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
             const target = inputEvent.target;
             props.updateFormInternalValue(target.value);
+            props.valueChange(target.value);
         }, onBlur: () => props.onBlur(), style: {
             resize: props.resizeBehavior,
             height: props.textareaHeight,
@@ -15700,12 +15720,10 @@ function TextareaElement(props) {
 function InputElement(props) {
     return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.maxLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
             'is-invalid': props.isInvalid,
-        }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onChange: (changeEvent) => {
-            const target = changeEvent.target;
-            props.valueChange(target.value);
-        }, onInput: (inputEvent) => {
+        }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onInput: (inputEvent) => {
             const target = inputEvent.target;
             props.updateFormInternalValue(target.value);
+            props.valueChange(target.value);
         }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
 }
 const SlotEnd = (props, children) => {
@@ -15859,24 +15877,6 @@ function getAriaAttributesForInput(component) {
     return inputAria;
 }
-/* Siemens iX Icons */
-const iconCalendar = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='scheduler' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,128 L42.6666667,128 L42.6666667,341.333333 L341.333333,341.333333 L341.333333,128 Z M128,256 L128,298.666667 L85.3333333,298.666667 L85.3333333,256 L128,256 Z M213.333333,256 L213.333333,298.666667 L170.666667,298.666667 L170.666667,256 L213.333333,256 Z M298.666667,256 L298.666667,298.666667 L256,298.666667 L256,256 L298.666667,256 Z M128,170.666667 L128,213.333333 L85.3333333,213.333333 L85.3333333,170.666667 L128,170.666667 Z M213.333333,170.666667 L213.333333,213.333333 L170.666667,213.333333 L170.666667,170.666667 L213.333333,170.666667 Z M298.666667,170.666667 L298.666667,213.333333 L256,213.333333 L256,170.666667 L298.666667,170.666667 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,85.3333333 L341.333333,85.3333333 L341.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
-const iconChevronDownSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 187.520000)'><polygon id='arrowhead-down' points='121.813333 151.893333 0 30.2933333 30.2933333 0 121.813333 91.7333333 213.333333 0 243.626667 30.2933333'/></g></g></svg>";
-const iconChevronDown = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(80.915055, 157.440000)'><polygon id='Path-19' points='320 0 350.169889 30.1698893 175.084945 205.254834 0 30.1698893 30.1698893 0 175.084945 144.898278'/></g></g></svg>";
-const iconChevronLeftSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(172.586667, 134.186667)'><polygon id='arrrowhead-left' points='121.6 243.626667 0 121.813333 121.6 0 151.893333 30.2933333 60.16 121.813333 151.893333 213.333333'/></g></g></svg>";
-const iconChevronRightSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(187.520000, 134.186667)'><polygon id='arrowhead-right' points='30.2933333 243.626667 0 213.333333 91.7333333 121.813333 0 30.2933333 30.2933333 0 151.893333 121.813333'/></g></g></svg>";
-const iconChevronUpSmall = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 172.586667)'><polygon id='arrowhead-up' points='213.333333 151.893333 121.813333 60.16 30.2933333 151.893333 2.84217094e-14 121.6 121.813333 0 243.626667 121.6'/></g></g></svg>";
-const iconChevronUp = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(80.853333, 157.440000)'><polygon id='Path' points='320 205.254834 350.169889 175.084945 175.084945 5.68434189e-14 0 175.084945 30.1698893 205.254834 175.084945 60.356556'/></g></g></svg>";
-const iconError = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.136,3.55271368e-14 426.666667,95.5306667 426.666667,213.333333 C426.666667,331.136 331.136,426.666667 213.333333,426.666667 C95.5306667,426.666667 3.55271368e-14,331.136 3.55271368e-14,213.333333 C3.55271368e-14,95.5306667 95.5306667,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.232,42.6666667 42.6666667,119.232 42.6666667,213.333333 C42.6666667,307.434667 119.232,384 213.333333,384 C307.434667,384 384,307.434667 384,213.333333 C384,119.232 307.434667,42.6666667 213.333333,42.6666667 Z M262.250667,134.250667 L292.416,164.416 L243.498667,213.333333 L292.416,262.250667 L262.250667,292.416 L213.333333,243.498667 L164.416,292.416 L134.250667,262.250667 L183.168,213.333333 L134.250667,164.416 L164.416,134.250667 L213.333333,183.168 L262.250667,134.250667 Z' id='error'/></g></g></svg>";
-const iconEyeCancelled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M47.0849493,2.84217094e-14 L185.740632,138.655563 C194.095501,134.657276 203.45297,132.418278 213.333333,132.418278 C248.679253,132.418278 277.333333,161.072358 277.333333,196.418278 C277.333333,206.299034 275.094157,215.656855 271.095572,224.011976 L409.751616,362.666662 L379.581717,392.836561 L320.374817,333.628896 C291.246618,353.329494 255.728838,367.084945 213.333333,367.084945 C64,367.084945 7.10542736e-15,196.418278 7.10542736e-15,196.418278 C7.10542736e-15,196.418278 22.862032,135.452859 73.1408088,86.3974274 L16.9150553,30.169894 L47.0849493,2.84217094e-14 Z M103.440016,116.694904 C74.7091717,144.512844 55.9626236,177.598744 46.7136,196.424891 C64.7370667,233.114811 119.071573,324.418278 213.333333,324.418278 C242.440012,324.418278 267.739844,315.712374 289.339919,302.595012 L240.926035,254.180993 C232.571166,258.17928 223.213696,260.418278 213.333333,260.418278 C177.987413,260.418278 149.333333,231.764198 149.333333,196.418278 C149.333333,186.537915 151.572331,177.180445 155.570618,168.825577 Z M213.333333,25.7516113 C362.666667,25.7516113 426.666667,196.418278 426.666667,196.418278 C426.666667,196.418278 412.428071,234.387867 381.712212,274.508373 L351.151213,243.941206 C364.581948,225.697449 374.142733,208.239347 379.954347,196.410385 C361.9296,159.721745 307.595093,68.418278 213.333333,68.418278 C201.495833,68.418278 190.287983,69.858232 179.702584,72.449263 L145.662385,38.4000762 C165.913597,30.494948 188.437631,25.7516113 213.333333,25.7516113 Z' transform='translate(42.667 59.582)'/></svg>";
-const iconEye = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='Shape' transform='translate(42.666667, 85.333333)'><path d='M213.333333,1.42108547e-14 C64,1.42108547e-14 7.10542736e-15,170.666667 7.10542736e-15,170.666667 C7.10542736e-15,170.666667 64,341.333333 213.333333,341.333333 C362.666667,341.333333 426.666667,170.666667 426.666667,170.666667 C426.666667,170.666667 362.666667,1.42108547e-14 213.333333,1.42108547e-14 Z M213.333333,298.666667 C119.071573,298.666667 64.7370667,207.3632 46.7136,170.67328 C64.7850667,133.88928 119.114667,42.6666667 213.333333,42.6666667 C307.595093,42.6666667 361.9296,133.970133 379.954347,170.658773 C361.8816,207.444053 307.552,298.666667 213.333333,298.666667 Z M213.333333,96 C172.096427,96 138.666667,129.42976 138.666667,170.666667 C138.666667,211.903573 172.096427,245.333333 213.333333,245.333333 C254.57024,245.333333 288,211.903573 288,170.666667 C288,129.42976 254.57024,96 213.333333,96 Z M213.333333,202.666667 C195.688747,202.666667 181.333333,188.311253 181.333333,170.666667 C181.333333,153.02208 195.688747,138.666667 213.333333,138.666667 C230.97792,138.666667 245.333333,153.02208 245.333333,170.666667 C245.333333,188.311253 230.97792,202.666667 213.333333,202.666667 Z'/></g></g></svg>";
-const iconInfo = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51168 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.154987,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51168 331.154987,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.44,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.44,384 213.333333,384 Z M240.04672,128 C240.04672,143.46752 228.785067,154.666667 213.55008,154.666667 C197.698773,154.666667 186.713387,143.46752 186.713387,127.704107 C186.713387,112.5536 197.99616,101.333333 213.55008,101.333333 C228.785067,101.333333 240.04672,112.5536 240.04672,128 Z M192.04672,192 L234.713387,192 L234.713387,320 L192.04672,320 L192.04672,192 Z' id='Shape'/></g></g></svg>";
-const iconMinus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(64.000000, 234.666667)'><rect id='Combined-Shape' x='0' y='0' width='384' height='42.6666667'/></g></g></svg>";
-const iconPlus = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='uncollapse' transform='translate(64.000000, 64.000000)'><path d='M213.333333,1.42108547e-14 L213.333,170.666 L384,170.666667 L384,213.333333 L213.333,213.333 L213.333333,384 L170.666667,384 L170.666,213.333 L1.42108547e-14,213.333333 L1.42108547e-14,170.666667 L170.666,170.666 L170.666667,1.42108547e-14 L213.333333,1.42108547e-14 Z'/></g></g></svg>";
-const iconSingleCheck = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(91.581722, 94.833062)'><polygon id='check-small' points='304.534538 0 340.035351 23.6672084 154.934008 301.319223 1.42108547e-14 146.385216 30.1698893 116.215326 148.290278 234.318938'/></g></g></svg>";
-const iconSuccess = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add-copy' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C95.51296,3.55271368e-14 3.55271368e-14,95.51296 3.55271368e-14,213.333333 C3.55271368e-14,331.153707 95.51296,426.666667 213.333333,426.666667 C331.153707,426.666667 426.666667,331.153707 426.666667,213.333333 C426.666667,95.51296 331.153707,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,384 C119.227947,384 42.6666667,307.43872 42.6666667,213.333333 C42.6666667,119.227947 119.227947,42.6666667 213.333333,42.6666667 C307.43872,42.6666667 384,119.227947 384,213.333333 C384,307.43872 307.438933,384 213.333333,384 Z M293.669333,137.114453 L323.835947,167.281067 L192,299.66912 L112.916693,220.585813 L143.083307,190.4192 L192,239.335893 L293.669333,137.114453 Z' id='Shape'/></g></g></svg>";
-const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M225.144334,42.6739678 L42.6666667,362.009885 L407.622001,362.009885 L225.144334,42.6739678 Z M224,272 C239.238095,272 250.666667,283.264 250.666667,298.624 C250.666667,313.984 239.238095,325.248 224,325.248 C208.415584,325.248 197.333333,313.984 197.333333,298.282667 C197.333333,283.264 208.761905,272 224,272 Z M245.333333,106.666667 L245.333333,234.666667 L202.666667,234.666667 L202.666667,106.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
 const dateInputCss = "/*!@label*/label.sc-ix-date-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-date-input{padding:6px 0px}/*!@input*/input.sc-ix-date-input{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;min-height:2rem;width:100%;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)}/*!@input:-webkit-autofill*/input.sc-ix-date-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*/input.sc-ix-date-input:-webkit-autofill,input.sc-ix-date-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*/input.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-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,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input: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*/input.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-date-input,input.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-date-input::-moz-placeholder,input.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-date-input::placeholder,input.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-date-input:disabled,input.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-date-input:disabled::-moz-placeholder,input.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-date-input:disabled::placeholder,input.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-date-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-date-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-date-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-date-input{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;min-height:2rem;width:100%;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)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-date-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}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-date-input:-webkit-autofill,textarea.sc-ix-date-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}/*!@textarea::-moz-placeholder*/textarea.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-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,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input: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*/textarea.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-date-input,textarea.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-date-input::-moz-placeholder,textarea.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-date-input::placeholder,textarea.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-date-input:disabled,textarea.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-date-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-date-input:disabled::placeholder,textarea.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,input.sc-ix-date-input~.valid-feedback.sc-ix-date-input,input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.valid-feedback.sc-ix-date-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-date-input:not(.was-validated) .invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not(.was-validated) .valid-feedback.sc-ix-date-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){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]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@label*/label.sc-ix-date-input{color:var(--theme-color-soft-text);padding:2px 0px}/*!@label.label-alignment-left*/label.label-alignment-left.sc-ix-date-input{padding:6px 0px}/*!@input*/input.sc-ix-date-input{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;min-height:2rem;width:100%;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)}/*!@input:-webkit-autofill*/input.sc-ix-date-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*/input.sc-ix-date-input:-webkit-autofill,input.sc-ix-date-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*/input.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@input::placeholder*/input.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@input.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-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,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/input.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),input.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input: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*/input.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only, input:read-only*/input.read-only.sc-ix-date-input,input.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@input.read-only::-moz-placeholder, input:read-only::-moz-placeholder*/input.read-only.sc-ix-date-input::-moz-placeholder,input.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@input:-moz-read-only::placeholder*/input.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@input.read-only::placeholder, input:read-only::placeholder*/input.read-only.sc-ix-date-input::placeholder,input.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@input:disabled, input.disabled*/input.sc-ix-date-input:disabled,input.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@input:disabled::-moz-placeholder, input.disabled::-moz-placeholder*/input.sc-ix-date-input:disabled::-moz-placeholder,input.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@input:disabled::placeholder, input.disabled::placeholder*/input.sc-ix-date-input:disabled::placeholder,input.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@input[type=number]*/input[type=number].sc-ix-date-input{text-align:right}/*!@input[type=number]::-webkit-inner-spin-button*/input[type=number].sc-ix-date-input::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}/*!@textarea*/textarea.sc-ix-date-input{padding:0.375rem 1.25rem 0.375rem 0.5rem}/*!@textarea*/textarea.sc-ix-date-input{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;min-height:2rem;width:100%;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)}/*!@textarea:-webkit-autofill*/textarea.sc-ix-date-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}/*!@textarea:-webkit-autofill, textarea:autofill*/textarea.sc-ix-date-input:-webkit-autofill,textarea.sc-ix-date-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}/*!@textarea::-moz-placeholder*/textarea.sc-ix-date-input::-moz-placeholder{color:var(--theme-input-hint--color)}/*!@textarea::placeholder*/textarea.sc-ix-date-input::placeholder{color:var(--theme-input-hint--color)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.hover.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:hover:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}/*!@textarea.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-moz-read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:-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,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only)*/textarea.focus.sc-ix-date-input:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input:read-only),textarea.sc-ix-date-input:focus:not(.readonly,.read-only.sc-ix-date-input,.disabled.sc-ix-date-input,[readonly].sc-ix-date-input,[disabled].sc-ix-date-input,.sc-ix-date-input: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*/textarea.sc-ix-date-input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only, textarea:read-only*/textarea.read-only.sc-ix-date-input,textarea.sc-ix-date-input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}/*!@textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder*/textarea.read-only.sc-ix-date-input::-moz-placeholder,textarea.sc-ix-date-input:read-only::-moz-placeholder{color:transparent}/*!@textarea:-moz-read-only::placeholder*/textarea.sc-ix-date-input:-moz-read-only::placeholder{color:transparent}/*!@textarea.read-only::placeholder, textarea:read-only::placeholder*/textarea.read-only.sc-ix-date-input::placeholder,textarea.sc-ix-date-input:read-only::placeholder{color:transparent}/*!@textarea:disabled, textarea.disabled*/textarea.sc-ix-date-input:disabled,textarea.disabled.sc-ix-date-input{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}/*!@textarea:disabled::-moz-placeholder, textarea.disabled::-moz-placeholder*/textarea.sc-ix-date-input:disabled::-moz-placeholder,textarea.disabled.sc-ix-date-input::-moz-placeholder{color:transparent}/*!@textarea:disabled::placeholder, textarea.disabled::placeholder*/textarea.sc-ix-date-input:disabled::placeholder,textarea.disabled.sc-ix-date-input::placeholder{color:transparent}/*!@textarea ~ .valid-feedback,\ntextarea ~ .invalid-feedback,\ninput ~ .valid-feedback,\ninput ~ .invalid-feedback*/textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,input.sc-ix-date-input~.valid-feedback.sc-ix-date-input,input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:none;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}/*!@form textarea ~ .valid-feedback,\nform input ~ .valid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.valid-feedback.sc-ix-date-input{color:var(--theme-color-success)}/*!@form textarea ~ .invalid-feedback,\nform input ~ .invalid-feedback*/form.sc-ix-date-input textarea.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input input.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{color:var(--theme-color-alarm-text)}/*!@form:not([novalidate]) :invalid,\nform:not([novalidate]) .is-invalid,\nform.was-validated :invalid,\nform.was-validated .is-invalid*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}/*!@form:not([novalidate]) :invalid ~ .invalid-feedback,\nform:not([novalidate]) .is-invalid ~ .invalid-feedback,\nform.was-validated :invalid ~ .invalid-feedback,\nform.was-validated .is-invalid ~ .invalid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:invalid~.invalid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-invalid.sc-ix-date-input~.invalid-feedback.sc-ix-date-input{display:block}/*!@form:not([novalidate]) :valid ~ .valid-feedback,\nform:not([novalidate]) .is-valid ~ .valid-feedback,\nform.was-validated :valid ~ .valid-feedback,\nform.was-validated .is-valid ~ .valid-feedback*/form.sc-ix-date-input:not([novalidate]) .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.sc-ix-date-input:not([novalidate]) .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .sc-ix-date-input:valid~.valid-feedback.sc-ix-date-input,form.was-validated.sc-ix-date-input .is-valid.sc-ix-date-input~.valid-feedback.sc-ix-date-input{display:block}/*!@form:not(.was-validated) .invalid-feedback,\nform:not(.was-validated) .valid-feedback*/form.sc-ix-date-input:not(.was-validated) .invalid-feedback.sc-ix-date-input,form.sc-ix-date-input:not(.was-validated) .valid-feedback.sc-ix-date-input{display:none !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled])*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active*/textarea.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning.sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]){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]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active*/textarea[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid].sc-ix-date-input:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-date-input-h{display:inline-block;position:relative;width:auto}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-date-input-h *.sc-ix-date-input,.sc-ix-date-input-h *.sc-ix-date-input::after,.sc-ix-date-input-h *.sc-ix-date-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-date-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-corner{display:none}/*!@:host .input-wrapper*/.sc-ix-date-input-h .input-wrapper.sc-ix-date-input{display:flex;position:relative;align-items:center;width:100%;height:100%}/*!@:host input*/.sc-ix-date-input-h input.sc-ix-date-input{width:100%;height:100%}/*!@:host .start-container,\n:host .end-container*/.sc-ix-date-input-h .start-container.sc-ix-date-input,.sc-ix-date-input-h .end-container.sc-ix-date-input{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}/*!@:host .start-container*/.sc-ix-date-input-h .start-container.sc-ix-date-input{left:0}/*!@:host .end-container*/.sc-ix-date-input-h .end-container.sc-ix-date-input{right:0}/*!@:host .start-container ::slotted(*)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>*{margin-left:0.5rem}/*!@:host .start-container ::slotted(ix-icon.size-24),\n:host .start-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon.size-24,.sc-ix-date-input-h .start-container.sc-ix-date-input-s>ix-icon-button.btn-icon-16,.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon-button.btn-icon-16{margin-left:0.25rem}/*!@:host .start-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-date-input-h .start-container .sc-ix-date-input-s>ix-icon-button.btn-icon-32{margin-left:0}/*!@:host .end-container ::slotted(*)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>*{margin-right:0.5rem}/*!@:host .end-container ::slotted(ix-icon.size-24),\n:host .end-container ::slotted(ix-icon-button.btn-icon-16)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon.size-24,.sc-ix-date-input-h .end-container.sc-ix-date-input-s>ix-icon-button.btn-icon-16,.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon-button.btn-icon-16{margin-right:0.25rem}/*!@:host .end-container ::slotted(ix-icon-button.btn-icon-32)*/.sc-ix-date-input-h .end-container .sc-ix-date-input-s>ix-icon-button.btn-icon-32{margin-right:0}/*!@:host .bottom-text*/.sc-ix-date-input-h .bottom-text.sc-ix-date-input{margin-top:0.25rem;margin-bottom:0.25rem}/*!@:host(.disabled)*/.disabled.sc-ix-date-input-h{pointer-events:none}/*!@:host(.disabled) input,\n:host(.disabled) textarea*/.disabled.sc-ix-date-input-h input.sc-ix-date-input,.disabled.sc-ix-date-input-h textarea.sc-ix-date-input{pointer-events:none}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{border-color:var(--theme-input--border-color--info)}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--info--hover) !important}/*!@:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-info.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--info--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active*/.ix-warning.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--warning--active) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-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])) input:hover,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}/*!@:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,\n:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active*/[class*=ix-invalid].sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active,.ix-invalid--required.sc-ix-date-input-h:not(.disabled):not(:disabled):not([disabled]) input.sc-ix-date-input:active{border-color:var(--theme-input--border-color--invalid--active) !important}/*!@:host*/.sc-ix-date-input-h{display:inline-block;position:relative}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-date-input-h *.sc-ix-date-input,.sc-ix-date-input-h *.sc-ix-date-input::after,.sc-ix-date-input-h *.sc-ix-date-input::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-date-input-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-date-input-h .sc-ix-date-input::-webkit-scrollbar-corner{display:none}/*!@:host input*/.sc-ix-date-input-h input.sc-ix-date-input{width:100%;height:100%}/*!@:host .calendar-hidden*/.sc-ix-date-input-h .calendar-hidden.sc-ix-date-input{display:none}/*!@:host(.readonly) input*/.readonly.sc-ix-date-input-h input.sc-ix-date-input{pointer-events:none}";
 var IxDateInputStyle0 = dateInputCss;
@@ -15901,6 +15901,8 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
 /**
  * @since 2.6.0
  * @form-ready 2.6.0
+ * @slot start - Element will be displayed at the start of the input
+ * @slot end - Element will be displayed at the end of the input
  */
 class DateInput {
     constructor(hostRef) {
@@ -16107,12 +16109,12 @@ class DateInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: 'f8e90dff95d76faed16b0bbb67f7ae014d170c8f', class: {
+        return (hAsync(Host, { key: 'd05f1297b5282bca5b43401e5527a0ddee4a8a58', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'b101c12280803e5316d03ca8ac00179dea52f3ce', 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()), hAsync("ix-dropdown", { key: 'de9f9c3775cd061d5098a2b9ed2242f509ea4be0', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: '2b910308be3df70b11eb8cbfb355b8c9c3accc0b', 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()), hAsync("ix-dropdown", { key: '2665ff4fd4c5f257dd92b00a7b5dddd3fb1881b6', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-date-picker", { key: '3c1ee7eeeb71f458fdce19e32d517d32ada48e74', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
+            } }, hAsync("ix-date-picker", { key: '211396b59afb9fd5037f4efee6b8e626a5dd3403', ref: this.datepickerRef, format: this.format, locale: this.locale, range: false, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
             } }))));
@@ -19641,7 +19643,7 @@ class DropdownHeader {
     }; }
 }
-const dropdownItemCss = "/*!@:host*/.sc-ix-dropdown-item-h{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-dropdown-item-h *.sc-ix-dropdown-item,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::after,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-dropdown-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-corner{display:none}/*!@:host .dropdown-item*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}/*!@:host .dropdown-item.no-checked-field*/.sc-ix-dropdown-item-h .dropdown-item.no-checked-field.sc-ix-dropdown-item{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}/*!@:host .dropdown-item-checked*/.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}/*!@:host .dropdown-item-icon*/.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0.5rem;color:var(--theme-color-std-text)}/*!@:host .dropdown-item-text*/.sc-ix-dropdown-item-h .dropdown-item-text.sc-ix-dropdown-item{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{outline:1px solid yellow}/*!@:host .submenu-icon*/.sc-ix-dropdown-item-h .submenu-icon.sc-ix-dropdown-item{margin-left:auto}/*!@:host(.icon-only) .dropdown-item-icon*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0px}/*!@:host(.icon-only) .dropdown-item-checked*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:none}/*!@:host(.icon-only) .dropdown-item*/.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(.submenu) .dropdown-item*/.submenu.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(:not(.disabled):not(:disabled).hover),\n:host(:not(.disabled):not(:disabled):hover)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).hover,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}/*!@:host(:not(.disabled):not(:disabled).active),\n:host(:not(.disabled):not(:disabled):active)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).active,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}/*!@:host(.disabled)*/.disabled.sc-ix-dropdown-item-h{pointer-events:none;color:var(--theme-color-weak-text) !important}/*!@:host(.disabled) .dropdown-item-icon*/.disabled.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{color:var(--theme-color-weak-text) !important}";
+const dropdownItemCss = "/*!@:host*/.sc-ix-dropdown-item-h{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-dropdown-item-h *.sc-ix-dropdown-item,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::after,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-dropdown-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-corner{display:none}/*!@:host .dropdown-item*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}/*!@:host .dropdown-item.no-checked-field*/.sc-ix-dropdown-item-h .dropdown-item.no-checked-field.sc-ix-dropdown-item{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}/*!@:host .dropdown-item-checked*/.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}/*!@:host .dropdown-item-icon*/.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0.5rem;color:var(--theme-color-std-text)}/*!@:host .dropdown-item-text*/.sc-ix-dropdown-item-h .dropdown-item-text.sc-ix-dropdown-item{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .submenu-icon*/.sc-ix-dropdown-item-h .submenu-icon.sc-ix-dropdown-item{margin-left:auto}/*!@:host(.icon-only) .dropdown-item-icon*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0px}/*!@:host(.icon-only) .dropdown-item-checked*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:none}/*!@:host(.icon-only) .dropdown-item*/.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(.submenu) .dropdown-item*/.submenu.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(:not(.disabled):not(:disabled).hover),\n:host(:not(.disabled):not(:disabled):hover)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).hover,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}/*!@:host(:not(.disabled):not(:disabled).active),\n:host(:not(.disabled):not(:disabled):active)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).active,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}/*!@:host(.disabled)*/.disabled.sc-ix-dropdown-item-h{pointer-events:none;color:var(--theme-color-weak-text) !important}/*!@:host(.disabled) .dropdown-item-icon*/.disabled.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{color:var(--theme-color-weak-text) !important}";
 var IxDropdownItemStyle0 = dropdownItemCss;
 class DropdownItem {
@@ -20108,9 +20110,9 @@ class FieldWrapper {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (hAsync(Host, { key: '3a1885ca13c1de17fdbb33eb6cde695cbdb3469e' }, this.label && (hAsync("div", { key: '9e8c0a96fe7014feb6ac76473137183ba92e2ad1', class: "field-top" }, hAsync("ix-field-label", { key: '923dec87ac02cf550400aba0bf929b95d8a271ed', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: 'a6694ebd1d18d2411565960ff5f1e6ee900491e8', class: {
+        return (hAsync(Host, { key: 'cca8bb819e4c2e02176ef9edc0d2456b3b3cbb5c' }, this.label && (hAsync("div", { key: '3e9aa899b1e7257cabfd9e9c36823598d798c2b2', class: "field-top" }, hAsync("ix-field-label", { key: '425ee0329aa0f27abebe81995f4843cd734c1a6a', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '3fe4cedebd10b2c3fb9abf47223049e12a666010', class: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, hAsync("slot", { key: '302fcd87bd9cba38a3057b9a6542dbaed9d16bbc' })), hAsync("div", { key: '8f5c9836963e0df796388b8dac20db7289ea067e', class: 'field-bottom' }, !this.showTextAsTooltip && renderHelperText(textOptions), hAsync("div", { key: '620bf3f6730971ee840744fce7b8a7de2d2f12a9', class: "bottom-right" }, hAsync("slot", { key: '7cff3c8d8f550a88e4bccacf6b71547edb89b0a7', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: '9041af539fd29c6fd2e8e3e4a00daa8e2c15ed22', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, renderHelperText(textOptions)))));
+            }, ref: this.slotRef }, hAsync("slot", { key: '206122b8896175febbb37f4c3c54a8e3555a46d5' })), hAsync("div", { key: 'f238391284d847e62e76eb78e1f85863f60092a5', class: 'field-bottom' }, !this.showTextAsTooltip && renderHelperText(textOptions), hAsync("div", { key: '55d56938344a710759252156997d528486b67e14', class: "bottom-right" }, hAsync("slot", { key: 'bbc9255ddc0e95a6896a8d5ff0cd5f7146c434bf', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'e50287d266f19646efe1b56a56ef9a5b11bd7fed', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, renderHelperText(textOptions)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxFieldWrapperStyle0; }
@@ -20416,7 +20418,7 @@ class FormFieldLabel {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3a62067a0af7847c578459a35bcbd56c54f59bf1', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '05aea8c0c5783f8cffb9d3968f1621564203c2ac', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: '6285d1624065c691d9beb3a1c4c31268e0a6bde9', color: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: 'cc8185cb40bf055c6f2e29ee09265acc10719657' }), this.required && hAsync("span", { key: 'b8c6191b6a0fd1314afd21d555268417292b1201' }, "\u00A0*")))));
+        return (hAsync(Host, { key: 'bef5f15183b60646f3092ef0c9d8ca1172a4d149', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '1203a82e14cca571098ce7dacd2ce71d7bd674fd', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: '9e6b76080bc45ca0f46667e4c6610002f64ae884', color: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: 'a80749a45eb26b4655b9b0c13855980d2ef35323' }), this.required && hAsync("span", { key: '54f33771b6cace5a63dd82b9813f8fbb6425536e' }, "\u00A0*")))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20997,6 +20999,8 @@ let inputIds = 0;
 /**
  * @since 2.6.0
  * @form-ready 2.6.0
+ * @slot start - Element will be displayed at the start of the input
+ * @slot end - Element will be displayed at the end of the input
  */
 class Input {
     constructor(hostRef) {
@@ -21083,10 +21087,10 @@ class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (hAsync(Host, { key: '842ff9fc4e182372da40d4bcb4f89653fc1c90fd', class: {
+        return (hAsync(Host, { key: 'f625dc7d2ed058f53940ccda73db408a3d7017a5', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '3614d6006a3c55191f6fce25c70c1383b46fec0b', 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 }, hAsync("div", { key: '71ba199ce76ca1ac0135a403827e47aec4c88977', class: "input-wrapper" }, hAsync(SlotStart, { key: 'f6a8ea82539d59e475e6e62d498ea7150de90506', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '4c4ff361edcf9d5b780825142ba64bee79531153', 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), ariaAttributes: inputAria }), hAsync(SlotEnd, { key: '9b0dab754362fbe7abf36c505209da7063490a52', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '6003d03e3d8efd967c932fc05e2270f83a102ae4', color: "color-weak-text", class: {
+            } }, hAsync("ix-field-wrapper", { key: 'c018215d637253e021247473c35701ff94d3f028', 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 }, hAsync("div", { key: 'cc9ee3d23a14d0e10351f294fae72aeec82fbf64', class: "input-wrapper" }, hAsync(SlotStart, { key: 'f32e50c55492dc1423b91f05209c1e9914b50f28', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'ca17d2fee580dbe2e8d176018d0e55565bef5f33', 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), ariaAttributes: inputAria }), hAsync(SlotEnd, { key: '5664747770d85defa36d460b4aa3e497a802bca2', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: 'f680b65ba0355746be49646d25a2074cc4a9caac', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password',
             }, ghost: true, icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -21095,7 +21099,7 @@ class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'ecb767e15d688a8f93237a2572fcdf2343c087c6', class: "bottom-text", slot: "bottom-right", color: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
+            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'baa09803b87cd3efce3cce29cb735b5d0a290832', class: "bottom-text", slot: "bottom-right", color: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
             _a.length, "/", this.maxLength)))));
     }
     static get formAssociated() { return true; }
@@ -23550,6 +23554,8 @@ let numberInputIds = 0;
 /**
  * @since 2.6.0
  * @form-ready 2.6.0
+ * @slot start - Element will be displayed at the start of the input
+ * @slot end - Element will be displayed at the end of the input
  */
 class NumberInput {
     constructor(hostRef) {
@@ -23630,16 +23636,16 @@ class NumberInput {
     }
     render() {
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (hAsync(Host, { key: '257156c1c5ec77ef4426b3a8818941f0b28062c6', class: {
+        return (hAsync(Host, { key: 'd44d46cba0a85db489b707e79978d7835cd7f6db', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'ab953fa1af86d3f0415b709fff3871e17f00453a', id: this.numberInputId, 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 }, hAsync("div", { key: '82ab33e39746a47d1c387f953b3862bd47547a4b', class: {
+            } }, hAsync("ix-field-wrapper", { key: '258921ecc2d462c97026ba1b0bfc783c277cef41', id: this.numberInputId, 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 }, hAsync("div", { key: '88f56233a0fff77353f8e5710e7503e61877a391', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, hAsync(SlotStart, { key: '252e87d3380c33806b2a1af84b98d672e2f0980f', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'd2cbab2e83934c970e9b8fce0390d5ad01234646', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, min: this.min, max: this.max, pattern: this.pattern, type: 'number', 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(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => onInputBlur(this, this.inputRef.current) }), hAsync(SlotEnd, { key: '9a9a6de11186692b3707d85315a124256124ad2f', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '97a24bdb25e6a6818038f662eb14a94e4e79d7a0', class: {
+            } }, hAsync(SlotStart, { key: 'c74d37bb1153f84bd326b4c84308d0ef87c2af53', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'e538819db34d4e7b3a345f992f79cd7d528b3fae', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, min: this.min, max: this.max, pattern: this.pattern, type: 'number', 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(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => onInputBlur(this, this.inputRef.current) }), hAsync(SlotEnd, { key: '91bff359e6340bace9a9669da1ee056da40bb977', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '9f002e7ccfb5f77e76d4e1179af333ca20f99cd2', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, hAsync("ix-icon-button", { key: '89d6c0aea01ea12ad5342cf825f9f43748e5f47a', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", onClick: () => {
+            } }, hAsync("ix-icon-button", { key: '6fa92f4a99603300ba0815bbab96f5c3c01f35b6', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -23647,7 +23653,7 @@ class NumberInput {
                 checkInternalValidity(this, this.inputRef.current);
                 this.updateFormInternalValue(Number(this.inputRef.current.value));
                 this.valueChange.emit(this.value);
-            } }), hAsync("ix-icon-button", { key: '7a913f64e5abf65be33268df93eae3635452b51b', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", onClick: () => {
+            } }), hAsync("ix-icon-button", { key: '514c2c7164156b86b09a6aa2c999e00128e4527e', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -25041,7 +25047,8 @@ class Select {
             hostRef.$hostElement$["s-ei"] = this.formInternals;
         }
         this.dropdownWrapperRef = makeRef();
-        this.dropdownAnchor = makeRef();
+        this.dropdownAnchorRef = makeRef();
+        this.inputRef = makeRef();
         this.itemObserver = createMutationObserver(() => {
             if (!this.arrowFocusController) {
                 return;
@@ -25123,10 +25130,10 @@ class Select {
         this.updateSelection();
     }
     watchDropdownShow(show) {
-        if (show) {
-            this.arrowFocusController = new ArrowFocusController(this.visibleNonShadowItems, this.dropdownRef, this.focusControllerCallbackBind);
+        if (show && this.dropdownElement) {
+            this.arrowFocusController = new ArrowFocusController(this.visibleNonShadowItems, this.dropdownElement, this.focusControllerCallbackBind);
             this.arrowFocusController.wrap = !this.editable;
-            this.itemObserver.observe(this.dropdownRef, {
+            this.itemObserver.observe(this.dropdownElement, {
                 childList: true,
                 subtree: true,
             });
@@ -25164,7 +25171,7 @@ class Select {
     }
     focusDropdownItem(index) {
         var _a, _b;
-        this.navigationItem = null;
+        this.navigationItem = undefined;
         if (index < this.visibleNonShadowItems.length) {
             const nestedDropdownItem = (_b = (_a = this.visibleNonShadowItems[index]) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ix-dropdown-item');
             if (!nestedDropdownItem) {
@@ -25188,6 +25195,7 @@ class Select {
         this.updateSelection();
     }
     emitAddItem(value) {
+        var _a;
         if (value === undefined || value.trim() === '') {
             return false;
         }
@@ -25198,7 +25206,7 @@ class Select {
         const newItem = document.createElement('ix-select-item');
         newItem.value = value;
         newItem.label = value;
-        this.customItemsContainerRef.appendChild(newItem);
+        (_a = this.customItemsContainerElement) === null || _a === void 0 ? void 0 : _a.appendChild(newItem);
         this.clearInput();
         this.itemClick(value);
         return false;
@@ -25222,7 +25230,7 @@ class Select {
         }
     }
     updateSelection() {
-        var _a;
+        var _a, _b;
         let ids = [];
         if (this.value) {
             ids = Array.isArray(this.value) ? [...this.value] : [this.value];
@@ -25239,12 +25247,12 @@ class Select {
         });
         this.selectedLabels = this.selectedItems.map((item) => item.label);
         if (((_a = this.selectedLabels) === null || _a === void 0 ? void 0 : _a.length) && this.isSingleMode) {
-            this.inputValue = this.selectedLabels[0];
+            this.inputValue = (_b = this.selectedLabels[0]) !== null && _b !== void 0 ? _b : '';
         }
         else {
             this.inputValue = '';
         }
-        this.inputRef && (this.inputRef.value = this.inputValue);
+        this.inputElement && (this.inputElement.value = this.inputValue);
     }
     emitValueChange(value) {
         const { defaultPrevented } = this.valueChange.emit(value);
@@ -25252,7 +25260,7 @@ class Select {
             return true;
         }
         if (!value) {
-            this.itemSelectionChange.emit(null);
+            this.itemSelectionChange.emit([]);
         }
         else {
             this.itemSelectionChange.emit(Array.isArray(value) ? value : [value]);
@@ -25262,10 +25270,10 @@ class Select {
     }
     componentDidLoad() {
         var _a;
-        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.addEventListener('input', () => {
+        (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener('input', () => {
             var _a;
             this.dropdownShow = true;
-            this.inputChange.emit((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value);
+            this.inputChange.emit((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value);
         });
     }
     componentWillLoad() {
@@ -25290,13 +25298,13 @@ class Select {
         var _a, _b;
         this.dropdownShow = event.detail;
         if (event.detail) {
-            (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = this.inputRef) === null || _b === void 0 ? void 0 : _b.select();
+            (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.select();
             this.removeHiddenFromItems();
             this.isDropdownEmpty = this.isEveryDropdownItemHidden;
         }
         else {
-            this.navigationItem = null;
+            this.navigationItem = undefined;
             this.updateSelection();
             this.inputFilterText = '';
         }
@@ -25319,19 +25327,21 @@ class Select {
         if (this.isMultipleMode) {
             return;
         }
-        if (!this.itemExists(this.inputFilterText.trim()) &&
-            !this.itemExists(el === null || el === void 0 ? void 0 : el.label)) {
-            if (this.editable) {
-                const defaultPrevented = this.emitAddItem(this.inputFilterText.trim());
-                if (defaultPrevented) {
-                    return;
-                }
+        const trimmedInput = this.inputFilterText.trim();
+        const itemLabel = el === null || el === void 0 ? void 0 : el.label;
+        if (this.editable &&
+            !this.itemExists(trimmedInput) &&
+            !this.itemExists(itemLabel)) {
+            const defaultPrevented = this.emitAddItem(trimmedInput);
+            if (defaultPrevented) {
+                return;
             }
         }
         this.dropdownShow = false;
         this.updateSelection();
     }
     async onArrowNavigation(event, key) {
+        var _a;
         if (event.defaultPrevented) {
             return;
         }
@@ -25375,14 +25385,12 @@ class Select {
             return;
         }
         if (this.isAddItemVisible() &&
-            this.addItemRef.contains(await this.navigationItem.getDropdownItemElement())) {
+            ((_a = this.addItemElement) === null || _a === void 0 ? void 0 : _a.contains(await this.navigationItem.getDropdownItemElement()))) {
             if (moveUp) {
                 this.applyFocusTo(this.visibleItems.pop());
             }
-            else {
-                if (this.visibleItems.length) {
-                    this.applyFocusTo(this.visibleItems.shift());
-                }
+            else if (this.visibleItems.length) {
+                this.applyFocusTo(this.visibleItems.shift());
             }
             return;
         }
@@ -25429,19 +25437,20 @@ class Select {
         var _a, _b;
         if (this.addItemButton) {
             (_b = (_a = this.addItemButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
-            this.navigationItem = this.addItemRef;
+            this.navigationItem = this.addItemElement;
         }
     }
     filterItemsWithTypeahead() {
-        var _a;
-        this.inputFilterText = ((_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value) || '';
+        var _a, _b;
+        this.inputFilterText = (_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
         if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {
             return;
         }
         if (this.inputFilterText) {
             this.items.forEach((item) => {
+                var _a;
                 item.classList.remove('d-none');
-                if (!item.label.toLowerCase().includes(this.inputFilterText.toLowerCase())) {
+                if (!((_a = item.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.inputFilterText.toLowerCase()))) {
                     item.classList.add('d-none');
                 }
             });
@@ -25460,8 +25469,8 @@ class Select {
         });
     }
     clearInput() {
-        if (this.inputRef) {
-            this.inputRef.value = '';
+        if (this.inputElement) {
+            this.inputElement.value = '';
         }
         this.inputFilterText = '';
     }
@@ -25516,37 +25525,50 @@ class Select {
      * Returns the native input element used in the component.
      */
     getNativeInputElement() {
-        return Promise.resolve(this.inputRef);
+        if (this.inputElement) {
+            return Promise.resolve(this.inputElement);
+        }
+        else {
+            return Promise.reject(new Error('Input element not found'));
+        }
     }
     /**
      * Focuses the input field
      */
     async focusInput() {
-        return (await this.getNativeInputElement()).focus();
+        const inputElement = await this.getNativeInputElement();
+        if (inputElement) {
+            inputElement.focus();
+        }
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '99abe58329d0fcd9911caacef49b66274489814f', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (hAsync(Host, { key: 'e303aff09c9bfc570154e79b6276c609ed12c531', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, hAsync("ix-field-wrapper", { key: '89c8de8e9f35f0c5183be8dcd8e6b891016f6ef3', 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 }, hAsync("div", { key: 'e103c45c3df1dbf9f4dd23e2d062a39b39d6b995', class: {
+            } }, hAsync("ix-field-wrapper", { key: '257e201bdca4c09533c569dfe1d53efd46ef9efe', 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 }, hAsync("div", { key: 'a94e63733189753312269744dfc48178e4a38e6e', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
             }, ref: (ref) => {
-                this.dropdownAnchor(ref);
+                this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, hAsync("div", { key: '2bafbbf9195ac7303c2e1fb2331481cf3af078ee', class: "input-container" }, hAsync("div", { key: 'c69296e322974fd1659d9794bc4469c7faab6ba0', class: "chips" }, this.isMultipleMode
+            } }, hAsync("div", { key: '86746135a307b00ca720636200f2f8b06d148605', class: "input-container" }, hAsync("div", { key: 'da77d6ccc888fd2f8e171b33414741c24014563c', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', hAsync("div", { key: '49b13da2a7e8230b41b8365394694d6f9991b367', class: "trigger" }, hAsync("input", { key: 'fbafa635a105fec9f43756e0e767d4567355d224', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', hAsync("div", { key: '49c977ee154d514bb1066b781eacaea57d5ca49e', class: "trigger" }, hAsync("input", { key: '431842c51aceb1b187032aab9d690e84853f71ae', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
-            }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => (this.inputRef = ref), onBlur: (e) => this.onInputBlur(e), onFocus: () => {
-                this.navigationItem = null;
+            }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
+                this.inputElement = ref;
+                this.inputRef(ref);
+            }, onBlur: (e) => this.onInputBlur(e), onFocus: () => {
+                this.navigationItem = undefined;
             }, onInput: () => this.filterItemsWithTypeahead(), onKeyDown: (e) => this.onKeyDown(e) }), this.allowClear &&
+            !this.disabled &&
+            !this.readonly &&
             (((_d = this.selectedLabels) === null || _d === void 0 ? void 0 : _d.length) || this.inputFilterText) ? (hAsync("ix-icon-button", { class: "clear", icon: 'clear', ghost: true, oval: true, size: "16", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
@@ -25554,27 +25576,27 @@ class Select {
             } })) : null, this.disabled || this.readonly ? null : (hAsync("ix-icon-button", { "data-select-dropdown": true, class: { 'dropdown-visible': this.dropdownShow }, icon: "chevron-down-small", ghost: true, ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            } }))))))), hAsync("ix-dropdown", { key: '1ce2a1c9e706231b16729de9ab6860a3040cf6b8', ref: (ref) => (this.dropdownRef = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } }))))))), hAsync("ix-dropdown", { key: '8d4ee01533ee9843a836a9b4c986ab5db0be4db9', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'd-none': this.disabled || this.readonly,
-            }, anchor: this.dropdownAnchor.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
+            }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
                 const minWidth = (_b = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select')) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
                 return {
                     minWidth: `${minWidth}px`,
                 };
-            } }, hAsync("div", { key: '9a60476d90a72bb423434438d947ed5acd237a0b', class: {
+            } }, hAsync("div", { key: '3897bfc9748d7044d038c413f046ba693ac7f03d', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '375d3631327065cfed363398941c79550a34e4bd', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '71fada597f8ae68598a1444b96c66fe85cf56258', onSlotchange: () => {
                 this.updateSelection();
-            } }), hAsync("div", { key: '86946fcba90f1d30760539b778449c53c99caa18', ref: (ref) => (this.customItemsContainerRef = ref), class: "d-contents" }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
+            } }), hAsync("div", { key: 'bbb7e303d5443707e576d2dc2a9597bdf37bff7c', ref: (ref) => (this.customItemsContainerElement = ref), class: "d-contents" }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.emitAddItem(this.inputFilterText);
-            }, onFocus: () => (this.navigationItem = this.addItemRef), ref: (ref) => {
-                this.addItemRef = ref;
+            }, onFocus: () => (this.navigationItem = this.addItemElement), ref: (ref) => {
+                this.addItemElement = ref;
             } })) : null, this.isDropdownEmpty && !this.editable ? (hAsync("div", { class: "select-list-header" }, this.i18nNoMatches)) : (''))));
     }
     static get formAssociated() { return true; }
@@ -26526,10 +26548,10 @@ class Textarea {
         return (await this.getNativeInputElement()).focus();
     }
     render() {
-        return (hAsync(Host, { key: '55f9acbe1f37fd80ce6d6104c06c057b2014dc47', class: {
+        return (hAsync(Host, { key: '952c321d9c45ebf78962aca11974f95dcfd7b18a', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'd38e875d3de15093496a1ae8e3d0e06272e3f4fc', 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.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'c85143e3e8866490d3673d0183741e1f914692ce', class: "bottom-text", slot: "bottom-right", color: "soft" }, this.value.length, "/", this.maxLength)), hAsync("div", { key: '790d620ea6157129ee00798edd4076b73769c705', class: "input-wrapper" }, hAsync(TextareaElement, { key: '3242925ed8673d49974da380b7c2e8833170511e', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => onInputBlur(this, this.textAreaRef.current) })))));
+            } }, hAsync("ix-field-wrapper", { key: '78c62b4ed783ffe4545de3bfa17ff9fbe5dcde2f', 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.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'b05c5008923f91643f710f9953ae374f44d88c11', class: "bottom-text", slot: "bottom-right", color: "soft" }, this.value.length, "/", this.maxLength)), hAsync("div", { key: 'bb7a292373d01721499c2128b057cad95c0fe59d', class: "input-wrapper" }, hAsync(TextareaElement, { key: '1769ad294d552d2cd99113dfdcddc77ec517826a', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => onInputBlur(this, this.textAreaRef.current) })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -26989,7 +27011,7 @@ class ToastContainer {
     }; }
 }
-const toggleCss = "/*!@:host*/.sc-ix-toggle-h{display:inline-flex;position:relative;height:2rem;justify-content:flex-start;align-items:center;margin-right:0.25rem;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-toggle-h *.sc-ix-toggle,.sc-ix-toggle-h *.sc-ix-toggle::after,.sc-ix-toggle-h *.sc-ix-toggle::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-toggle-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-corner{display:none}/*!@:host .switch*/.sc-ix-toggle-h .switch.sc-ix-toggle{position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem;margin-right:0.25rem}/*!@:host .switch input*/.sc-ix-toggle-h .switch.sc-ix-toggle input.sc-ix-toggle{opacity:0;width:0;height:0}/*!@:host .slider*/.sc-ix-toggle-h .slider.sc-ix-toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:1px solid transparent}/*!@:host .slider:before*/.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:\"\";height:1.125rem;width:1.125rem;left:4px;bottom:2px;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}/*!@:host input*/.sc-ix-toggle-h input.sc-ix-toggle{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}/*!@:host input:focus-visible + .switch > .slider*/.sc-ix-toggle-h input.sc-ix-toggle:focus-visible+.switch.sc-ix-toggle>.slider.sc-ix-toggle{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}/*!@:host input:checked + .switch > .slider::before*/.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle>.slider.sc-ix-toggle::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.35rem)}/*!@:host input + .switch > .slider*/.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle>.slider.sc-ix-toggle{border-color:var(--theme-switch-off--border-color)}/*!@:host input + .switch:hover > .slider*/.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle:hover>.slider.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}/*!@:host input + .switch:hover > .slider:before*/.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle:hover>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover)}/*!@:host input + .switch:active > .slider*/.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle:active>.slider.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}/*!@:host input + .switch:active > .slider:before*/.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle:active>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active)}/*!@:host input:checked + .switch > .slider*/.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}/*!@:host input:checked + .switch:hover > .slider*/.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle:hover>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}/*!@:host input:checked + .switch:hover > .slider:before*/.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle:hover>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover)}/*!@:host input:checked + .switch:active > .slider*/.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle:active>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}/*!@:host input:checked + .switch:active > .slider:before*/.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle:active>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active)}/*!@:host input:indeterminate + .switch > .slider::before*/.sc-ix-toggle-h input.sc-ix-toggle:indeterminate+.switch.sc-ix-toggle>.slider.sc-ix-toggle::before{transform:translateX(0.7rem)}/*!@:host .toggle-text*/.sc-ix-toggle-h .toggle-text.sc-ix-toggle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}/*!@:host(.disabled)*/.disabled.sc-ix-toggle-h{pointer-events:none}/*!@:host(.disabled) input + .switch*/.disabled.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle{opacity:0.5}/*!@:host(.disabled) input + .switch > .slider*/.disabled.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle>.slider.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled)}/*!@:host(.disabled) input + .switch > .slider:before*/.disabled.sc-ix-toggle-h input.sc-ix-toggle+.switch.sc-ix-toggle>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled)}/*!@:host(.disabled) input:checked + .switch > .slider*/.disabled.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background--disabled)}/*!@:host(.disabled) input:checked + .switch > .slider:before*/.disabled.sc-ix-toggle-h input.sc-ix-toggle:checked+.switch.sc-ix-toggle>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--disabled)}/*!@:host(.disabled) .toggle-text*/.disabled.sc-ix-toggle-h .toggle-text.sc-ix-toggle{color:var(--theme-color-weak-text)}/*!@:host(.ix-info:not(.disabled)) .slider*/.ix-info.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(--theme-switch-off--background--info);--theme-switch-off--background--hover:var(--theme-switch-off--background--info--hover);--theme-switch-off--background--active:var(--theme-switch-off--background--info--active);--theme-switch-thumb-off--background:var(--theme-switch-thumb-off--background--info);--theme-switch-thumb-off--background--hover:var(--theme-switch-thumb-off--background--info--hover);--theme-switch-thumb-off--background--active:var(--theme-switch-thumb-off--background--info--active);--theme-switch-off--border-color:var(--theme-switch-off--border-color--info);--theme-switch-off--border-color--hover:var(--theme-switch-off--border-color--info--hover);--theme-switch-off--border-color--active:var(--theme-switch-off--border-color--info--active);--theme-switch-on--background:var(--theme-switch-on--background--info);--theme-switch-on--background--hover:var(--theme-switch-on--background--info--hover);--theme-switch-on--background--active:var(--theme-switch-on--background--info--active);--theme-switch-thumb-on--background:var(--theme-switch-thumb-on--background--info);--theme-switch-thumb-on--background--hover:var(--theme-switch-thumb-on--background--info--hover);--theme-switch-thumb-on--background--active:var(--theme-switch-thumb-on--background--info--active);--theme-switch-on--border-color:var(--theme-switch-on--border-color--info);--theme-switch-on--border-color--hover:var(--theme-switch-on--border-color--info--hover);--theme-switch-on--border-color--active:var(--theme-switch-on--border-color--info--active);--theme-switch-mixed--background:var(--theme-switch-mixed--background--info);--theme-switch-mixed--background--hover:var(--theme-switch-mixed--background--info--hover);--theme-switch-mixed--background--active:var(--theme-switch-mixed--background--info--active);--theme-switch-thumb-mixed--background:var(--theme-switch-thumb-mixed--background--info);--theme-switch-thumb-mixed--background--hover:var(--theme-switch-thumb-mixed--background--info--hover);--theme-switch-thumb-mixed--background--active:var(--theme-switch-thumb-mixed--background--info--active);--theme-switch-mixed--border-color:var(--theme-switch-mixed--border-color--info);--theme-switch-mixed--border-color--hover:var(--theme-switch-mixed--border-color--info--hover);--theme-switch-mixed--border-color--active:var(--theme-switch-mixed--border-color--info--active)}/*!@:host(.ix-warning:not(.disabled)) .slider*/.ix-warning.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(--theme-switch-off--background--warning);--theme-switch-off--background--hover:var(--theme-switch-off--background--warning--hover);--theme-switch-off--background--active:var(--theme-switch-off--background--warning--active);--theme-switch-thumb-off--background:var(--theme-switch-thumb-off--background--warning);--theme-switch-thumb-off--background--hover:var(--theme-switch-thumb-off--background--warning--hover);--theme-switch-thumb-off--background--active:var(--theme-switch-thumb-off--background--warning--active);--theme-switch-off--border-color:var(--theme-switch-off--border-color--warning);--theme-switch-off--border-color--hover:var(--theme-switch-off--border-color--warning--hover);--theme-switch-off--border-color--active:var(--theme-switch-off--border-color--warning--active);--theme-switch-on--background:var(--theme-switch-on--background--warning);--theme-switch-on--background--hover:var(--theme-switch-on--background--warning--hover);--theme-switch-on--background--active:var(--theme-switch-on--background--warning--active);--theme-switch-thumb-on--background:var(--theme-switch-thumb-on--background--warning);--theme-switch-thumb-on--background--hover:var(--theme-switch-thumb-on--background--warning--hover);--theme-switch-thumb-on--background--active:var(--theme-switch-thumb-on--background--warning--active);--theme-switch-on--border-color:var(--theme-switch-on--border-color--warning);--theme-switch-on--border-color--hover:var(--theme-switch-on--border-color--warning--hover);--theme-switch-on--border-color--active:var(--theme-switch-on--border-color--warning--active);--theme-switch-mixed--background:var(--theme-switch-mixed--background--warning);--theme-switch-mixed--background--hover:var(--theme-switch-mixed--background--warning--hover);--theme-switch-mixed--background--active:var(--theme-switch-mixed--background--warning--active);--theme-switch-thumb-mixed--background:var(--theme-switch-thumb-mixed--background--warning);--theme-switch-thumb-mixed--background--hover:var(--theme-switch-thumb-mixed--background--warning--hover);--theme-switch-thumb-mixed--background--active:var(--theme-switch-thumb-mixed--background--warning--active);--theme-switch-mixed--border-color:var(--theme-switch-mixed--border-color--warning);--theme-switch-mixed--border-color--hover:var(--theme-switch-mixed--border-color--warning--hover);--theme-switch-mixed--border-color--active:var(--theme-switch-mixed--border-color--warning--active)}/*!@:host(.ix-invalid--required:not(.disabled)) .slider*/.ix-invalid--required.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(--theme-switch-off--background--invalid);--theme-switch-off--background--hover:var(--theme-switch-off--background--invalid--hover);--theme-switch-off--background--active:var(--theme-switch-off--background--invalid--active);--theme-switch-thumb-off--background:var(--theme-switch-thumb-off--background--invalid);--theme-switch-thumb-off--background--hover:var(--theme-switch-thumb-off--background--invalid--hover);--theme-switch-thumb-off--background--active:var(--theme-switch-thumb-off--background--invalid--active);--theme-switch-off--border-color:var(--theme-switch-off--border-color--invalid);--theme-switch-off--border-color--hover:var(--theme-switch-off--border-color--invalid--hover);--theme-switch-off--border-color--active:var(--theme-switch-off--border-color--invalid--active);--theme-switch-on--background:var(--theme-switch-on--background--invalid);--theme-switch-on--background--hover:var(--theme-switch-on--background--invalid--hover);--theme-switch-on--background--active:var(--theme-switch-on--background--invalid--active);--theme-switch-thumb-on--background:var(--theme-switch-thumb-on--background--invalid);--theme-switch-thumb-on--background--hover:var(--theme-switch-thumb-on--background--invalid--hover);--theme-switch-thumb-on--background--active:var(--theme-switch-thumb-on--background--invalid--active);--theme-switch-on--border-color:var(--theme-switch-on--border-color--invalid);--theme-switch-on--border-color--hover:var(--theme-switch-on--border-color--invalid--hover);--theme-switch-on--border-color--active:var(--theme-switch-on--border-color--invalid--active);--theme-switch-mixed--background:var(--theme-switch-mixed--background--invalid);--theme-switch-mixed--background--hover:var(--theme-switch-mixed--background--invalid--hover);--theme-switch-mixed--background--active:var(--theme-switch-mixed--background--invalid--active);--theme-switch-thumb-mixed--background:var(--theme-switch-thumb-mixed--background--invalid);--theme-switch-thumb-mixed--background--hover:var(--theme-switch-thumb-mixed--background--invalid--hover);--theme-switch-thumb-mixed--background--active:var(--theme-switch-thumb-mixed--background--invalid--active);--theme-switch-mixed--border-color:var(--theme-switch-mixed--border-color--invalid);--theme-switch-mixed--border-color--hover:var(--theme-switch-mixed--border-color--invalid--hover);--theme-switch-mixed--border-color--active:var(--theme-switch-mixed--border-color--invalid--active)}/*!@:host(.ix-invalid:not(.disabled)) .slider*/.ix-invalid.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(--theme-switch-off--background--invalid);--theme-switch-off--background--hover:var(--theme-switch-off--background--invalid--hover);--theme-switch-off--background--active:var(--theme-switch-off--background--invalid--active);--theme-switch-thumb-off--background:var(--theme-switch-thumb-off--background--invalid);--theme-switch-thumb-off--background--hover:var(--theme-switch-thumb-off--background--invalid--hover);--theme-switch-thumb-off--background--active:var(--theme-switch-thumb-off--background--invalid--active);--theme-switch-off--border-color:var(--theme-switch-off--border-color--invalid);--theme-switch-off--border-color--hover:var(--theme-switch-off--border-color--invalid--hover);--theme-switch-off--border-color--active:var(--theme-switch-off--border-color--invalid--active);--theme-switch-on--background:var(--theme-switch-on--background--invalid);--theme-switch-on--background--hover:var(--theme-switch-on--background--invalid--hover);--theme-switch-on--background--active:var(--theme-switch-on--background--invalid--active);--theme-switch-thumb-on--background:var(--theme-switch-thumb-on--background--invalid);--theme-switch-thumb-on--background--hover:var(--theme-switch-thumb-on--background--invalid--hover);--theme-switch-thumb-on--background--active:var(--theme-switch-thumb-on--background--invalid--active);--theme-switch-on--border-color:var(--theme-switch-on--border-color--invalid);--theme-switch-on--border-color--hover:var(--theme-switch-on--border-color--invalid--hover);--theme-switch-on--border-color--active:var(--theme-switch-on--border-color--invalid--active);--theme-switch-mixed--background:var(--theme-switch-mixed--background--invalid);--theme-switch-mixed--background--hover:var(--theme-switch-mixed--background--invalid--hover);--theme-switch-mixed--background--active:var(--theme-switch-mixed--background--invalid--active);--theme-switch-thumb-mixed--background:var(--theme-switch-thumb-mixed--background--invalid);--theme-switch-thumb-mixed--background--hover:var(--theme-switch-thumb-mixed--background--invalid--hover);--theme-switch-thumb-mixed--background--active:var(--theme-switch-thumb-mixed--background--invalid--active);--theme-switch-mixed--border-color:var(--theme-switch-mixed--border-color--invalid);--theme-switch-mixed--border-color--hover:var(--theme-switch-mixed--border-color--invalid--hover);--theme-switch-mixed--border-color--active:var(--theme-switch-mixed--border-color--invalid--active)}";
+const toggleCss = "/*!@:host*/.sc-ix-toggle-h{display:inline-flex;flex-direction:row;position:relative;height:1.5rem;margin-block-start:0.25rem;margin-block-end:0.25rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-toggle-h *.sc-ix-toggle,.sc-ix-toggle-h *.sc-ix-toggle::after,.sc-ix-toggle-h *.sc-ix-toggle::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-toggle-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-toggle-h .sc-ix-toggle::-webkit-scrollbar-corner{display:none}/*!@:host input[type=checkbox]*/.sc-ix-toggle-h input[type=checkbox].sc-ix-toggle{display:none}/*!@:host .wrapper*/.sc-ix-toggle-h .wrapper.sc-ix-toggle{display:flex;align-items:flex-start;width:100%;height:100%}/*!@:host .label*/.sc-ix-toggle-h .label.sc-ix-toggle{display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-block-start:0.125rem;margin-inline-start:0.5625rem}/*!@:host .switch*/.sc-ix-toggle-h .switch.sc-ix-toggle{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}/*!@:host .slider*/.sc-ix-toggle-h .slider.sc-ix-toggle{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}/*!@:host .slider:before*/.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:\"\";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}/*!@:host .switch.checked > .slider::before*/.sc-ix-toggle-h .switch.checked.sc-ix-toggle>.slider.sc-ix-toggle::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}/*!@:host .switch > .slider*/.sc-ix-toggle-h .switch.sc-ix-toggle>.slider.sc-ix-toggle{border-color:var(--theme-switch-off--border-color)}/*!@:host .switch:hover > .slider*/.sc-ix-toggle-h .switch.sc-ix-toggle:hover>.slider.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}/*!@:host .switch:hover > .slider:before*/.sc-ix-toggle-h .switch.sc-ix-toggle:hover>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover)}/*!@:host .switch:active > .slider*/.sc-ix-toggle-h .switch.sc-ix-toggle:active>.slider.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}/*!@:host .switch:active > .slider:before*/.sc-ix-toggle-h .switch.sc-ix-toggle:active>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active)}/*!@:host .switch.checked > .slider*/.sc-ix-toggle-h .switch.checked.sc-ix-toggle>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}/*!@:host .switch.checked:hover > .slider*/.sc-ix-toggle-h .switch.checked.sc-ix-toggle:hover>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}/*!@:host .switch.checked:hover > .slider:before*/.sc-ix-toggle-h .switch.checked.sc-ix-toggle:hover>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover)}/*!@:host .switch.checked:active > .slider*/.sc-ix-toggle-h .switch.checked.sc-ix-toggle:active>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}/*!@:host .switch.checked:active > .slider:before*/.sc-ix-toggle-h .switch.checked.sc-ix-toggle:active>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active)}/*!@:host .switch.indeterminate > .slider::before*/.sc-ix-toggle-h .switch.indeterminate.sc-ix-toggle>.slider.sc-ix-toggle::before{transform:translateX(0.75rem)}/*!@:host(:not(.disabled)) .wrapper*/.sc-ix-toggle-h:not(.disabled) .wrapper.sc-ix-toggle{cursor:pointer}/*!@:host(:not(.disabled)) .switch:focus-visible > .slider*/.sc-ix-toggle-h:not(.disabled) .switch.sc-ix-toggle:focus-visible>.slider.sc-ix-toggle{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}/*!@:host(.disabled)*/.disabled.sc-ix-toggle-h{pointer-events:none}/*!@:host(.disabled) .switch*/.disabled.sc-ix-toggle-h .switch.sc-ix-toggle{opacity:0.5}/*!@:host(.disabled) .switch > .slider*/.disabled.sc-ix-toggle-h .switch.sc-ix-toggle>.slider.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled)}/*!@:host(.disabled) .switch > .slider:before*/.disabled.sc-ix-toggle-h .switch.sc-ix-toggle>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled)}/*!@:host(.disabled) .switch.checked > .slider*/.disabled.sc-ix-toggle-h .switch.checked.sc-ix-toggle>.slider.sc-ix-toggle{background-color:var(--theme-switch-on--background--disabled)}/*!@:host(.disabled) .switch.checked > .slider:before*/.disabled.sc-ix-toggle-h .switch.checked.sc-ix-toggle>.slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--disabled)}/*!@:host(.disabled) .label*/.disabled.sc-ix-toggle-h .label.sc-ix-toggle{color:var(--theme-color-weak-text)}/*!@:host(.ix-info:not(.disabled)) .slider*/.ix-info.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(\n    --theme-switch-off--background--info\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--info--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--info--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--info\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--info--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--info--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--info\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--info--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--info--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--info\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--info--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--info--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--info\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--info--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--info--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--info\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--info--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--info--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--info\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--info--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--info--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--info\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--info--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--info--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--info\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--info--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--info--active\n  )}/*!@:host(.ix-warning:not(.disabled)) .slider*/.ix-warning.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(\n    --theme-switch-off--background--warning\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--warning--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--warning--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--warning\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--warning--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--warning--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--warning\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--warning--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--warning--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--warning\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--warning--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--warning--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--warning\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--warning--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--warning--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--warning\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--warning--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--warning--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--warning\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--warning--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--warning--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--warning\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--warning--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--warning--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--warning\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--warning--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--warning--active\n  )}/*!@:host(.ix-invalid--required:not(.disabled)) .slider*/.ix-invalid--required.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}/*!@:host(.ix-invalid:not(.disabled)) .slider*/.ix-invalid.sc-ix-toggle-h:not(.disabled) .slider.sc-ix-toggle{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}";
 var IxToggleStyle0 = toggleCss;
 /**
@@ -27019,6 +27041,9 @@ class Toggle {
         this.required = false;
     }
     onCheckedChange(newChecked) {
+        if (this.disabled) {
+            return;
+        }
         if (this.indeterminate) {
             this.indeterminate = false;
         }
@@ -27048,9 +27073,20 @@ class Toggle {
         return Promise.resolve(this.formInternals.form);
     }
     render() {
-        return (hAsync(Host, { key: '2aafe9718c088e425a93a520063a55690dfa2f4e', class: {
+        let toggleText = this.textOff;
+        if (this.checked) {
+            toggleText = this.textOn;
+        }
+        if (this.indeterminate) {
+            toggleText = this.textIndeterminate;
+        }
+        return (hAsync(Host, { key: '326e2301e2d731f943233771e66c80680fc77f71', class: {
                 disabled: this.disabled,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("input", { key: 'eba13dd0d816d4f93113b7bc3eff1bd9bb304eb2', disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, role: "switch", tabindex: 0, type: "checkbox", "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), hAsync("label", { key: '587d507fb9e5208d4dfad4be72ca6a1483a3b96a', class: "switch", tabIndex: -1 }, hAsync("span", { key: '6e3d43c84b83d15d1196aa4df1ab1944be820c25', class: "slider" })), !this.hideText ? (hAsync(Fragment, null, !this.indeterminate ? (hAsync("span", { class: 'toggle-text', "aria-hidden": a11yBoolean(true) }, this.checked ? this.textOn : this.textOff)) : (hAsync("span", { class: 'toggle-text', "aria-hidden": a11yBoolean(true) }, this.textIndeterminate)))) : null));
+            } }, hAsync("label", { key: '1498ebf0357541fca93abab9e774c274f2b65702', class: "wrapper" }, hAsync("button", { key: '97825608357f5a2fc9b000aa33b7d2a77f540362', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+                switch: true,
+                checked: this.checked,
+                indeterminate: this.indeterminate,
+            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '644322fb450d6836be5260c1191c8b3ec36ecdaa', class: "slider" })), hAsync("input", { key: 'db434f5b8caf0be198cdabca153c6b2308d6df11', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '401fce46a2f766b62e06c13d8a571bfbe931bb42', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -27139,9 +27175,9 @@ class ToggleButton {
                 'aria-pressed': a11yBoolean(this.pressed),
             },
         };
-        return (hAsync(Host, { key: 'bbfd616d068c6fbc3d701392924750632ac1b0a6', class: {
+        return (hAsync(Host, { key: '9927083c0c3ac1ce93333d41d60c4069bec42c2a', class: {
                 disabled: this.disabled || this.loading,
-            } }, hAsync(BaseButton, Object.assign({ key: '80ced9446e05dc5752143c03f8cc18b37ba24afa' }, baseButtonProps), hAsync("slot", { key: 'dc1b54ee9fde12923f583385ebcdbcdc6fa08139' }))));
+            } }, hAsync(BaseButton, Object.assign({ key: '78d27ae9c94500d658d1bb773ff6bb1350934fed' }, baseButtonProps), hAsync("slot", { key: '8ffb2bb3726742fc00be381212fa50e5331b05e0' }))));
     }
     static get watchers() { return {
         "variant": ["onVariantChange"],
@@ -27450,9 +27486,9 @@ class Tooltip {
         this.visible = false;
     }
     render() {
-        return (hAsync(Host, { key: '1f46e4d330357c6f1d8770cfb407d31cc244aa64', class: {
+        return (hAsync(Host, { key: 'ebbc608804dfd761125e956c9309d3c7e9a6d12c', class: {
                 visible: this.visible,
-            }, role: "tooltip" }, hAsync("div", { key: '7a7896373a839c25a39fe41331223732ed40959d', class: "tooltip-container" }, hAsync("div", { key: 'adb027026f5a668d2dbce4bceacdc1f66b7b7995', class: 'tooltip-title' }, hAsync("slot", { key: '183340b03555b6e170f76c38e952ffa2bcad300f', name: "title-icon" }), hAsync("ix-typography", { key: '14f5f8452aeda63a3acba3b577d2ffc81241200f', format: "h5" }, this.titleContent, hAsync("slot", { key: '613335f4965c9e151f82a2e6b1d3f3635702dc1f', name: "title-content" }))), hAsync("div", { key: 'c36f41b65c2e21b160bc7eee8dbee0c132d7d803', class: 'tooltip-content' }, hAsync("slot", { key: 'f17ab01352090365d03a89d2e1c6a56823c74a5c' })), hAsync("div", { key: '617f5fb5598ebd172591170e5400cab0e1d3f0a3', class: "arrow" }))));
+            }, role: "tooltip" }, hAsync("div", { key: '4a028e58597259058d5da914b89daaa464b024b3', class: "tooltip-container" }, hAsync("div", { key: 'a89fb49efcea7926b8eb1dcea67aa2f082f6d7e1', class: 'tooltip-title' }, hAsync("slot", { key: '2c18717f991c7f4387cb42c406cc64a1e7648807', name: "title-icon" }), hAsync("ix-typography", { key: 'eecf6414ae15538c2b66ace8540c8974e044872a', format: "h5" }, this.titleContent, hAsync("slot", { key: '1fd60eaa5087211e30643f35a178353bbe988951', name: "title-content" }))), hAsync("div", { key: '58b1fa21258323a98b2626b4f620be85dcb92183', class: 'tooltip-content' }, hAsync("slot", { key: 'dda6df03fcc825588bed72d729f76b4cf2af36eb' })), hAsync("div", { key: '8a7cb430d02aed565c2c80e417f332be4f33ef08', class: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxTooltipStyle0; }
@@ -27480,509 +27516,348 @@ __decorate([
     OnListener('keydown', (self) => self.visible)
 ], Tooltip.prototype, "onKeydown", null);
-var hyperlist = {exports: {}};
-(function (module, exports) {
-(function(f){{module.exports=f();}})(function(){return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof commonjsRequire&&commonjsRequire;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t);}return n[i].exports}for(var u="function"==typeof commonjsRequire&&commonjsRequire,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(_dereq_,module,exports){
-// Default configuration.
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-var defaultConfig = {
-  width: '100%',
-  height: '100%'
-  // Check for valid number.
-};var isNumber = function isNumber(input) {
-  return Number(input) === Number(input);
-};
-// Add a class to an element.
-var addClass = 'classList' in document.documentElement ? function (element, className) {
-  element.classList.add(className);
-} : function (element, className) {
-  var oldClass = element.getAttribute('class') || '';
-  element.setAttribute('class', oldClass + ' ' + className);
-};
-/**
- * Creates a HyperList instance that virtually scrolls very large amounts of
- * data effortlessly.
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
  */
-var HyperList = function () {
-  _createClass(HyperList, null, [{
-    key: 'create',
-    value: function create(element, userProvidedConfig) {
-      return new HyperList(element, userProvidedConfig);
-    }
-    /**
-     * Merge given css style on an element
-     * @param {DOMElement} element
-     * @param {Object} style
-     */
-  }, {
-    key: 'mergeStyle',
-    value: function mergeStyle(element, style) {
-      for (var i in style) {
-        if (element.style[i] !== style[i]) {
-          element.style[i] = style[i];
+// Manually forked from https://github.com/tbranyen/hyperlist to remove
+// features a direct document calls
+//
+// Hyperlist is licensed MIT. https://github.com/tbranyen/hyperlist
+const isNumber = (input) => !Number.isNaN(Number(input));
+const addClass = (element, className) => {
+    element.classList.add(className);
+};
+class VirtualList {
+    static create(element, userProvidedConfig = VirtualList.defaultConfig) {
+        return new VirtualList(element, userProvidedConfig);
+    }
+    static mergeStyle(element, style) {
+        for (let i in style) {
+            if (element.style[i] !== style[i]) {
+                element.style[i] = style[i];
+            }
         }
-      }
     }
-  }, {
-    key: 'getMaxBrowserHeight',
-    value: function getMaxBrowserHeight() {
-      // Create two elements, the wrapper is `1px` tall and is transparent and
-      // positioned at the top of the page. Inside that is an element that gets
-      // set to 1 billion pixels. Then reads the max height the browser can
-      // calculate.
-      var wrapper = document.createElement('div');
-      var fixture = document.createElement('div');
-      // As said above, these values get set to put the fixture elements into the
-      // right visual state.
-      HyperList.mergeStyle(wrapper, { position: 'absolute', height: '1px', opacity: 0 });
-      HyperList.mergeStyle(fixture, { height: '1e7px' });
-      // Add the fixture into the wrapper element.
-      wrapper.appendChild(fixture);
-      // Apply to the page, the values won't kick in unless this is attached.
-      document.body.appendChild(wrapper);
-      // Get the maximum element height in pixels.
-      var maxElementHeight = fixture.offsetHeight;
-      // Remove the element immediately after reading the value.
-      document.body.removeChild(wrapper);
-      return maxElementHeight;
+    static getMaxBrowserHeight() {
+        // Create two elements, the wrapper is `1px` tall and is transparent and
+        // positioned at the top of the page. Inside that is an element that gets
+        // set to 1 billion pixels. Then reads the max height the browser can
+        // calculate.
+        const wrapper = document.createElement('div');
+        const fixture = document.createElement('div');
+        // As said above, these values get set to put the fixture elements into the
+        // right visual state.
+        VirtualList.mergeStyle(wrapper, {
+            position: 'absolute',
+            height: '1px',
+            opacity: 0,
+        });
+        VirtualList.mergeStyle(fixture, { height: '1e7px' });
+        // Add the fixture into the wrapper element.
+        wrapper.appendChild(fixture);
+        // Apply to the page, the values won't kick in unless this is attached.
+        document.body.appendChild(wrapper);
+        // Get the maximum element height in pixels.
+        const maxElementHeight = fixture.offsetHeight;
+        // Remove the element immediately after reading the value.
+        document.body.removeChild(wrapper);
+        return maxElementHeight;
+    }
+    constructor(element, userProvidedConfig) {
+        this._lastRepaint = null;
+        this._maxElementHeight = VirtualList.getMaxBrowserHeight();
+        this.refresh(element, userProvidedConfig);
+        const config = this._config;
+        // Create internal render loop.
+        const render = () => {
+            const scrollTop = this._getScrollPosition();
+            const lastRepaint = this._lastRepaint;
+            this._renderAnimationFrame = window.requestAnimationFrame(render);
+            if (scrollTop === lastRepaint) {
+                return;
+            }
+            const diff = lastRepaint ? scrollTop - lastRepaint : 0;
+            if (!lastRepaint || diff < 0 || diff > this._averageHeight) {
+                let rendered = this._renderChunk();
+                this._lastRepaint = scrollTop;
+                if (rendered !== false && typeof config.afterRender === 'function') {
+                    config.afterRender();
+                }
+            }
+        };
+        render();
     }
-  }]);
-  function HyperList(element, userProvidedConfig) {
-    var _this = this;
-    _classCallCheck(this, HyperList);
-    this._config = {};
-    this._lastRepaint = null;
-    this._maxElementHeight = HyperList.getMaxBrowserHeight();
-    this.refresh(element, userProvidedConfig);
-    var config = this._config;
-    // Create internal render loop.
-    var render = function render() {
-      var scrollTop = _this._getScrollPosition();
-      var lastRepaint = _this._lastRepaint;
-      _this._renderAnimationFrame = window.requestAnimationFrame(render);
-      if (scrollTop === lastRepaint) {
-        return;
-      }
-      var diff = lastRepaint ? scrollTop - lastRepaint : 0;
-      if (!lastRepaint || diff < 0 || diff > _this._averageHeight) {
-        var rendered = _this._renderChunk();
-        _this._lastRepaint = scrollTop;
-        if (rendered !== false && typeof config.afterRender === 'function') {
-          config.afterRender();
-        }
-      }
-    };
-    render();
-  }
-  _createClass(HyperList, [{
-    key: 'destroy',
-    value: function destroy() {
-      window.cancelAnimationFrame(this._renderAnimationFrame);
+    destroy() {
+        window.cancelAnimationFrame(this._renderAnimationFrame);
     }
-  }, {
-    key: 'refresh',
-    value: function refresh(element, userProvidedConfig) {
-      var _scrollerStyle;
-      Object.assign(this._config, defaultConfig, userProvidedConfig);
-      if (!element || element.nodeType !== 1) {
-        throw new Error('HyperList requires a valid DOM Node container');
-      }
-      this._element = element;
-      var config = this._config;
-      var scroller = this._scroller || config.scroller || document.createElement(config.scrollerTagName || 'tr');
-      // Default configuration option `useFragment` to `true`.
-      if (typeof config.useFragment !== 'boolean') {
-        this._config.useFragment = true;
-      }
-      if (!config.generate) {
-        throw new Error('Missing required `generate` function');
-      }
-      if (!isNumber(config.total)) {
-        throw new Error('Invalid required `total` value, expected number');
-      }
-      if (!Array.isArray(config.itemHeight) && !isNumber(config.itemHeight)) {
-        throw new Error('\n        Invalid required `itemHeight` value, expected number or array\n      '.trim());
-      } else if (isNumber(config.itemHeight)) {
-        this._itemHeights = Array(config.total).fill(config.itemHeight);
-      } else {
-        this._itemHeights = config.itemHeight;
-      }
-      // Width and height should be coerced to string representations. Either in
-      // `%` or `px`.
-      Object.keys(defaultConfig).filter(function (prop) {
-        return prop in config;
-      }).forEach(function (prop) {
-        var value = config[prop];
-        var isValueNumber = isNumber(value);
-        if (value && typeof value !== 'string' && typeof value !== 'number') {
-          var msg = 'Invalid optional `' + prop + '`, expected string or number';
-          throw new Error(msg);
-        } else if (isValueNumber) {
-          config[prop] = value + 'px';
+    refresh(element, userProvidedConfig = VirtualList.defaultConfig) {
+        this._config = userProvidedConfig;
+        if (!element || element.nodeType !== 1) {
+            throw new Error('HyperList requires a valid DOM Node container');
         }
-      });
-      var isHoriz = Boolean(config.horizontal);
-      var value = config[isHoriz ? 'width' : 'height'];
-      if (value) {
-        var isValueNumber = isNumber(value);
-        var isValuePercent = isValueNumber ? false : value.slice(-1) === '%';
-        // Compute the containerHeight as number
-        var numberValue = isValueNumber ? value : parseInt(value.replace(/px|%/, ''), 10);
-        var innerSize = window[isHoriz ? 'innerWidth' : 'innerHeight'];
-        if (isValuePercent) {
-          this._containerSize = innerSize * numberValue / 100;
-        } else {
-          this._containerSize = isNumber(value) ? value : numberValue;
+        this._element = element;
+        const config = this._config;
+        const scroller = this._scroller ||
+            config.scroller ||
+            document.createElement(config.scrollerTagName || 'tr');
+        // Default configuration option `useFragment` to `true`.
+        if (typeof config.useFragment !== 'boolean') {
+            this._config.useFragment = true;
         }
-      }
-      var scrollContainer = config.scrollContainer;
-      var scrollerHeight = config.itemHeight * config.total;
-      var maxElementHeight = this._maxElementHeight;
-      if (scrollerHeight > maxElementHeight) {
-        console.warn(['HyperList: The maximum element height', maxElementHeight + 'px has', 'been exceeded; please reduce your item height.'].join(' '));
-      }
-      // Decorate the container element with styles that will match
-      // the user supplied configuration.
-      var elementStyle = {
-        width: '' + config.width,
-        height: scrollContainer ? scrollerHeight + 'px' : '' + config.height,
-        overflow: scrollContainer ? 'none' : 'auto',
-        position: 'relative'
-      };
-      HyperList.mergeStyle(element, elementStyle);
-      if (scrollContainer) {
-        HyperList.mergeStyle(config.scrollContainer, { overflow: 'auto' });
-      }
-      var scrollerStyle = (_scrollerStyle = {
-        opacity: '0',
-        position: 'absolute'
-      }, _defineProperty(_scrollerStyle, isHoriz ? 'height' : 'width', '1px'), _defineProperty(_scrollerStyle, isHoriz ? 'width' : 'height', scrollerHeight + 'px'), _scrollerStyle);
-      HyperList.mergeStyle(scroller, scrollerStyle);
-      // Only append the scroller element once.
-      if (!this._scroller) {
-        element.appendChild(scroller);
-      }
-      var padding = this._computeScrollPadding();
-      this._scrollPaddingBottom = padding.bottom;
-      this._scrollPaddingTop = padding.top;
-      // Set the scroller instance.
-      this._scroller = scroller;
-      this._scrollHeight = this._computeScrollHeight();
-      // Reuse the item positions if refreshed, otherwise set to empty array.
-      this._itemPositions = this._itemPositions || Array(config.total).fill(0);
-      // Each index in the array should represent the position in the DOM.
-      this._computePositions(0);
-      // Render after refreshing. Force render if we're calling refresh manually.
-      this._renderChunk(this._lastRepaint !== null);
-      if (typeof config.afterRender === 'function') {
-        config.afterRender();
-      }
-    }
-  }, {
-    key: '_getRow',
-    value: function _getRow(i) {
-      var config = this._config;
-      var item = config.generate(i);
-      var height = item.height;
-      if (height !== undefined && isNumber(height)) {
-        item = item.element;
-        // The height isn't the same as predicted, compute positions again
-        if (height !== this._itemHeights[i]) {
-          this._itemHeights[i] = height;
-          this._computePositions(i);
-          this._scrollHeight = this._computeScrollHeight(i);
+        if (!config.generate) {
+            throw new Error('Missing required `generate` function');
         }
-      } else {
-        height = this._itemHeights[i];
-      }
-      if (!item || item.nodeType !== 1) {
-        throw new Error('Generator did not return a DOM Node for index: ' + i);
-      }
-      addClass(item, config.rowClassName || 'vrow');
-      var top = this._itemPositions[i] + this._scrollPaddingTop;
-      HyperList.mergeStyle(item, _defineProperty({
-        position: 'absolute'
-      }, config.horizontal ? 'left' : 'top', top + 'px'));
-      return item;
-    }
-  }, {
-    key: '_getScrollPosition',
-    value: function _getScrollPosition() {
-      var config = this._config;
-      if (typeof config.overrideScrollPosition === 'function') {
-        return config.overrideScrollPosition();
-      }
-      return this._element[config.horizontal ? 'scrollLeft' : 'scrollTop'];
-    }
-  }, {
-    key: '_renderChunk',
-    value: function _renderChunk(force) {
-      var config = this._config;
-      var element = this._element;
-      var scrollTop = this._getScrollPosition();
-      var total = config.total;
-      var from = config.reverse ? this._getReverseFrom(scrollTop) : this._getFrom(scrollTop) - 1;
-      if (from < 0 || from - this._screenItemsLen < 0) {
-        from = 0;
-      }
-      if (!force && this._lastFrom === from) {
-        return false;
-      }
-      this._lastFrom = from;
-      var to = from + this._cachedItemsLen;
-      if (to > total || to + this._cachedItemsLen > total) {
-        to = total;
-      }
-      // Append all the new rows in a document fragment that we will later append
-      // to the parent node
-      var fragment = config.useFragment ? document.createDocumentFragment() : []
-      // Sometimes you'll pass fake elements to this tool and Fragments require
-      // real elements.
-      // The element that forces the container to scroll.
-      ;var scroller = this._scroller;
-      // Keep the scroller in the list of children.
-      fragment[config.useFragment ? 'appendChild' : 'push'](scroller);
-      for (var i = from; i < to; i++) {
-        var row = this._getRow(i);
-        fragment[config.useFragment ? 'appendChild' : 'push'](row);
-      }
-      if (config.applyPatch) {
-        return config.applyPatch(element, fragment);
-      }
-      element.innerHTML = '';
-      element.appendChild(fragment);
-    }
-  }, {
-    key: '_computePositions',
-    value: function _computePositions() {
-      var from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-      var config = this._config;
-      var total = config.total;
-      var reverse = config.reverse;
-      if (from < 1 && !reverse) {
-        from = 1;
-      }
-      for (var i = from; i < total; i++) {
-        if (reverse) {
-          if (i === 0) {
-            this._itemPositions[0] = this._scrollHeight - this._itemHeights[0];
-          } else {
-            this._itemPositions[i] = this._itemPositions[i - 1] - this._itemHeights[i];
-          }
-        } else {
-          this._itemPositions[i] = this._itemHeights[i - 1] + this._itemPositions[i - 1];
+        if (!isNumber(config.total)) {
+            throw new Error('Invalid required `total` value, expected number');
         }
-      }
-    }
-  }, {
-    key: '_computeScrollHeight',
-    value: function _computeScrollHeight() {
-      var _HyperList$mergeStyle2,
-          _this2 = this;
-      var config = this._config;
-      var isHoriz = Boolean(config.horizontal);
-      var total = config.total;
-      var scrollHeight = this._itemHeights.reduce(function (a, b) {
-        return a + b;
-      }, 0) + this._scrollPaddingBottom + this._scrollPaddingTop;
-      HyperList.mergeStyle(this._scroller, (_HyperList$mergeStyle2 = {
-        opacity: 0,
-        position: 'absolute',
-        top: '0px'
-      }, _defineProperty(_HyperList$mergeStyle2, isHoriz ? 'height' : 'width', '1px'), _defineProperty(_HyperList$mergeStyle2, isHoriz ? 'width' : 'height', scrollHeight + 'px'), _HyperList$mergeStyle2));
-      // Calculate the height median
-      var sortedItemHeights = this._itemHeights.slice(0).sort(function (a, b) {
-        return a - b;
-      });
-      var middle = Math.floor(total / 2);
-      var averageHeight = total % 2 === 0 ? (sortedItemHeights[middle] + sortedItemHeights[middle - 1]) / 2 : sortedItemHeights[middle];
-      var clientProp = isHoriz ? 'clientWidth' : 'clientHeight';
-      var element = config.scrollContainer ? config.scrollContainer : this._element;
-      var containerHeight = element[clientProp] ? element[clientProp] : this._containerSize;
-      this._screenItemsLen = Math.ceil(containerHeight / averageHeight);
-      this._containerSize = containerHeight;
-      // Cache 3 times the number of items that fit in the container viewport.
-      this._cachedItemsLen = Math.max(this._cachedItemsLen || 0, this._screenItemsLen * 3);
-      this._averageHeight = averageHeight;
-      if (config.reverse) {
-        window.requestAnimationFrame(function () {
-          if (isHoriz) {
-            _this2._element.scrollLeft = scrollHeight;
-          } else {
-            _this2._element.scrollTop = scrollHeight;
-          }
+        if (!Array.isArray(config.itemHeight) && !isNumber(config.itemHeight)) {
+            throw new Error(`
+        Invalid required \`itemHeight\` value, expected number or array
+      `.trim());
+        }
+        else if (isNumber(config.itemHeight)) {
+            this._itemHeights = Array(config.total).fill(config.itemHeight);
+        }
+        else {
+            this._itemHeights = [config.itemHeight];
+        }
+        // Width and height should be coerced to string representations. Either in
+        // `%` or `px`.
+        Object.keys(VirtualList.defaultConfig)
+            .filter((prop) => prop in config)
+            .forEach((prop) => {
+            const value = config[prop];
+            const isValueNumber = isNumber(value);
+            if (value && typeof value !== 'string' && typeof value !== 'number') {
+                let msg = `Invalid optional \`${prop}\`, expected string or number`;
+                throw new Error(msg);
+            }
+            else if (isValueNumber) {
+                config[prop] = `${value}px`;
+            }
         });
-      }
-      return scrollHeight;
-    }
-  }, {
-    key: '_computeScrollPadding',
-    value: function _computeScrollPadding() {
-      var config = this._config;
-      var isHoriz = Boolean(config.horizontal);
-      var isReverse = config.reverse;
-      var styles = window.getComputedStyle(this._element);
-      var padding = function padding(location) {
-        var cssValue = styles.getPropertyValue('padding-' + location);
-        return parseInt(cssValue, 10) || 0;
-      };
-      if (isHoriz && isReverse) {
-        return {
-          bottom: padding('left'),
-          top: padding('right')
-        };
-      } else if (isHoriz) {
-        return {
-          bottom: padding('right'),
-          top: padding('left')
-        };
-      } else if (isReverse) {
-        return {
-          bottom: padding('top'),
-          top: padding('bottom')
+        const isHorizontal = Boolean(config.horizontal);
+        const value = config[isHorizontal ? 'width' : 'height'];
+        if (value) {
+            const isValueNumber = isNumber(value);
+            const isValuePercent = isValueNumber ? false : value.slice(-1) === '%';
+            // Compute the containerHeight as number
+            const numberValue = isValueNumber
+                ? parseInt(value, 10)
+                : parseInt(value.replace(/px|%/, ''), 10);
+            const innerSize = window[isHorizontal ? 'innerWidth' : 'innerHeight'];
+            if (isValuePercent) {
+                this._containerSize = (innerSize * numberValue) / 100;
+            }
+            else {
+                this._containerSize = isNumber(value) ? value : numberValue;
+            }
+        }
+        const scrollContainer = config.scrollContainer;
+        const scrollerHeight = config.itemHeight * config.total;
+        const maxElementHeight = this._maxElementHeight;
+        if (scrollerHeight > maxElementHeight) {
+            console.warn([
+                'HyperList: The maximum element height',
+                maxElementHeight + 'px has',
+                'been exceeded; please reduce your item height.',
+            ].join(' '));
+        }
+        // Decorate the container element with styles that will match
+        // the user supplied configuration.
+        const elementStyle = {
+            width: `${config.width}`,
+            height: scrollContainer ? `${scrollerHeight}px` : `${config.height}`,
+            overflow: scrollContainer ? 'none' : 'auto',
+            position: 'relative',
         };
-      } else {
-        return {
-          bottom: padding('bottom'),
-          top: padding('top')
+        VirtualList.mergeStyle(element, elementStyle);
+        if (scrollContainer) {
+            VirtualList.mergeStyle(config.scrollContainer, { overflow: 'auto' });
+        }
+        const scrollerStyle = {
+            opacity: '0',
+            position: 'absolute',
+            [isHorizontal ? 'height' : 'width']: '1px',
+            [isHorizontal ? 'width' : 'height']: `${scrollerHeight}px`,
         };
-      }
+        VirtualList.mergeStyle(scroller, scrollerStyle);
+        // Only append the scroller element once.
+        if (!this._scroller) {
+            element.appendChild(scroller);
+        }
+        const padding = this._computeScrollPadding();
+        this._scrollPaddingBottom = padding.bottom;
+        this._scrollPaddingTop = padding.top;
+        // Set the scroller instance.
+        this._scroller = scroller;
+        this._scrollHeight = this._computeScrollHeight();
+        // Reuse the item positions if refreshed, otherwise set to empty array.
+        this._itemPositions = this._itemPositions || Array(config.total).fill(0);
+        // Each index in the array should represent the position in the DOM.
+        this._computePositions(0);
+        // Render after refreshing. Force render if we're calling refresh manually.
+        this._renderChunk(this._lastRepaint !== null);
+        if (typeof config.afterRender === 'function') {
+            config.afterRender();
+        }
+    }
+    _getRow(i) {
+        const config = this._config;
+        let item = config.generate(i);
+        let height = item.height;
+        if (height !== undefined && isNumber(height)) {
+            item = item.element;
+            // The height isn't the same as predicted, compute positions again
+            if (height !== this._itemHeights[i]) {
+                this._itemHeights[i] = height;
+                this._computePositions(i);
+                this._scrollHeight = this._computeScrollHeight();
+            }
+        }
+        else {
+            height = this._itemHeights[i];
+        }
+        if (!item || item.nodeType !== 1) {
+            throw new Error(`Generator did not return a DOM Node for index: ${i}`);
+        }
+        addClass(item, config.rowClassName || 'vrow');
+        const top = this._itemPositions[i] + this._scrollPaddingTop;
+        VirtualList.mergeStyle(item, {
+            position: 'absolute',
+            [config.horizontal ? 'left' : 'top']: `${top}px`,
+        });
+        return item;
     }
-  }, {
-    key: '_getFrom',
-    value: function _getFrom(scrollTop) {
-      var i = 0;
-      while (this._itemPositions[i] < scrollTop) {
-        i++;
-      }
-      return i;
+    _getScrollPosition() {
+        const config = this._config;
+        if (typeof config.overrideScrollPosition === 'function') {
+            return config.overrideScrollPosition();
+        }
+        return this._element[config.horizontal ? 'scrollLeft' : 'scrollTop'];
     }
-  }, {
-    key: '_getReverseFrom',
-    value: function _getReverseFrom(scrollTop) {
-      var i = this._config.total - 1;
-      while (i > 0 && this._itemPositions[i] < scrollTop + this._containerSize) {
-        i--;
-      }
-      return i;
+    _renderChunk(force = false) {
+        const config = this._config;
+        const element = this._element;
+        const scrollTop = this._getScrollPosition();
+        const total = config.total;
+        let from = this._getFrom(scrollTop) - 1;
+        if (from < 0 || from - this._screenItemsLen < 0) {
+            from = 0;
+        }
+        if (!force && this._lastFrom === from) {
+            return false;
+        }
+        this._lastFrom = from;
+        let to = from + this._cachedItemsLen;
+        if (to > total || to + this._cachedItemsLen > total) {
+            to = total;
+        }
+        // Append all the new rows in a document fragment that we will later append
+        // to the parent node
+        const fragment = config.useFragment
+            ? document.createDocumentFragment()
+            : [
+            // Sometimes you'll pass fake elements to this tool and Fragments require
+            // real elements.
+            ];
+        // The element that forces the container to scroll.
+        const scroller = this._scroller;
+        // Keep the scroller in the list of children.
+        fragment[config.useFragment ? 'appendChild' : 'push'](scroller);
+        for (let i = from; i < to; i++) {
+            let row = this._getRow(i);
+            fragment[config.useFragment ? 'appendChild' : 'push'](row);
+        }
+        if (config.applyPatch) {
+            return config.applyPatch(element, fragment);
+        }
+        element.innerHTML = '';
+        element.appendChild(fragment);
+    }
+    _computePositions(from = 1) {
+        const config = this._config;
+        const total = config.total;
+        if (from < 1) {
+            from = 1;
+        }
+        for (let i = from; i < total; i++) {
+            this._itemPositions[i] =
+                this._itemHeights[i - 1] + this._itemPositions[i - 1];
+        }
+    }
+    _computeScrollHeight() {
+        const config = this._config;
+        const isHorizontal = Boolean(config.horizontal);
+        const total = config.total;
+        const scrollHeight = this._itemHeights.reduce((a, b) => a + b, 0) +
+            this._scrollPaddingBottom +
+            this._scrollPaddingTop;
+        VirtualList.mergeStyle(this._scroller, {
+            opacity: 0,
+            position: 'absolute',
+            top: '0px',
+            [isHorizontal ? 'height' : 'width']: '1px',
+            [isHorizontal ? 'width' : 'height']: `${scrollHeight}px`,
+        });
+        // Calculate the height median
+        const sortedItemHeights = this._itemHeights.slice(0).sort((a, b) => a - b);
+        const middle = Math.floor(total / 2);
+        const averageHeight = total % 2 === 0
+            ? (sortedItemHeights[middle] + sortedItemHeights[middle - 1]) / 2
+            : sortedItemHeights[middle];
+        const clientProp = isHorizontal ? 'clientWidth' : 'clientHeight';
+        const element = config.scrollContainer
+            ? config.scrollContainer
+            : this._element;
+        const containerHeight = element[clientProp]
+            ? element[clientProp]
+            : this._containerSize;
+        this._screenItemsLen = Math.ceil(containerHeight / averageHeight);
+        this._containerSize = containerHeight;
+        // Cache 3 times the number of items that fit in the container viewport.
+        this._cachedItemsLen = Math.max(this._cachedItemsLen || 0, this._screenItemsLen * 3);
+        this._averageHeight = averageHeight;
+        return scrollHeight;
+    }
+    _computeScrollPadding() {
+        const config = this._config;
+        const isHoriz = Boolean(config.horizontal);
+        const styles = window.getComputedStyle(this._element);
+        const padding = (location) => {
+            const cssValue = styles.getPropertyValue(`padding-${location}`);
+            return parseInt(cssValue, 10) || 0;
+        };
+        if (isHoriz) {
+            return {
+                bottom: padding('right'),
+                top: padding('left'),
+            };
+        }
+        else {
+            return {
+                bottom: padding('bottom'),
+                top: padding('top'),
+            };
+        }
     }
-  }]);
-  return HyperList;
-}();
-exports.default = HyperList;
-module.exports = exports['default'];
-},{}]},{},[1])(1)
-});
-}(hyperlist));
-var Hyperlist = /*@__PURE__*/getDefaultExportFromCjs(hyperlist.exports);
+    _getFrom(scrollTop) {
+        let i = 0;
+        while (this._itemPositions[i] < scrollTop) {
+            i++;
+        }
+        return i;
+    }
+}
+VirtualList.defaultConfig = {
+    width: '100%',
+    height: '100%',
+};
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -28042,6 +27917,8 @@ class Tree {
             }
         };
         return {
+            width: '100%',
+            height: '100%',
             itemHeight: 32,
             total: list.length,
             generate: (index) => {
@@ -28178,6 +28055,7 @@ class Tree {
     }
     isListInitialized() {
         var _a;
+        //@ts-ignore
         const itemPositions = (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a._itemPositions;
         return (itemPositions !== undefined &&
             itemPositions.length &&
@@ -28195,10 +28073,10 @@ class Tree {
         }
         (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a.destroy();
         const config = this.getVirtualizerOptions();
-        this.hyperlist = new Hyperlist(this.hostElement, config);
+        this.hyperlist = new VirtualList(this.hostElement, config);
     }
     render() {
-        return (hAsync(Host, { key: '546ff1bb1f22e6a0ce218f560a667ef329ae86d3' }, hAsync("slot", { key: 'b80ab61e3b9985743cf29e481f52393e20ff6fc3' })));
+        return (hAsync(Host, { key: '23855bc97fd2eceb9af149d6b39e32ccb930b1d9' }, hAsync("slot", { key: '1fe905f3ded4b94af84d2e827f6056914c14fc45' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -28234,16 +28112,16 @@ class TreeItem {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '0e92eced558f94df77f6ce6ac359395ecd3b1623', class: {
+        return (hAsync(Host, { key: '6fffa2b53d684d4b512c8f12c50a7ff6f436fd6a', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, hAsync("div", { key: '51c671e62ef92b7dc7080194fd566d58261e7481', class: "icon-toggle-container", onClick: (e) => {
+            } }, hAsync("div", { key: 'b6859cc2ae9b42f7da94a0d69a5d285b617ce1f1', class: "icon-toggle-container", onClick: (e) => {
                 e.preventDefault();
                 this.toggle.emit();
-            } }, this.hasChildren ? (hAsync("ix-icon", { name: 'chevron-right', size: "16", class: {
+            } }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRight, size: "16", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
-            }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), hAsync("div", { key: 'da22cba786a63d23dcb56cb393438b6aacbbf185', class: "tree-node-container", onClick: () => {
+            }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), hAsync("div", { key: 'bcc331825f22ae1e470a3a03708261984c203368', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, hAsync("div", { key: '02989a25709e9d964b6ac4ddbb073b0b92347bd5', class: "tree-node-text" }, this.text), hAsync("slot", { key: 'd9acb398b2008935e305ef145cfca52f888e2334' }))));
+            } }, hAsync("div", { key: '9298a6130fbd9bb6c0f064e7cc1c35ef7cf417ba', class: "tree-node-text" }, this.text), hAsync("slot", { key: 'ee7cbdaaa22dde0b6ed599a1c9d20909f639d3db' }))));
     }
     static get style() { return IxTreeItemStyle0; }
     static get cmpMeta() { return {
@@ -28412,7 +28290,7 @@ class Upload {
     render() {
         const disabled = this.disabled || this.state === UploadFileState.LOADING;
         const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (hAsync(Host, Object.assign({ key: 'b1c5b28f959d15f353cc23d9c62e4198da6de51e' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: 'bd664e29b549dd62f3492f6062068bdfcf1882c4', class: {
+        return (hAsync(Host, Object.assign({ key: '82579837d4c9dcc86fb8fe7573cf648c21712c59' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '8a749068bbf88d95be15c870dc8c35ab6f46f738', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -28422,9 +28300,9 @@ class Upload {
                 if (this.state !== UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '37fc7e4402b02769806c8b04b440942b94700ea7' }, hAsync("input", { key: 'a1abd996a9ca1feb449e58f42159ca6493418aaa', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '7f7bdb5b79ad62d6f42ecc260bb229f73eeeb055' }, hAsync("input", { key: '86b5dd7603c671a897e4b2dbdedb024d83cbfd34', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '26d667a21e99922522704d3f5117412f686224bc', tabindex: "-1", outline: true, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: 'f0cfc2789b73110afd9b5f11c98a1b29fd10a55c', tabindex: "-1", outline: true, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxUploadStyle0; }
@@ -28583,13 +28461,13 @@ class ValidationTooltip {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: 'a7c567c374504ae7465ed32cf3baec6a286038ad' }, hAsync("slot", { key: 'c2e5e2095c1c531b80e2e1ee6f679d7ee795f940' }), hAsync("div", { key: '9270d9a3615c623ba683f8def7596c193c2219f6', role: "tooltip", style: {
+        return (hAsync(Host, { key: '460aa78f5dd3391a92b14828692f2fa110793b13' }, hAsync("slot", { key: '37e66c6a6bc556d95717378e974a0f991317e66f' }), hAsync("div", { key: 'cde0b66e90021043c49614a8b76a97e07b72d318', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round(((_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) || 0)}px,${Math.round(((_b = this.tooltipPosition) === null || _b === void 0 ? void 0 : _b.y) || 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'b3853acb6a7b9807460884e65aecd5502f18853c', name: "tooltip-message" }), hAsync("div", { key: 'f420e4b62b79cb14dc94e5552ba2ea012d274e83', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'b933fa0044dda7b423ed095c1c6f142bd4cbb32b', name: "tooltip-message" }), hAsync("div", { key: '26fd0871dee60e14fc3a4c4c8fb42afb67758cd4', id: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -28681,18 +28559,18 @@ class WorkflowStep {
     }
     render() {
         const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.iconName === 'warning' ? 'triangle-filled' : 'circle-filled', class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24" }))) : null;
-        return (hAsync(Host, { key: 'dfef5de6ba87c5215d96526679a96fe51ceaeaa8', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '86892c228e9a43bd73d14475199dde851080b71a', tabIndex: 0, class: {
+        return (hAsync(Host, { key: 'c7a9468843919209ac0aea64ec545b06b1ff1c94', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '8ed70b6fe5c65b483da3fbf557dc175bc7c3d526', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, hAsync("div", { key: '757a08cd0fd27e11b64cdf5b589ff1fdb304b0bb', class: "wrapper" }, hAsync("div", { key: '75385ba1e0ecbeee170685880c9301ad1d28958a', class: {
+            } }, hAsync("div", { key: '11667e23f833fc8a05092d13e1df7d3eef0b7e10', class: "wrapper" }, hAsync("div", { key: '0861c819a27d729817f5394c2e79772a38930f5d', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), hAsync("div", { key: '7ec8eb93ab1547766b3fb5b30d4f341877ab941c', class: "iconWrapper" }, icons, hAsync("slot", { key: 'f71aca96785073d647f977c95c8cdcc6fe654410', name: "custom-icon" }))), hAsync("div", { key: '614c89c615bef9e1c13fe17ea6e712b573cebdc6', class: "text" }, hAsync("slot", { key: '3025c556cdf6fcbc422c675a85cf9d524b8ee19d' })))));
+            } }), hAsync("div", { key: '1a60733de3019590a691c9d46db45369a8b8eca6', class: "iconWrapper" }, icons, hAsync("slot", { key: '031bc2ce3930fb0692bad430e54fffda8d609997', name: "custom-icon" }))), hAsync("div", { key: 'b6dec2578d5517d27c255460d089221f0e2a6ea2', class: "text" }, hAsync("slot", { key: 'dbeb4ebe5075bb2fa92b93978b6864b05154791f' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -28789,7 +28667,7 @@ class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (hAsync(Host, { key: '052bc92640371b56974c12c8b07b49cc24233a4f' }, hAsync("div", { key: '00d19de2fda034b1024c0a793e46ad401eed46ee', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '4a6a73538d83c4d8f49c2404dadc5e130e6ba6e7' }))));
+        return (hAsync(Host, { key: '66d54af6c64b30b77aeb613c12fca16b9f4db815' }, hAsync("div", { key: 'c808cfa588110a8df4d2266cc55e6211a0afb697', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: 'f713ffae56fdb063c5161965581f19eaef5798d3' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxWorkflowStepsStyle0; }