npm - wabtec-internal-volt-basic-components - Versions diffs - 1.2.0 → 1.4.0 - Mend

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

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

Files changed (1043) hide show

package/dist/esm/vds-upload-drag.entry.js CHANGED Viewed

@@ -1,29 +1,62 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-YrP3OJ_T.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Db7Bd9sr.js';
-const vdsUploadDragCss = () => `: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;width:fit-content;cursor:pointer;--vds-upload-drag-icon-gap:var(--spacing-05);--vds-upload-drag-border-color:var(--color-border-low);--vds-upload-drag-border-drag-color:var(--color-border-brand);--vds-upload-drag-background-color:var(--surface-medium);--vds-upload-drag-background-drag-color:rgba(0, 125, 186, 0.04)}:host vds-card{--vds-card-default-border-color:var(--vds-upload-drag-border-color);--vds-card-default-background-color:var(--vds-upload-drag-background-color)}:host vds-card.vds-card--drag-active{--vds-card-default-border-color:var(--vds-upload-drag-border-drag-color);--vds-card-default-background-color:var(--vds-upload-drag-background-drag-color)}:host .vds-upload__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--vds-upload-icon-gap)}:host .vds-upload__content .vds-upload__body{display:flex;flex-direction:column}:host .vds-upload__content .vds-upload__body .vds-upload__title{color:var(--color-text-high);font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:host .vds-upload__content .vds-upload__body .vds-upload__description{color:var(--color-text-medium);font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}`;
+const vdsUploadDragCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--spacing-21:5rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--elevation-layer-6:16;--elevation-layer-7:20;--elevation-layer-8:24;--elevation-layer-9:28;--elevation-layer-10:32;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem;--duration-instant:0ms;--duration-short:100ms;--duration-medium:200ms;--duration-long:300ms;--duration-extra-long:500ms;--easing-standard:cubic-bezier(0.2, 0, 0, 1);--easing-emphasized:cubic-bezier(0.2, 0, 0, 1);--easing-decelerate:cubic-bezier(0, 0, 0, 1);--easing-accelerate:cubic-bezier(0.3, 0, 1, 1);--easing-linear:linear}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}:host{display:block;width:fit-content;cursor:pointer;--vds-upload-drag-icon-gap:var(--spacing-05);--vds-upload-drag-border-color:var(--color-border-low);--vds-upload-drag-border-drag-color:var(--color-border-brand);--vds-upload-drag-background-color:var(--surface-medium);--vds-upload-drag-background-drag-color:rgba(0, 125, 186, 0.04)}:host vds-card{--vds-card-default-border-color:var(--vds-upload-drag-border-color);--vds-card-default-background-color:var(--vds-upload-drag-background-color)}:host vds-card.vds-card--drag-active{--vds-card-default-border-color:var(--vds-upload-drag-border-drag-color);--vds-card-default-background-color:var(--vds-upload-drag-background-drag-color)}:host .vds-upload__content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--vds-upload-icon-gap)}:host .vds-upload__content .vds-upload__body{display:flex;flex-direction:column}:host .vds-upload__content .vds-upload__body .vds-upload__title{color:var(--color-text-high);font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:host .vds-upload__content .vds-upload__body .vds-upload__description{color:var(--color-text-medium);font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}`;
 const VdsUploadDrag = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.fileSelected = createEvent(this, "fileSelected");
-        /** The title of the upload area */
+        /**
+         * The title text displayed in the upload area
+         * @type {string}
+         * @default "Click or drag file to this area to upload"
+         */
         this.title = 'Click or drag file to this area to upload';
-        /** The description of the upload area */
+        /**
+         * The description text displayed below the title in the upload area
+         * @type {string}
+         * @default "Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files"
+         */
         this.description = 'Support for a single or bulk upload. Strictly prohibit from uploading company data or other band files';
-        /** Specifies the multiple prop in the input[type="file"] */
+        /**
+         * Enables multiple file selection. When false, only one file can be selected at a time.
+         * @type {boolean}
+         * @default true
+         */
         this.multiple = true;
+        /**
+         * Internal state tracking whether a file is currently being dragged over the component
+         * @private
+         * @type {boolean}
+         * @default false
+         */
         this.isDragging = false;
+        /**
+         * Handles the dragover event to enable file drop and update drag state
+         * @private
+         * @param {DragEvent} event - The drag event
+         */
         this.handleDragOver = (event) => {
             event.preventDefault();
             event.stopPropagation();
             event.dataTransfer.dropEffect = 'copy';
             this.isDragging = true;
         };
+        /**
+         * Handles the dragleave event to reset drag state
+         * @private
+         * @param {DragEvent} event - The drag event
+         */
         this.handleDragLeave = (event) => {
             event.preventDefault();
             event.stopPropagation();
             this.isDragging = false;
         };
+        /**
+         * Handles the drop event to receive files and emit fileSelected event
+         * @private
+         * @param {DragEvent} event - The drop event
+         */
         this.handleDrop = (event) => {
             var _a;
             event.preventDefault();
@@ -34,10 +67,18 @@ const VdsUploadDrag = class {
                 this.handleFiles(Array.from(files));
             }
         };
+        /**
+         * Triggers the file input click when the upload area is clicked
+         * @private
+         */
         this.handleClick = () => {
             var _a;
             (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.click();
         };
+        /**
+         * Handles file input change event when files are selected via click
+         * @private
+         */
         this.handleFileInputChange = () => {
             var _a;
             const files = (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.files;
@@ -46,14 +87,22 @@ const VdsUploadDrag = class {
             }
         };
     }
+    /**
+     * Processes and emits the selected files
+     * @private
+     * @param {File[]} files - Array of selected files
+     */
     handleFiles(files) {
         this.fileSelected.emit(files);
     }
+    /**
+     * Renders the upload drag component
+     * @returns The rendered upload drag element
+     */
     render() {
-        return (h(Host, { key: '3182c23c04af0a53868de282f93bcb48b8f8731c', onClick: this.handleClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("input", { key: 'b433d96a591ddba5c9baa558b92bdc6f8de66c21', type: "file", ref: el => (this.fileInput = el), onChange: this.handleFileInputChange, multiple: this.multiple, accept: this.accept, capture: this.capture, hidden: true }), h("vds-card", { key: '8484c4aa33412fceb784459c94bf4faea701feb5', padding: "spacing-09", shadowBox: "elevation-shadow-0", class: { 'vds-card--drag-active': this.isDragging } }, h("div", { key: '2de60a85e634e7ec5742564ba7b88c8a80d0168f', class: "vds-upload__content" }, h("slot", { key: '990b2aba63c5962c7f6ce4d72752519d72438ad4', name: "icon" }), h("div", { key: 'b49608d6262113792c73e2bed6d10fe8f478daac', class: "vds-upload__body" }, h("span", { key: '8ab3024dc21cb9017838e3158d59b85101f83d0a', class: "vds-upload__title" }, this.title), h("span", { key: '2a5ef09f29b464449fedece286a97ba067a78c5a', class: "vds-upload__description" }, this.description))))));
+        return (h(Host, { key: '15b002ee29d87b718fea777afe51d5f04c795b27', onClick: this.handleClick, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, onDrop: this.handleDrop }, h("input", { key: 'f4357c3ccd3144ac4b8e90a2fc9838465cd96d83', type: "file", ref: el => (this.fileInput = el), onChange: this.handleFileInputChange, multiple: this.multiple, accept: this.accept, capture: this.capture, hidden: true }), h("vds-card", { key: '5f481f7e563f67789197b7e45056c93ec62cae35', padding: "spacing-09", shadowBox: "elevation-shadow-0", class: { 'vds-card--drag-active': this.isDragging } }, h("div", { key: '92f480d23556b77ba2780aa975ee8b0e8e479f32', class: "vds-upload__content" }, h("slot", { key: '7b134e354362fafb3357531cb2629656928bb87a', name: "icon" }), h("div", { key: 'cbd965329d67e28c561b0b9bd9f7299cad227431', class: "vds-upload__body" }, h("span", { key: 'd483526ee6d276cef16b7501808172fa871afa37', class: "vds-upload__title" }, this.title), h("span", { key: '7354ec81cbbace434399643b23c95f707b849615', class: "vds-upload__description" }, this.description))))));
     }
 };
 VdsUploadDrag.style = vdsUploadDragCss();
 export { VdsUploadDrag as vds_upload_drag };
-//# sourceMappingURL=vds-upload-drag.entry.js.map

package/dist/esm/volt-basic-components.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-YrP3OJ_T.js';
-export { s as setNonce } from './index-YrP3OJ_T.js';
+import { p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-Db7Bd9sr.js';
+export { s as setNonce } from './index-Db7Bd9sr.js';
 /*
- Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.43.1 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
@@ -16,8 +16,5 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"vds-basic-dropdown_23\",[[257,\"vds-upload-item\",{\"value\":[1],\"size\":[1],\"informativeIcon\":[1,\"informative-icon\"],\"status\":[1],\"loadingValue\":[2,\"loading-value\"],\"loadingDuration\":[2,\"loading-duration\"]}],[321,\"vds-basic-dropdown\",{\"size\":[1025],\"value\":[1537],\"informativeIcon\":[1025,\"informative-icon\"],\"dynamicInformativeIcon\":[1028,\"dynamic-informative-icon\"],\"placeholder\":[1025],\"disabled\":[1028],\"isReadonly\":[1028,\"is-readonly\"],\"error\":[1540],\"event\":[1025],\"showClearButton\":[1028,\"show-clear-button\"],\"maxHeight\":[1025,\"max-height\"],\"matchWidth\":[1028,\"match-width\"],\"autoPosition\":[1028,\"auto-position\"],\"backdrop\":[4],\"dropdownOpened\":[32],\"valueLabel\":[32],\"open\":[64],\"close\":[64],\"clear\":[64],\"getTarget\":[64],\"getValue\":[64],\"setValue\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"dropdownItemClicked\",\"handleDropdownItemClicked\"]],{\"dropdownOpened\":[\"emitValue\"],\"value\":[\"setValueHandler\"]}],[321,\"vds-basic-dropdown-multiselect\",{\"size\":[1025],\"value\":[1025],\"informativeIcon\":[1025,\"informative-icon\"],\"placeholder\":[1025],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"event\":[1025],\"displaySelectionLimit\":[2,\"display-selection-limit\"],\"displaySelectionLimitText\":[1,\"display-selection-limit-text\"],\"showClearButton\":[1028,\"show-clear-button\"],\"maxHeight\":[1025,\"max-height\"],\"matchWidth\":[1028,\"match-width\"],\"autoPosition\":[1028,\"auto-position\"],\"backdrop\":[4],\"isOpened\":[32],\"open\":[64],\"close\":[64],\"clear\":[64],\"getTarget\":[64],\"getValue\":[64],\"setValue\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"dropdownItemClicked\",\"handleDropdownSelection\"]],{\"value\":[\"setValueHandler\"],\"isOpened\":[\"toggleDropdown\"]}],[321,\"vds-checkbox\",{\"labelValue\":[1537,\"label-value\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[1540],\"error\":[1540],\"size\":[1025],\"isRequired\":[1028,\"is-required\"],\"value\":[1537],\"toggleCheck\":[64]},null,{\"checked\":[\"setCheckedStates\"]}],[257,\"vds-drawer\",{\"opened\":[1028],\"showCloseButton\":[1028,\"show-close-button\"],\"disableClose\":[1028,\"disable-close\"],\"position\":[1025],\"backdrop\":[1028],\"padding\":[1025],\"mode\":[1025],\"isAdaptable\":[4,\"is-adaptable\"],\"showShadow\":[4,\"show-shadow\"],\"showBorder\":[4,\"show-border\"],\"dropdownIsOpened\":[32],\"open\":[64],\"close\":[64]},[[8,\"opened\",\"setPositionRelativeForDropdowns\"],[8,\"closed\",\"setPositionRelativeForDropdowns\"]],{\"opened\":[\"emitValue\"]}],[257,\"vds-field\",{\"label\":[1],\"isRequired\":[1028,\"is-required\"],\"isDisabled\":[1028,\"is-disabled\"],\"helperText\":[1025,\"helper-text\"],\"helperTextColor\":[1025,\"helper-text-color\"],\"errorMessage\":[1025,\"error-message\"],\"size\":[1]}],[257,\"vds-dropdown-item\",{\"disabled\":[1028],\"informativeIcon\":[1025,\"informative-icon\"],\"isActive\":[1028,\"is-active\"],\"linkHref\":[1025,\"link-href\"],\"linkTarget\":[1025,\"link-target\"],\"linkRel\":[1025,\"link-rel\"],\"value\":[1537],\"label\":[1537],\"setAriaLabel\":[1537,\"set-aria-label\"],\"size\":[1025],\"hasCheckmark\":[1028,\"has-checkmark\"],\"isSelected\":[1540,\"is-selected\"],\"checkmarkVariant\":[1,\"checkmark-variant\"],\"checkmarkAlignment\":[1,\"checkmark-alignment\"],\"danger\":[1540]},null,{\"isSelected\":[\"updateItemState\"]}],[257,\"vds-link\",{\"value\":[1],\"iconPosition\":[1,\"icon-position\"],\"underline\":[4],\"url\":[1],\"target\":[1],\"rel\":[1],\"size\":[1],\"informativeIcon\":[1,\"informative-icon\"],\"variant\":[1]}],[257,\"vds-menu-item\",{\"disabled\":[1028],\"icon\":[1025],\"isActive\":[1028,\"is-active\"],\"hasChildren\":[1028,\"has-children\"],\"linkHref\":[1025,\"link-href\"],\"linkTarget\":[1025,\"link-target\"],\"linkRel\":[1025,\"link-rel\"],\"value\":[1537],\"setAriaLabel\":[1537,\"set-aria-label\"],\"size\":[1025],\"hasCheckmark\":[1028,\"has-checkmark\"],\"isSelected\":[1540,\"is-selected\"],\"checkmarkVariant\":[1,\"checkmark-variant\"],\"checkmarkAlignment\":[1,\"checkmark-alignment\"],\"danger\":[1540]},null,{\"isSelected\":[\"updateItemState\"]}],[321,\"vds-basic-textarea\",{\"size\":[1025],\"value\":[1025],\"placeholder\":[1025],\"disabled\":[1028],\"isReadonly\":[1028,\"is-readonly\"],\"error\":[1540],\"isRequired\":[1540,\"is-required\"],\"formatter\":[1040],\"allowedStyles\":[1040],\"width\":[1025],\"height\":[1025],\"minHeight\":[1025,\"min-height\"],\"maxHeight\":[1025,\"max-height\"],\"autogrow\":[1028],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64]},[[0,\"focus\",\"handleFocus\"]],{\"value\":[\"setFormValue\"]}],[257,\"vds-button\",{\"size\":[1],\"variant\":[1],\"textAlignment\":[1,\"text-alignment\"],\"danger\":[4],\"disabled\":[4],\"isFullWidth\":[4,\"is-full-width\"]}],[257,\"vds-dropdown-group-header\",{\"size\":[1]}],[257,\"vds-menu\",{\"position\":[1025],\"maxWidth\":[1025,\"max-width\"],\"maxHeight\":[1025,\"max-height\"],\"event\":[1025],\"autoPosition\":[1028,\"auto-position\"],\"backdrop\":[1028],\"menuOpened\":[32],\"open\":[64],\"close\":[64],\"getTarget\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"clicked\",\"handleMenuItemClicked\"]],{\"menuOpened\":[\"emitValue\"]}],[257,\"vds-menu-group-header\",{\"size\":[1]}],[257,\"vds-menu-list\"],[257,\"vds-sidenav-item\",{\"disabled\":[1028],\"expanded\":[1028],\"icon\":[1025],\"isActive\":[1028,\"is-active\"],\"isStatic\":[1028,\"is-static\"],\"hasChildren\":[1028,\"has-children\"],\"link_href\":[1025],\"link_target\":[1025],\"link_rel\":[1025],\"value\":[1025]}],[257,\"vds-card\",{\"padding\":[1025],\"selectable\":[1028],\"selected\":[1028],\"button\":[1028],\"disabled\":[1028],\"variant\":[1025],\"shadowBox\":[1025,\"shadow-box\"],\"borderColor\":[1,\"border-color\"],\"borderHoverColor\":[1,\"border-hover-color\"]},null,{\"selected\":[\"emitSelected\"],\"selectable\":[\"handleBehaviorValidation\"],\"button\":[\"handleBehaviorValidation\"]}],[257,\"vds-progress-circular\",{\"value\":[2],\"status\":[1],\"duration\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"colors\":[1],\"scale\":[2],\"progress\":[32]},null,{\"duration\":[\"setDurationAnimation\"],\"scale\":[\"setScale\"]}],[321,\"vds-basic-input\",{\"size\":[1025],\"type\":[1537],\"value\":[1537],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"isRequired\":[1540,\"is-required\"],\"informativeIcon\":[1,\"informative-icon\"],\"formatter\":[1040],\"allowedStyles\":[1040],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64]},[[0,\"keyup\",\"handleEnterKey\"],[0,\"focus\",\"handleFocus\"]],{\"value\":[\"setFormValue\"]}],[257,\"vds-label\",{\"size\":[1],\"disabled\":[4],\"required\":[4],\"labelValue\":[1,\"label-value\"],\"icon\":[1]}],[257,\"vds-divider\",{\"padding\":[1],\"orientation\":[1],\"color\":[1],\"thickness\":[1]}],[257,\"vds-icon-button\",{\"size\":[1],\"variant\":[1],\"disabled\":[4],\"icon\":[1],\"setAriaLabel\":[513,\"set-aria-label\"]},[[0,\"click\",\"handleSubmit\"]]],[257,\"vds-icon\",{\"svgIcon\":[1025,\"svg-icon\"],\"size\":[1025],\"color\":[1025],\"alt\":[1025]}]]],[\"vds-basic-autocomplete\",[[257,\"vds-basic-autocomplete\",{\"size\":[1025],\"value\":[1537],\"multipleValues\":[1040],\"selectedDropdownValue\":[1,\"selected-dropdown-value\"],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"isRequired\":[1540,\"is-required\"],\"informativeIcon\":[1,\"informative-icon\"],\"formatter\":[1040],\"allowedStyles\":[1040],\"maxHeight\":[1025,\"max-height\"],\"matchWidth\":[1028,\"match-width\"],\"debounce\":[2],\"actionIcon\":[1,\"action-icon\"],\"showClearButton\":[4,\"show-clear-button\"],\"dropdown\":[4],\"showDropdownIcon\":[4,\"show-dropdown-icon\"],\"showEmptyMessage\":[4,\"show-empty-message\"],\"emptyMessage\":[1,\"empty-message\"],\"multiple\":[4],\"autoPosition\":[1028,\"auto-position\"],\"clearSelection\":[4,\"clear-selection\"],\"backdrop\":[4],\"isOpened\":[32],\"multiselectValues\":[32],\"open\":[64],\"close\":[64],\"setFocus\":[64],\"setValue\":[64],\"setSelectionValue\":[64],\"getValue\":[64],\"clear\":[64]},[[0,\"autocompleteClicked\",\"handleSelectOption\"],[8,\"click\",\"handleClickOut\"],[8,\"keyup\",\"handleEscPress\"]],{\"multiselectValues\":[\"setMulitpleValueHandler\"],\"disabled\":[\"setDisabledState\"],\"selectedDropdownValue\":[\"setDropdownValueValidation\"],\"isOpened\":[\"toggleAutocomplete\"]}]]],[\"vds-basic-combo-box\",[[257,\"vds-basic-combo-box\",{\"size\":[1025],\"value\":[1040],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"informativeIcon\":[1,\"informative-icon\"],\"showClearButton\":[4,\"show-clear-button\"],\"actionIcon\":[1,\"action-icon\"],\"internalValue\":[32],\"setFocus\":[64],\"setValue\":[64],\"getValue\":[64],\"clear\":[64]},null,{\"value\":[\"valueChangedHandler\"]}]]],[\"vds-sidenav-item-input\",[[321,\"vds-sidenav-item-input\",{\"expanded\":[4],\"value\":[1537],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"informativeIcon\":[1,\"informative-icon\"],\"actionIcon\":[1,\"action-icon\"],\"formatter\":[1040],\"inputIcon\":[32],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64]},null,{\"value\":[\"setFormValue\"]}]]],[\"vds-footer\",[[257,\"vds-footer\",{\"type\":[1],\"appVersion\":[1,\"app-version\"],\"expandedContentPosition\":[1,\"expanded-content-position\"],\"centralText\":[1025,\"central-text\"],\"poweredByText\":[1,\"powered-by-text\"],\"isExpanded\":[32]}]]],[\"vds-header\",[[257,\"vds-header\",{\"value\":[1],\"avatar\":[1],\"username\":[1],\"showUserSection\":[4,\"show-user-section\"],\"showBadge\":[4,\"show-badge\"],\"badgeStatusColor\":[1,\"badge-status-color\"],\"badgeAriaLabel\":[1,\"badge-aria-label\"],\"popupOpened\":[32]},[[8,\"click\",\"handleClickOut\"]],{\"popupOpened\":[\"handlePopupOpened\"]}]]],[\"vds-basic-accordion\",[[257,\"vds-basic-accordion\",{\"informativeIcon\":[1025,\"informative-icon\"],\"size\":[1025],\"expanded\":[1028],\"disabled\":[4],\"setAriaLabel\":[1,\"set-aria-label\"],\"setAriaLevel\":[1,\"set-aria-level\"],\"markerAlignment\":[1,\"marker-alignment\"],\"colors\":[1],\"open\":[64],\"close\":[64]},null,{\"expanded\":[\"emitValues\"]}]]],[\"vds-dialog-header\",[[257,\"vds-dialog-header\",{\"showCloseButton\":[4,\"show-close-button\"]}]]],[\"vds-notification\",[[257,\"vds-notification\",{\"variant\":[1025],\"status\":[1025],\"colors\":[1040],\"icon\":[1025],\"showCloseButton\":[1028,\"show-close-button\"],\"removeOnClose\":[1028,\"remove-on-close\"],\"currentIcon\":[32],\"currentColor\":[32],\"close\":[64]}]]],[\"vds-radio-button\",[[321,\"vds-radio-button\",{\"size\":[1537],\"checked\":[1540],\"disabled\":[1028],\"error\":[1540],\"value\":[1537],\"labelAlignment\":[1,\"label-alignment\"],\"labelValue\":[1537,\"label-value\"],\"toggleCheck\":[64]},null,{\"checked\":[\"setCheckedStates\"]}]]],[\"vds-stepper-item\",[[257,\"vds-stepper-item\",{\"textAlignment\":[1,\"text-alignment\"],\"disabled\":[516],\"state\":[1],\"text\":[1],\"icon\":[1],\"manageContent\":[4,\"manage-content\"],\"activeContent\":[4,\"active-content\"],\"divider\":[4]},null,{\"textAlignment\":[\"onPropsChange\"],\"disabled\":[\"onPropsChange\"]}]]],[\"vds-switch\",[[321,\"vds-switch\",{\"labelValue\":[1537,\"label-value\"],\"checked\":[1540],\"disabled\":[1540],\"size\":[1025],\"isRequired\":[1028,\"is-required\"],\"value\":[1537],\"labelAlignment\":[1,\"label-alignment\"],\"toggleCheck\":[64]},null,{\"checked\":[\"setCheckedStates\"]}]]],[\"vds-tab\",[[257,\"vds-tab\",{\"value\":[1],\"isActive\":[1540,\"is-active\"],\"disabled\":[1540],\"icon\":[1025],\"informativeIcon\":[1025,\"informative-icon\"],\"width\":[1025],\"maxWidth\":[1025,\"max-width\"],\"type\":[1025],\"actionIcon\":[1025,\"action-icon\"],\"actionAriaLabel\":[1025,\"action-aria-label\"],\"setAriaLabel\":[1025,\"set-aria-label\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"handleValueChange\"]}]]],[\"vds-badge-pill\",[[257,\"vds-badge-pill\",{\"size\":[1],\"statusColor\":[1,\"status-color\"],\"setAriaLabel\":[1,\"set-aria-label\"],\"icon\":[1],\"value\":[1],\"contentColor\":[1,\"content-color\"],\"borderFocusColor\":[1,\"border-focus-color\"],\"hideTitle\":[4,\"hide-title\"]}]]],[\"vds-basic-slider-continuous\",[[321,\"vds-basic-slider-continuous\",{\"value\":[2],\"size\":[1],\"orientation\":[1],\"disabled\":[4],\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"step\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"displayLabel\":[1,\"display-label\"],\"displayLimits\":[4,\"display-limits\"],\"colors\":[1],\"icon\":[1],\"displayLabelShowValue\":[32],\"setValue\":[64],\"clear\":[64]},[[9,\"resize\",\"updateThumbAndTrackPosition\"]],{\"value\":[\"setInputValue\"]}]]],[\"vds-basic-slider-range-continuous\",[[257,\"vds-basic-slider-range-continuous\",{\"startValue\":[2,\"start-value\"],\"endValue\":[2,\"end-value\"],\"size\":[1],\"orientation\":[1],\"disabled\":[4],\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"step\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"displayLabel\":[1,\"display-label\"],\"displayLimits\":[4,\"display-limits\"],\"colors\":[1],\"icon\":[1],\"displayLabelShowValue\":[32],\"setValues\":[64],\"getValues\":[64],\"clear\":[64],\"setFocus\":[64]},[[9,\"resize\",\"updateThumbAndTrackPosition\"],[0,\"focus\",\"setFocusOnDisplayLabelAuto\"]],{\"startValue\":[\"setInputStartValue\"],\"endValue\":[\"setInputEndValue\"]}]]],[\"vds-segmented-button\",[[257,\"vds-segmented-button\",{\"informativeIcon\":[1,\"informative-icon\"],\"isActive\":[516,\"is-active\"],\"hasCheckmark\":[4,\"has-checkmark\"],\"disabled\":[516],\"value\":[513],\"fullWidth\":[4,\"full-width\"]},null,{\"isActive\":[\"setActiveProp\"]}]]],[\"vds-sidenav-item-app\",[[257,\"vds-sidenav-item-app\",{\"value\":[1],\"menuIcon\":[4,\"menu-icon\"],\"expanded\":[4],\"isActive\":[4,\"is-active\"]}]]],[\"vds-sidenav-item-button\",[[257,\"vds-sidenav-item-button\",{\"disabled\":[1028],\"expanded\":[1028],\"icon\":[1025],\"isStatic\":[1028,\"is-static\"],\"value\":[1025],\"setAriaLabel\":[1025,\"set-aria-label\"],\"variant\":[1]}]]],[\"vds-upload-drag\",[[257,\"vds-upload-drag\",{\"title\":[1],\"description\":[1],\"multiple\":[4],\"accept\":[1],\"capture\":[1],\"isDragging\":[32]}]]],[\"vds-breadcrumbs-item\",[[257,\"vds-breadcrumbs-item\",{\"disabled\":[4],\"isActive\":[4,\"is-active\"]}]]],[\"vds-dialog\",[[257,\"vds-dialog\",{\"padding\":[1],\"backdrop\":[4],\"width\":[1],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"preventOutsideClose\":[4,\"prevent-outside-close\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"getContainer\":[64]},[[0,\"closeButton\",\"closeButtonHandle\"],[0,\"keydown\",\"handleEscKey\"]]]]],[\"vds-dialog-action-footer\",[[257,\"vds-dialog-action-footer\"]]],[\"vds-dialog-body\",[[257,\"vds-dialog-body\"]]],[\"vds-dialog-modal\",[[257,\"vds-dialog-modal\"]]],[\"vds-key-value-pair\",[[257,\"vds-key-value-pair\",{\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"labelSize\":[1,\"label-size\"],\"value\":[1],\"valueSize\":[1,\"value-size\"]}]]],[\"vds-popover\",[[257,\"vds-popover\",{\"position\":[1025],\"maxWidth\":[1025,\"max-width\"],\"maxHeight\":[1025,\"max-height\"],\"event\":[1025],\"padding\":[1025],\"autoPosition\":[1028,\"auto-position\"],\"popupOpened\":[32],\"open\":[64],\"close\":[64],\"getTarget\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"click\",\"handleClick\"]],{\"popupOpened\":[\"emitValue\"]}]]],[\"vds-progress-linear\",[[257,\"vds-progress-linear\",{\"value\":[2],\"status\":[1],\"duration\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"colors\":[1]},null,{\"duration\":[\"setDurationAnimation\"]}]]],[\"vds-sheet\",[[257,\"vds-sheet\",{\"backdrop\":[4],\"opened\":[1028],\"height\":[1],\"hideDragHandle\":[4,\"hide-drag-handle\"],\"open\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"]],{\"opened\":[\"emitValue\"]}]]],[\"vds-sidenav-item-category\",[[257,\"vds-sidenav-item-category\",{\"value\":[1025],\"expanded\":[1028],\"isStatic\":[1028,\"is-static\"],\"size\":[1]}]]],[\"vds-skeleton-loading\",[[257,\"vds-skeleton-loading\",{\"variant\":[1],\"width\":[1],\"height\":[1]}]]],[\"vds-stepper-item-header\",[[257,\"vds-stepper-item-header\",{\"title\":[1],\"description\":[1],\"disabled\":[4],\"textAlignment\":[1,\"text-alignment\"]}]]],[\"vds-tabs-group\",[[257,\"vds-tabs-group\",{\"type\":[1025],\"width\":[1025],\"maxWidth\":[1537,\"max-width\"],\"tabAlignment\":[1537,\"tab-alignment\"],\"showTrack\":[1028,\"show-track\"],\"activeTabIndex\":[1026,\"active-tab-index\"],\"disabled\":[1540],\"internalActiveTabIndex\":[32],\"getActive\":[64],\"setActive\":[64]},[[0,\"isSelected\",\"handleTabSelection\"],[0,\"valueChanged\",\"handleValueChanged\"]],{\"activeTabIndex\":[\"handleActiveTabIndexChange\"],\"disabled\":[\"setDisabledState\"]}]]],[\"vds-tooltip\",[[257,\"vds-tooltip\",{\"type\":[1],\"text\":[1025],\"position\":[1025],\"maxWidth\":[1025,\"max-width\"],\"event\":[1025],\"autoPosition\":[1028,\"auto-position\"],\"popupOpened\":[32],\"open\":[64],\"close\":[64],\"getTarget\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"click\",\"handleClick\"]],{\"popupOpened\":[\"emitValue\"]}]]],[\"vds-chip\",[[257,\"vds-chip\",{\"value\":[1537],\"close\":[4],\"menu\":[4],\"active\":[1540],\"disabled\":[4],\"size\":[1],\"closeAriaLabel\":[513,\"close-aria-label\"],\"toggle\":[4],\"informativeIcon\":[1,\"informative-icon\"],\"removeOnClose\":[4,\"remove-on-close\"],\"_informativeIcon\":[32],\"dismiss\":[64]}]]],[\"vds-autocomplete-item\",[[257,\"vds-autocomplete-item\",{\"disabled\":[1028],\"informativeIcon\":[1025,\"informative-icon\"],\"isActive\":[1028,\"is-active\"],\"value\":[1537],\"label\":[1537],\"setAriaLabel\":[1537,\"set-aria-label\"],\"size\":[1025],\"hasCheckmark\":[1028,\"has-checkmark\"],\"isSelected\":[1540,\"is-selected\"],\"checkmarkVariant\":[1,\"checkmark-variant\"],\"checkmarkAlignment\":[1,\"checkmark-alignment\"],\"danger\":[1540]},null,{\"isSelected\":[\"updateItemState\"]}]]],[\"vds-avatar_2\",[[257,\"vds-avatar\",{\"value\":[1],\"size\":[1],\"overlayIcon\":[1,\"overlay-icon\"]}],[257,\"vds-badge-dot\",{\"size\":[1],\"statusColor\":[1,\"status-color\"],\"setAriaLabel\":[1,\"set-aria-label\"],\"overlap\":[4],\"position\":[1]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"vds-basic-dropdown_24\",[[1,\"vds-upload-item\",{\"value\":[1],\"size\":[1],\"informativeIcon\":[1,\"informative-icon\"],\"status\":[1],\"loadingValue\":[2,\"loading-value\"],\"loadingDuration\":[2,\"loading-duration\"]}],[321,\"vds-basic-dropdown\",{\"size\":[1025],\"value\":[1537],\"informativeIcon\":[1025,\"informative-icon\"],\"dynamicInformativeIcon\":[1028,\"dynamic-informative-icon\"],\"placeholder\":[1025],\"disabled\":[1028],\"isReadonly\":[1028,\"is-readonly\"],\"error\":[1540],\"event\":[1025],\"showClearButton\":[1028,\"show-clear-button\"],\"maxHeight\":[1025,\"max-height\"],\"matchWidth\":[1028,\"match-width\"],\"autoPosition\":[1028,\"auto-position\"],\"position\":[1],\"backdrop\":[4],\"dropdownOpened\":[32],\"valueLabel\":[32],\"open\":[64],\"close\":[64],\"clear\":[64],\"getTarget\":[64],\"getValue\":[64],\"setValue\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"dropdownItemClicked\",\"handleDropdownItemClicked\"]],{\"dropdownOpened\":[{\"emitValue\":0}],\"value\":[{\"setValueHandler\":0}]}],[321,\"vds-basic-dropdown-multiselect\",{\"size\":[1025],\"value\":[1025],\"informativeIcon\":[1025,\"informative-icon\"],\"placeholder\":[1025],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"event\":[1025],\"displaySelectionLimit\":[2,\"display-selection-limit\"],\"displaySelectionLimitText\":[1,\"display-selection-limit-text\"],\"showClearButton\":[1028,\"show-clear-button\"],\"maxHeight\":[1025,\"max-height\"],\"matchWidth\":[1028,\"match-width\"],\"autoPosition\":[1028,\"auto-position\"],\"position\":[1],\"backdrop\":[4],\"isOpened\":[32],\"open\":[64],\"close\":[64],\"clear\":[64],\"getTarget\":[64],\"getValue\":[64],\"setValue\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"dropdownItemClicked\",\"handleDropdownSelection\"]],{\"value\":[{\"setValueHandler\":0}],\"isOpened\":[{\"toggleDropdown\":0}]}],[65,\"vds-checkbox\",{\"labelValue\":[1537,\"label-value\"],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[1540],\"error\":[1540],\"size\":[1025],\"isRequired\":[1028,\"is-required\"],\"value\":[1537],\"toggleCheck\":[64]},null,{\"checked\":[{\"setCheckedStates\":0}]}],[257,\"vds-drawer\",{\"opened\":[1028],\"showCloseButton\":[1028,\"show-close-button\"],\"disableClose\":[1028,\"disable-close\"],\"position\":[1025],\"backdrop\":[1028],\"padding\":[1025],\"mode\":[1025],\"isAdaptable\":[4,\"is-adaptable\"],\"showShadow\":[4,\"show-shadow\"],\"showBorder\":[4,\"show-border\"],\"drawerOnly\":[1028,\"drawer-only\"],\"dropdownIsOpened\":[32],\"open\":[64],\"close\":[64]},[[8,\"opened\",\"setPositionRelativeForDropdowns\"],[8,\"closed\",\"setPositionRelativeForDropdowns\"]],{\"opened\":[{\"emitValue\":0}]}],[257,\"vds-field\",{\"label\":[1],\"isRequired\":[1028,\"is-required\"],\"isDisabled\":[1028,\"is-disabled\"],\"helperText\":[1025,\"helper-text\"],\"helperTextColor\":[1025,\"helper-text-color\"],\"errorMessage\":[1025,\"error-message\"],\"size\":[1]}],[65,\"vds-basic-slider-continuous\",{\"value\":[2],\"size\":[1],\"orientation\":[1],\"disabled\":[4],\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"step\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"displayLabel\":[1,\"display-label\"],\"displayLimits\":[4,\"display-limits\"],\"colors\":[1],\"icon\":[1],\"showMarks\":[4,\"show-marks\"],\"marks\":[16],\"formattedValue\":[16],\"displayLabelShowValue\":[32],\"setValue\":[64],\"clear\":[64]},[[9,\"resize\",\"updateThumbAndTrackPosition\"]],{\"value\":[{\"setInputValue\":0}]}],[257,\"vds-dropdown-item\",{\"disabled\":[1028],\"informativeIcon\":[1025,\"informative-icon\"],\"isActive\":[1028,\"is-active\"],\"linkHref\":[1025,\"link-href\"],\"linkTarget\":[1025,\"link-target\"],\"linkRel\":[1025,\"link-rel\"],\"value\":[1537],\"label\":[1537],\"setAriaLabel\":[1537,\"set-aria-label\"],\"size\":[1025],\"hasCheckmark\":[1028,\"has-checkmark\"],\"isSelected\":[1028,\"is-selected\"],\"checkmarkVariant\":[1,\"checkmark-variant\"],\"checkmarkAlignment\":[1,\"checkmark-alignment\"],\"danger\":[1540],\"type\":[1]},null,{\"isSelected\":[{\"updateItemState\":0}]}],[1,\"vds-link\",{\"value\":[1],\"iconPosition\":[1,\"icon-position\"],\"underline\":[4],\"url\":[1],\"target\":[1],\"rel\":[1],\"size\":[1],\"informativeIcon\":[1,\"informative-icon\"],\"variant\":[1]}],[257,\"vds-menu-item\",{\"disabled\":[1028],\"icon\":[1025],\"isActive\":[1028,\"is-active\"],\"hasChildren\":[1028,\"has-children\"],\"linkHref\":[1025,\"link-href\"],\"linkTarget\":[1025,\"link-target\"],\"linkRel\":[1025,\"link-rel\"],\"value\":[1537],\"setAriaLabel\":[1537,\"set-aria-label\"],\"size\":[1025],\"hasCheckmark\":[1028,\"has-checkmark\"],\"isSelected\":[1540,\"is-selected\"],\"checkmarkVariant\":[1,\"checkmark-variant\"],\"checkmarkAlignment\":[1,\"checkmark-alignment\"],\"danger\":[1540]},null,{\"isSelected\":[{\"updateItemState\":0}]}],[321,\"vds-basic-textarea\",{\"size\":[1025],\"value\":[1537],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1028],\"isRequired\":[1540,\"is-required\"],\"formatter\":[1040],\"allowedStyles\":[1040],\"width\":[1025],\"height\":[1025],\"minHeight\":[1025,\"min-height\"],\"maxHeight\":[1025,\"max-height\"],\"autogrow\":[1028],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocus\"]],{\"value\":[{\"setFormValue\":0}]}],[257,\"vds-button\",{\"size\":[1],\"variant\":[1],\"textAlignment\":[1,\"text-alignment\"],\"danger\":[4],\"disabled\":[4],\"isFullWidth\":[4,\"is-full-width\"]}],[1,\"vds-dropdown-group-header\",{\"size\":[1]}],[257,\"vds-menu\",{\"position\":[1025],\"maxWidth\":[1025,\"max-width\"],\"maxHeight\":[1025,\"max-height\"],\"event\":[1025],\"autoPosition\":[1028,\"auto-position\"],\"backdrop\":[1028],\"menuOpened\":[32],\"open\":[64],\"close\":[64],\"getTarget\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"clicked\",\"handleMenuItemClicked\"],[0,\"submenuKeyboardClosed\",\"handleSubmenuKeyboardClosed\"]],{\"menuOpened\":[{\"emitValue\":0}]}],[1,\"vds-menu-group-header\",{\"size\":[1]}],[257,\"vds-menu-list\"],[257,\"vds-sidenav-item\",{\"size\":[1],\"disabled\":[1028],\"expanded\":[1028],\"icon\":[1025],\"isActive\":[1028,\"is-active\"],\"isStatic\":[1028,\"is-static\"],\"hasChildren\":[1028,\"has-children\"],\"link_href\":[1025],\"link_target\":[1025],\"link_rel\":[1025],\"value\":[1025]}],[257,\"vds-card\",{\"padding\":[1025],\"selectable\":[1028],\"selected\":[1028],\"button\":[1028],\"disabled\":[1028],\"variant\":[1025],\"shadowBox\":[1025,\"shadow-box\"],\"borderColor\":[1,\"border-color\"],\"borderHoverColor\":[1,\"border-hover-color\"]},null,{\"selected\":[{\"emitSelected\":0}],\"selectable\":[{\"handleBehaviorValidation\":0}],\"button\":[{\"handleBehaviorValidation\":0}]}],[1,\"vds-progress-circular\",{\"value\":[2],\"status\":[1],\"duration\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"colors\":[1],\"scale\":[2],\"progress\":[32]},null,{\"duration\":[{\"setDurationAnimation\":0}],\"scale\":[{\"setScale\":0}]}],[321,\"vds-basic-input\",{\"size\":[1025],\"type\":[1537],\"value\":[1537],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1028],\"isRequired\":[1540,\"is-required\"],\"informativeIcon\":[1,\"informative-icon\"],\"formatter\":[1040],\"allowedStyles\":[1040],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64]},[[0,\"keyup\",\"handleEnterKey\"],[0,\"focus\",\"handleFocus\"]],{\"value\":[{\"setFormValue\":0}]}],[1,\"vds-label\",{\"size\":[1],\"disabled\":[4],\"required\":[4],\"labelValue\":[1,\"label-value\"],\"icon\":[1]}],[1,\"vds-divider\",{\"padding\":[1],\"orientation\":[1],\"color\":[1],\"thickness\":[1]}],[1,\"vds-icon-button\",{\"size\":[1],\"variant\":[1],\"disabled\":[4],\"icon\":[1],\"setAriaLabel\":[513,\"set-aria-label\"]},[[0,\"click\",\"handleSubmit\"]]],[1,\"vds-icon\",{\"svgIcon\":[1025,\"svg-icon\"],\"size\":[1025],\"color\":[1025],\"alt\":[1025]}]]],[\"vds-basic-autocomplete\",[[257,\"vds-basic-autocomplete\",{\"size\":[1025],\"value\":[1537],\"multipleValues\":[1040],\"selectedDropdownValue\":[1025,\"selected-dropdown-value\"],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"isRequired\":[1540,\"is-required\"],\"informativeIcon\":[1025,\"informative-icon\"],\"dynamicInformativeIcon\":[1028,\"dynamic-informative-icon\"],\"formatter\":[1040],\"displayValue\":[1,\"display-value\"],\"allowedStyles\":[1040],\"maxHeight\":[1025,\"max-height\"],\"matchWidth\":[1028,\"match-width\"],\"debounce\":[2],\"actionIcon\":[1,\"action-icon\"],\"showClearButton\":[4,\"show-clear-button\"],\"dropdown\":[4],\"showDropdownIcon\":[4,\"show-dropdown-icon\"],\"showEmptyMessage\":[4,\"show-empty-message\"],\"emptyMessage\":[1,\"empty-message\"],\"multiple\":[4],\"position\":[1],\"autoPosition\":[1028,\"auto-position\"],\"clearSelection\":[4,\"clear-selection\"],\"backdrop\":[4],\"highlightText\":[4,\"highlight-text\"],\"clearOnErase\":[4,\"clear-on-erase\"],\"isOpened\":[32],\"multiselectValues\":[32],\"defaultInformativeIcon\":[32],\"open\":[64],\"close\":[64],\"setFocus\":[64],\"setValue\":[64],\"setSelectionValue\":[64],\"getValue\":[64],\"clear\":[64]},[[0,\"autocompleteClicked\",\"handleSelectOption\"],[8,\"click\",\"handleClickOut\"],[0,\"focusout\",\"handleFocusOut\"],[8,\"keyup\",\"handleEscPress\"]],{\"multiselectValues\":[{\"setMulitpleValueHandler\":0}],\"disabled\":[{\"setDisabledState\":0}],\"value\":[{\"setValueState\":0}],\"selectedDropdownValue\":[{\"setDropdownValueValidation\":0}],\"isOpened\":[{\"toggleAutocomplete\":0}]}]]],[\"vds-basic-combo-box\",[[1,\"vds-basic-combo-box\",{\"size\":[1025],\"value\":[1040],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1540],\"informativeIcon\":[1,\"informative-icon\"],\"showClearButton\":[4,\"show-clear-button\"],\"actionIcon\":[1,\"action-icon\"],\"internalValue\":[32],\"setFocus\":[64],\"setValue\":[64],\"getValue\":[64],\"clear\":[64]},null,{\"value\":[{\"valueChangedHandler\":0}]}]]],[\"vds-sidenav-item-input\",[[65,\"vds-sidenav-item-input\",{\"expanded\":[4],\"value\":[1537],\"placeholder\":[1537],\"disabled\":[1540],\"isReadonly\":[1540,\"is-readonly\"],\"error\":[1028],\"informativeIcon\":[1,\"informative-icon\"],\"actionIcon\":[1,\"action-icon\"],\"formatter\":[1040],\"inputIcon\":[32],\"setFocus\":[64],\"getValue\":[64],\"clear\":[64]},null,{\"value\":[{\"setFormValue\":0}]}]]],[\"vds-footer\",[[257,\"vds-footer\",{\"type\":[1],\"appVersion\":[1,\"app-version\"],\"expandedContentPosition\":[1,\"expanded-content-position\"],\"centralText\":[1025,\"central-text\"],\"poweredByText\":[1,\"powered-by-text\"],\"isExpanded\":[32]}]]],[\"vds-header\",[[257,\"vds-header\",{\"value\":[1],\"avatar\":[1],\"username\":[1],\"showUserSection\":[4,\"show-user-section\"],\"showBadge\":[4,\"show-badge\"],\"badgeStatusColor\":[1,\"badge-status-color\"],\"badgeAriaLabel\":[1,\"badge-aria-label\"],\"popupOpened\":[32]},[[8,\"click\",\"handleClickOut\"]],{\"popupOpened\":[{\"handlePopupOpened\":0}]}]]],[\"vds-basic-accordion\",[[257,\"vds-basic-accordion\",{\"informativeIcon\":[1025,\"informative-icon\"],\"size\":[1025],\"expanded\":[1028],\"disabled\":[4],\"setAriaLabel\":[1,\"set-aria-label\"],\"setAriaLevel\":[1,\"set-aria-level\"],\"markerAlignment\":[1,\"marker-alignment\"],\"colors\":[1],\"open\":[64],\"close\":[64]},null,{\"expanded\":[{\"emitValues\":0}]}]]],[\"vds-dialog-header\",[[257,\"vds-dialog-header\",{\"showCloseButton\":[4,\"show-close-button\"]}]]],[\"vds-notification\",[[257,\"vds-notification\",{\"variant\":[1025],\"status\":[1025],\"colors\":[1040],\"icon\":[1025],\"showCloseButton\":[1028,\"show-close-button\"],\"removeOnClose\":[1028,\"remove-on-close\"],\"currentIcon\":[32],\"currentColor\":[32],\"close\":[64]}]]],[\"vds-radio-button\",[[65,\"vds-radio-button\",{\"size\":[1537],\"checked\":[1540],\"disabled\":[1028],\"error\":[1540],\"value\":[1537],\"labelAlignment\":[1,\"label-alignment\"],\"labelValue\":[1537,\"label-value\"],\"toggleCheck\":[64]},null,{\"checked\":[{\"setCheckedStates\":0}]}]]],[\"vds-stepper-item\",[[257,\"vds-stepper-item\",{\"textAlignment\":[1,\"text-alignment\"],\"disabled\":[516],\"state\":[1],\"text\":[1],\"icon\":[1],\"manageContent\":[4,\"manage-content\"],\"activeContent\":[4,\"active-content\"],\"divider\":[4]},null,{\"textAlignment\":[{\"onPropsChange\":0}],\"disabled\":[{\"onPropsChange\":0}]}]]],[\"vds-switch\",[[65,\"vds-switch\",{\"labelValue\":[1537,\"label-value\"],\"checked\":[1540],\"disabled\":[1540],\"size\":[1025],\"isRequired\":[1028,\"is-required\"],\"value\":[1537],\"labelAlignment\":[1,\"label-alignment\"],\"toggleCheck\":[64]},null,{\"checked\":[{\"setCheckedStates\":0}]}]]],[\"vds-tab\",[[257,\"vds-tab\",{\"value\":[1],\"isActive\":[1540,\"is-active\"],\"disabled\":[1540],\"icon\":[1025],\"informativeIcon\":[1025,\"informative-icon\"],\"width\":[1025],\"maxWidth\":[1025,\"max-width\"],\"type\":[1025],\"actionIcon\":[1025,\"action-icon\"],\"actionAriaLabel\":[1025,\"action-aria-label\"],\"setAriaLabel\":[1025,\"set-aria-label\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[{\"handleValueChange\":0}]}]]],[\"vds-badge-pill\",[[1,\"vds-badge-pill\",{\"size\":[1],\"statusColor\":[1,\"status-color\"],\"setAriaLabel\":[1,\"set-aria-label\"],\"icon\":[1],\"value\":[1],\"contentColor\":[1,\"content-color\"],\"borderFocusColor\":[1,\"border-focus-color\"],\"hideTitle\":[4,\"hide-title\"]}]]],[\"vds-basic-slider-range-continuous\",[[1,\"vds-basic-slider-range-continuous\",{\"startValue\":[2,\"start-value\"],\"endValue\":[2,\"end-value\"],\"size\":[1],\"orientation\":[1],\"disabled\":[4],\"minValue\":[2,\"min-value\"],\"maxValue\":[2,\"max-value\"],\"step\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"displayLabel\":[1,\"display-label\"],\"displayLimits\":[4,\"display-limits\"],\"colors\":[1],\"icon\":[1],\"showMarks\":[4,\"show-marks\"],\"marks\":[16],\"displayLabelShowValue\":[32],\"setValues\":[64],\"getValues\":[64],\"clear\":[64],\"setFocus\":[64]},[[9,\"resize\",\"updateThumbAndTrackPosition\"],[0,\"focus\",\"setFocusOnDisplayLabelAuto\"]],{\"startValue\":[{\"setInputStartValue\":0}],\"endValue\":[{\"setInputEndValue\":0}]}]]],[\"vds-segmented-button\",[[257,\"vds-segmented-button\",{\"informativeIcon\":[1,\"informative-icon\"],\"isActive\":[516,\"is-active\"],\"hasCheckmark\":[4,\"has-checkmark\"],\"disabled\":[516],\"value\":[513],\"fullWidth\":[4,\"full-width\"],\"size\":[1]},null,{\"isActive\":[{\"setActiveProp\":0}]}]]],[\"vds-sidenav-item-app\",[[257,\"vds-sidenav-item-app\",{\"value\":[1],\"menuIcon\":[4,\"menu-icon\"],\"expanded\":[4],\"isActive\":[4,\"is-active\"]}]]],[\"vds-sidenav-item-button\",[[257,\"vds-sidenav-item-button\",{\"disabled\":[1028],\"expanded\":[1028],\"icon\":[1025],\"isStatic\":[1028,\"is-static\"],\"value\":[1025],\"setAriaLabel\":[1025,\"set-aria-label\"],\"variant\":[1]}]]],[\"vds-upload-drag\",[[257,\"vds-upload-drag\",{\"title\":[1],\"description\":[1],\"multiple\":[4],\"accept\":[1],\"capture\":[1],\"isDragging\":[32]}]]],[\"vds-breadcrumbs-item\",[[257,\"vds-breadcrumbs-item\",{\"disabled\":[4],\"isActive\":[4,\"is-active\"]}]]],[\"vds-dialog\",[[257,\"vds-dialog\",{\"padding\":[1],\"backdrop\":[4],\"width\":[1],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"preventOutsideClose\":[4,\"prevent-outside-close\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"getContainer\":[64]},[[0,\"closeButton\",\"closeButtonHandle\"],[0,\"keydown\",\"handleEscKey\"]]]]],[\"vds-dialog-action-footer\",[[257,\"vds-dialog-action-footer\"]]],[\"vds-dialog-body\",[[257,\"vds-dialog-body\"]]],[\"vds-dialog-modal\",[[257,\"vds-dialog-modal\"]]],[\"vds-display\",[[1,\"vds-display\",{\"displayTitle\":[1,\"display-title\"],\"value\":[1],\"description\":[1],\"titleAnimationCycle\":[32],\"valueAnimationCycle\":[32],\"descriptionAnimationCycle\":[32],\"prevTitle\":[32],\"prevValue\":[32],\"prevDescription\":[32]},null,{\"displayTitle\":[{\"watchDisplayTitle\":0}],\"value\":[{\"watchValue\":0}],\"description\":[{\"watchDescription\":0}]}]]],[\"vds-key-value-pair\",[[257,\"vds-key-value-pair\",{\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"labelSize\":[1,\"label-size\"],\"value\":[1],\"valueSize\":[1,\"value-size\"]}]]],[\"vds-popover\",[[257,\"vds-popover\",{\"position\":[1025],\"maxWidth\":[1025,\"max-width\"],\"maxHeight\":[1025,\"max-height\"],\"event\":[1025],\"padding\":[1025],\"autoPosition\":[1028,\"auto-position\"],\"popupOpened\":[32],\"open\":[64],\"close\":[64],\"getTarget\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"click\",\"handleClick\"]],{\"popupOpened\":[{\"emitValue\":0}]}]]],[\"vds-progress-linear\",[[1,\"vds-progress-linear\",{\"value\":[2],\"status\":[1],\"duration\":[2],\"setAriaLabel\":[1,\"set-aria-label\"],\"colors\":[1]},null,{\"duration\":[{\"setDurationAnimation\":0}]}]]],[\"vds-sheet\",[[257,\"vds-sheet\",{\"backdrop\":[4],\"opened\":[1028],\"height\":[1],\"hideDragHandle\":[4,\"hide-drag-handle\"],\"open\":[64],\"close\":[64]},[[4,\"keydown\",\"handleKeyDown\"]],{\"opened\":[{\"emitValue\":0}]}]]],[\"vds-sidenav-item-category\",[[257,\"vds-sidenav-item-category\",{\"value\":[1025],\"expanded\":[1028],\"isStatic\":[1028,\"is-static\"],\"size\":[1]}]]],[\"vds-skeleton-loading\",[[1,\"vds-skeleton-loading\",{\"variant\":[1],\"width\":[1],\"height\":[1]}]]],[\"vds-stepper-item-header\",[[1,\"vds-stepper-item-header\",{\"title\":[1],\"description\":[1],\"disabled\":[4],\"textAlignment\":[1,\"text-alignment\"]}]]],[\"vds-tabs-group\",[[257,\"vds-tabs-group\",{\"type\":[1025],\"width\":[1025],\"maxWidth\":[1537,\"max-width\"],\"tabAlignment\":[1537,\"tab-alignment\"],\"showTrack\":[1028,\"show-track\"],\"activeTabIndex\":[1026,\"active-tab-index\"],\"disabled\":[1540],\"isFlexWidth\":[1028,\"is-flex-width\"],\"internalActiveTabIndex\":[32],\"getActive\":[64],\"setActive\":[64]},[[0,\"isSelected\",\"handleTabSelection\"],[0,\"valueChanged\",\"handleValueChanged\"]],{\"activeTabIndex\":[{\"handleActiveTabIndexChange\":0}],\"disabled\":[{\"setDisabledState\":0}]}]]],[\"vds-tooltip\",[[257,\"vds-tooltip\",{\"type\":[1],\"text\":[1025],\"position\":[1025],\"maxWidth\":[1025,\"max-width\"],\"event\":[1025],\"autoPosition\":[1028,\"auto-position\"],\"popupOpened\":[32],\"open\":[64],\"close\":[64],\"getTarget\":[64]},[[8,\"click\",\"handleClickOut\"],[0,\"click\",\"handleClick\"]],{\"popupOpened\":[{\"emitValue\":0}]}]]],[\"vds-topbar\",[[257,\"vds-topbar\",{\"hideBorder\":[4,\"hide-border\"]}]]],[\"vds-chip\",[[1,\"vds-chip\",{\"value\":[1537],\"close\":[4],\"menu\":[4],\"active\":[1540],\"disabled\":[4],\"size\":[1],\"closeAriaLabel\":[513,\"close-aria-label\"],\"toggle\":[4],\"informativeIcon\":[1,\"informative-icon\"],\"removeOnClose\":[4,\"remove-on-close\"],\"hideCheckIcon\":[4,\"hide-check-icon\"],\"_informativeIcon\":[32],\"dismiss\":[64]}]]],[\"vds-autocomplete-item\",[[1,\"vds-autocomplete-item\",{\"disabled\":[1028],\"informativeIcon\":[1025,\"informative-icon\"],\"isActive\":[1028,\"is-active\"],\"value\":[1537],\"label\":[1537],\"setAriaLabel\":[1537,\"set-aria-label\"],\"size\":[1025],\"hasCheckmark\":[1028,\"has-checkmark\"],\"isSelected\":[1028,\"is-selected\"],\"checkmarkVariant\":[1,\"checkmark-variant\"],\"checkmarkAlignment\":[1,\"checkmark-alignment\"],\"danger\":[1540],\"highlightText\":[1537,\"highlight-text\"]},null,{\"isSelected\":[{\"updateItemState\":0}]}]]],[\"vds-avatar_2\",[[1,\"vds-avatar\",{\"value\":[1],\"size\":[1],\"overlayIcon\":[1,\"overlay-icon\"]}],[257,\"vds-badge-dot\",{\"size\":[1],\"statusColor\":[1,\"status-color\"],\"setAriaLabel\":[1,\"set-aria-label\"],\"overlap\":[4],\"position\":[1]}]]]]"), options);
 });
-//# sourceMappingURL=volt-basic-components.js.map
-//# sourceMappingURL=volt-basic-components.js.map

package/dist/types/components/accordion/vds-basic-accordion.d.ts CHANGED Viewed

@@ -1,72 +1,142 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @component vds-basic-accordion
+ * @description An accordion component that provides expandable/collapsible content sections.
+ * Supports customization for size, icons, colors, and alignment.
+ * @slot header - Content displayed in the accordion header
+ * @slot description - Additional description text displayed in the header
+ * @slot body - Main content that expands/collapses
+ */
 export declare class VdsBasicAccordion {
-    /** Sets the accordion's informative icon */
+    /**
+     * Sets the accordion's informative icon.
+     * @type {string}
+     * @default undefined
+     */
     informativeIcon: string;
-    /** Sets the accordion's size. */
+    /**
+     * Sets the accordion's size.
+     * @type {("medium" | "large")}
+     * @default "medium"
+     */
     size: "medium" | "large";
-    /** Toggles the accordion's content */
+    /**
+     * Controls whether the accordion content is expanded or collapsed.
+     * @type {boolean}
+     * @default false
+     */
     expanded: boolean;
-    /** Sets the accordion in disabled state */
+    /**
+     * Sets the accordion in disabled state, preventing user interaction.
+     * @type {boolean}
+     * @default false
+     */
     disabled: boolean;
-    /** Sets the accordion aria-label */
+    /**
+     * Sets the accordion's aria-label for accessibility.
+     * @type {string}
+     * @default undefined
+     */
     setAriaLabel: string;
-    /** Sets the accordion aria-level */
+    /**
+     * Sets the accordion's aria-level for accessibility hierarchy.
+     * @type {string}
+     * @default undefined
+     */
     setAriaLevel: string;
-    /** Sets informative icon to the left or right. */
+    /**
+     * Sets the position of the chevron marker icon.
+     * @type {("start" | "end")}
+     * @default "start"
+     */
     markerAlignment: "start" | "end";
-    /** Sets colors of the accordion.
-     * border - ThemeColors
-     * Background - ThemeColors.
+    /**
+     * Sets custom colors for the accordion.
+     * Can be provided as an object or JSON string with the following keys:
+     * - Border: ThemeColors for the border
+     * - Background: ThemeColors for the background
+     * @type {({ [key: string]: string } | string)}
+     * @default undefined
+     * @example { "Border": "primary-500", "Background": "neutral-100" }
      */
     colors: {
         [key: string]: string;
     } | string;
-    /** Emits event when accordion gets opens */
+    /**
+     * Emitted when the accordion is opened.
+     * @event opened
+     * @type {EventEmitter<void>}
+     */
     opened: EventEmitter<void>;
-    /** Emits event when accordion gets closes */
+    /**
+     * Emitted when the accordion is closed.
+     * @event closed
+     * @type {EventEmitter<void>}
+     */
     closed: EventEmitter<void>;
     /**
-     * Expanded the accordion element.
-     *
+     * Expands the accordion element programmatically.
+     * @method
+     * @public
      * @returns {Promise<void>} A promise that resolves when the accordion is opened.
      */
     open(): Promise<void>;
     /**
-     * Collapse the accordion element.
-     *
-     * @returns {Promise<void>} A promise that resolves when the accordion is opened.
+     * Collapses the accordion element programmatically.
+     * @method
+     * @public
+     * @returns {Promise<void>} A promise that resolves when the accordion is closed.
      */
     close(): Promise<void>;
     /**
-     * Emits values when expanded property changes.
-     * When expanded is true, opened event gets emitted.
-     * When expanded is false, closed event gets emitted.
-     *
-     * @returns void
+     * Watches the expanded property and emits corresponding events.
+     * Emits 'opened' event when expanded is true.
+     * Emits 'closed' event when expanded is false.
+     * @private
+     * @returns {void}
      */
     emitValues(): void;
     /**
-     * Handles click event over the accordion header.
-     * Toggles expanded property in order to open/close accordion.
-     *
-     * evt - MouseEvent
-     *
-     * @returns void
+     * Handles click events on the accordion header.
+     * Toggles the expanded state to open or close the accordion.
+     * Does nothing if the accordion is disabled.
+     * @private
+     * @param {Event} evt - The click event
+     * @returns {void}
      */
     handleClick(evt: Event): void;
     /**
-     * Sets the custom colors for the accordion based on the colors property.
-     * This colors have to be css variables by preferences that work in both dark and light mode.
-     *
-     * Background - ThemeColors.
-     * Border - ThemeColors
-     *
+     * Sets custom CSS variables for the accordion based on the colors property.
+     * Supports both object and JSON string formats.
+     * Colors should be CSS variables that work in both dark and light modes.
+     * Supported color keys:
+     * - Background: Sets the background color
+     * - Border: Sets the border color
      * @private
-     * @returns { [key: string]: string }
+     * @returns {{ [key: string]: string }} Object containing CSS custom properties
      */
     private setColors;
+    /**
+     * Renders the chevron marker icon button that indicates the expanded/collapsed state.
+     * @private
+     * @returns {HTMLStencilElement} The marker icon button element
+     */
     private renderMarker;
+    /**
+     * Renders the accordion header section including the marker, informative icon, and content slots.
+     * @private
+     * @returns {HTMLStencilElement} The header container element
+     */
     private renderHeader;
+    /**
+     * Renders the accordion body content that expands and collapses.
+     * @private
+     * @returns {HTMLStencilElement} The body container element
+     */
     private renderContent;
+    /**
+     * Renders the complete accordion component.
+     * @returns {HTMLStencilElement} The root accordion element
+     */
     render(): any;
 }