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

package/dist/cjs/vds-basic-combo-box.cjs.entry.js

@@ -1,11 +1,12 @@
 'use strict';
 
-var index = require('./index-D6D5vqj8.js');
+var index = require('./index-CwXszEUj.js');
 var combineClasses = require('./combine-classes-Cs05zl1M.js');
 var vdsBasicInput_utils = require('./vds-basic-input.utils-B5_cIWpL.js');
 var cloneAttributes = require('./clone-attributes-CR_poqM1.js');
+var form = require('./form-Bk65VSLB.js');
 
-const vdsBasicComboBoxCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap\");: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}: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-black:#000000;--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}:host .vds-combo-box__container{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;border-radius:var(--radius-medium);border:var(--border-thickness-01) solid var(--color-border-low);background:var(--surface-medium)}:host .vds-combo-box__container:hover{border-color:var(--color-border-brand);outline:var(--border-thickness-05) solid var(--color-interaction-brand-low)}:host .vds-combo-box__container .vds-combo-box__informative-icon::part(svg-icon){display:flex;justify-content:center;align-items:center}:host .vds-combo-box__container.vds-combo-box__container--focus{border-color:var(--color-border-brand)}:host .vds-combo-box__container.vds-combo-box__container--error{border-color:var(--color-border-danger);outline-color:var(--color-interaction-danger-medium)}:host .vds-combo-box__container.vds-combo-box__container--error .vds-combo-box__input{color:var(--color-text-danger-medium)}:host .vds-combo-box__container.vds-combo-box__container--readonly{border-color:var(--color-border-low);outline:none;background-color:var(--color-interaction-black-lowest)}:host .vds-combo-box__container.vds-combo-box__container--readonly .vds-combo-box__chip{pointer-events:none}:host .vds-combo-box__container.vds-combo-box__container--readonly .vds-combo-box__input{color:var(--color-text-medium)}:host .vds-combo-box__container.vds-combo-box__container--disabled{border-color:var(--color-border-lowest);outline:none;background-color:var(--surface-medium)}:host .vds-combo-box__container.vds-combo-box__container--disabled .vds-combo-box__input{color:var(--color-text-disabled)}:host .vds-combo-box__container.vds-combo-box__container--disabled .vds-combo-box__input::placeholder{color:var(--color-text-disabled)}:host .vds-combo-box__container.vds-combo-box--size-small{gap:var(--spacing-01);padding:calc(var(--spacing-02) - 1px) calc(var(--spacing-03) - 1px);min-height:var(--spacing-07)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content{row-gap:var(--spacing-02)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content.vds-combo-box__input-content--has-value{column-gap:var(--spacing-01)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content .vds-combo-box__chip-container{height:var(--spacing-04)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content .vds-combo-box__chip-container .vds-combo-box__chip{height:var(--spacing-05);transform:translateY(-5px)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content .vds-combo-box__input{font-family:\"Roboto Flex\", sans-serif;font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}:host .vds-combo-box__container.vds-combo-box--size-medium{gap:var(--spacing-02);padding:calc(var(--spacing-03) - 1px) calc(var(--spacing-04) - 1px);min-height:var(--spacing-10)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content{row-gap:var(--spacing-03)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content.vds-combo-box__input-content--has-value{column-gap:var(--spacing-02)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content .vds-combo-box__chip-container{height:var(--spacing-06)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content .vds-combo-box__chip-container .vds-combo-box__chip{height:var(--spacing-07);transform:translateY(-2px)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content .vds-combo-box__input{font-family:\"Roboto Flex\", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds-combo-box__container.vds-combo-box--size-large{gap:var(--spacing-03);padding:calc(var(--spacing-04) - 1px) calc(var(--spacing-05) - 1px);min-height:var(--spacing-13)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content{row-gap:var(--spacing-03)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content.vds-combo-box__input-content--has-value{column-gap:var(--spacing-02)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content .vds-combo-box__chip-container{height:var(--spacing-07)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content .vds-combo-box__chip-container .vds-combo-box__chip{height:var(--spacing-08);transform:translateY(-2px)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content .vds-combo-box__input{font-family:\"Roboto Flex\", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:host .vds-combo-box__container .vds-combo-box__input-content{align-items:center;color:inherit;display:flex;flex-wrap:wrap;flex:1 1}:host .vds-combo-box__container .vds-combo-box__input{display:inline-block;flex:1 1;border:none;background:transparent;padding:0;overflow:hidden;color:var(--color-text-high);font-feature-settings:\"clig\" off, \"liga\" off;text-overflow:ellipsis;white-space:nowrap;font-style:normal}:host .vds-combo-box__container .vds-combo-box__input::placeholder{color:var(--color-text-medium)}:host .vds-combo-box__container .vds-combo-box__input:hover,:host .vds-combo-box__container .vds-combo-box__input:focus{border:none;outline:none}:host-context(.vds-combo-box--disabled){pointer-events:none}";
+const vdsBasicComboBoxCss = () => `: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}:host .vds-combo-box__container{display:flex;align-items:center;flex-shrink:0;box-sizing:border-box;border-radius:var(--radius-medium);border:var(--border-thickness-01) solid var(--color-border-low);background:var(--surface-medium)}:host .vds-combo-box__container:hover{border-color:var(--color-border-brand);outline:var(--border-thickness-05) solid var(--color-interaction-brand-low)}:host .vds-combo-box__container .vds-combo-box__informative-icon::part(svg-icon){display:flex;justify-content:center;align-items:center}:host .vds-combo-box__container.vds-combo-box__container--focus{border-color:var(--color-border-brand)}:host .vds-combo-box__container.vds-combo-box__container--error{border-color:var(--color-border-danger);outline-color:var(--color-interaction-danger-medium)}:host .vds-combo-box__container.vds-combo-box__container--error .vds-combo-box__input{color:var(--color-text-danger-medium)}:host .vds-combo-box__container.vds-combo-box__container--readonly{border-color:var(--color-border-low);outline:none;background-color:var(--color-interaction-black-lowest)}:host .vds-combo-box__container.vds-combo-box__container--readonly .vds-combo-box__chip{pointer-events:none}:host .vds-combo-box__container.vds-combo-box__container--readonly .vds-combo-box__input{color:var(--color-text-medium)}:host .vds-combo-box__container.vds-combo-box__container--disabled{border-color:var(--color-border-lowest);outline:none;background-color:var(--surface-medium)}:host .vds-combo-box__container.vds-combo-box__container--disabled .vds-combo-box__input{color:var(--color-text-disabled)}:host .vds-combo-box__container.vds-combo-box__container--disabled .vds-combo-box__input::placeholder{color:var(--color-text-disabled)}:host .vds-combo-box__container.vds-combo-box--size-small{gap:var(--spacing-01);padding:calc(var(--spacing-02) - 1px) calc(var(--spacing-03) - 1px);min-height:var(--spacing-07)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content.vds-combo-box__input-content--has-value{column-gap:var(--spacing-01)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content{row-gap:var(--spacing-02)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content .vds-combo-box__chip-container{height:var(--spacing-04)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content .vds-combo-box__chip-container .vds-combo-box__chip{height:var(--spacing-05);transform:translateY(-5px)}:host .vds-combo-box__container.vds-combo-box--size-small .vds-combo-box__input-content .vds-combo-box__input{font-family:"Roboto Flex", sans-serif;font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}:host .vds-combo-box__container.vds-combo-box--size-medium{gap:var(--spacing-02);padding:calc(var(--spacing-03) - 1px) calc(var(--spacing-04) - 1px);min-height:var(--spacing-10)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content.vds-combo-box__input-content--has-value{column-gap:var(--spacing-02)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content{row-gap:var(--spacing-03)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content .vds-combo-box__chip-container{height:var(--spacing-06)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content .vds-combo-box__chip-container .vds-combo-box__chip{height:var(--spacing-07);transform:translateY(-2px)}:host .vds-combo-box__container.vds-combo-box--size-medium .vds-combo-box__input-content .vds-combo-box__input{font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds-combo-box__container.vds-combo-box--size-large{gap:var(--spacing-03);padding:calc(var(--spacing-04) - 1px) calc(var(--spacing-05) - 1px);min-height:var(--spacing-13)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content.vds-combo-box__input-content--has-value{column-gap:var(--spacing-02)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content{row-gap:var(--spacing-03)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content .vds-combo-box__chip-container{height:var(--spacing-07)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content .vds-combo-box__chip-container .vds-combo-box__chip{height:var(--spacing-08);transform:translateY(-2px)}:host .vds-combo-box__container.vds-combo-box--size-large .vds-combo-box__input-content .vds-combo-box__input{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:host .vds-combo-box__container .vds-combo-box__input-content{align-items:center;color:inherit;display:flex;flex-wrap:wrap;flex:1 1}:host .vds-combo-box__container .vds-combo-box__input{display:inline-block;flex:1 1;border:none;background:transparent;padding:0;overflow:hidden;color:var(--color-text-high);font-feature-settings:"clig" off, "liga" off;text-overflow:ellipsis;white-space:nowrap;font-style:normal}:host .vds-combo-box__container .vds-combo-box__input::placeholder{color:var(--color-text-medium)}:host .vds-combo-box__container .vds-combo-box__input:hover,:host .vds-combo-box__container .vds-combo-box__input:focus{border:none;outline:none}:host-context(.vds-combo-box--disabled){pointer-events:none}`;
 
 const VdsBasicComboBox = class {
     constructor(hostRef) {
@@ -25,6 +26,7 @@ const VdsBasicComboBox = class {
         this.internalValue = "";
     }
     valueChangedHandler(newValue) {
+        form.emitInputEvent(this.hostEl, newValue == null || newValue.length == 0 ? "" : newValue.join(","));
         this.valueChanged.emit(newValue);
     }
     /* Sets focus to the input element */
@@ -117,24 +119,28 @@ const VdsBasicComboBox = class {
     handleActionButton() {
         this.actionIconClick.emit();
     }
+    getChipSelectedOptions() {
+        if (this.value == null || this.value.length === 0) {
+            return [];
+        }
+        return this.value.map((val) => (index.h("div", { class: "vds-combo-box__chip-container" }, index.h("vds-chip", { class: "vds-combo-box__chip", value: val, size: this.size, disabled: this.disabled || this.isReadonly, close: true, removeOnClose: false, onAfterClosed: () => this.handleCloseChip(val) }))));
+    }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'cb9772767f5d0fecb7df380a1fdd6d5cd8cd83f0', class: this.disabled ? "vds-combo-box--disabled" : "" }, index.h("div", { key: 'f1871a8ba103f7bc04f998607defed955cada9ee', ref: (el) => {
+        return (index.h(index.Host, { key: 'ca3197c462632efd369247d9290e928ff4f19b95', class: this.disabled ? "vds-combo-box--disabled" : "" }, index.h("div", { key: '0e682f78b52d2ecf7d5edee8917a2ce5f4683620', ref: (el) => {
                 if (el)
                     this.inputContainerRef = el;
-            }, class: combineClasses.combineClasses("vds-combo-box__container", `vds-combo-box--size-${this.size}`, this.error && "vds-combo-box__container--error", this.isReadonly && "vds-combo-box__container--readonly", this.disabled && "vds-combo-box__container--disabled") }, this.getInputIcon(this.informativeIcon), index.h("div", { key: '28097a9af267fab216e5c6d73ad85102b67fd898', class: combineClasses.combineClasses("vds-combo-box__input-content", ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "vds-combo-box__input-content--has-value" : "") }, this.value.map((val) => (index.h("div", { class: "vds-combo-box__chip-container" }, index.h("vds-chip", { class: "vds-combo-box__chip", value: val, size: this.size, disabled: this.disabled || this.isReadonly, close: true, removeOnClose: false, onAfterClosed: () => this.handleCloseChip(val) })))), index.h("input", Object.assign({ key: '4464f822757a6533a628be6a7420011ebd96a90c', ref: (el) => {
+            }, class: combineClasses.combineClasses("vds-combo-box__container", `vds-combo-box--size-${this.size}`, this.error && "vds-combo-box__container--error", this.isReadonly && "vds-combo-box__container--readonly", this.disabled && "vds-combo-box__container--disabled") }, this.getInputIcon(this.informativeIcon), index.h("div", { key: 'cfd8f0952aac81d7813436a696d70d1e91be91a3', class: combineClasses.combineClasses("vds-combo-box__input-content", ((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "vds-combo-box__input-content--has-value" : "") }, this.getChipSelectedOptions(), index.h("input", Object.assign({ key: '7d26f8d9304d1c35ae86230dab83d25abb2f9eab', ref: (el) => {
                 if (el)
                     this.inputEl = el;
-            }, class: "vds-combo-box__input", type: "text", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.isReadonly, onInput: (evt) => this.handleInput(evt), onFocus: () => this.toggleFocusClass(), onBlur: () => this.toggleFocusClass() }, cloneAttributes.cloneAttributes(this.hostEl, "class", "value", "disabled", "placeholder", "label", "style")))), this.showClearButton && (index.h("vds-icon-button", { key: '1c5150f902042a296e7520a7ed64ed29fc069d19', variant: "secondary", disabled: this.disabled || this.isReadonly, icon: "close", size: this.getSizeIconButton(), onClick: () => this.clear() })), this.actionIcon && (index.h("vds-icon-button", { key: '1fa7db8fdde189f1c0e3e09f18c1de33c2c538f5', variant: "secondary", disabled: this.disabled || this.isReadonly, icon: this.actionIcon, size: this.getSizeIconButton(), onClick: () => this.handleActionButton() })))));
+            }, class: "vds-combo-box__input", type: "text", value: this.internalValue, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.isReadonly, onInput: (evt) => this.handleInput(evt), onFocus: () => this.toggleFocusClass(), onBlur: () => this.toggleFocusClass() }, cloneAttributes.cloneAttributes(this.hostEl, "class", "value", "disabled", "placeholder", "label", "style")))), this.showClearButton && (index.h("vds-icon-button", { key: '0e5f655aacfdbcb9092966e294ceeb4322097339', variant: "secondary", disabled: this.disabled || this.isReadonly, icon: "close", size: this.getSizeIconButton(), onClick: () => this.clear() })), this.actionIcon && (index.h("vds-icon-button", { key: 'be105f5c151421b1f20b8bf8992e097654e2f89a', variant: "secondary", disabled: this.disabled || this.isReadonly, icon: this.actionIcon, size: this.getSizeIconButton(), onClick: () => this.handleActionButton() })))));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
         "value": ["valueChangedHandler"]
     }; }
 };
-VdsBasicComboBox.style = vdsBasicComboBoxCss;
+VdsBasicComboBox.style = vdsBasicComboBoxCss();
 
 exports.vds_basic_combo_box = VdsBasicComboBox;
 //# sourceMappingURL=vds-basic-combo-box.entry.cjs.js.map
-
-//# sourceMappingURL=vds-basic-combo-box.cjs.entry.js.map

package/dist/cjs/vds-basic-dropdown.utils-B8SPgJv4.js.map

@@ -1 +1 @@
-{"version":3,"file":"vds-basic-dropdown.utils-B8SPgJv4.js","sources":["src/components/basic-dropdown/vds-basic-dropdown.utils.ts"],"sourcesContent":["/**\n * Toggles the display style of an HTML element.\n * \n * @param {HTMLElement} contentBox The HTML element to toggle the display for.\n * @param {boolean} toggle A boolean value to control the display. \n *  - True: Sets the display to \"block\".\n *  - False: Sets the display to \"none\".\n * @returns {void}\n */\nexport const toggleContainerDisplay = (contentBox: HTMLElement, toggle: boolean): void => {\n    if (!contentBox) {\n        return;\n    }\n\n    contentBox.style.display = toggle ? \"block\" : \"none\";\n}\n\n/**\n * Unselects non-selected items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const unselectNonSelectedItems = (dropdownContent: HTMLElement, value: string[] | string) => {\n    if (!dropdownContent) {\n        return;\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    Array.from(dropdownItems || []).forEach(item => {\n        if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") !== value) {\n            item.setAttribute(\"is-selected\", \"false\");\n            item.setAttribute(\"is-active\", \"false\");\n        }\n        if (Array.isArray(value) && item.tagName.toLowerCase() === \"vds-dropdown-item\" && value.some(v => v !== item.getAttribute(\"value\"))) {\n            item.setAttribute(\"is-selected\", \"false\");\n            item.setAttribute(\"is-active\", \"false\");\n        }\n    });\n}\n\n/**\n * Selects selected items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const selectSelectedItems = (dropdownContent: HTMLElement, value: string[] | string) => {\n    if (!dropdownContent) {\n        return;\n    }\n    try {\n        const container = dropdownContent.querySelector(\"slot\");\n        const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n        Array.from(dropdownItems || []).forEach(item => {\n            if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") === value) {\n                item.setAttribute(\"is-selected\", \"true\");\n                item.setAttribute(\"is-active\", \"true\");\n            }\n            if (Array.isArray(value) && item.tagName.toLowerCase() === \"vds-dropdown-item\" && value.some(v => v === item.getAttribute(\"value\"))) {\n                item.setAttribute(\"is-selected\", \"true\");\n                item.setAttribute(\"is-active\", \"true\");\n            }\n        });\n    } catch (error) {\n        console.warn(\"[selectSelectedItems]\", error);\n    }\n}\n\n/**\n * Gets selected label in single dropdown using value\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const getSelectedLabel = (dropdownContent: HTMLElement, value: string) => {\n    if (!dropdownContent) {\n        return;\n    }\n    try {\n        let response = \"\";\n        const container = dropdownContent.querySelector(\"slot\");\n        const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n        Array.from(dropdownItems || []).forEach(item => {\n            if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") === value) {\n                response = (item as HTMLVdsDropdownItemElement)?.label || (item as HTMLVdsDropdownItemElement)?.textContent;\n            }\n        });\n        return response;\n    } catch (error) {\n        console.warn(\"[getSelectedLabel]\", error);\n    }\n}\n\nexport const scrollToSelectedValue = (dropdownContent: HTMLElement, value: string[] | string) => {\n    if (!dropdownContent) {\n        return;\n    }\n    try {\n        const container = dropdownContent.querySelector(\"slot\");\n        const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n        let selectedItem: Element | null = null;\n        Array.from(dropdownItems || []).forEach(item => {\n            if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") === value) {\n                selectedItem = item;\n            }\n        });\n    \n        // Scroll to option when is single value\n        if (typeof value === \"string\" && selectedItem) {\n            selectedItem.scrollIntoView({\n                behavior: \"instant\",\n                block: \"center\",\n                inline: \"center\",\n            });\n        }\n    } catch (error) {\n        console.warn(\"[ScrollToSelectedValue]\", error);\n    }\n}\n\n/**\n * Gets thje selected text items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const getSelectedItemsText = (dropdownContent: HTMLElement, value: string[]): string[] => {\n    if (!dropdownContent) {\n        return [];\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    return Array.from(dropdownItems || [])\n                .filter(ditem => ditem.tagName.toLowerCase() === \"vds-dropdown-item\" && value.some(v => v === ditem.getAttribute(\"value\")))\n                .map(item => item.getAttribute(\"label\"))\n}\n\n/**\n * Unselects all items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const unselectAllItems = (dropdownContent: HTMLElement) => {\n    if (!dropdownContent) {\n        return;\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    Array.from(dropdownItems || []).forEach(item => {\n        item.setAttribute(\"is-selected\", \"false\");\n        item.setAttribute(\"is-active\", \"false\");\n    });\n}\n\n/**\n * Emits a native \"input\" event on the specified host element.\n *\n * @param {HTMLElement} hostEl The host element to emit the event on.\n */\nexport const emitNativeInputEvent = (hostEl: HTMLElement): void => {\n    if (!hostEl) {\n        return;\n    }\n\n    const inputEvent = new InputEvent(\"input\");\n    hostEl.dispatchEvent(inputEvent);\n}\n\n/**\n * Checks if a given value is a valid option within a dropdown content element.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string} value The value to check for validity.\n * @returns {boolean} True if the value is a valid option, false otherwise.\n *\n * **Validity criteria:**\n * - The value must match the `value` attribute of at least one `vds-dropdown-item` element within the dropdown content.\n */\nexport const isValidOption = (dropdownContent: HTMLElement, value: string): boolean => {\n    if (!dropdownContent) {\n        return;\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    return Array.from(dropdownItems || []).some(item => item.getAttribute(\"value\") === value);\n}\n\n/**\n * Filters a list of options to only include those that are valid within a specified host element.\n *\n * @param {HTMLElement} hostEl The host element to validate options against.\n * @param {string[]} options The list of options to filter.\n * @returns {string[]} A new array containing only the valid options from the input list.\n *\n * **Validity criteria:**\n * - An option is considered valid if it matches the `value` attribute of at least one `vds-dropdown-item` element within the host element's dropdown content.\n */\nexport const getValidOptions = (hostEl: HTMLElement, options: string[]): string[] => {\n    const validOptions = [];\n    options.forEach(nv => {\n        if (isValidOption(hostEl, nv)) {\n        validOptions.push(nv);\n        }\n    })\n    return validOptions;\n}\n\n/**\n * Sets dropdown styles for JSX.style property\n *\n * @param maxHeight string\n * @returns { [key: string]: string }\n */\nexport const setDropdownStyles = (maxHeight: string): { [key: string]: string } => {\n    let styles = {};\n\n    styles = {\n        maxHeight: maxHeight ? maxHeight : undefined,\n    }\n\n    return styles;\n}\n\n/**\n * Updates the container width to match the trigger width when matchWidth is true.\n *\n * @param {HTMLElement} dropdownTrigger - The HTML button element that triggers the dropdown.\n * @param {boolean} matchWidth - A flag indicating whether to match the width of the dropdown content to the trigger.\n * @param {HTMLDivElement} dropdownContent - The dropdown content element whose width is to be updated.\n */\nexport const updateContainerWidth = (dropdownTrigger: HTMLElement, matchWidth: boolean, dropdownContent: HTMLDivElement) => {\n    try {\n        if (matchWidth && dropdownTrigger && dropdownContent) {\n            const triggerWidth = dropdownTrigger.offsetWidth;\n            dropdownContent.style.setProperty('--trigger-width', `${triggerWidth}px`);\n            dropdownContent.classList.add('match-width');\n        } else if (dropdownContent){\n            dropdownContent.classList.remove('match-width');\n        }\n    } catch (error) {\n        console.warn(\"[updateContainerWidth]\", error);\n    }\n};"],"names":[],"mappings":";;AAAA;;;;;;;;AAQG;MACU,sBAAsB,GAAG,CAAC,UAAuB,EAAE,MAAe,KAAU;IACrF,IAAI,CAAC,UAAU,EAAE;QACb;;AAGJ,IAAA,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM;AACxD;AAEA;;;;;AAKG;MACU,wBAAwB,GAAG,CAAC,eAA4B,EAAE,KAAwB,KAAI;IAC/F,IAAI,CAAC,eAAe,EAAE;QAClB;;IAGJ,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;AAC3H,IAAA,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;QAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE;AACzH,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC;AACzC,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC;;AAE3C,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE;AACjI,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC;AACzC,YAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC;;AAE/C,KAAC,CAAC;AACN;AAEA;;;;;AAKG;MACU,mBAAmB,GAAG,CAAC,eAA4B,EAAE,KAAwB,KAAI;IAC1F,IAAI,CAAC,eAAe,EAAE;QAClB;;AAEJ,IAAA,IAAI;QACA,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;QACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;AAC3H,QAAA,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;YAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE;AACzH,gBAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACxC,gBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;;AAE1C,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE;AACjI,gBAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;AACxC,gBAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;;AAE9C,SAAC,CAAC;;IACJ,OAAO,KAAK,EAAE;AACZ,QAAA,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,KAAK,CAAC;;AAEpD;AAEA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,eAA4B,EAAE,KAAa,KAAI;IAC5E,IAAI,CAAC,eAAe,EAAE;QAClB;;AAEJ,IAAA,IAAI;QACA,IAAI,QAAQ,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;QACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;AAC3H,QAAA,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;YAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE;AACzH,gBAAA,QAAQ,GAAG,CAAC,IAAmC,aAAnC,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAiC,KAAK,MAAK,IAAmC,aAAnC,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAiC,WAAW,CAAA;;AAEnH,SAAC,CAAC;AACF,QAAA,OAAO,QAAQ;;IACjB,OAAO,KAAK,EAAE;AACZ,QAAA,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC;;AAEjD;MAEa,qBAAqB,GAAG,CAAC,eAA4B,EAAE,KAAwB,KAAI;IAC5F,IAAI,CAAC,eAAe,EAAE;QAClB;;AAEJ,IAAA,IAAI;QACA,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;QACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;QAC3H,IAAI,YAAY,GAAmB,IAAI;AACvC,QAAA,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;YAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,EAAE;gBACzH,YAAY,GAAG,IAAI;;AAE3B,SAAC,CAAC;;AAGF,QAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,YAAY,EAAE;YAC3C,YAAY,CAAC,cAAc,CAAC;AACxB,gBAAA,QAAQ,EAAE,SAAS;AACnB,gBAAA,KAAK,EAAE,QAAQ;AACf,gBAAA,MAAM,EAAE,QAAQ;AACnB,aAAA,CAAC;;;IAER,OAAO,KAAK,EAAE;AACZ,QAAA,OAAO,CAAC,IAAI,CAAC,yBAAyB,EAAE,KAAK,CAAC;;AAEtD;AAEA;;;;;AAKG;MACU,oBAAoB,GAAG,CAAC,eAA4B,EAAE,KAAe,KAAc;IAC5F,IAAI,CAAC,eAAe,EAAE;AAClB,QAAA,OAAO,EAAE;;IAGb,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;AAC3H,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE;AACxB,SAAA,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,mBAAmB,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACzH,SAAA,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACxD;AAEA;;;;;AAKG;AACU,MAAA,gBAAgB,GAAG,CAAC,eAA4B,KAAI;IAC7D,IAAI,CAAC,eAAe,EAAE;QAClB;;IAGJ,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;AAC3H,IAAA,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,IAAG;AAC3C,QAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,OAAO,CAAC;AACzC,QAAA,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC;AAC3C,KAAC,CAAC;AACN;AAEA;;;;AAIG;AACU,MAAA,oBAAoB,GAAG,CAAC,MAAmB,KAAU;IAC9D,IAAI,CAAC,MAAM,EAAE;QACT;;AAGJ,IAAA,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC;AAC1C,IAAA,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC;AACpC;AAEA;;;;;;;;;AASG;AACI,MAAM,aAAa,GAAG,CAAC,eAA4B,EAAE,KAAa,KAAa;IAClF,IAAI,CAAC,eAAe,EAAE;QAClB;;IAGJ,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC;IACvD,MAAM,aAAa,GAAG,SAAS,IAAI,QAAO,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,MAAA,GAAA,MAAA,GAAA,SAAS,CAAE,gBAAgB,CAAC,KAAK,UAAU,GAAG,SAAS,CAAC,gBAAgB,EAAE,GAAG,IAAI;IAC3H,OAAO,KAAK,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,CAAC;AAC7F,CAAC;AAED;;;;;;;;;AASG;MACU,eAAe,GAAG,CAAC,MAAmB,EAAE,OAAiB,KAAc;IAChF,MAAM,YAAY,GAAG,EAAE;AACvB,IAAA,OAAO,CAAC,OAAO,CAAC,EAAE,IAAG;AACjB,QAAA,IAAI,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;AAC/B,YAAA,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;;AAEzB,KAAC,CAAC;AACF,IAAA,OAAO,YAAY;AACvB;AAEA;;;;;AAKG;AACU,MAAA,iBAAiB,GAAG,CAAC,SAAiB,KAA+B;IAC9E,IAAI,MAAM,GAAG,EAAE;AAEf,IAAA,MAAM,GAAG;QACL,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS;KAC/C;AAED,IAAA,OAAO,MAAM;AACjB;AAEA;;;;;;AAMG;AACU,MAAA,oBAAoB,GAAG,CAAC,eAA4B,EAAE,UAAmB,EAAE,eAA+B,KAAI;AACvH,IAAA,IAAI;AACA,QAAA,IAAI,UAAU,IAAI,eAAe,IAAI,eAAe,EAAE;AAClD,YAAA,MAAM,YAAY,GAAG,eAAe,CAAC,WAAW;YAChD,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,CAAG,EAAA,YAAY,CAAI,EAAA,CAAA,CAAC;AACzE,YAAA,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;aACzC,IAAI,eAAe,EAAC;AACvB,YAAA,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;;;IAErD,OAAO,KAAK,EAAE;AACZ,QAAA,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,KAAK,CAAC;;AAErD;;;;;;;;;;;;;;"}
+{"version":3,"file":"vds-basic-dropdown.utils-B8SPgJv4.js","sources":["src/components/basic-dropdown/vds-basic-dropdown.utils.ts"],"sourcesContent":["/**\n * Toggles the display style of an HTML element.\n * \n * @param {HTMLElement} contentBox The HTML element to toggle the display for.\n * @param {boolean} toggle A boolean value to control the display. \n *  - True: Sets the display to \"block\".\n *  - False: Sets the display to \"none\".\n * @returns {void}\n */\nexport const toggleContainerDisplay = (contentBox: HTMLElement, toggle: boolean): void => {\n    if (!contentBox) {\n        return;\n    }\n\n    contentBox.style.display = toggle ? \"block\" : \"none\";\n}\n\n/**\n * Unselects non-selected items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const unselectNonSelectedItems = (dropdownContent: HTMLElement, value: string[] | string) => {\n    if (!dropdownContent) {\n        return;\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    Array.from(dropdownItems || []).forEach(item => {\n        if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") !== value) {\n            item.setAttribute(\"is-selected\", \"false\");\n            item.setAttribute(\"is-active\", \"false\");\n        }\n        if (Array.isArray(value) && item.tagName.toLowerCase() === \"vds-dropdown-item\" && value.some(v => v !== item.getAttribute(\"value\"))) {\n            item.setAttribute(\"is-selected\", \"false\");\n            item.setAttribute(\"is-active\", \"false\");\n        }\n    });\n}\n\n/**\n * Selects selected items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const selectSelectedItems = (dropdownContent: HTMLElement, value: string[] | string) => {\n    if (!dropdownContent) {\n        return;\n    }\n    try {\n        const container = dropdownContent.querySelector(\"slot\");\n        const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n        Array.from(dropdownItems || []).forEach(item => {\n            if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") === value) {\n                item.setAttribute(\"is-selected\", \"true\");\n                item.setAttribute(\"is-active\", \"true\");\n            }\n            if (Array.isArray(value) && item.tagName.toLowerCase() === \"vds-dropdown-item\" && value.some(v => v === item.getAttribute(\"value\"))) {\n                item.setAttribute(\"is-selected\", \"true\");\n                item.setAttribute(\"is-active\", \"true\");\n            }\n        });\n    } catch (error) {\n        console.warn(\"[selectSelectedItems]\", error);\n    }\n}\n\n/**\n * Gets selected label in single dropdown using value\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const getSelectedLabel = (dropdownContent: HTMLElement, value: string) => {\n    if (!dropdownContent) {\n        return;\n    }\n    try {\n        let response = \"\";\n        const container = dropdownContent.querySelector(\"slot\");\n        const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n        Array.from(dropdownItems || []).forEach(item => {\n            if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") === value) {\n                response = (item as HTMLVdsDropdownItemElement)?.label || (item as HTMLVdsDropdownItemElement)?.textContent;\n            }\n        });\n        return response;\n    } catch (error) {\n        console.warn(\"[getSelectedLabel]\", error);\n    }\n}\n\nexport const scrollToSelectedValue = (dropdownContent: HTMLElement, value: string[] | string) => {\n    if (!dropdownContent) {\n        return;\n    }\n    try {\n        const container = dropdownContent.querySelector(\"slot\");\n        const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n        let selectedItem: Element | null = null;\n        Array.from(dropdownItems || []).forEach(item => {\n            if (typeof value === \"string\" && item.tagName.toLowerCase() === \"vds-dropdown-item\" && item.getAttribute(\"value\") === value) {\n                selectedItem = item;\n            }\n        });\n    \n        // Scroll to option when is single value\n        if (typeof value === \"string\" && selectedItem) {\n            selectedItem.scrollIntoView({\n                behavior: \"instant\",\n                block: \"center\",\n                inline: \"center\",\n            });\n        }\n    } catch (error) {\n        console.warn(\"[ScrollToSelectedValue]\", error);\n    }\n}\n\n/**\n * Gets thje selected text items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const getSelectedItemsText = (dropdownContent: HTMLElement, value: string[]): string[] => {\n    if (!dropdownContent) {\n        return [];\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    return Array.from(dropdownItems || [])\n                .filter(ditem => ditem.tagName.toLowerCase() === \"vds-dropdown-item\" && value.some(v => v === ditem.getAttribute(\"value\")))\n                .map(item => item.getAttribute(\"label\"))\n}\n\n/**\n * Unselects all items in a dropdown.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string[]|string} value The selected value or an array of selected values.\n */\nexport const unselectAllItems = (dropdownContent: HTMLElement) => {\n    if (!dropdownContent) {\n        return;\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    Array.from(dropdownItems || []).forEach(item => {\n        item.setAttribute(\"is-selected\", \"false\");\n        item.setAttribute(\"is-active\", \"false\");\n    });\n}\n\n/**\n * Emits a native \"input\" event on the specified host element.\n *\n * @param {HTMLElement} hostEl The host element to emit the event on.\n */\nexport const emitNativeInputEvent = (hostEl: HTMLElement): void => {\n    if (!hostEl) {\n        return;\n    }\n\n    const inputEvent = new InputEvent(\"input\");\n    hostEl.dispatchEvent(inputEvent);\n}\n\n/**\n * Checks if a given value is a valid option within a dropdown content element.\n *\n * @param {HTMLElement} dropdownContent The dropdown content element.\n * @param {string} value The value to check for validity.\n * @returns {boolean} True if the value is a valid option, false otherwise.\n *\n * **Validity criteria:**\n * - The value must match the `value` attribute of at least one `vds-dropdown-item` element within the dropdown content.\n */\nexport const isValidOption = (dropdownContent: HTMLElement, value: string): boolean => {\n    if (!dropdownContent) {\n        return;\n    }\n\n    const container = dropdownContent.querySelector(\"slot\");\n    const dropdownItems = container && typeof(container?.assignedElements) === \"function\" ? container.assignedElements() : null;\n    return Array.from(dropdownItems || []).some(item => item.getAttribute(\"value\") === value);\n}\n\n/**\n * Filters a list of options to only include those that are valid within a specified host element.\n *\n * @param {HTMLElement} hostEl The host element to validate options against.\n * @param {string[]} options The list of options to filter.\n * @returns {string[]} A new array containing only the valid options from the input list.\n *\n * **Validity criteria:**\n * - An option is considered valid if it matches the `value` attribute of at least one `vds-dropdown-item` element within the host element's dropdown content.\n */\nexport const getValidOptions = (hostEl: HTMLElement, options: string[]): string[] => {\n    const validOptions = [];\n    options.forEach(nv => {\n        if (isValidOption(hostEl, nv)) {\n        validOptions.push(nv);\n        }\n    })\n    return validOptions;\n}\n\n/**\n * Sets dropdown styles for JSX.style property\n *\n * @param maxHeight string\n * @returns { [key: string]: string }\n */\nexport const setDropdownStyles = (maxHeight: string): { [key: string]: string } => {\n    let styles = {};\n\n    styles = {\n        maxHeight: maxHeight ? maxHeight : undefined,\n    }\n\n    return styles;\n}\n\n/**\n * Updates the container width to match the trigger width when matchWidth is true.\n *\n * @param {HTMLElement} dropdownTrigger - The HTML button element that triggers the dropdown.\n * @param {boolean} matchWidth - A flag indicating whether to match the width of the dropdown content to the trigger.\n * @param {HTMLDivElement} dropdownContent - The dropdown content element whose width is to be updated.\n */\nexport const updateContainerWidth = (dropdownTrigger: HTMLElement, matchWidth: boolean, dropdownContent: HTMLDivElement) => {\n    try {\n        if (matchWidth && dropdownTrigger && dropdownContent) {\n            const triggerWidth = dropdownTrigger.offsetWidth;\n            dropdownContent.style.setProperty('--trigger-width', `${triggerWidth}px`);\n            dropdownContent.classList.add('match-width');\n        } else if (dropdownContent){\n            dropdownContent.classList.remove('match-width');\n        }\n    } catch (error) {\n        console.warn(\"[updateContainerWidth]\", error);\n    }\n};"],"names":[],"mappings":"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"}