wabtec-internal-volt-basic-components 1.2.0 → 1.4.0

package/dist/components/vds-basic-autocomplete.js

@@ -1,601 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host, transformTag } from '@stencil/core/internal/client';
-import { c as combineClasses } from './combine-classes.js';
-import { a as updateContainerWidth, t as toggleContainerDisplay } from './vds-basic-dropdown.utils.js';
-import { u as updateFloatingBoxPosition } from './floating-engine-utils.js';
-import { c as cloneAttributes } from './clone-attributes.js';
-import { b as getActionIconButtonSize, c as getIconSize, a as getIconColor } from './icon-attr.utils.js';
-import { d as defineCustomElement$5 } from './vds-autocomplete-item2.js';
-import { d as defineCustomElement$4 } from './vds-basic-input2.js';
-import { d as defineCustomElement$3 } from './vds-icon2.js';
-import { d as defineCustomElement$2 } from './vds-icon-button2.js';
-
-const getFilteredOptions = (options, value, validateCasing = false) => {
-    try {
-        return options.filter(item => {
-            var _a, _b, _c;
-            if (validateCasing) {
-                return (((_a = item.textContent) === null || _a === void 0 ? void 0 : _a.includes(value)) || ((_b = item.value) === null || _b === void 0 ? void 0 : _b.includes(value)) || ((_c = item.label) === null || _c === void 0 ? void 0 : _c.includes(value)));
-            }
-            return findOptionByValue(item, value);
-        });
-    }
-    catch (error) {
-        console.warn("[getFilteredOptions]", error);
-        return [];
-    }
-};
-/**
- * Checks if an option object matches the given search value.
- * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement
- * @param {string} searchValue - The value to search for within the option.
- * @returns {boolean} -
- *   True if the searchValue is found within the option's `textContent`, `label`, or `value`.
- *   False otherwise.
- */
-const findOptionByValue = (option, searchValue) => {
-    var _a, _b, _c;
-    try {
-        const lowerCaseSearchValue = (searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "";
-        return (option.textContent && ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(lowerCaseSearchValue)) ||
-            option.label && ((_b = option.label) === null || _b === void 0 ? void 0 : _b.toLowerCase().includes(lowerCaseSearchValue)) ||
-            option.value && ((_c = option.value) === null || _c === void 0 ? void 0 : _c.toLowerCase().includes(lowerCaseSearchValue)));
-    }
-    catch (error) {
-        console.warn("[findOptionByValue]", error);
-        return false;
-    }
-};
-/**
- * Checks if an option object matches the given search value exactly.
- * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement
- * @param {string} searchValue - The value to search for within the option.
- * @returns {boolean} -
- *   True if the searchValue is exactly the same to one of the option's `textContent`, `label`, or `value`.
- *   False otherwise.
- */
-const findOptionByExactValue = (option, searchValue) => {
-    var _a, _b, _c;
-    try {
-        const lowerCaseSearchValue = (searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || "";
-        return (option.textContent && ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === lowerCaseSearchValue ||
-            option.label && ((_b = option.label) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === lowerCaseSearchValue ||
-            option.value && ((_c = option.value) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === lowerCaseSearchValue);
-    }
-    catch (error) {
-        console.warn("[findOptionByValue]", error);
-        return false;
-    }
-};
-
-const vdsBasicAutocompleteCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;--vds-basic-autocomplete-input-min-width-small:5.75rem;--vds-basic-autocomplete-input-min-width:7.5rem;--vds-basic-autocomplete-input-min-width-large:9.25rem}:host .vds-basic-autocomplete__container{display:flex;flex-direction:column;gap:1rem}:host .vds-basic-autocomplete__container vds-basic-input{--vds-input-min-width-small:var(--vds-basic-autocomplete-input-min-width-small);--vds-input-min-width:var(--vds-basic-autocomplete-input-min-width);--vds-input-min-width-large:var(--vds-basic-autocomplete-input-min-width-large)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:max-content;max-height:fit-content !important;border-radius:var(--radius-medium);background:var(--surface-medium);box-shadow:var(--elevation-shadow-2);box-sizing:border-box;border:0.0625rem solid var(--color-border-lowest);margin-top:0.25rem;z-index:var(--elevation-layer-5)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow{box-shadow:none;border:none}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow .vds-basic-autocomplete__content__header{box-shadow:var(--elevation-shadow-2)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.has-scroll{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.match-width{width:var(--trigger-width);min-width:var(--trigger-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options{overflow-y:auto;display:flex;flex-direction:column;border-radius:var(--radius-medium)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options.scrollable{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar{background-color:var(--surface-medium);width:0.375rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar-thumb{background-color:var(--color-background-neutral-press);border-radius:1rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__primary-action,:host .vds-basic-autocomplete__container .vds-basic-autocomplete__secondary-action{display:inline-flex;align-items:center;line-height:0;font-size:0}:host .vds-floating-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-interaction-black-lower);opacity:0.06;z-index:var(--elevation-layer-4)}:host .non-clickable{pointer-events:none}:host(.vds-basic-autocomplete--disabled){pointer-events:none}`;
-
-const VdsBasicAutocomplete$1 = /*@__PURE__*/ proxyCustomElement(class VdsBasicAutocomplete extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.opened = createEvent(this, "opened", 7);
-        this.closed = createEvent(this, "closed", 7);
-        this.valueChanged = createEvent(this, "valueChanged", 7);
-        this.cleared = createEvent(this, "cleared", 7);
-        this.actionIconClick = createEvent(this, "actionIconClick", 7);
-        this.changeInput = createEvent(this, "changeInput", 7);
-        this.selectedValueChanged = createEvent(this, "selectedValueChanged", 7);
-        /**
-         * Sets the internal input size.
-         * If multiple property is true, This will only set the basic-input text value.
-         * If multiple property is false and the value prop matches with an option, the option will be selected,
-         * Otherwise text will be set in the basic-input.
-         */
-        this.size = "medium";
-        /** Sets the selected options when multiple is activated */
-        this.multipleValues = [];
-        /** Sets the selected dropdown value when dropdown is activated */
-        this.selectedDropdownValue = "";
-        /** Toggles the required sign in the internal input */
-        this.isRequired = false;
-        /** Sets custom allowed styles to input (text-align, text-transform, unicode-bidi, direction) */
-        this.allowedStyles = [];
-        /** Sets the width value for the floating container of the items to match the items list width */
-        this.matchWidth = true;
-        /** Allows user to define a search icon inside the input at its right (zoom by default) . */
-        this.actionIcon = "zoom";
-        /** Sets the autocomplete clear button visibility. */
-        this.showClearButton = true;
-        /**
-         * Shows a dropdown chevron arrow that flips up/down when change state open/close.
-         * Also enables the selectedDropdownValue prop to be able to select an option from dropdown
-         * When multiple is true, this prop will be set to false.
-         */
-        this.dropdown = false;
-        /** Sets the autocomplete dropdown chevron icon visibility. */
-        this.showDropdownIcon = true;
-        /** Enables a message when there's no match options. */
-        this.showEmptyMessage = false;
-        /** Allow to set the text message in the 'emptyMessage' state. */
-        this.emptyMessage = "No options";
-        /**
-         * Allow multiple values to be selected.
-         * Also enables the multipleValues prop to be able to select multiple options
-         * When multiple is true, dropdown prop will be set to false.
-         * When multiple is true, valueChanged will emit an array of strings
-         */
-        this.multiple = false;
-        /**
-         * Toggles the floating container auto-positioning based on available window space.
-         * False by default as it may cause positioning issues in some situations, use with caution
-         */
-        this.autoPosition = false;
-        /**
-         * Clear selection and input on clicking the close button.
-         * Only works when multiple is true.
-         */
-        this.clearSelection = false;
-        /** Toggles the overlay element, allowing interaction only with this element when active */
-        this.backdrop = false;
-        this.floatingCleanUp = () => { };
-        this.isOpened = false;
-        this.options = [];
-        this.debounceTimeTracker = null;
-        this.showUnfilteredOptions = false;
-        this.updateContainerWidth = updateContainerWidth;
-        /**
-         * Sets autocomplete styles for JSX.style property
-         *
-         * @param maxHeight string
-         * @returns { [key: string]: string }
-         */
-        this.setAutoCompleteStyles = (maxHeight) => {
-            let styles = {};
-            styles = {
-                maxHeight: maxHeight ? maxHeight : undefined,
-            };
-            return styles;
-        };
-    }
-    componentWillLoad() {
-        this.multiselectValues = this.multipleValues;
-        this.validateDropdownValue = true;
-    }
-    componentWillRender() {
-        if (this.multiple) {
-            this.dropdown = false;
-        }
-    }
-    componentDidLoad() {
-        this.options = Array.from(this.hostEl.querySelectorAll("vds-autocomplete-item"));
-        this.setPreselection();
-    }
-    componentDidRender() {
-        this.options = Array.from(this.hostEl.querySelectorAll("vds-autocomplete-item"));
-        updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, 'bottom', false);
-        this.updateContainerWidth(this.basicInput, this.matchWidth, this.autocompleteContent);
-        this.setPreselection();
-    }
-    setMulitpleValueHandler() {
-        this.valueChanged.emit(this.multiselectValues);
-    }
-    setDisabledState() {
-        this.close();
-    }
-    setDropdownValueValidation() {
-        this.validateDropdownValue = true;
-    }
-    async toggleAutocomplete() {
-        if (this.isOpened) {
-            toggleContainerDisplay(this.autocompleteContent, true);
-            this.opened.emit();
-            this.floatingCleanUp = await updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, "bottom", this.autoPosition);
-        }
-        else {
-            toggleContainerDisplay(this.autocompleteContent, false);
-            this.closed.emit();
-            this.floatingCleanUp();
-        }
-    }
-    /* Open the floating element(menu) of the autocomplete. */
-    async open() {
-        if (!this.isReadonly && !this.disabled) {
-            setTimeout(() => {
-                this.isOpened = true;
-            });
-        }
-    }
-    /* Close the floating element(menu) of the autocomplete. */
-    async close() {
-        this.isOpened = false;
-    }
-    /* Sets focus to the input element */
-    async setFocus() {
-        this.basicInput.setFocus();
-        setTimeout(() => {
-            this.open();
-        });
-    }
-    /**
-     * Sets the autocomplete input value to handle filtering.
-     *
-     * @returns {Promise<void>}
-     */
-    async setValue(value) {
-        this.value = value;
-    }
-    /**
-     * Sets the autocomplete selection value to handle.
-     * When multiple is true, sets the selected values from the list
-     * When dropdown is true and multiple is false, sets a single selected value.
-     * When dropdown is false and When multiple is false, set the input value
-     *
-     * @returns {Promise<void>}
-     */
-    async setSelectionValue(value) {
-        if (this.multiple && Array.isArray(value)) {
-            this.multipleValues = this.multiselectValues = value;
-        }
-        if (typeof value === "string") {
-            if (this.dropdown) {
-                this.selectedDropdownValue = value;
-            }
-        }
-    }
-    /**
-     * Return the autocomplete value.
-     *
-     * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.
-     */
-    async getValue() {
-        if (this.multiple) {
-            return this.multipleValues;
-        }
-        if (this.dropdown) {
-            return this.selectedDropdownValue;
-        }
-        return this.value;
-    }
-    /**
-     * Clears the selected options and resets the value of the autocomplete.
-     *
-     * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.
-     */
-    async clear() {
-        this.value = '';
-        if (this.dropdown) {
-            this.clearOptions();
-        }
-        if (this.clearSelection && this.multiple) {
-            this.multipleValues = this.multiselectValues = [];
-            this.setOptionsMultiple();
-        }
-        this.cleared.emit();
-    }
-    handleSelectOption(evt) {
-        const selectedOption = this.options.find((option) => findOptionByExactValue(option, evt.detail.value));
-        const isValidOption = selectedOption !== null && selectedOption !== undefined;
-        if (isValidOption && this.multiple) {
-            selectedOption.isSelected = evt.detail.selected;
-        }
-        this.handleValueAssignment(evt, selectedOption);
-        if (isValidOption && this.dropdown) {
-            this.setOptionsSingle(evt.detail.value);
-        }
-    }
-    /* Close the autocomplete when click outside */
-    handleClickOut(evt) {
-        evt.stopPropagation();
-        const target = evt.target;
-        const isClickInside = this.hostEl.contains(target);
-        const isClickInsideParentAutocomplete = target.nodeName === "VDS-AUTOCOMPLETE" && target.shadowRoot && evt.target.shadowRoot.contains(this.hostEl);
-        if (!isClickInside && !isClickInsideParentAutocomplete) {
-            this.isOpened = false;
-        }
-    }
-    handleEscPress(evt) {
-        if (this.isOpened && evt.code === "Escape") {
-            this.close();
-            this.basicInput.blur();
-        }
-    }
-    handleMultiselection(selection) {
-        if (selection.selected && !this.multipleValues.find(value => value.toLowerCase() === selection.value.toLowerCase())) {
-            this.multipleValues.push(selection.value);
-        }
-        else {
-            this.multipleValues = this.multipleValues.filter(value => value.toLowerCase() !== selection.value.toLowerCase());
-        }
-        this.multiselectValues = Array.from(this.multipleValues);
-        this.basicInput.setFocus();
-    }
-    handleValueAssignment(evt, selectedOption) {
-        if (this.multiple) {
-            this.handleMultiselection(evt.detail);
-        }
-        else {
-            this.value = evt.detail.value;
-            this.setSelectionValue(evt.detail.value);
-            this.valueChanged.emit(this.value);
-            if (selectedOption) {
-                this.selectedValueChanged.emit({
-                    label: selectedOption.label,
-                    value: selectedOption.value,
-                    target: selectedOption
-                });
-            }
-            this.handleInputChange();
-            this.close();
-        }
-    }
-    handleChange(evt) {
-        evt.stopPropagation();
-        this.changeInput.emit(evt.detail);
-        if (this.debounce !== undefined && this.debounce > 0) {
-            this.handleDebounceValueChange(evt.detail);
-        }
-        else {
-            this.value = evt.detail;
-        }
-        if (this.dropdown) {
-            this.showUnfilteredOptions = false;
-        }
-    }
-    handleInputChange() {
-        const inputEvent = new InputEvent("input");
-        this.hostEl.dispatchEvent(inputEvent);
-    }
-    hasFocus() {
-        this.open();
-        if (this.hasValue() && this.dropdown) {
-            this.showUnfilteredOptions = true;
-            this.validateDropdownValue = false;
-        }
-    }
-    lostFocus() {
-        if (this.dropdown) {
-            this.showUnfilteredOptions = false;
-            this.validateDropdownValue = true;
-        }
-    }
-    emitActionIcon() {
-        this.actionIconClick.emit();
-    }
-    handleDebounceValueChange(newValue) {
-        if (this.debounceTimeTracker !== null) {
-            clearTimeout(this.debounceTimeTracker);
-            this.debounceTimeTracker = null;
-        }
-        this.debounceTimeTracker = setTimeout(() => {
-            this.value = newValue;
-            this.debounceTimeTracker = null;
-        }, this.debounce);
-    }
-    hasValue() {
-        return this.value !== null && this.value !== undefined && this.value !== "undefined" && this.value !== "";
-    }
-    setPreselection() {
-        if (this.multiple) {
-            this.setOptionsMultiple();
-        }
-        if (this.dropdown) {
-            this.setDropdownOption();
-        }
-    }
-    setOptionsMultiple() {
-        try {
-            this.options.forEach(item => {
-                var _a;
-                item.hasCheckmark = true;
-                const selection = (_a = this.multipleValues) === null || _a === void 0 ? void 0 : _a.find(value => findOptionByExactValue(item, value));
-                item.isSelected = !!selection;
-            });
-        }
-        catch (error) {
-            console.warn("[setOptionsMultiple]", error);
-        }
-    }
-    /**
-     * Sets the selected value for a autocomplete type dropdown and updates the options accordingly.
-     * @private
-     * @param {string} selectedValue - The value of the selected option.
-     */
-    setOptionsSingle(selectedValue) {
-        try {
-            this.selectedDropdownValue = selectedValue;
-            this.options.forEach(item => {
-                item.hasCheckmark = false;
-                item.isSelected = findOptionByExactValue(item, this.selectedDropdownValue);
-            });
-        }
-        catch (error) {
-            console.warn("[setOptionsSingle]", error);
-        }
-    }
-    setDropdownOption() {
-        var _a, _b;
-        try {
-            const hasValidValue = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));
-            if (hasValidValue &&
-                this.selectedDropdownValue !== undefined &&
-                this.selectedDropdownValue !== "undefined" &&
-                this.selectedDropdownValue !== "") {
-                this.setOptionsSingle(this.selectedDropdownValue);
-                if (this.validateDropdownValue) {
-                    const option = (_b = this.options) === null || _b === void 0 ? void 0 : _b.find(opt => findOptionByExactValue(opt, this.selectedDropdownValue));
-                    this.value = option ? (option.label || option.value) : this.value;
-                    this.validateDropdownValue = false;
-                }
-            }
-        }
-        catch (error) {
-            console.warn("[setOptionsMultiple]", error);
-        }
-    }
-    /**
-     * Sets the all the options to unselected state
-     * @private
-     * @param {string} selectedValue - The value of the selected option.
-     */
-    clearOptions() {
-        try {
-            this.selectedDropdownValue = null;
-            this.options.forEach(item => {
-                item.hasCheckmark = item.isSelected = false;
-            });
-        }
-        catch (error) {
-            console.warn("[clearOptions]", error);
-        }
-    }
-    renderUnfilteredOptions() {
-        return (h("div", { class: combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : ''), style: this.setAutoCompleteStyles(this.maxHeight) }, h("slot", { name: "items" }), h("slot", null)));
-    }
-    renderItem(item) {
-        var _a;
-        let isSelected = false;
-        if (this.multiple) {
-            isSelected = (_a = this.multipleValues) === null || _a === void 0 ? void 0 : _a.some(value => findOptionByValue(item, value));
-        }
-        return (h("vds-autocomplete-item", Object.assign({ isSelected: isSelected, hasCheckmark: this.multiple }, cloneAttributes(item), { innerHTML: item.innerHTML })));
-    }
-    renderFilteredOptions() {
-        const value = this.hasValue() ? this.value : "";
-        const filteredOptions = getFilteredOptions(this.options, value);
-        if (filteredOptions.length === 0) {
-            return this.showEmptyMessage && this.emptyMessage ? this.renderEmptyOption() : null;
-        }
-        return (h("div", { class: combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : ''), style: this.setAutoCompleteStyles(this.maxHeight) }, filteredOptions.map(item => this.renderItem(item))));
-    }
-    renderEmptyOption() {
-        if (!this.autocompleteItemEmptyOption) {
-            this.autocompleteItemEmptyOption = document.createElement("vds-autocomplete-item");
-            this.autocompleteItemEmptyOption.classList.add("non-clickable");
-            this.autocompleteItemEmptyOption.value = "";
-            this.autocompleteItemEmptyOption.setAttribute("value", "");
-        }
-        this.autocompleteItemEmptyOption.setAttribute("size", this.size);
-        this.autocompleteItemEmptyOption.setAttribute("label", this.emptyMessage);
-        return this.renderItem(this.autocompleteItemEmptyOption);
-    }
-    renderClearIcon() {
-        const disabled = this.disabled || this.isReadonly;
-        return (h("vds-icon-button", { tabIndex: disabled ? -1 : undefined, disabled: disabled, variant: "secondary", size: getActionIconButtonSize(this.size), icon: "close", onClick: disabled ? undefined : () => { this.clear(); this.basicInput.setFocus(); } }));
-    }
-    renderActionIcon() {
-        const disabled = this.disabled || this.isReadonly;
-        if (this.dropdown && this.showDropdownIcon) {
-            return (h("vds-icon", { svgIcon: this.isOpened ? 'chevron-up' : 'chevron-down', color: getIconColor(this.disabled, this.isReadonly), size: getIconSize(this.size), onClick: disabled ? undefined : () => this.isOpened ? this.close() : this.open() }));
-        }
-        if (this.actionIcon) {
-            return (h("vds-icon-button", { tabIndex: disabled ? -1 : undefined, disabled: disabled, variant: "secondary", size: getActionIconButtonSize(this.size), icon: this.actionIcon, onClick: disabled ? undefined : () => this.emitActionIcon() }));
-        }
-    }
-    renderOptions() {
-        if (this.dropdown && this.showUnfilteredOptions) {
-            return this.renderUnfilteredOptions();
-        }
-        if (this.hasValue()) {
-            return this.renderFilteredOptions();
-        }
-        return this.renderUnfilteredOptions();
-    }
-    render() {
-        const filteredOptions = getFilteredOptions(this.options, this.value || "");
-        return (h(Host, { key: '33314c7daf892e83429def416796fd44d0072061', class: this.disabled ? "vds-basic-autocomplete--disabled" : "", title: this.value }, h("div", { key: '313249e9a7bfe83f7cdb5c3a19e213efede9288a', class: combineClasses("vds-basic-autocomplete__container") }, h("vds-basic-input", { key: 'a9c7f870b30a5206263a3aabb60e440e1c10b799', ref: (el) => {
-                if (el) {
-                    this.basicInput = el;
-                }
-            }, type: "text", placeholder: this.placeholder, value: this.value, size: this.size, disabled: this.disabled, isReadonly: this.isReadonly, error: this.error, isRequired: this.isRequired, formatter: this.formatter, informativeIcon: this.informativeIcon, allowedStyles: this.allowedStyles, onChangeInput: (evt) => this.handleChange(evt), onFocus: () => this.hasFocus(), onBlur: () => this.lostFocus() }, this.showClearButton && this.hasValue() && (h("div", { key: '2715d86808bda1bbac461e9383da206b6b285224', class: "vds-basic-autocomplete__secondary-action", slot: "secondaryActionIcon" }, this.renderClearIcon())), ((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (h("div", { key: 'a4b2ed560302233dd049634ab825bc09ea447303', class: "vds-basic-autocomplete__primary-action", slot: "primaryActionIcon" }, this.renderActionIcon()))), this.backdrop && this.isOpened ? h("div", { class: "vds-floating-backdrop", onClick: this.close.bind(this) }) : '', h("div", { key: '8627f4c261001c9b3ce9415de579ab39a4a1eca0', ref: (el) => {
-                if (el)
-                    this.autocompleteContent = el;
-            }, class: combineClasses("vds-basic-autocomplete__content", this.maxHeight ? "has-scroll" : "", (!this.emptyMessage || this.emptyMessage === "") && filteredOptions.length === 0 ? "no-shadow" : "", !this.showEmptyMessage && filteredOptions.length === 0 ? "no-shadow" : "", !this.value && this.options.length === 0 ? "no-shadow" : "") }, h("div", { key: 'e9c886f1c5c6f3ce1d9195dee4aadb22cfb9dc29', class: "vds-basic-autocomplete__content__header" }, h("slot", { key: 'bf20136cbad0011b8619353c01947552c6dacc3f', name: "header" })), this.renderOptions()))));
-    }
-    get hostEl() { return this; }
-    static get watchers() { return {
-        "multiselectValues": ["setMulitpleValueHandler"],
-        "disabled": ["setDisabledState"],
-        "selectedDropdownValue": ["setDropdownValueValidation"],
-        "isOpened": ["toggleAutocomplete"]
-    }; }
-    static get style() { return vdsBasicAutocompleteCss(); }
-}, [257, "vds-basic-autocomplete", {
-        "size": [1025],
-        "value": [1537],
-        "multipleValues": [1040],
-        "selectedDropdownValue": [1, "selected-dropdown-value"],
-        "placeholder": [1537],
-        "disabled": [1540],
-        "isReadonly": [1540, "is-readonly"],
-        "error": [1540],
-        "isRequired": [1540, "is-required"],
-        "informativeIcon": [1, "informative-icon"],
-        "formatter": [1040],
-        "allowedStyles": [1040],
-        "maxHeight": [1025, "max-height"],
-        "matchWidth": [1028, "match-width"],
-        "debounce": [2],
-        "actionIcon": [1, "action-icon"],
-        "showClearButton": [4, "show-clear-button"],
-        "dropdown": [4],
-        "showDropdownIcon": [4, "show-dropdown-icon"],
-        "showEmptyMessage": [4, "show-empty-message"],
-        "emptyMessage": [1, "empty-message"],
-        "multiple": [4],
-        "autoPosition": [1028, "auto-position"],
-        "clearSelection": [4, "clear-selection"],
-        "backdrop": [4],
-        "isOpened": [32],
-        "multiselectValues": [32],
-        "open": [64],
-        "close": [64],
-        "setFocus": [64],
-        "setValue": [64],
-        "setSelectionValue": [64],
-        "getValue": [64],
-        "clear": [64]
-    }, [[0, "autocompleteClicked", "handleSelectOption"], [8, "click", "handleClickOut"], [8, "keyup", "handleEscPress"]], {
-        "multiselectValues": ["setMulitpleValueHandler"],
-        "disabled": ["setDisabledState"],
-        "selectedDropdownValue": ["setDropdownValueValidation"],
-        "isOpened": ["toggleAutocomplete"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["vds-basic-autocomplete", "vds-autocomplete-item", "vds-basic-input", "vds-icon", "vds-icon-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "vds-basic-autocomplete":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), VdsBasicAutocomplete$1);
-            }
-            break;
-        case "vds-autocomplete-item":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$5();
-            }
-            break;
-        case "vds-basic-input":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "vds-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "vds-icon-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const VdsBasicAutocomplete = VdsBasicAutocomplete$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { VdsBasicAutocomplete, defineCustomElement };
-//# sourceMappingURL=vds-basic-autocomplete.js.map
-
-//# sourceMappingURL=vds-basic-autocomplete.js.map
+import{proxyCustomElement as t,HTMLElement as o,createEvent as e,h as a,Host as i,transformTag as r}from"@stencil/core/internal/client";import{c as s}from"./combine-classes.js";import{a as c,t as l}from"./vds-basic-dropdown.utils.js";import{u as n}from"./floating-engine-utils.js";import{c as d}from"./clone-attributes.js";import{c as h,a as u,g as b}from"./icon-attr.utils.js";import{g,K as m}from"./keyboard-navigation.js";import{d as v}from"./vds-autocomplete-item2.js";import{d as f}from"./vds-basic-input2.js";import{d as p}from"./vds-icon2.js";import{d as w}from"./vds-icon-button2.js";const x=(t,o,e=!1)=>{try{return t.filter((t=>{var a,i,r;return e?(null===(a=t.textContent)||void 0===a?void 0:a.includes(o))||(null===(i=t.value)||void 0===i?void 0:i.includes(o))||(null===(r=t.label)||void 0===r?void 0:r.includes(o)):E(t,o)}))}catch(t){return console.warn("[getFilteredOptions]",t),[]}},E=(t,o)=>{var e,a,i;try{const r=(null==o?void 0:o.toLowerCase())||"";return t.textContent&&(null===(e=t.textContent)||void 0===e?void 0:e.toLowerCase().includes(r))||t.label&&(null===(a=t.label)||void 0===a?void 0:a.toLowerCase().includes(r))||t.value&&(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(r))}catch(t){return console.warn("[findOptionByValue]",t),!1}},F=(t,o)=>{var e,a,i;try{const r=(null==o?void 0:o.toLowerCase())||"";return t.textContent&&(null===(e=t.textContent)||void 0===e?void 0:e.toLowerCase())===r||t.label&&(null===(a=t.label)||void 0===a?void 0:a.toLowerCase())===r||t.value&&(null===(i=t.value)||void 0===i?void 0:i.toLowerCase())===r}catch(t){return console.warn("[findOptionByValue]",t),!1}},y=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.opened=e(this,"opened",7),this.closed=e(this,"closed",7),this.valueChanged=e(this,"valueChanged",7),this.cleared=e(this,"cleared",7),this.actionIconClick=e(this,"actionIconClick",7),this.changeInput=e(this,"changeInput",7),this.selectedValueChanged=e(this,"selectedValueChanged",7),this.size="medium",this.multipleValues=[],this.selectedDropdownValue="",this.isRequired=!1,this.dynamicInformativeIcon=!1,this.displayValue="label",this.allowedStyles=[],this.matchWidth=!0,this.actionIcon="zoom",this.showClearButton=!0,this.dropdown=!1,this.showDropdownIcon=!0,this.showEmptyMessage=!1,this.emptyMessage="No options",this.multiple=!1,this.position="bottom",this.autoPosition=!1,this.clearSelection=!1,this.backdrop=!1,this.highlightText=!1,this.clearOnErase=!1,this.floatingCleanUp=()=>{},this.isOpened=!1,this.options=[],this.debounceTimeTracker=null,this.showUnfilteredOptions=!1,this.updateContainerWidth=c,this.setAutoCompleteStyles=t=>{let o={};return o={maxHeight:t||void 0},o}}componentWillLoad(){this.multiselectValues=this.multipleValues,this.validateDropdownValue=!0,this.dynamicInformativeIcon&&void 0===this.defaultInformativeIcon&&(this.defaultInformativeIcon=this.informativeIcon)}componentWillRender(){this.multiple&&(this.dropdown=!1)}componentDidLoad(){var t,o;this.options=Array.from(this.hostEl.querySelectorAll("vds-autocomplete-item")),this.setPreselection(),this.applyHighlightToOptions(),this.input=null===(o=null===(t=this.basicInput)||void 0===t?void 0:t.shadowRoot)||void 0===o?void 0:o.querySelector("input")}componentDidRender(){this.options=Array.from(this.hostEl.querySelectorAll("vds-autocomplete-item")),n(this.basicInput,this.autocompleteContent,null,this.position,this.autoPosition,["top","bottom"]),this.updateContainerWidth(this.basicInput,this.matchWidth,this.autocompleteContent),this.setPreselection(),this.refreshKeyboardNavigation()}disconnectedCallback(){this.destroyKeyboardNavigation()}setMulitpleValueHandler(){this.valueChanged.emit(this.multiselectValues)}setDisabledState(){this.close()}setValueState(){this.applyHighlightToOptions(),this.refreshKeyboardNavigation()}applyHighlightToOptions(){var t;if(!this.highlightText)return;const o=this.highlightText&&this.hasValue()?this.value:"";null===(t=this.options)||void 0===t||t.forEach((t=>{t.highlightText=o}))}setDropdownValueValidation(){this.validateDropdownValue=!0}async toggleAutocomplete(){this.isOpened?(l(this.autocompleteContent,!0),this.setDropdownOpenState(),this.opened.emit(),this.floatingCleanUp=await n(this.basicInput,this.autocompleteContent,null,this.position,this.autoPosition,["top","bottom"]),this.initKeyboardNavigation()):(l(this.autocompleteContent,!1),this.destroyKeyboardNavigation(),this.closed.emit(),this.floatingCleanUp())}async open(){this.isReadonly||this.disabled||(this.isOpened=!0)}async close(){this.isOpened=!1}async setFocus(){this.basicInput.setFocus(),this.open()}async setValue(t){this.value=t}async setSelectionValue(t){this.multiple&&Array.isArray(t)&&(this.multipleValues=this.multiselectValues=t),"string"==typeof t&&this.dropdown&&(this.selectedDropdownValue=t)}async getValue(){return this.multiple?this.multipleValues:this.dropdown?this.selectedDropdownValue:this.value}async clear(){this.value="",this.dropdown&&this.clearOptions(),this.clearSelection&&this.multiple&&(this.multipleValues=this.multiselectValues=[],this.setOptionsMultiple()),this.dynamicInformativeIcon&&(this.informativeIcon=this.defaultInformativeIcon),this.cleared.emit()}handleSelectOption(t){const o=this.options.find((o=>F(o,t.detail.value))),e=null!=o;e&&this.multiple&&(o.isSelected=t.detail.selected),this.handleValueAssignment(t,o),e&&this.dropdown&&this.setOptionsSingle(t.detail.value)}handleClickOut(t){(t.composedPath?t.composedPath():[]).includes(this.hostEl)||this.close()}handleFocusOut(t){const o=t.relatedTarget;o&&this.hostEl.contains(o)||this.hostEl.contains(document.activeElement)||this.close()}handleEscPress(t){this.isOpened&&"Escape"===t.code&&(this.close(),this.basicInput.blur())}handleMultiselection(t){t.selected&&!this.multipleValues.find((o=>o.toLowerCase()===t.value.toLowerCase()))?this.multipleValues.push(t.value):this.multipleValues=this.multipleValues.filter((o=>o.toLowerCase()!==t.value.toLowerCase())),this.multiselectValues=Array.from(this.multipleValues),this.basicInput.setFocus()}handleValueAssignment(t,o){if(this.multiple)this.handleMultiselection(t.detail);else{this.setSelectionValue(t.detail.value);let e=t.detail.value;o&&(e=this.formatOptionDisplay(o)),this.value=e,this.valueChanged.emit(this.value),o&&(this.selectedValueChanged.emit({label:o.label,value:o.value,target:o}),this.dynamicInformativeIcon&&this.dropdown&&(this.informativeIcon=o.informativeIcon)),this.handleInputChange(),this.close()}}handleChange(t){t.stopPropagation();const o=t.detail;this.changeInput.emit(o),this.dropdown&&(this.showUnfilteredOptions=!1,this.selectedDropdownValue&&""===o)?this.clearOnErase&&(this.clearOptions(),this.value="",this.valueChanged.emit(this.value),this.dynamicInformativeIcon&&(this.informativeIcon=this.defaultInformativeIcon)):void 0!==this.debounce&&this.debounce>0?this.handleDebounceValueChange(o):this.value=o}handleInputChange(){const t=new InputEvent("input");this.hostEl.dispatchEvent(t)}hasFocus(){this.open(),this.setDropdownOpenState()}lostFocus(){this.dropdown&&(this.showUnfilteredOptions=!1,this.validateDropdownValue=!0)}emitActionIcon(){this.actionIconClick.emit()}setDropdownOpenState(){this.dropdown&&this.hasValue()&&(this.showUnfilteredOptions=!0,this.validateDropdownValue=!1)}formatOptionDisplay(t){var o,e,a,i,r,s;if(!t)return"";if("label"===this.displayValue)return null!==(e=null!==(o=t.label)&&void 0!==o?o:t.value)&&void 0!==e?e:"";if("value"===this.displayValue)return null!==(i=null!==(a=t.value)&&void 0!==a?a:t.label)&&void 0!==i?i:"";const c=null!==(s=null!==(r=t.label)&&void 0!==r?r:t.value)&&void 0!==s?s:"",l=this.formatter?this.formatter(c):void 0;return null!=l?l:c}handleDebounceValueChange(t){null!==this.debounceTimeTracker&&(clearTimeout(this.debounceTimeTracker),this.debounceTimeTracker=null),this.debounceTimeTracker=setTimeout((()=>{this.value=t,this.debounceTimeTracker=null}),this.debounce)}hasValue(){return null!=this.value&&"undefined"!==this.value&&""!==this.value}setPreselection(){this.multiple&&this.setOptionsMultiple(),this.dropdown&&this.setDropdownOption()}setOptionsMultiple(){try{this.options.forEach((t=>{var o;t.hasCheckmark=!0;const e=null===(o=this.multipleValues)||void 0===o?void 0:o.find((o=>F(t,o)));t.isSelected=!!e}))}catch(t){console.warn("[setOptionsMultiple]",t)}}setOptionsSingle(t){try{this.selectedDropdownValue=t,this.options.forEach((t=>{t.hasCheckmark=!1,t.isSelected=F(t,this.selectedDropdownValue)}))}catch(t){console.warn("[setOptionsSingle]",t)}}setDropdownOption(){var t,o;try{if((null===(t=this.options)||void 0===t?void 0:t.some((t=>F(t,this.selectedDropdownValue))))&&void 0!==this.selectedDropdownValue&&"undefined"!==this.selectedDropdownValue&&""!==this.selectedDropdownValue&&(this.setOptionsSingle(this.selectedDropdownValue),this.validateDropdownValue)){const t=null===(o=this.options)||void 0===o?void 0:o.find((t=>F(t,this.selectedDropdownValue)));t?(this.value=this.formatOptionDisplay(t),this.dynamicInformativeIcon&&(this.informativeIcon=t.informativeIcon)):this.value=this.value,this.validateDropdownValue=!1}}catch(t){console.warn("[setOptionsMultiple]",t)}}clearOptions(){try{this.selectedDropdownValue=null,this.options.forEach((t=>{t.hasCheckmark=t.isSelected=!1}))}catch(t){console.warn("[clearOptions]",t)}}renderUnfilteredOptions(){return a("div",{class:s("vds-basic-autocomplete__content-options",this.maxHeight?"scrollable":""),style:this.setAutoCompleteStyles(this.maxHeight)},a("slot",{name:"items"}),a("slot",null))}renderItem(t){var o;let e=!1;return this.multiple?e=null===(o=this.multipleValues)||void 0===o?void 0:o.some((o=>E(t,o))):this.dropdown&&(e=F(t,this.selectedDropdownValue)),a("vds-autocomplete-item",Object.assign({},d(t),{disabled:t.disabled,informativeIcon:t.informativeIcon,size:t.size,isActive:t.isActive,isSelected:e,hasCheckmark:this.multiple,innerHTML:t.innerHTML}))}renderFilteredOptions(){const t=this.hasValue()?this.value:"",o=x(this.options,t);return 0===o.length?this.showEmptyMessage&&this.emptyMessage?this.renderEmptyOption():null:a("div",{class:s("vds-basic-autocomplete__content-options",this.maxHeight?"scrollable":""),style:this.setAutoCompleteStyles(this.maxHeight)},o.map((t=>this.renderItem(t))))}renderEmptyOption(){return this.autocompleteItemEmptyOption||(this.autocompleteItemEmptyOption=document.createElement("vds-autocomplete-item"),this.autocompleteItemEmptyOption.classList.add("non-clickable"),this.autocompleteItemEmptyOption.value="",this.autocompleteItemEmptyOption.setAttribute("value","")),this.autocompleteItemEmptyOption.setAttribute("size",this.size),this.autocompleteItemEmptyOption.setAttribute("label",this.emptyMessage),this.renderItem(this.autocompleteItemEmptyOption)}renderClearIcon(){const t=this.disabled||this.isReadonly;return a("vds-icon-button",{tabIndex:t?-1:void 0,disabled:t,variant:"secondary",size:h(this.size),icon:"close",onClick:t?void 0:()=>{this.clear(),this.basicInput.setFocus()}})}renderActionIcon(){const t=this.disabled||this.isReadonly;return this.dropdown&&this.showDropdownIcon?a("vds-icon",{class:"vds-basic-autocomplete__dropdown-icon",svgIcon:this.isOpened?"chevron-up":"chevron-down",color:b(this.disabled,this.isReadonly),size:u(this.size),onClick:t?void 0:()=>this.isOpened?this.close():this.open()}):this.actionIcon?a("vds-icon-button",{tabIndex:t?-1:void 0,disabled:t,variant:"secondary",size:h(this.size),icon:this.actionIcon,onClick:t?void 0:()=>this.emitActionIcon()}):void 0}renderOptions(){return this.dropdown&&this.showUnfilteredOptions?this.renderUnfilteredOptions():this.hasValue()?this.renderFilteredOptions():this.renderUnfilteredOptions()}initKeyboardNavigation(){const t=this.getAutocompleteItems();0!==t.length&&g()&&m.subscribe(t,document.body,this.close.bind(this),this.input)}refreshKeyboardNavigation(){if(!this.isOpened)return;const t=this.getAutocompleteItems();0!==t.length&&m.updateFocusedItems(t)}getAutocompleteItems(){var t;const o=null===(t=this.autocompleteContent)||void 0===t?void 0:t.querySelector(".vds-basic-autocomplete__content-options");if(!o)return[];const e=Array.from(o.querySelectorAll("vds-autocomplete-item:not([disabled]):not(.non-clickable)")),a=Array.from(o.querySelectorAll("slot")).flatMap((t=>t.assignedElements({flatten:!0}))).filter((t=>"VDS-AUTOCOMPLETE-ITEM"===t.tagName&&!t.hasAttribute("disabled")&&!t.classList.contains("non-clickable")));return(e.length>0?e:a).map((t=>{var o,e;return null!==(e=null===(o=t.shadowRoot)||void 0===o?void 0:o.querySelector("button"))&&void 0!==e?e:null})).filter((t=>null!==t))}destroyKeyboardNavigation(){m.unsubscribe()}render(){const t=x(this.options,this.value||"");return a(i,{key:"dd3bc6654bc50937ccdf8964cb519a4b80858152",class:this.disabled?"vds-basic-autocomplete--disabled":"",title:this.value},a("div",{key:"4c1754a52e07045bf8429411bc81b3d577dee48e",class:s("vds-basic-autocomplete__container")},a("vds-basic-input",{key:"765dcb8fdd9190c938c05d9d9542fe5384b142f2",ref:t=>{t&&(this.basicInput=t)},type:"text",placeholder:this.placeholder,value:this.value,size:this.size,disabled:this.disabled,isReadonly:this.isReadonly,error:this.error,isRequired:this.isRequired,formatter:this.formatter,informativeIcon:this.informativeIcon,allowedStyles:this.allowedStyles,onChangeInput:t=>this.handleChange(t),onFocus:()=>this.hasFocus(),onBlur:()=>this.lostFocus()},this.showClearButton&&this.hasValue()&&a("div",{key:"8dd386ce6dc2ecfe6d784614ae69fc19f577e766",class:"vds-basic-autocomplete__secondary-action",slot:"secondaryActionIcon"},this.renderClearIcon()),(this.dropdown&&this.showDropdownIcon||this.actionIcon)&&a("div",{key:"09b1c3b0a3de814bb2bc731e26f72d6d95260baf",class:"vds-basic-autocomplete__primary-action",slot:"primaryActionIcon"},this.renderActionIcon())),this.backdrop&&this.isOpened?a("div",{class:"vds-floating-backdrop",onClick:this.close.bind(this)}):"",a("div",{key:"7feef80588774da5e1a317a32401985192271a9c",ref:t=>{t&&(this.autocompleteContent=t)},class:s("vds-basic-autocomplete__content",this.maxHeight?"has-scroll":"",this.emptyMessage&&""!==this.emptyMessage||0!==t.length?"":"no-shadow",this.showEmptyMessage||0!==t.length?"":"no-shadow",this.value||0!==this.options.length?"":"no-shadow")},a("div",{key:"ee3b6536ae8b11abf0993a4a413c0950d8b9e051",class:"vds-basic-autocomplete__content__header"},a("slot",{key:"68310b2e9f3a1cb40f8ad277535040cfc4e9454b",name:"header"})),this.renderOptions())))}get hostEl(){return this}static get watchers(){return{multiselectValues:[{setMulitpleValueHandler:0}],disabled:[{setDisabledState:0}],value:[{setValueState:0}],selectedDropdownValue:[{setDropdownValueValidation:0}],isOpened:[{toggleAutocomplete:0}]}}static get style(){return':root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--spacing-21:5rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--elevation-layer-6:16;--elevation-layer-7:20;--elevation-layer-8:24;--elevation-layer-9:28;--elevation-layer-10:32;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem;--duration-instant:0ms;--duration-short:100ms;--duration-medium:200ms;--duration-long:300ms;--duration-extra-long:500ms;--easing-standard:cubic-bezier(0.2, 0, 0, 1);--easing-emphasized:cubic-bezier(0.2, 0, 0, 1);--easing-decelerate:cubic-bezier(0, 0, 0, 1);--easing-accelerate:cubic-bezier(0.3, 0, 1, 1);--easing-linear:linear}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}:host{display:block;--vds-basic-autocomplete-input-min-width-small:5.75rem;--vds-basic-autocomplete-input-min-width:7.5rem;--vds-basic-autocomplete-input-min-width-large:9.25rem;--vds-basic-autocomplete-input-border:var(--border-thickness-01) solid var(--color-border-low);--vds-basic-autocomplete-input-border-radius:var(--radius-medium);--vds-basic-autocomplete-input-outline:var(--border-thickness-05) solid var(--color-interaction-brand-low);--vds-basic-autocomplete-backdrop-background-color:var(--color-interaction-black-lower);--vds-basic-autocomplete-backdrop-z-index:var(--elevation-layer-1);--vds-basic-autocomplete-content-z-index:var(--elevation-layer-2);--vds-basic-autocomplete-item-max-width:none}:host .vds-basic-autocomplete__container{display:flex;flex-direction:column;gap:1rem}:host .vds-basic-autocomplete__container vds-basic-input{--vds-input-min-width-small:var(--vds-basic-autocomplete-input-min-width-small);--vds-input-min-width:var(--vds-basic-autocomplete-input-min-width);--vds-input-min-width-large:var(--vds-basic-autocomplete-input-min-width-large);--vds-input-border:var(--vds-basic-autocomplete-input-border);--vds-input-border-radius:var(--vds-basic-autocomplete-input-border-radius);--vds-input-outline:var(--vds-basic-autocomplete-input-outline)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content{display:none;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:max-content;max-height:fit-content !important;border-radius:var(--radius-medium);background:var(--surface-medium);box-shadow:var(--elevation-shadow-2);box-sizing:border-box;border:0.0625rem solid var(--color-border-lowest);z-index:var(--vds-basic-autocomplete-content-z-index)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow{box-shadow:none;border:none}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.no-shadow .vds-basic-autocomplete__content__header{box-shadow:var(--elevation-shadow-2)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.has-scroll{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content.match-width{width:var(--trigger-width);min-width:var(--trigger-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options{overflow-y:auto;display:flex;flex-direction:column;border-radius:var(--radius-medium)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options vds-autocomplete-item{max-width:var(--vds-basic-autocomplete-item-max-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options ::slotted(vds-autocomplete-item){max-width:var(--vds-basic-autocomplete-item-max-width)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options.scrollable{padding-right:var(--spacing-01)}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar{background-color:var(--surface-medium);width:0.375rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__content .vds-basic-autocomplete__content-options::-webkit-scrollbar-thumb{background-color:var(--color-background-neutral-press);border-radius:1rem}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__primary-action,:host .vds-basic-autocomplete__container .vds-basic-autocomplete__secondary-action{display:inline-flex;align-items:center;line-height:0;font-size:0}:host .vds-basic-autocomplete__container .vds-basic-autocomplete__dropdown-icon{cursor:pointer}:host .vds-floating-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--vds-basic-autocomplete-backdrop-background-color);z-index:var(--vds-basic-autocomplete-backdrop-z-index);pointer-events:auto}:host .non-clickable{pointer-events:none}:host(.vds-basic-autocomplete--disabled){pointer-events:none}'}},[257,"vds-basic-autocomplete",{size:[1025],value:[1537],multipleValues:[1040],selectedDropdownValue:[1025,"selected-dropdown-value"],placeholder:[1537],disabled:[1540],isReadonly:[1540,"is-readonly"],error:[1540],isRequired:[1540,"is-required"],informativeIcon:[1025,"informative-icon"],dynamicInformativeIcon:[1028,"dynamic-informative-icon"],formatter:[1040],displayValue:[1,"display-value"],allowedStyles:[1040],maxHeight:[1025,"max-height"],matchWidth:[1028,"match-width"],debounce:[2],actionIcon:[1,"action-icon"],showClearButton:[4,"show-clear-button"],dropdown:[4],showDropdownIcon:[4,"show-dropdown-icon"],showEmptyMessage:[4,"show-empty-message"],emptyMessage:[1,"empty-message"],multiple:[4],position:[1],autoPosition:[1028,"auto-position"],clearSelection:[4,"clear-selection"],backdrop:[4],highlightText:[4,"highlight-text"],clearOnErase:[4,"clear-on-erase"],isOpened:[32],multiselectValues:[32],defaultInformativeIcon:[32],open:[64],close:[64],setFocus:[64],setValue:[64],setSelectionValue:[64],getValue:[64],clear:[64]},[[0,"autocompleteClicked","handleSelectOption"],[8,"click","handleClickOut"],[0,"focusout","handleFocusOut"],[8,"keyup","handleEscPress"]],{multiselectValues:[{setMulitpleValueHandler:0}],disabled:[{setDisabledState:0}],value:[{setValueState:0}],selectedDropdownValue:[{setDropdownValueValidation:0}],isOpened:[{toggleAutocomplete:0}]}]),z=y,k=function(){"undefined"!=typeof customElements&&["vds-basic-autocomplete","vds-autocomplete-item","vds-basic-input","vds-icon","vds-icon-button"].forEach((t=>{switch(t){case"vds-basic-autocomplete":customElements.get(r(t))||customElements.define(r(t),y);break;case"vds-autocomplete-item":customElements.get(r(t))||v();break;case"vds-basic-input":customElements.get(r(t))||f();break;case"vds-icon":customElements.get(r(t))||p();break;case"vds-icon-button":customElements.get(r(t))||w()}}))};export{z as VdsBasicAutocomplete,k as defineCustomElement}