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

wabtec-internal-volt-basic-components 1.0.0 → 1.2.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 (773) hide show

package/dist/volt-basic-components/p-0bdd7fb5.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as o,c as r,h as e,H as a}from"./p-DTZC-zXo.js";const t='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;width:100%;padding-bottom:1rem}:host .vds__dialog__header{display:flex;align-items:center;justify-content:space-between;flex:1 0 0;align-self:stretch}:host .vds__dialog__header .vds__dialog__header--text{color:var(--color-text-high);font-family:"Roboto Flex", sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}';const i=class{constructor(e){o(this,e);this.closeButton=r(this,"closeButton");this.showCloseButton=true}render(){return e(a,{key:"fef77b86be1fa3e445af1811b00df0e644f5e866"},e("div",{key:"0cc546ff6b2b994bf1580d9cc5c5b7e658bbd42d",class:"vds__dialog__header"},e("div",{key:"54cde5951899fc7472863e05a82a2c1cb643a1e8",class:"vds__dialog__header--text"},e("slot",{key:"bd293f68255b6a443c12b608c6f6573c0c15833e"})),this.showCloseButton&&e("vds-icon-button",{key:"427cded39ebe173ded2bcaba351743d4f751ca82",variant:"secondary",icon:"close",onClick:()=>this.closeButton.emit()})))}};i.style=t;export{i as vds_dialog_header};
2	- //# sourceMappingURL=p-0bdd7fb5.entry.js.map

package/dist/volt-basic-components/p-0bdd7fb5.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["vdsDialogHeaderCss","VdsDialogHeader","constructor","hostRef","this","showCloseButton","render","h","Host","key","class","variant","icon","onClick","closeButton","emit"],"sources":["src/components/dialog-header/vds-dialog-header.scss?tag=vds-dialog-header&encapsulation=shadow","src/components/dialog-header/vds-dialog-header.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n padding-bottom: 1rem;\n\n .vds__dialog__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 1 0 0;\n align-self: stretch;\n\n .vds__dialog__header--text {\n color: var(--color-text-high);\n @include font-style(title, large);\n }\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-dialog-header',\n styleUrl: 'vds-dialog-header.scss',\n shadow: true,\n})\nexport class VdsDialogHeader {\n /** Toggles show close button in dialog header */\n @Prop() showCloseButton: boolean = true;\n\n /** Emits event when closed button is clicked */\n @Event() closeButton: EventEmitter<void>;\n\n render(): HTMLStencilElement {\n return (\n <Host>\n <div class={\"vds__dialog__header\"}>\n <div class={\"vds__dialog__header--text\"}>\n <slot></slot>\n </div>\n {this.showCloseButton && <vds-icon-button variant=\"secondary\" icon=\"close\" onClick={() => this.closeButton.emit()}></vds-icon-button>}\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,ih+B,MCQdC,EAAe,MAL5B,WAAAC,CAAAC,G,iDAOUC,KAAeC,gBAAY,IAkBpC,CAbC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAO,uBACVH,EAAK,OAAAE,IAAA,2CAAAC,MAAO,6BACVH,EAAA,QAAAE,IAAA,8CAEDL,KAAKC,iBAAmBE,EAAiB,mBAAAE,IAAA,2CAAAE,QAAQ,YAAYC,KAAK,QAAQC,QAAS,IAAMT,KAAKU,YAAYC,U","ignoreList":[]}

package/dist/volt-basic-components/p-0fb2cb53.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["vdsDialogModalCss","VdsDialogModal","render","h","Host","key","class","name"],"sources":["src/components/dialog-modal/vds-dialog-modal.scss?tag=vds-dialog-modal&encapsulation=shadow","src/components/dialog-modal/vds-dialog-modal.tsx"],"sourcesContent":[":host {\n display: block;\n\n .vds__dialog__modal {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n }\n}\n\n:host(.vds__dialog__modal--container) {\n width: 100%;\n height: 100%;\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-dialog-modal',\n styleUrl: 'vds-dialog-modal.scss',\n shadow: true,\n})\nexport class VdsDialogModal {\n render(): HTMLStencilElement {\n return (\n <Host class=\"vds__dialog__modal--container\">\n <div class={\"vds__dialog__modal\"}>\n <slot name=\"header\"></slot>\n <slot />\n <slot name=\"body\"></slot>\n <slot name=\"footer\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,m09B,MCQbC,EAAc,M,yBACzB,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,MAAM,iCACVH,EAAK,OAAAE,IAAA,2CAAAC,MAAO,sBACRH,EAAM,QAAAE,IAAA,2CAAAE,KAAK,WACXJ,EAAQ,QAAAE,IAAA,6CACRF,EAAM,QAAAE,IAAA,2CAAAE,KAAK,SACXJ,EAAA,QAAAE,IAAA,2CAAME,KAAK,Y","ignoreList":[]}

package/dist/volt-basic-components/p-1afd85f5.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as r,f as t,h as a,H as o,a as i}from"./p-DTZC-zXo.js";import{c as s}from"./p-B23UkaEC.js";import{l as n,a as l}from"./p-B7ukJ3F4.js";const d=e=>!Number.isInteger(e);const c=e=>{if(!d(e))return 0;const r=e.toString().split(".")[1];return r?r.length:0};const g='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;width:100%;box-sizing:border-box;--slider-track:var(--color-icon-medium);--slider-track-fill:var(--color-icon-brand-default);--slider-track-start-thumb:var(--color-icon-brand-default);--slider-track-end-thumb:var(--color-icon-brand-default);--slider-background:var(--slider-track)}:host .vds-slider-range__container{padding:var(--spacing-03)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical{transform:rotate(270deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__value,:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .slider-thumb{transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds__tooltip-container-text{direction:rtl;text-align:right;width:auto}:host .vds-slider-range__container.vds-slider-range__container--orientation-vertical .vds-slider-range__value-reference span{display:inline-block;transform:rotate(90deg)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__track,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__range,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range-input__content,:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input{height:0.25rem}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__value-reference-container>.vds-slider-range__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__value-reference-container{transform:translateY(3px)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-range__thumb{transform:translate(-50%, -8px)}:host .vds-slider-range__container.vds-slider-range__container--medium .vds-slider-input::-webkit-slider-thumb{width:1.25rem;height:1.25rem}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__track,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__range,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range-input__content,:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input{height:0.375rem}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__value-reference-container>.vds-slider-range__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__value-reference-container{transform:translateY(1px)}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-range__thumb{transform:translate(-50%, -9px)}:host .vds-slider-range__container.vds-slider-range__container--large .vds-slider-input::-webkit-slider-thumb{width:1.5rem;height:1.5rem}:host .vds-slider-range__container .slider-start-thumb::part(svg-icon){color:var(--slider-track-start-thumb);fill:var(--slider-track-start-thumb)}:host .vds-slider-range__container .slider-end-thumb::part(svg-icon){color:var(--slider-track-end-thumb);fill:var(--slider-track-end-thumb)}:host .vds-slider-range__container .vds-slider-range__content{position:relative;padding:0 var(--spacing-03)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content{position:relative;padding:var(--spacing-03) 0;cursor:pointer}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range{display:block;position:absolute;z-index:2;width:100%;align-items:center;padding:var(--spacing-03) 0;top:0}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__track{position:absolute;top:var(--spacing-03);z-index:2;left:0;right:0;bottom:0;border-radius:5px;background-color:var(--slider-track)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__range{position:absolute;top:var(--spacing-03);z-index:3;bottom:0;border-radius:5px;pointer-events:none;background-color:var(--slider-track-fill)}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-range .vds-slider-range__thumb{position:absolute;top:var(--spacing-03);z-index:5;border-radius:50%;pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input{position:absolute;top:var(--spacing-03);-webkit-appearance:none;appearance:none;pointer-events:none;z-index:3;background:transparent;width:100%;opacity:0.8;margin:0;animation:0.3ms}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input:disabled{pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input:disabled::-webkit-slider-thumb{pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input:focus{outline:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input::-webkit-slider-runnable-track{pointer-events:none}:host .vds-slider-range__container .vds-slider-range__content .vds-slider-range-input__content .vds-slider-input::-webkit-slider-thumb{pointer-events:auto;box-sizing:border-box;cursor:pointer;border-radius:50%;-webkit-appearance:none}:host .vds-slider-range__container .vds-slider-range__content:has(.vds-slider-start-input:focus-visible){--slider-track-start-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range-continuous__container--display-limits .vds-slider-range__content:has(.vds-slider-start-input:focus-visible){--slider-track-start-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container .vds-slider-range__content:has(.vds-slider-end-input:focus-visible){--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range-continuous__container--display-limits .vds-slider-range__content:has(.vds-slider-end-input:focus-visible){--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range__container--colors .vds-slider-range__content:has(.vds-slider-input:active){--slider-track-fill:var(--color-icon-brand-press);--slider-track-start-thumb:var(--color-icon-brand-press);--slider-track-end-thumb:var(--color-icon-brand-press)}:host .vds-slider-range__container.vds-slider-range__container--colors .vds-slider-range__content:hover{--slider-track-fill:var(--color-icon-brand-hover);--slider-track-start-thumb:var(--color-icon-brand-hover);--slider-track-end-thumb:var(--color-icon-brand-hover)}:host .vds-slider-range__container.vds-slider-range__container--disabled,:host .vds-slider-range__container.vds-slider-range__container--disabled:hover,:host .vds-slider-range__container.vds-slider-range__container--disabled:active{--slider-track-fill:var(--color-icon-disabled);--slider-track-start-thumb:var(--color-icon-disabled);--slider-track-end-thumb:var(--color-icon-disabled);--slider-track:var(--color-background-disabled);pointer-events:none}:host .vds-slider-range__container .vds-slider-range__value-container{display:block;position:relative}:host .vds-slider-range__container .vds-slider-range__value-container .vds-slider-range__value-content{position:absolute;transform:translate(-50%, -29px);z-index:var(--elevation-layer-2)}:host .vds-slider-range__container .vds-slider-range__value-container .vds-slider-range__value{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;position:relative;cursor:text}:host .vds-slider-range__container .vds-slider-range__value-container .vds__tooltip-container{display:block}:host .vds-slider-range__container .vds-slider-range__value-container .tooltip-arrow{transform:translate(-50%, 21px);position:absolute;left:50%;fill:var(--surface-overlay-default)}:host .vds-slider-range__container .vds-slider-range__value-reference-container{display:block}:host .vds-slider-range__container .vds-slider-range__value-reference-container .vds-slider-range__value-reference{display:flex;justify-content:space-between}:host .vds-slider-range__container .vds-slider-range__value-reference-container .vds-slider-range__value-reference span{overflow:hidden;color:var(--color-text-medium);text-align:right;font-feature-settings:"liga" off, "clig" off;text-overflow:ellipsis;white-space:nowrap}:host .vds__tooltip-container{display:none;position:absolute;width:5.31rem;height:2.25rem;height:max-content;width:max-content;max-width:var(--tooltip-max-width) !important;flex-direction:column;align-items:center;border-radius:var(--radius-medium);background:var(--surface-overlay-default);padding:var(--spacing-03);z-index:var(--elevation-layer-2);box-shadow:var(--elevation-shadow-2)}:host .vds__tooltip-container-text{color:var(--color-text-white-high);font-feature-settings:"clig" off, "liga" off;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host .vds__tooltip-arrow{position:absolute;width:0.5rem;height:0.25rem;z-index:var(--elevation-layer-2)}:host(.vds-slider-range--disabled){pointer-events:none}';const h=class{constructor(t){e(this,t);this.changeRangeValue=r(this,"changeRangeValue");this.size="medium";this.orientation="horizontal";this.disabled=false;this.minValue=0;this.maxValue=100;this.step=1;this.displayLabel="on";this.displayLimits=true;this.icon="thumb"}componentWillRender(){n({start:this.startValue,end:this.endValue},this.maxValue,this.minValue);this.setDefaultValues()}componentDidRender(){this.setOutboundValues()}componentDidLoad(){this.setInputStartValue();this.setInputEndValue();t(this)}setValues({startValue:e,endValue:r}){this.startValue=e;this.endValue=r;return Promise.resolve()}getValues(){return Promise.resolve({startValue:this.startValue,endValue:this.endValue})}clear(){this.startValue=this.minValue;this.endValue=this.maxValue;return Promise.resolve()}setFocus(){this.startInputRangeEl.focus();return Promise.resolve()}setInputStartValue(){const e=this.startValue.toString();this.startThumbPosition=this.getValuePosition(this.startValue,this.startInputRangeEl);this.startShownValue=e;this.changeRangeValue.emit({startValue:this.startValue,endValue:this.endValue})}setInputEndValue(){const e=this.endValue.toString();this.endThumbPosition=this.getValuePosition(this.endValue,this.endInputRangeEl);this.endShownValue=e;this.changeRangeValue.emit({startValue:this.startValue,endValue:this.endValue})}updateThumbAndTrackPosition(){this.startThumbPosition=this.getValuePosition(this.startValue,this.startInputRangeEl);this.endThumbPosition=this.getValuePosition(this.endValue,this.endInputRangeEl);t(this)}setFocusOnDisplayLabelAuto(){if(this.displayLabel==="auto"){this.setFocus()}}setDefaultValues(){if(this.startValue===undefined\|\|this.startValue===null){this.startValue=this.minValue;this.startShownValue=this.minValue.toString()}else{this.startShownValue=this.startValue.toString()}if(this.endValue===undefined\|\|this.endValue===null){this.endValue=this.maxValue;this.endShownValue=this.maxValue.toString()}else{this.endShownValue=this.endValue.toString()}}setOutboundValues(){if(this.startValue<this.minValue){this.startValue=this.minValue;this.startShownValue=this.minValue.toString()}if(this.endValue>this.maxValue){this.endValue=this.maxValue;this.endShownValue=this.maxValue.toString()}}getValuePosition(e,r){return l(r,this.host,this.maxValue,this.minValue,e,this.size)}handleInputRangeChange(e,r){const t=e.target;const a=Number(t.value);if(r==="start"&&a>=this.minValue){const e=Math.min(a,this.endValue);this.startValue=e;this.startInputRangeEl.value=e.toString()}if(r==="end"&&a<=this.maxValue){const e=Math.max(a,this.startValue);this.endValue=e;this.endInputRangeEl.value=e.toString()}}handleInputMouseoverOrFocus(e,r){this.displayLabelShowValue=true;if(e==="start"){this.displayLabelStartEventTriggerIn=r;setTimeout((()=>{this.startInputRangeEl.focus()}))}if(e==="end"){this.displayLabelEndEventTriggerIn=r;this.endInputRangeEl.focus()}}handleInputMouseleaveOrBlur(e){this.displayLabelShowValue=false;if(e==="start"){this.displayLabelStartEventTriggerIn=undefined}if(e==="end"){this.displayLabelEndEventTriggerIn=undefined}}handleTrackClick(e){if(!this.disabled){let r=e.offsetX*(this.maxValue-this.minValue)/this.trackContentContainerEl.offsetWidth+this.minValue;const t=c(this.step);r=t===0?Math.round(r):parseFloat(r.toFixed(t));const a=[this.startValue,this.endValue].reduce(((e,t)=>Math.abs(t-r)<Math.abs(e-r)?t:e));switch(true){case a===this.startValue&&a===this.endValue&&r<a:this.startValue=r;break;case a===this.startValue&&a===this.endValue&&r>a:this.endValue=r;break;case a===this.startValue:this.startValue=r;break;case a===this.endValue:this.endValue=r;break}}}getShowValue(){let e=false;switch(this.displayLabel){case"off":e=false;break;case"auto":e=this.displayLabelShowValue;break;case"on":e=true;break;default:e=false}return e}setColors(){const e={};const r=typeof this.colors==="string"?JSON.parse(this.colors):this.colors;if(r&&r["Track"]){e["--slider-track"]=`var(--${r["Track"]})`}if(r&&r["TrackFill"]){e["--slider-track-fill"]=`var(--${r["TrackFill"]})`}if(r&&r["Thumb"]){e["--slider-track-start-thumb"]=`var(--${r["Thumb"]})`;e["--slider-track-end-thumb"]=`var(--${r["Thumb"]})`}if(r&&r["Background"]){e["--slider-background"]=`var(--${r["Background"]})`}return e}renderShownValue(e){if(e==="start"){return a("div",{class:"vds-slider-range__value-container"},a("div",{class:"vds-slider-range__value-content",style:{left:this.startThumbPosition}},a("div",{class:"vds-slider-range__value"},a("div",{class:"vds__tooltip-container"},a("span",{class:"vds__tooltip-container-text"},this.startShownValue)),this.orientation!=="vertical"&&a("vds-icon",{class:"tooltip-arrow",svgIcon:"caret-down-filled"}))))}if(e==="end"){return a("div",{class:"vds-slider-range__value-container"},a("div",{class:"vds-slider-range__value-content",style:{left:this.endThumbPosition}},a("div",{class:"vds-slider-range__value"},a("div",{class:"vds__tooltip-container"},a("span",{class:"vds__tooltip-container-text"},this.endShownValue)),this.orientation!=="vertical"&&a("vds-icon",{class:"tooltip-arrow",svgIcon:"caret-down-filled"}))))}}renderValueReferences(){return a("div",{class:"vds-slider-range__value-reference-container"},a("div",{class:s("vds-slider-range__value-reference")},a("span",null,this.minValue),a("span",null,this.maxValue)))}renderSliders(){return a("div",{class:"vds-slider-range-input__content"},a("div",{class:"vds-slider-range",onClick:e=>this.handleTrackClick(e),ref:e=>{if(e){this.trackContentContainerEl=e}}},a("div",{class:"vds-slider-range__track"}),a("div",{class:"vds-slider-range__range",style:{width:`calc(${this.endThumbPosition} - ${this.startThumbPosition})`,left:`${this.startThumbPosition}`},ref:e=>{this.trackRangeFillContainerEl=e}}),a("div",{class:"vds-slider-range__thumb vds-slider-range__thumb--start",style:{left:`${this.startThumbPosition}`}},a("vds-icon",{svgIcon:this.icon,size:this.size==="medium"?"1.25rem":"1.5rem",class:"slider-thumb slider-start-thumb"})),a("div",{class:"vds-slider-range__thumb vds-slider-range__thumb--end",style:{left:`${this.endThumbPosition}`}},a("vds-icon",{svgIcon:this.icon,size:this.size==="medium"?"1.25rem":"1.5rem",class:"slider-thumb slider-end-thumb"}))),a("input",{ref:e=>{if(e){this.startInputRangeEl=e}},class:s("vds-slider-input","vds-slider-start-input",this.disabled?"vds-slider-input--disabled":""),type:"range",step:this.step,onInput:e=>this.handleInputRangeChange(e,"start"),onMouseOver:this.displayLabel==="auto"?()=>{this.handleInputMouseoverOrFocus("start","mouseover")}:null,onMouseLeave:this.displayLabel==="auto"&&this.displayLabelStartEventTriggerIn==="mouseover"?()=>{this.handleInputMouseleaveOrBlur("start")}:null,onFocus:this.displayLabel==="auto"?()=>{this.handleInputMouseoverOrFocus("start","focus")}:null,onBlur:this.displayLabel==="auto"&&this.displayLabelStartEventTriggerIn==="focus"?()=>{this.handleInputMouseleaveOrBlur("start")}:null,min:this.minValue,max:this.maxValue,value:this.startValue,disabled:this.disabled}),a("input",{ref:e=>{if(e){this.endInputRangeEl=e}},class:s("vds-slider-input","vds-slider-end-input",this.disabled?"vds-slider-input--disabled":""),type:"range",step:this.step,onInput:e=>this.handleInputRangeChange(e,"end"),onMouseOver:this.displayLabel==="auto"?()=>{this.handleInputMouseoverOrFocus("end","mouseover")}:null,onMouseLeave:this.displayLabel==="auto"&&this.displayLabelEndEventTriggerIn==="mouseover"?()=>{this.handleInputMouseleaveOrBlur("end")}:null,onFocus:this.displayLabel==="auto"?()=>{this.handleInputMouseoverOrFocus("end","focus")}:null,onBlur:this.displayLabel==="auto"&&this.displayLabelEndEventTriggerIn==="focus"?()=>{this.handleInputMouseleaveOrBlur("end")}:null,min:this.minValue,max:this.maxValue,value:this.endValue,disabled:this.disabled}))}render(){return a(o,{key:"1a36c7b7b940839390060831def1cc9ce1b508fa",class:this.disabled?"vds-slider-range--disabled":""},a("div",{key:"e347611a2df950b13b8e9b3677cad4624d7b98b1",class:s("vds-slider-range__container",`vds-slider-range__container--${this.size}`,`vds-slider-range__container--orientation-${this.orientation}`,this.colors?"vds-slider-range__container--custom-colors":"vds-slider-range__container--colors",this.disabled?"vds-slider-range__container--disabled":"",this.displayLimits?"vds-slider-range__container--display-limits":""),style:this.setColors()},a("div",{key:"84db23e3f322b84617f4a9feed861425f37d1883",class:"vds-slider-range__content","aria-label":this.setAriaLabel},this.getShowValue()&&this.renderShownValue("start"),this.getShowValue()&&this.renderShownValue("end"),this.renderSliders()),this.displayLimits&&this.renderValueReferences()))}get host(){return i(this)}static get watchers(){return{startValue:["setInputStartValue"],endValue:["setInputEndValue"]}}};h.style=g;export{h as vds_basic_slider_range_continuous};
2	- //# sourceMappingURL=p-1afd85f5.entry.js.map

package/dist/volt-basic-components/p-1afd85f5.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["hasDecimals","val","Number","isInteger","countDecimalPlaces","decimalPart","toString","split","length","vdsBasicSliderRangeContinuousCss","VdsBasicSliderRangeContinuous","constructor","hostRef","this","size","orientation","disabled","minValue","maxValue","step","displayLabel","displayLimits","icon","componentWillRender","logWarnings","start","startValue","end","endValue","setDefaultValues","componentDidRender","setOutboundValues","componentDidLoad","setInputStartValue","setInputEndValue","forceUpdate","setValues","Promise","resolve","getValues","clear","setFocus","startInputRangeEl","focus","stringValue","startThumbPosition","getValuePosition","startShownValue","changeRangeValue","emit","endThumbPosition","endInputRangeEl","endShownValue","updateThumbAndTrackPosition","setFocusOnDisplayLabelAuto","undefined","value","inputRangeEl","getPositionBasedOnValue","host","handleInputRangeChange","evt","rangeType","target","rawValue","Math","min","max","handleInputMouseoverOrFocus","eventTrigger","displayLabelShowValue","displayLabelStartEventTriggerIn","setTimeout","displayLabelEndEventTriggerIn","handleInputMouseleaveOrBlur","handleTrackClick","valueFromPixel","offsetX","trackContentContainerEl","offsetWidth","decimalPlaces","round","parseFloat","toFixed","closestValue","reduce","a","b","abs","getShowValue","response","setColors","styles","colors","JSON","parse","renderShownValue","h","class","style","left","svgIcon","renderValueReferences","combineClasses","renderSliders","onClick","ref","el","width","trackRangeFillContainerEl","type","onInput","onMouseOver","onMouseLeave","onFocus","onBlur","render","Host","key","setAriaLabel"],"sources":["src/utils/number-utils.ts","src/components/slider-range-continuous/vds-basic-slider-range-continuous.scss?tag=vds-basic-slider-range-continuous&encapsulation=shadow","src/components/slider-range-continuous/vds-basic-slider-range-continuous.tsx"],"sourcesContent":["export const hasDecimals = (val: number): boolean => !Number.isInteger(val);\n\nexport const countDecimalPlaces = (val: number): number => {\n if (!hasDecimals(val)) return 0;\n\n const decimalPart = val.toString().split(\".\")[1];\n\n return decimalPart ? decimalPart.length : 0;\n};","@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --slider-track: var(--color-icon-medium);\n --slider-track-fill: var(--color-icon-brand-default);\n --slider-track-start-thumb: var(--color-icon-brand-default);\n --slider-track-end-thumb: var(--color-icon-brand-default);\n --slider-background: var(--slider-track);\n\n .vds-slider-range__container {\n padding: var(--spacing-03);\n\n &.vds-slider-range__container--orientation-vertical {\n transform: rotate(270deg);\n .vds-slider-range__value,\n .slider-thumb {\n transform: rotate(90deg);\n }\n .vds__tooltip-container-text {\n direction: rtl;\n text-align: right;\n width: auto;\n }\n .vds-slider-range__value-reference span {\n display: inline-block;\n transform: rotate(90deg);\n }\n }\n\n &.vds-slider-range__container--medium {\n .vds-slider-range,\n .vds-slider-range__track,\n .vds-slider-range__range,\n .vds-slider-range-input__content,\n .vds-slider-input {\n height: 0.25rem;\n }\n .vds-slider-range__value-reference-container > .vds-slider-range__value-reference > span {\n @include font-style(body, medium);\n }\n .vds-slider-range__value-reference-container {\n transform: translateY(3px);\n }\n .vds-slider-range__thumb {\n transform: translate(-50%, -8px);\n }\n .vds-slider-input {\n &::-webkit-slider-thumb {\n width: 1.25rem;\n height: 1.25rem;\n }\n }\n }\n &.vds-slider-range__container--large {\n .vds-slider-range,\n .vds-slider-range__track,\n .vds-slider-range__range,\n .vds-slider-range-input__content,\n .vds-slider-input {\n height: 0.375rem;\n }\n .vds-slider-range__value-reference-container > .vds-slider-range__value-reference > span {\n @include font-style(body, large);\n }\n .vds-slider-range__value-reference-container {\n transform: translateY(1px);\n }\n .vds-slider-range__thumb {\n transform: translate(-50%, -9px);\n }\n .vds-slider-input {\n &::-webkit-slider-thumb {\n width: 1.5rem;\n height: 1.5rem;\n }\n }\n }\n .slider-start-thumb::part(svg-icon) {\n color: var(--slider-track-start-thumb);\n fill: var(--slider-track-start-thumb);\n }\n .slider-end-thumb::part(svg-icon) {\n color: var(--slider-track-end-thumb);\n fill: var(--slider-track-end-thumb);\n }\n\n .vds-slider-range__content {\n position: relative;\n padding: 0 var(--spacing-03);\n .vds-slider-range-input__content {\n position: relative;\n padding: var(--spacing-03) 0;\n cursor: pointer;\n .vds-slider-range {\n display: block;\n position: absolute;\n z-index: 2;\n width: 100%;\n align-items: center;\n padding: var(--spacing-03) 0;\n top: 0;\n \n .vds-slider-range__track {\n position: absolute;\n top: var(--spacing-03);\n z-index: 2;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 5px;\n background-color: var(--slider-track);\n }\n \n .vds-slider-range__range {\n position: absolute;\n top: var(--spacing-03);\n z-index: 3;\n bottom: 0;\n border-radius: 5px;\n pointer-events: none;\n background-color: var(--slider-track-fill);\n }\n \n .vds-slider-range__thumb {\n position: absolute;\n top: var(--spacing-03);\n z-index: 5;\n border-radius: 50%;\n pointer-events: none;\n }\n }\n \n .vds-slider-input {\n position: absolute;\n top: var(--spacing-03);\n -webkit-appearance: none;\n appearance: none;\n pointer-events: none;\n z-index: 3;\n background: transparent;\n width: 100%;\n opacity: 0.8;\n margin: 0;\n animation: 0.3ms;\n\n &:disabled {\n pointer-events: none;\n &::-webkit-slider-thumb {\n pointer-events: none;\n }\n }\n\n &:focus {\n outline: none;\n }\n \n &::-webkit-slider-runnable-track {\n pointer-events: none;\n }\n \n &::-webkit-slider-thumb {\n pointer-events: auto;\n box-sizing: border-box;\n cursor: pointer;\n border-radius: 50%;\n -webkit-appearance: none;\n }\n }\n }\n }\n\n .vds-slider-range__content {\n &:has(.vds-slider-start-input:focus-visible) {\n --slider-track-start-thumb: var(--color-icon-brand-press);\n }\n }\n\n &.vds-slider-range-continuous__container--display-limits .vds-slider-range__content {\n &:has(.vds-slider-start-input:focus-visible) {\n --slider-track-start-thumb: var(--color-icon-brand-press);\n }\n }\n\n .vds-slider-range__content {\n &:has(.vds-slider-end-input:focus-visible) {\n --slider-track-end-thumb: var(--color-icon-brand-press);\n }\n }\n\n &.vds-slider-range-continuous__container--display-limits .vds-slider-range__content {\n &:has(.vds-slider-end-input:focus-visible) {\n --slider-track-end-thumb: var(--color-icon-brand-press);\n }\n }\n\n &.vds-slider-range__container--colors {\n .vds-slider-range__content {\n &:has(.vds-slider-input:active) {\n --slider-track-fill: var(--color-icon-brand-press);\n --slider-track-start-thumb: var(--color-icon-brand-press);\n --slider-track-end-thumb: var(--color-icon-brand-press);\n }\n &:hover {\n --slider-track-fill: var(--color-icon-brand-hover);\n --slider-track-start-thumb: var(--color-icon-brand-hover);\n --slider-track-end-thumb: var(--color-icon-brand-hover);\n }\n }\n }\n &.vds-slider-range__container--disabled,\n &.vds-slider-range__container--disabled:hover,\n &.vds-slider-range__container--disabled:active {\n --slider-track-fill: var(--color-icon-disabled);\n --slider-track-start-thumb: var(--color-icon-disabled);\n --slider-track-end-thumb: var(--color-icon-disabled);\n --slider-track: var(--color-background-disabled);\n pointer-events: none;\n }\n .vds-slider-range__value-container {\n display: block;\n position: relative;\n .vds-slider-range__value-content {\n position: absolute;\n transform: translate(-50%, -29px);\n z-index: var(--elevation-layer-2); \n }\n .vds-slider-range__value {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: fit-content;\n position: relative;\n cursor: text;\n }\n .vds__tooltip-container {\n display: block;\n }\n .tooltip-arrow {\n transform: translate(-50%, 21px);\n position: absolute;\n left: 50%;\n fill: var(--surface-overlay-default);\n }\n }\n .vds-slider-range__value-reference-container {\n display: block;\n .vds-slider-range__value-reference {\n display: flex;\n justify-content: space-between;\n \n span {\n overflow: hidden;\n color: var(--color-text-medium);\n text-align: right;\n font-feature-settings: 'liga' off, 'clig' off;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n }\n }\n .vds__tooltip-container {\n display: none;\n position: absolute;\n width: 5.31rem;\n height: 2.25rem;\n height:max-content;\n width: max-content;\n max-width: var(--tooltip-max-width) !important;\n flex-direction: column;\n align-items: center;\n border-radius: var(--radius-medium);\n background: var(--surface-overlay-default);\n padding: var(--spacing-03);\n z-index: var(--elevation-layer-2);\n box-shadow: var(--elevation-shadow-2);\n }\n .vds__tooltip-container-text{\n color: var(--color-text-white-high);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(body, medium);\n } \n .vds__tooltip-arrow {\n position: absolute;\n width: 0.5rem;\n height: 0.25rem;\n z-index: var(--elevation-layer-2);\n }\n}\n:host(.vds-slider-range--disabled) {\n pointer-events: none;\n}\n","import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Method } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { getPositionBasedOnValue, logWarnings, SliderRangeValueType } from '../../utils/slider.utils';\nimport { forceUpdate, HTMLStencilElement, Listen, Watch } from '@stencil/core/internal';\nimport { countDecimalPlaces } from '../../utils/number-utils';\n\n@Component({\n tag: 'vds-basic-slider-range-continuous',\n styleUrl: 'vds-basic-slider-range-continuous.scss',\n shadow: true,\n})\nexport class VdsBasicSliderRangeContinuous {\n /** Sets the start value of the slider.*/\n @Prop() startValue: number;\n /** Sets the start value of the slider.*/\n @Prop() endValue: number;\n /** Sets the size of the slider. */\n @Prop() size: \"medium\" | \"large\" = \"medium\";\n /** Sets the slider’s orientation. */\n @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n /** Sets the slider on disabled state. */\n @Prop() disabled: boolean = false;\n /** Sets the min value of the slider (Min value should always be lower than the max value). */\n @Prop() minValue: number = 0;\n /** Sets the max value of the slider..*/\n @Prop() maxValue: number = 100;\n /** Sets the amount of advance of the slider. */\n @Prop() step: number = 1;\n /** Sets the aria label in slider */\n @Prop() setAriaLabel: string;\n /** Toggles the value over the thumb in the slider \n * on - Always shows value over the thumb.\n * off - Do not show the value over the thumb.\n * auto - Shows value over the thumb when mouse hover.\n */\n @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n /** Toggles the limit value (min and max) of the slider .*/\n @Prop() displayLimits: boolean = true;\n /** Sets colors of the slider.\n * Track - ThemeColors\n * TrackFill - ThemeColors\n * Thumb - ThemeColors\n * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n */\n @Prop() colors: { [key: string]: string } | string;\n /** Sets the thumb icon */\n @Prop() icon: string = \"thumb\";\n\n /** Emits updated input value */\n @Event() changeRangeValue: EventEmitter<{ startValue: number; endValue: number }>;\n\n @Element() host: HTMLElement;\n\n @State() displayLabelShowValue: boolean;\n\n startInputRangeEl: HTMLInputElement;\n endInputRangeEl: HTMLInputElement;\n startShownValue: string;\n endShownValue: string;\n startThumbPosition: string;\n endThumbPosition: string;\n trackRangeFillContainerEl: HTMLDivElement;\n trackContentContainerEl: HTMLDivElement;\n displayLabelStartEventTriggerIn: \"mouseover\" | \"focus\";\n displayLabelEndEventTriggerIn: \"mouseover\" | \"focus\";\n hasFocus: boolean;\n\n componentWillRender(): void {\n logWarnings({start: this.startValue, end: this.endValue}, this.maxValue, this.minValue);\n this.setDefaultValues();\n }\n\n componentDidRender(): void {\n this.setOutboundValues();\n }\n\n componentDidLoad(): void {\n this.setInputStartValue();\n this.setInputEndValue();\n forceUpdate(this);\n }\n\n /**\n * Sets the slider startValue and endValue to the specified value.\n *\n * @param { startValue: number; endValue: number } values - The new values for the slider.\n * @returns {Promise<void>} A promise that resolves when the value is set.\n */\n @Method()\n setValues({startValue, endValue}: { startValue: number; endValue: number }): Promise<void> {\n this.startValue = startValue;\n this.endValue = endValue;\n return Promise.resolve();\n }\n\n /**\n * Gets the slider startValue and endValue.\n *\n * @returns {Promise<{ startValue: number; endValue: number }>} A promise that resolves the values.\n */\n @Method()\n getValues(): Promise<{ startValue: number; endValue: number }> {\n return Promise.resolve({startValue: this.startValue, endValue: this.endValue});\n }\n\n /**\n * Clears the slider range values by setting it to the minimum and maximun value respectively.\n *\n * @returns {Promise<void>} A promise that resolves when the value is cleared.\n */\n @Method()\n clear(): Promise<void> {\n this.startValue = this.minValue;\n this.endValue = this.maxValue;\n return Promise.resolve();\n }\n\n /**\n * Focus the slider range by focusing start slider.\n *\n * @returns {Promise<void>} A promise that resolves when the first slider is focused.\n */\n @Method()\n setFocus(): Promise<void> {\n this.startInputRangeEl.focus();\n return Promise.resolve();\n }\n\n /**\n * Sets slider startThumbPosition, startShownValue.\n * Calculates the start thumb position based on the value.\n * Emits changeRangeValue event\n * \n * @returns {void}\n */\n @Watch(\"startValue\")\n setInputStartValue(): void {\n const stringValue = this.startValue.toString();\n this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n this.startShownValue = stringValue;\n this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n }\n\n /**\n * Sets slider endThumbPosition, endShownValue.\n * Calculates the end thumb position based on the value.\n * Emits changeRangeValue event\n * \n * @returns {void}\n */\n @Watch(\"endValue\")\n setInputEndValue(): void {\n const stringValue = this.endValue.toString();\n this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n this.endShownValue = stringValue;\n this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n }\n\n /**\n * Updates the thumb position and forces a component update on window resize.\n *\n * @ListensTo(\"resize\", {target: \"window\"})\n */\n @Listen(\"resize\", {target: \"window\"})\n updateThumbAndTrackPosition(): void {\n this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n forceUpdate(this);\n }\n\n /**\n * Focus the first slider when displayLabel is set to auto.\n *\n * @ListensTo(\"focus\")\n */\n @Listen(\"focus\")\n setFocusOnDisplayLabelAuto(): void {\n if (this.displayLabel === \"auto\") {\n this.setFocus();\n }\n }\n \n /**\n * Sets the initial value of the slider to the minimum and maximum value when start and end value are not provided.\n * When values are provided, shownValues get set.\n *\n * @private\n */\n private setDefaultValues(): void {\n if (this.startValue === undefined || this.startValue === null) {\n this.startValue = this.minValue;\n this.startShownValue = this.minValue.toString();\n } else {\n this.startShownValue = this.startValue.toString();\n }\n\n if (this.endValue === undefined || this.endValue === null) {\n this.endValue = this.maxValue;\n this.endShownValue = this.maxValue.toString();\n } else {\n this.endShownValue = this.endValue.toString();\n }\n }\n\n /**\n * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n *\n * @private\n */\n private setOutboundValues(): void {\n if (this.startValue < this.minValue) {\n this.startValue = this.minValue;\n this.startShownValue = this.minValue.toString();\n }\n\n if (this.endValue > this.maxValue) {\n this.endValue = this.maxValue;\n this.endShownValue = this.maxValue.toString();\n }\n }\n\n /**\n * Calculates the CSS left position of the slider thumb based on the current value.\n *\n * @private\n * @params value - number\n * @params inputRangeEl - HTMLInputElement\n * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n */\n private getValuePosition(value: number, inputRangeEl: HTMLInputElement): string {\n return getPositionBasedOnValue(inputRangeEl, this.host, this.maxValue, this.minValue, value, this.size);\n }\n\n /**\n * Sets the start/end value of the slider range to the specified in the event.\n *\n * @private\n * @param {InputEvent} evt - The event emitted by the input.\n * @param {SliderRangeValueType} rangeType - start | end slider.\n * @returns {void}\n */\n private handleInputRangeChange(evt: InputEvent, rangeType: SliderRangeValueType): void {\n const target = evt.target as HTMLInputElement; \n const rawValue = Number(target.value);\n\n if (rangeType === \"start\" && rawValue >= this.minValue) {\n const value = Math.min(rawValue, this.endValue);\n this.startValue = value;\n this.startInputRangeEl.value = value.toString();\n }\n\n if (rangeType === \"end\" && rawValue <= this.maxValue) {\n const value = Math.max(rawValue, this.startValue);\n this.endValue = value;\n this.endInputRangeEl.value = value.toString();\n }\n }\n\n /**\n * Handles mouseover or focus events on the slider. \n * Sets the `displayLabelShowValue` flag to `true` to indicate that the display label should show the value.\n * \n * @private\n * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n * @param {\"mouseover\" | \"focus\"} eventTrigger - The type of event that triggered this function.\n * @returns {void}\n */\n private handleInputMouseoverOrFocus(rangeType: SliderRangeValueType, eventTrigger: \"mouseover\" | \"focus\") {\n this.displayLabelShowValue = true;\n\n if (rangeType === \"start\") {\n this.displayLabelStartEventTriggerIn = eventTrigger;\n setTimeout(() => {\n this.startInputRangeEl.focus();\n });\n }\n\n if (rangeType === \"end\") {\n this.displayLabelEndEventTriggerIn = eventTrigger;\n this.endInputRangeEl.focus();\n }\n }\n\n /**\n * Handles mouseleave or blur events on the slider. \n * Sets the `displayLabelShowValue` flag to `false` to hide the value in the display label.\n * \n * @private\n * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n * @returns {void}\n */\n private handleInputMouseleaveOrBlur(rangeType: SliderRangeValueType): void {\n this.displayLabelShowValue = false;\n\n if (rangeType === \"start\") {\n this.displayLabelStartEventTriggerIn = undefined;\n }\n\n if (rangeType === \"end\") {\n this.displayLabelEndEventTriggerIn = undefined;\n }\n }\n\n /**\n * Handles click events on the slider track. \n * Calculates the corresponding value based on the click position and updates the slider's start or end value accordingly.\n * \n * @private\n * @param {MouseEvent} evt - The mouse event object.\n * @returns {void}\n */\n private handleTrackClick(evt: MouseEvent) {\n\t\tif (!this.disabled) {\n\t\t\t// Calc the related value to the pixel that was clicked.\n\t\t\tlet valueFromPixel = (evt.offsetX * (this.maxValue - this.minValue)) / this.trackContentContainerEl.offsetWidth + this.minValue;\n const decimalPlaces = countDecimalPlaces(this.step);\n\n valueFromPixel = decimalPlaces === 0 ? Math.round(valueFromPixel) : parseFloat(valueFromPixel.toFixed(decimalPlaces));\n\n const closestValue = [this.startValue, this.endValue].reduce((a, b) => {\n return Math.abs(b - valueFromPixel) < Math.abs(a - valueFromPixel) ? b : a;\n });\n\n switch(true) {\n case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel < closestValue:\n this.startValue = valueFromPixel;\n break;\n case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel > closestValue:\n this.endValue = valueFromPixel;\n break;\n case closestValue === this.startValue:\n this.startValue = valueFromPixel;\n break;\n case closestValue === this.endValue:\n this.endValue = valueFromPixel;\n break;\n }\n }\n\t}\n\n /**\n * Determines whether the value should be displayed in the label based on the current displayLabel setting.\n *\n * @private\n * @returns {boolean} - True if the value should be displayed, false otherwise.\n */\n private getShowValue(): boolean {\n let response = false;\n\n switch(this.displayLabel) {\n case \"off\":\n response = false;\n break;\n case \"auto\":\n response = this.displayLabelShowValue;\n break;\n case \"on\":\n response = true;\n break;\n default:\n response = false;\n }\n\n return response;\n }\n\n /**\n * Sets the custom colors for the slider based on the colors property.\n * This colors have to be css variables by preferences that work in both dark and light mode.\n * \n * Track - ThemeColors\n * TrackFill - ThemeColors\n * Thumb - ThemeColors\n * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n *\n * @private\n * @returns { [key: string]: string }\n */\n private setColors(): { [key: string]: string } {\n const styles = {};\n const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n\n if (colors && colors[\"Track\"]) {\n styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n }\n\n if (colors && colors[\"TrackFill\"]) {\n styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n }\n\n if (colors && colors[\"Thumb\"]) {\n styles[\"--slider-track-start-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n styles[\"--slider-track-end-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n }\n\n if (colors && colors[\"Background\"]) {\n styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n }\n\n return styles;\n }\n \n private renderShownValue(rangeType: SliderRangeValueType): HTMLStencilElement {\n if (rangeType === \"start\") {\n return (\n <div class={\"vds-slider-range__value-container\"}>\n <div class=\"vds-slider-range__value-content\" style={{left: this.startThumbPosition}}>\n <div class=\"vds-slider-range__value\">\n <div class={\"vds__tooltip-container\"}>\n <span class={\"vds__tooltip-container-text\"}>{this.startShownValue}</span>\n </div>\n {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n </div>\n </div>\n </div>\n )\n }\n\n if (rangeType === \"end\") {\n return (\n <div class={\"vds-slider-range__value-container\"}>\n <div class=\"vds-slider-range__value-content\" style={{left: this.endThumbPosition}}>\n <div class=\"vds-slider-range__value\">\n <div class={\"vds__tooltip-container\"}>\n <span class={\"vds__tooltip-container-text\"}>{this.endShownValue}</span>\n </div>\n {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n </div>\n </div>\n </div>\n )\n }\n }\n\n private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider-range__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider-range__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n <span>{this.minValue}</span>\n <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n private renderSliders(): HTMLStencilElement {\n return (\n <div\n class=\"vds-slider-range-input__content\"\n >\n <div\n class={\"vds-slider-range\"}\n onClick={(evt): void => this.handleTrackClick(evt)}\n ref={(el) => {\n if (el) {\n this.trackContentContainerEl = el;\n }\n }}\n >\n <div class={\"vds-slider-range__track\"}></div>\n <div\n class={\"vds-slider-range__range\"}\n style={{width: `calc(${this.endThumbPosition} - ${this.startThumbPosition})`, left: `${this.startThumbPosition}`}}\n ref={(el) => {\n this.trackRangeFillContainerEl = el;\n }}\n ></div>\n <div\n class={\"vds-slider-range__thumb vds-slider-range__thumb--start\"}\n style={{left: `${this.startThumbPosition}`}}\n >\n <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-start-thumb\"></vds-icon>\n </div>\n <div\n class={\"vds-slider-range__thumb vds-slider-range__thumb--end\"}\n style={{left: `${this.endThumbPosition}`}}\n >\n <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-end-thumb\"></vds-icon>\n </div>\n </div>\n <input\n ref={(el): void => {\n if (el) {\n this.startInputRangeEl = el;\n }\n }}\n class={combineClasses(\n \"vds-slider-input\",\n \"vds-slider-start-input\",\n this.disabled ? \"vds-slider-input--disabled\" : \"\"\n )}\n type=\"range\"\n step={this.step}\n onInput={(evt): void => this.handleInputRangeChange(evt, \"start\")}\n onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"mouseover\")} : null}\n onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"focus\")} : null}\n onBlur={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n min={this.minValue}\n max={this.maxValue}\n value={this.startValue}\n disabled={this.disabled}\n />\n <input\n ref={(el): void => {\n if (el) {\n this.endInputRangeEl = el;\n }\n }}\n class={combineClasses(\n \"vds-slider-input\",\n \"vds-slider-end-input\",\n this.disabled ? \"vds-slider-input--disabled\" : \"\"\n )}\n type=\"range\"\n step={this.step}\n onInput={(evt): void => this.handleInputRangeChange(evt, \"end\")}\n onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"mouseover\")} : null}\n onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"focus\")} : null}\n onBlur={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n min={this.minValue}\n max={this.maxValue}\n value={this.endValue}\n disabled={this.disabled}\n />\n </div>\n );\n }\n \n render() {\n return (\n <Host class={this.disabled ? \"vds-slider-range--disabled\" : \"\"}>\n <div \n class={combineClasses(\n \"vds-slider-range__container\",\n `vds-slider-range__container--${this.size}`,\n `vds-slider-range__container--orientation-${this.orientation}`,\n this.colors ? \"vds-slider-range__container--custom-colors\" : \"vds-slider-range__container--colors\",\n this.disabled ? \"vds-slider-range__container--disabled\" : \"\",\n this.displayLimits ? \"vds-slider-range__container--display-limits\" : \"\"\n )}\n style={this.setColors()}\n >\n <div\n class={\"vds-slider-range__content\"}\n aria-label={this.setAriaLabel}\n >\n {this.getShowValue() && this.renderShownValue(\"start\")}\n {this.getShowValue() && this.renderShownValue(\"end\")}\n {this.renderSliders()}\n </div>\n {this.displayLimits && this.renderValueReferences()}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/volt-basic-components/p-1e4f6315.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as o,c as r,h as e,H as a,a as t}from"./p-DTZC-zXo.js";const i='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host{display:block;width:100%;padding-top:1.5rem}:host(.vds__dialog__footer--start){display:flex;justify-content:start;gap:var(--spacing-03)}:host(.vds__dialog__footer--end){display:flex;justify-content:end;gap:var(--spacing-03)}:host(.vds__dialog__footer--space-between){display:flex;justify-content:space-between;gap:var(--spacing-03)}';const c=class{constructor(e){o(this,e);this.closeButton=r(this,"closeButton")}componentDidLoad(){this.setClosebuttonEventEmitterToCloseDialogElements()}setClosebuttonEventEmitterToCloseDialogElements(){this.host.querySelectorAll("[close-dialog]").forEach((o=>{o.addEventListener("click",(()=>{this.closeButton.emit()}))}))}render(){return e(a,{key:"ad1e3e70e5bccc3011971f56c884cff468c56daf"},e("slot",{key:"e9c21925b3a5a2c8174ecce42d9e8422de6fb03b"}))}get host(){return t(this)}};c.style=i;export{c as vds_dialog_action_footer};
2	- //# sourceMappingURL=p-1e4f6315.entry.js.map

package/dist/volt-basic-components/p-1e4f6315.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["vdsDialogActionFooterCss","VdsDialogActionFooter","componentDidLoad","this","setClosebuttonEventEmitterToCloseDialogElements","host","querySelectorAll","forEach","el","addEventListener","closeButton","emit","render","h","Host","key"],"sources":["src/components/dialog-action-footer/vds-dialog-action-footer.scss?tag=vds-dialog-action-footer&encapsulation=shadow","src/components/dialog-action-footer/vds-dialog-action-footer.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n padding-top: 1.5rem;\n}\n\n:host(.vds__dialog__footer--start) {\n display: flex;\n justify-content: start;\n gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--end) {\n display: flex;\n justify-content: end;\n gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--space-between) {\n display: flex;\n justify-content: space-between;\n gap: var(--spacing-03);\n}\n","import { Component, Host, h, Element, Event } from \"@stencil/core\";\nimport { EventEmitter, HTMLStencilElement } from \"@stencil/core/internal\";\n\n@Component({\n tag: \"vds-dialog-action-footer\",\n styleUrl: \"vds-dialog-action-footer.scss\",\n shadow: true,\n})\nexport class VdsDialogActionFooter {\n\n /** Emits event when closed button is clicked */\n @Event() closeButton: EventEmitter<void>;\n\n @Element() host: HTMLElement;\n\n componentDidLoad(): void {\n this.setClosebuttonEventEmitterToCloseDialogElements();\n }\n\n /**\n * @private\n * Sets up event listeners for the dialog children elements which has attribute close-dialog.\n *\n * - Listens for \"click\" events on the element and emits `closeButton`.\n *\n */\n private setClosebuttonEventEmitterToCloseDialogElements(): void {\n this.host.querySelectorAll(\"[close-dialog]\").forEach(el => {\n el.addEventListener(\"click\", () => {\n this.closeButton.emit();\n });\n });\n } \n\n render(): HTMLStencilElement {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n\n}\n"],"mappings":"gEAAA,MAAMA,EAA2B,g/9B,MCQpBC,EAAqB,M,gEAOhC,gBAAAC,GACEC,KAAKC,iD,CAUE,+CAAAA,GACPD,KAAKE,KAAKC,iBAAiB,kBAAkBC,SAAQC,IACnDA,EAAGC,iBAAiB,SAAS,KAC3BN,KAAKO,YAAYC,MAAM,GACvB,G,CAIN,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/volt-basic-components/p-1f0e5006.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as o,c as e,f as r,h as t,H as a,a as i}from"./p-DTZC-zXo.js";import{c as s}from"./p-B23UkaEC.js";import{l,g as n,a as c}from"./p-B7ukJ3F4.js";const d='@import url("https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap");:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-black:#000000;--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host(.vds-slider){display:block;box-sizing:border-box;--slider-track:var(--color-icon-medium);--slider-track-fill:var(--color-icon-brand-default);--slider-track-thumb:var(--color-icon-brand-default);--slider-background:var(--slider-track)}:host(.vds-slider) .vds-slider-continuous__container{padding:var(--spacing-03)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--orientation-vertical{transform:rotate(270deg)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--orientation-vertical .vds-slider__value,:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--orientation-vertical .slider-thumb{transform:rotate(90deg)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--orientation-vertical .vds__tooltip-container-text{direction:rtl;text-align:right;width:auto}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--orientation-vertical .vds-slider__value-reference span{display:inline-block;transform:rotate(90deg)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--custom-colors .vds-slider-continuous__content .vds-slider-input:active{opacity:0.9}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--custom-colors .vds-slider-continuous__content:hover .vds-slider-input{opacity:0.8}:host(.vds-slider) .vds-slider-continuous__container .vds-slider-continuous__content:has(.vds-slider-input:focus-visible){outline:0.125rem solid var(--color-border-focus-2);outline-offset:var(--spacing-06)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--display-limits .vds-slider-continuous__content:has(.vds-slider-input:focus-visible){outline:0.125rem solid var(--color-border-focus-2);outline-offset:var(--spacing-09)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--colors .vds-slider-continuous__content:has(.vds-slider-input:active){--slider-track-fill:var(--color-icon-brand-press);--slider-track-thumb:var(--color-icon-brand-press)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--colors .vds-slider-continuous__content:hover{--slider-track-fill:var(--color-icon-brand-hover);--slider-track-thumb:var(--color-icon-brand-hover)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--disabled{--slider-track-fill:var(--color-icon-disabled);--slider-track-thumb:var(--color-icon-disabled)}:host(.vds-slider) .vds-slider-continuous__container .vds-slider-continuous__content{padding:0 var(--spacing-03)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--disabled{pointer-events:none}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--medium .vds-slider__track,:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--medium input{height:0.25rem}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--medium .vds-slider__value-reference-container>.vds-slider__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--medium .vds-slider__thumb{transform:translate(-50%, -8px)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--large .vds-slider__track,:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--large input{height:0.375rem}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--large .vds-slider__value-reference-container>.vds-slider__value-reference>span{font-family:"Roboto Flex", sans-serif;font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--large .vds-slider__value-reference-container{transform:translateY(1px)}:host(.vds-slider) .vds-slider-continuous__container.vds-slider-continuous__container--large .vds-slider__thumb{transform:translate(-50%, -9px)}:host(.vds-slider) .vds-slider-continuous__container .slider-thumb::part(svg-icon){color:var(--slider-track-thumb);fill:var(--slider-track-thumb)}:host(.vds-slider) .vds__tooltip-container{display:none;position:absolute;width:5.31rem;height:2.25rem;height:max-content;width:max-content;max-width:var(--tooltip-max-width) !important;flex-direction:column;align-items:center;border-radius:var(--radius-medium);background:var(--surface-overlay-default);padding:var(--spacing-03);z-index:var(--elevation-layer-2);box-shadow:var(--elevation-shadow-2)}:host(.vds-slider) .vds__tooltip-container-text{color:var(--color-text-white-high);font-feature-settings:"clig" off, "liga" off;font-family:"Roboto Flex", sans-serif;font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:host(.vds-slider) .vds__tooltip-arrow{position:absolute;width:0.5rem;height:0.25rem;z-index:var(--elevation-layer-2)}:host(.vds-slider) .vds-slider__input{position:relative}:host(.vds-slider) .vds-slider-input{position:absolute;top:0;left:0;-webkit-appearance:none;appearance:none;width:100%;outline:none;margin:0;background:transparent;z-index:3;cursor:pointer}:host(.vds-slider) .vds-slider-input::-webkit-slider-thumb{background-color:transparent;opacity:0;cursor:pointer}:host(.vds-slider) .vds-slider-input::-moz-range-thumb{background-color:transparent;opacity:0;cursor:pointer}:host(.vds-slider) .vds-slider__thumb{position:absolute;top:0;transform:translate(-50%, -8px)}:host(.vds-slider) .vds-slider__track{display:flex;align-items:center;flex-shrink:0;align-self:stretch;width:100%;border-radius:var(--spacing-05);background:var(--slider-background);box-sizing:border-box}:host(.vds-slider) .vds-slider__value-container{display:block;position:relative}:host(.vds-slider) .vds-slider__value-container .vds-slider__value-content{position:absolute;transform:translateY(-42px);z-index:var(--elevation-layer-2)}:host(.vds-slider) .vds-slider__value-container .vds-slider__value{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;position:relative}:host(.vds-slider) .vds-slider__value-container .vds__tooltip-container{display:block}:host(.vds-slider) .vds-slider__value-container .tooltip-arrow{transform:translate(-50%, 21px);position:absolute;left:50%;fill:var(--surface-overlay-default)}:host(.vds-slider) .vds-slider__value-reference-container{display:block}:host(.vds-slider) .vds-slider__value-reference-container .vds-slider__value-reference{display:flex;justify-content:space-between;margin-top:var(--spacing-03)}:host(.vds-slider) .vds-slider__value-reference-container .vds-slider__value-reference span{overflow:hidden;color:var(--color-text-medium);text-align:right;font-feature-settings:"liga" off, "clig" off;text-overflow:ellipsis;white-space:nowrap}:host(.vds-slider--disabled){pointer-events:none}';const u=class{constructor(r){o(this,r);this.changeInput=e(this,"changeInput");if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}this.size="medium";this.orientation="horizontal";this.disabled=false;this.minValue=0;this.maxValue=100;this.displayLabel="on";this.displayLimits=true;this.icon="thumb"}componentWillRender(){l(this.value,this.maxValue,this.minValue);this.setDefaultValues()}componentDidRender(){this.setOutboundValues()}componentDidLoad(){this.setInputValue();this.setThumbPositionOnFirstLoad()}setValue(o){this.value=o;return Promise.resolve()}clear(){this.value=this.minValue;return Promise.resolve()}setInputValue(){const o=this.value.toString();this.thumbPosition=this.getValuePosition();this.shownValue=o;if(this.internals&&!!this.internals.setFormValue){this.internals.setFormValue(o)}if(this.trackContainerEl&&!this.customBackground){this.trackContainerEl.style.background=n(this.value,this.maxValue,this.minValue)}this.changeInput.emit(this.value)}updateThumbAndTrackPosition(){this.thumbPosition=this.getValuePosition();r(this)}setDefaultValues(){if(this.value===undefined\|\|this.value===null){this.value=this.minValue;this.shownValue=this.minValue.toString()}else{this.shownValue=this.value.toString()}}setOutboundValues(){if(this.value<this.minValue\|\|this.value>this.maxValue){this.value=this.minValue;this.shownValue=this.minValue.toString()}}setThumbPositionOnFirstLoad(){if(this.value>this.minValue){this.updateThumbAndTrackPosition()}}handleInputChange(o){const e=o.target;const r=Number(e.value);this.setValue(r)}handleInputMouseoverOrFocus(){this.displayLabelShowValue=true}handleInputMouseleaveOrBlur(){this.displayLabelShowValue=false}getShowValue(){let o=false;switch(this.displayLabel){case"off":o=false;break;case"auto":o=this.displayLabelShowValue;break;case"on":o=true;break;default:o=false}return o}getValuePosition(){return c(this.inputRangeEl,this.host,this.maxValue,this.minValue,this.value,this.size)}setColors(){const o={};this.customBackground=false;const e=typeof this.colors==="string"?JSON.parse(this.colors):this.colors;if(e&&e["Track"]){o["--slider-track"]=`var(--${e["Track"]})`}if(e&&e["TrackFill"]){o["--slider-track-fill"]=`var(--${e["TrackFill"]})`}if(e&&e["Thumb"]){o["--slider-track-thumb"]=`var(--${e["Thumb"]})`}if(e&&e["Background"]){o["--slider-background"]=`var(--${e["Background"]})`;this.customBackground=true}return o}renderValueReferences(){return t("div",{class:"vds-slider__value-reference-container"},t("div",{class:s("vds-slider__value-reference")},t("span",null,this.minValue),t("span",null,this.maxValue)))}renderShownValue(){return t("div",{class:"vds-slider__value-container"},t("div",{class:"vds-slider__value-content",style:{left:this.thumbPosition}},t("div",{class:"vds-slider__value"},t("div",{class:"vds__tooltip-container"},t("span",{class:"vds__tooltip-container-text"},this.shownValue)),this.orientation!=="vertical"&&t("vds-icon",{class:"tooltip-arrow",svgIcon:"caret-down-filled"}))))}renderSlider(){return t("div",{class:"vds-slider__input"},t("input",{ref:o=>{this.inputRangeEl=o},class:s("vds-slider-input"),type:"range",step:this.step,onInput:o=>this.handleInputChange(o),onMouseOver:this.displayLabel==="auto"?()=>{this.handleInputMouseoverOrFocus()}:null,onMouseLeave:this.displayLabel==="auto"?()=>{this.handleInputMouseleaveOrBlur()}:null,onFocus:this.displayLabel==="auto"?()=>{this.handleInputMouseoverOrFocus()}:null,onBlur:this.displayLabel==="auto"?()=>{this.handleInputMouseleaveOrBlur()}:null,min:this.minValue,max:this.maxValue,value:this.value,disabled:this.disabled}),t("div",{class:`vds-slider__track`,ref:o=>{if(o)this.trackContainerEl=o}}),t("div",{class:"vds-slider__thumb",style:{left:this.thumbPosition}},t("vds-icon",{svgIcon:this.icon,size:this.size==="medium"?"1.25rem":"1.5rem",class:"slider-thumb"})),this.getShowValue()&&this.renderShownValue())}render(){return t(a,{key:"b032a5d567e3aea02740c85d25091578f93f8e62",class:s("vds-slider",this.disabled?"vds-slider--disabled":"")},t("div",{key:"fbebac353490caf6a871600a61a38e8eb8375d1c",class:s("vds-slider-continuous__container",`vds-slider-continuous__container--${this.size}`,`vds-slider-continuous__container--orientation-${this.orientation}`,this.colors?"vds-slider-continuous__container--custom-colors":"vds-slider-continuous__container--colors",this.disabled?"vds-slider-continuous__container--disabled":"",this.displayLimits?"vds-slider-continuous__container--display-limits":""),style:this.setColors()},t("div",{key:"c762dda59e0d73c0baeaa6a407e87f5c2b953936",class:s("vds-slider-continuous__content"),"aria-label":this.setAriaLabel},this.renderSlider()),this.displayLimits&&this.renderValueReferences()))}static get formAssociated(){return true}get host(){return i(this)}static get watchers(){return{value:["setInputValue"]}}};u.style=d;export{u as vds_basic_slider_continuous};
2	- //# sourceMappingURL=p-1f0e5006.entry.js.map

package/dist/volt-basic-components/p-1f0e5006.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["vdsBasicSliderContinuousCss","VdsBasicSliderContinuous","constructor","hostRef","this","size","orientation","disabled","minValue","maxValue","displayLabel","displayLimits","icon","componentWillRender","logWarnings","value","setDefaultValues","componentDidRender","setOutboundValues","componentDidLoad","setInputValue","setThumbPositionOnFirstLoad","setValue","Promise","resolve","clear","stringValue","toString","thumbPosition","getValuePosition","shownValue","internals","setFormValue","trackContainerEl","customBackground","style","background","getTrackFillBasedOnValue","changeInput","emit","updateThumbAndTrackPosition","forceUpdate","undefined","handleInputChange","evt","target","Number","handleInputMouseoverOrFocus","displayLabelShowValue","handleInputMouseleaveOrBlur","getShowValue","response","getPositionBasedOnValue","inputRangeEl","host","setColors","styles","colors","JSON","parse","renderValueReferences","h","class","combineClasses","renderShownValue","left","svgIcon","renderSlider","ref","el","type","step","onInput","onMouseOver","onMouseLeave","onFocus","onBlur","min","max","render","Host","key","setAriaLabel"],"sources":["src/components/slider-continuous/vds-basic-slider-continuous.scss?tag=vds-basic-slider-continuous&encapsulation=shadow","src/components/slider-continuous/vds-basic-slider-continuous.tsx"],"sourcesContent":["@import '~@volt/volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host(.vds-slider) {\n display: block;\n box-sizing: border-box;\n --slider-track: var(--color-icon-medium);\n --slider-track-fill: var(--color-icon-brand-default);\n --slider-track-thumb: var(--color-icon-brand-default);\n --slider-background: var(--slider-track);\n\n .vds-slider-continuous__container {\n padding: var(--spacing-03);\n\n &.vds-slider-continuous__container--orientation-vertical {\n transform: rotate(270deg);\n .vds-slider__value,\n .slider-thumb {\n transform: rotate(90deg);\n }\n .vds__tooltip-container-text {\n direction: rtl;\n text-align: right;\n width: auto;\n }\n .vds-slider__value-reference span {\n display: inline-block;\n transform: rotate(90deg);\n }\n }\n\n &.vds-slider-continuous__container--custom-colors {\n .vds-slider-continuous__content {\n .vds-slider-input:active {\n opacity: 0.9;\n }\n &:hover {\n .vds-slider-input {\n opacity: 0.8;\n }\n }\n }\n }\n\n .vds-slider-continuous__content {\n &:has(.vds-slider-input:focus-visible) {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: var(--spacing-06);\n }\n }\n\n &.vds-slider-continuous__container--display-limits .vds-slider-continuous__content {\n &:has(.vds-slider-input:focus-visible) {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: var(--spacing-09);\n }\n }\n &.vds-slider-continuous__container--colors {\n .vds-slider-continuous__content {\n &:has(.vds-slider-input:active) {\n --slider-track-fill: var(--color-icon-brand-press);\n --slider-track-thumb: var(--color-icon-brand-press);\n }\n &:hover {\n --slider-track-fill: var(--color-icon-brand-hover);\n --slider-track-thumb: var(--color-icon-brand-hover);\n }\n }\n }\n &.vds-slider-continuous__container--disabled {\n --slider-track-fill: var(--color-icon-disabled);\n --slider-track-thumb: var(--color-icon-disabled);\n }\n .vds-slider-continuous__content {\n padding: 0 var(--spacing-03);\n }\n &.vds-slider-continuous__container--disabled {\n pointer-events: none;\n }\n &.vds-slider-continuous__container--medium {\n .vds-slider__track, input {\n height: 0.25rem;\n }\n .vds-slider__value-reference-container > .vds-slider__value-reference > span {\n @include font-style(body, medium);\n }\n .vds-slider__thumb {\n transform: translate(-50%, -8px);\n }\n }\n \n &.vds-slider-continuous__container--large { \n .vds-slider__track, input {\n height: 0.375rem;\n }\n .vds-slider__value-reference-container > .vds-slider__value-reference > span {\n @include font-style(body, large);\n }\n .vds-slider__value-reference-container {\n transform: translateY(1px);\n }\n .vds-slider__thumb {\n transform: translate(-50%, -9px);\n }\n }\n\n .slider-thumb::part(svg-icon) {\n color: var(--slider-track-thumb);\n fill: var(--slider-track-thumb);\n }\n }\n\n\n .vds__tooltip-container {\n display: none;\n position: absolute;\n width: 5.31rem;\n height: 2.25rem;\n height:max-content;\n width: max-content;\n max-width: var(--tooltip-max-width) !important;\n flex-direction: column;\n align-items: center;\n border-radius: var(--radius-medium);\n background: var(--surface-overlay-default);\n padding: var(--spacing-03);\n z-index: var(--elevation-layer-2);\n box-shadow: var(--elevation-shadow-2);\n }\n .vds__tooltip-container-text{\n color: var(--color-text-white-high);\n font-feature-settings: 'clig' off, 'liga' off;\n @include font-style(body, medium);\n } \n .vds__tooltip-arrow {\n position: absolute;\n width: 0.5rem;\n height: 0.25rem;\n z-index: var(--elevation-layer-2);\n }\n\n .vds-slider__input {\n position: relative;\n }\n\n .vds-slider-input {\n position: absolute;\n top: 0;\n left: 0;\n -webkit-appearance: none;\n appearance: none; \n width: 100%;\n outline: none;\n margin: 0;\n background: transparent;\n z-index: 3;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n background-color: transparent;\n opacity: 0;\n cursor: pointer;\n }\n\n &::-moz-range-thumb {\n background-color: transparent;\n opacity: 0;\n cursor: pointer;\n }\n }\n\n .vds-slider__thumb {\n position: absolute;\n top: 0;\n transform: translate(-50%, -8px);\n }\n\n .vds-slider__track {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n align-self: stretch;\n width: 100%;\n border-radius: var(--spacing-05);\n background: var(--slider-background);\n box-sizing: border-box;\n }\n\n .vds-slider__value-container {\n display: block;\n position: relative;\n .vds-slider__value-content {\n position: absolute;\n transform: translateY(-42px);\n z-index: var(--elevation-layer-2); \n }\n .vds-slider__value {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: fit-content;\n position: relative;\n }\n .vds__tooltip-container {\n display: block;\n }\n .tooltip-arrow {\n transform: translate(-50%, 21px);\n position: absolute;\n left: 50%;\n fill: var(--surface-overlay-default);\n }\n }\n\n .vds-slider__value-reference-container {\n display: block;\n .vds-slider__value-reference {\n display: flex;\n justify-content: space-between;\n margin-top: var(--spacing-03);\n \n span {\n overflow: hidden;\n color: var(--color-text-medium);\n text-align: right;\n font-feature-settings: 'liga' off, 'clig' off;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n }\n}\n:host(.vds-slider--disabled) {\n pointer-events: none;\n}\n","import { Component, EventEmitter, Host, Prop, h, Event, Method, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { AttachInternals, forceUpdate, HTMLStencilElement, Listen, State, Watch } from '@stencil/core/internal';\nimport { getPositionBasedOnValue, getTrackFillBasedOnValue, logWarnings } from '../../utils/slider.utils';\n\n@Component({\n tag: 'vds-basic-slider-continuous',\n styleUrl: 'vds-basic-slider-continuous.scss',\n shadow: true,\n formAssociated: true\n})\nexport class VdsBasicSliderContinuous {\n /** Sets the value of the slider..*/\n @Prop() value: number;\n /** Sets the size of the slider. */\n @Prop() size: \"medium\" | \"large\" = \"medium\";\n /** Sets the slider’s orientation. */\n @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n /** Sets the slider on disabled state. */\n @Prop() disabled: boolean = false;\n /** Sets the min value of the slider (Min value should always be lower than the max value). */\n @Prop() minValue: number = 0;\n /** Sets the max value of the slider..*/\n @Prop() maxValue: number = 100;\n /** Sets the amount of advance of the slider. */\n @Prop() step: number;\n /** Sets the aria label in slider */\n @Prop() setAriaLabel: string;\n /** Toggles the value over the thumb in the slider \n * on - Always shows value over the thumb.\n * off - Do not show the value over the thumb.\n * auto - Shows value over the thumb when mouse hover.\n */\n @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n /** Toggles the limit value (min and max) of the slider .*/\n @Prop() displayLimits: boolean = true;\n /** Sets colors of the slider.\n * Track - ThemeColors\n * TrackFill - ThemeColors\n * Thumb - ThemeColors\n * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n */\n @Prop() colors: { [key: string]: string } | string;\n /** Sets the thumb icon */\n @Prop() icon: string = \"thumb\";\n\n /** Emits updated input value */\n @Event() changeInput: EventEmitter<number>;\n\n @Element() host: HTMLElement;\n\n @AttachInternals() internals: ElementInternals;\n\n @State() displayLabelShowValue: boolean;\n\n componentWillRender(): void {\n logWarnings(this.value, this.maxValue, this.minValue);\n this.setDefaultValues();\n }\n\n componentDidRender(): void {\n this.setOutboundValues();\n }\n\n componentDidLoad(): void {\n this.setInputValue();\n this.setThumbPositionOnFirstLoad();\n }\n\n /**\n * Sets the slider value to the specified value.\n *\n * @param {number} value - The new value for the slider.\n * @returns {Promise<void>} A promise that resolves when the value is set.\n */\n @Method()\n setValue(value: number): Promise<void> {\n this.value = value;\n return Promise.resolve();\n }\n\n /**\n * Clears the slider value by setting it to the minimum value.\n *\n * @returns {Promise<void>} A promise that resolves when the value is cleared.\n */\n @Method()\n clear(): Promise<void> {\n this.value = this.minValue;\n return Promise.resolve();\n }\n\n /**\n * Sets slider value, shownValue and internals value for forms.\n * Calculates the thumb position based on the value.\n * Sets the track fill percentage.\n * \n * @returns {void}\n */\n @Watch(\"value\")\n setInputValue(): void {\n const stringValue = this.value.toString();\n this.thumbPosition = this.getValuePosition();\n this.shownValue = stringValue;\n if (this.internals && !!this.internals.setFormValue) {\n this.internals.setFormValue(stringValue);\n }\n if (this.trackContainerEl && !this.customBackground) {\n this.trackContainerEl.style.background = getTrackFillBasedOnValue(this.value, this.maxValue, this.minValue);\n }\n this.changeInput.emit(this.value);\n }\n\n /**\n * Updates the thumb position and forces a component update on window resize.\n *\n * @private\n * @ListensTo(\"resize\", {target: \"window\"})\n */\n @Listen(\"resize\", {target: \"window\"})\n updateThumbAndTrackPosition(): void {\n this.thumbPosition = this.getValuePosition();\n forceUpdate(this);\n }\n\n private inputRangeEl: HTMLInputElement;\n private trackContainerEl: HTMLElement;\n private shownValue: string;\n private thumbPosition: string;\n private customBackground: boolean;\n /**\n * Sets the initial value of the slider to the minimum value if no value is provided.\n * When value is provided, shownValue gets set.\n *\n * @private\n */\n private setDefaultValues(): void {\n if (this.value === undefined || this.value === null) {\n this.value = this.minValue;\n this.shownValue = this.minValue.toString();\n } else {\n this.shownValue = this.value.toString();\n }\n }\n\n /**\n * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n *\n * @private\n */\n private setOutboundValues(): void {\n if (this.value < this.minValue || this.value > this.maxValue) {\n this.value = this.minValue;\n this.shownValue = this.minValue.toString();\n }\n }\n\n /** \n * This is necessary to avoid converting thumbPosition into a State variable. When Thumb is State, it will render the component twice on every value change.\n * When it has value on the first load, the component need to be re-render (forceUpdate) since \n * we need the width of the slider which is only available after the component finish the first render\n * \n * @private\n * @returns {void}\n */\n private setThumbPositionOnFirstLoad(): void {\n if (this.value > this.minValue) {\n this.updateThumbAndTrackPosition();\n }\n }\n\n /**\n * Sets the value of the slider to the specified in the event.\n *\n * @private\n * @param {InputEvent} evt - The event emitted by the input.\n * @returns {void}\n */\n private handleInputChange(evt: InputEvent): void {\n const target = evt.target as HTMLInputElement; \n const value = Number(target.value);\n this.setValue(value);\n }\n\n /**\n * Sets the displayLabelShowValue to true when the mouse enters or focus the slider.\n *\n * @private\n * @returns {void}\n */\n private handleInputMouseoverOrFocus() {\n this.displayLabelShowValue = true;\n }\n\n /**\n * Sets the displayLabelShowValue to false when the mouse leaves or blur the slider.\n *\n * @private\n * @returns {void}\n */\n private handleInputMouseleaveOrBlur(): void {\n this.displayLabelShowValue = false;\n }\n\n private getShowValue(): boolean {\n let response = false;\n\n switch(this.displayLabel) {\n case \"off\":\n response = false;\n break;\n case \"auto\":\n response = this.displayLabelShowValue;\n break;\n case \"on\":\n response = true;\n break;\n default:\n response = false;\n }\n\n return response;\n }\n\n /**\n * Calculates the CSS left position of the slider thumb based on the current value.\n *\n * @private\n * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n */\n private getValuePosition(): string {\n return getPositionBasedOnValue(this.inputRangeEl, this.host, this.maxValue, this.minValue, this.value, this.size);\n }\n\n /**\n * Sets the custom colors for the slider based on the colors property.\n * This colors have to be css variables by preferences that work in both dark and light mode.\n * \n * Track - ThemeColors\n * TrackFill - ThemeColors\n * Thumb - ThemeColors\n * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n *\n * @private\n * @returns { [key: string]: string }\n */\n private setColors(): { [key: string]: string } {\n const styles = {};\n this.customBackground = false;\n const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n\n if (colors && colors[\"Track\"]) {\n styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n }\n\n if (colors && colors[\"TrackFill\"]) {\n styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n }\n\n if (colors && colors[\"Thumb\"]) {\n styles[\"--slider-track-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n }\n\n if (colors && colors[\"Background\"]) {\n styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n this.customBackground = true;\n }\n\n return styles;\n }\n\n private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n <span>{this.minValue}</span>\n <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n private renderShownValue(): HTMLStencilElement {\n return (\n <div class={\"vds-slider__value-container\"}>\n <div class=\"vds-slider__value-content\" style={{left: this.thumbPosition}}>\n <div class=\"vds-slider__value\">\n <div class={\"vds__tooltip-container\"}>\n <span class={\"vds__tooltip-container-text\"}>{this.shownValue}</span>\n </div>\n {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n </div>\n </div>\n </div>\n );\n }\n\n private renderSlider() {\n return (\n <div class=\"vds-slider__input\">\n <input\n ref={(el): void => {\n this.inputRangeEl = el;\n }}\n class={combineClasses(\n \"vds-slider-input\"\n )}\n type=\"range\"\n step={this.step}\n onInput={(evt): void => this.handleInputChange(evt)}\n onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus()} : null}\n onMouseLeave={this.displayLabel === \"auto\" ? () => {this.handleInputMouseleaveOrBlur()} : null}\n onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus()} : null}\n onBlur={this.displayLabel === \"auto\" ? () => {this.handleInputMouseleaveOrBlur()} : null}\n min={this.minValue}\n max={this.maxValue}\n value={this.value}\n disabled={this.disabled}\n />\n <div class={`vds-slider__track`} ref={el => { if(el) this.trackContainerEl = el;}}></div>\n <div class={\"vds-slider__thumb\"} style={{left: this.thumbPosition}}>\n <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb\"></vds-icon>\n </div>\n {this.getShowValue() && this.renderShownValue()}\n </div>\n )\n }\n\n render() {\n return (\n <Host class={combineClasses(\"vds-slider\", this.disabled ? \"vds-slider--disabled\" : \"\")}>\n <div \n class={combineClasses(\n \"vds-slider-continuous__container\",\n `vds-slider-continuous__container--${this.size}`,\n `vds-slider-continuous__container--orientation-${this.orientation}`,\n this.colors ? \"vds-slider-continuous__container--custom-colors\" : \"vds-slider-continuous__container--colors\",\n this.disabled ? \"vds-slider-continuous__container--disabled\" : \"\",\n this.displayLimits ? \"vds-slider-continuous__container--display-limits\" : \"\"\n )}\n style={this.setColors()}\n >\n <div \n class={combineClasses(\n \"vds-slider-continuous__content\"\n )}\n aria-label={this.setAriaLabel}\n >\n {this.renderSlider()}\n </div>\n {this.displayLimits && this.renderValueReferences()}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}