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

package/dist/cjs/vds-basic-slider-continuous.cjs.entry.js

@@ -1,257 +0,0 @@
-'use strict';
-
-var index = require('./index-CwXszEUj.js');
-var combineClasses = require('./combine-classes-Cs05zl1M.js');
-var slider_utils = require('./slider.utils-BVinQXJn.js');
-var form = require('./form-Bk65VSLB.js');
-
-const vdsBasicSliderContinuousCss = () => `:root{font-family:"Roboto Flex", sans-serif, sans-serif;box-sizing:border-box}:root body{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-light{--color-background-disabled:rgba(33, 49, 66, 0.3215686275);--color-background-brand-default:#007DBA;--color-background-brand-hover:#056CA0;--color-background-brand-press:#095B87;--color-background-caution-default:#D0A60B;--color-background-caution-lowest-default:#FFF9E5;--color-background-caution-lowest-hover:#FEF3CC;--color-background-caution-lowest-press:#FEE899;--color-background-danger-default:#F34336;--color-background-danger-high-default:#F34336;--color-background-danger-high-hover:#C83E38;--color-background-danger-high-press:#9D3A3A;--color-background-danger-lowest-default:#FEECEB;--color-background-danger-lowest-hover:#FCD9D6;--color-background-danger-lowest-press:#FAB3AE;--color-background-general-default:#8F9295;--color-background-general-lowest-default:#f7f7f7;--color-background-general-lowest-hover:#EEEEEE;--color-background-general-lowest-press:#DEDEDE;--color-background-healthy-default:#7FAE1B;--color-background-healthy-lowest-default:#F2F7E8;--color-background-healthy-lowest-hover:#E5EED1;--color-background-healthy-lowest-press:#CBDEA3;--color-background-information-default:#056CA0;--color-background-information-lowest-default:#E6F2F8;--color-background-information-lowest-hover:#CCE5F1;--color-background-information-lowest-press:#99CBE3;--color-background-neutral-default:#E8E9EB;--color-background-neutral-hover:#CFD3D7;--color-background-neutral-press:#C4C8CE;--color-background-neutral-lowest-default:#F9FAFA;--color-background-neutral-lowest-hover:#E8E9EB;--color-background-neutral-lowest-press:#CFD3D7;--color-background-warning-default:#D17739;--color-background-warning-lowest-default:#FFF3EB;--color-background-warning-lowest-hover:#FFE7D7;--color-background-warning-lowest-press:#FFD0B0;--color-border-high:#041821;--color-border-medium:rgba(4, 24, 33, 0.6392156863);--color-border-low:rgba(4, 24, 33, 0.3215686275);--color-border-lower:rgba(4, 24, 33, 0.1607843137);--color-border-lowest:rgba(4, 24, 33, 0.0784313725);--color-border-brand:#007DBA;--color-border-brand-hover:#CCE5F1;--color-border-disabled:rgba(33, 49, 66, 0.3215686275);--color-border-danger:#C83E38;--color-border-healthy:#6B9321;--color-border-caution:#D0A60B;--color-border-warning:#D17739;--color-border-information:#056CA0;--color-border-general:#8F9295;--color-border-focus-1:#ffffff;--color-border-focus-2:#133953;--color-border-white-high:#ffffff;--color-border-white-medium:rgba(255, 255, 255, 0.6392156863);--color-border-white-low:rgba(255, 255, 255, 0.3215686275);--color-border-white-lower:rgba(255, 255, 255, 0.1607843137);--color-border-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-icon-high:#041821;--color-icon-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-low:rgba(4, 24, 33, 0.3215686275);--color-icon-disabled:rgba(33, 49, 66, 0.3215686275);--color-icon-healthy:#6B9321;--color-icon-caution:#D0A60B;--color-icon-warning:#D17739;--color-icon-danger:#C83E38;--color-icon-information:#056CA0;--color-icon-general:#8F9295;--color-icon-brand-default:#007DBA;--color-icon-brand-hover:#056CA0;--color-icon-brand-press:#095B87;--color-icon-white-high:#ffffff;--color-icon-white-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-black-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-black-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-black-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-brand-medium:rgba(0, 125, 186, 0.6392156863);--color-interaction-brand-low:rgba(0, 122, 184, 0.3215686275);--color-interaction-brand-lower:rgba(0, 125, 186, 0.1607843137);--color-interaction-brand-lowest:rgba(0, 125, 186, 0.1215686275);--color-interaction-danger-medium:rgba(200, 62, 56, 0.6392156863);--color-interaction-danger-low:rgba(200, 62, 56, 0.3215686275);--color-interaction-danger-lower:rgba(200, 62, 56, 0.1607843137);--color-interaction-danger-lowest:rgba(200, 62, 56, 0.1215686275);--color-interaction-white-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-white-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-white-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-white-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.3215686275);--color-link-default:#007DBA;--color-link-hover:#056CA0;--color-link-press:#095B87;--color-text-high:#041821;--color-text-medium:rgba(4, 24, 33, 0.6392156863);--color-text-low:rgba(4, 24, 33, 0.3215686275);--color-text-disabled:rgba(33, 49, 66, 0.3215686275);--color-text-brand:#007DBA;--color-text-caution-high:#46482E;--color-text-caution-medium:#D0A60B;--color-text-danger-high:#47323D;--color-text-danger-medium:#C83E38;--color-text-general-high:#364351;--color-text-general-medium:#8F9295;--color-text-healthy-high:#2C4333;--color-text-healthy-medium:#6B9321;--color-text-information-high:#133953;--color-text-information-medium:#056CA0;--color-text-warning-high:#463C3A;--color-text-warning-medium:#D17739;--color-text-white-high:#ffffff;--color-text-white-medium:rgba(255, 255, 255, 0.6392156863);--color-text-white-low:rgba(255, 255, 255, 0.3215686275);--surface-higher:#ffffff;--surface-high:#ffffff;--surface-medium:#ffffff;--surface-low:#FBFBFB;--surface-lower:#F2F3F5;--surface-neutral-default:#ffffff;--surface-neutral-hover:#E8E9EB;--surface-neutral-press:#CFD3D7;--surface-overlay-default:#213142;--surface-overlay-hover:#334152;--surface-overlay-press:#6F7986;--surface-elevation-01:0px 0px 3px 0px rgba(29, 46, 64, 0.1), 0px 3px 3px 0px rgba(29, 46, 64, 0.1);--surface-elevation-02:0px 0px 6px 0px rgba(29, 46, 64, 0.1), 0px 6px 6px 0px rgba(29, 46, 64, 0.1);--surface-elevation-03:0px 0px 12px 0px rgba(29, 46, 64, 0.1), 0px 12px 12px 0px rgba(29, 46, 64, 0.1);--surface-elevation-04:0px 0px 24px 0px rgba(29, 46, 64, 0.1), 0px 24px 24px 0px rgba(29, 46, 64, 0.1);--box-shadow-color-01:rgba(0, 0, 0, 0.12);--box-shadow-color-02:rgba(0, 0, 0, 0.14);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}:root .theme-dark{--color-background-disabled:rgba(161, 167, 176, 0.3215686275);--color-background-brand-default:#056CA0;--color-background-brand-hover:#095B87;--color-background-brand-press:#0E4A6C;--color-background-caution-default:#FED133;--color-background-caution-lowest-default:#2F3834;--color-background-caution-lowest-hover:#46482E;--color-background-caution-lowest-press:#746722;--color-background-danger-default:#C83E38;--color-background-danger-high-default:#C83E38;--color-background-danger-high-hover:#9D3A3A;--color-background-danger-high-press:#72363B;--color-background-danger-lowest-default:#72363B;--color-background-danger-lowest-hover:#47323D;--color-background-danger-lowest-press:#2E2B3A;--color-background-general-default:#BDBDBD;--color-background-general-lowest-default:#273646;--color-background-general-lowest-hover:#364351;--color-background-general-lowest-press:#535D67;--color-background-healthy-default:#B2CE76;--color-background-healthy-lowest-default:#223637;--color-background-healthy-lowest-hover:#2C4333;--color-background-healthy-lowest-press:#415E2D;--color-background-information-default:#3397C7;--color-background-information-lowest-default:#153147;--color-background-information-lowest-hover:#133953;--color-background-information-lowest-press:#0E4A6C;--color-background-neutral-default:#101924;--color-background-neutral-hover:#213142;--color-background-neutral-press:#334152;--color-background-neutral-lowest-default:#0B121A;--color-background-neutral-lowest-hover:#101924;--color-background-neutral-lowest-press:#213142;--color-background-warning-default:#FFA261;--color-background-warning-lowest-default:#2F323A;--color-background-warning-lowest-hover:#463C3A;--color-background-warning-lowest-press:#745039;--color-border-high:#ffffff;--color-border-medium:rgba(255, 255, 255, 0.6392156863);--color-border-low:rgba(255, 255, 255, 0.3215686275);--color-border-lower:rgba(255, 255, 255, 0.1607843137);--color-border-lowest:rgba(255, 255, 255, 0.1215686275);--color-border-brand:#66B1D5;--color-border-brand-hover:#133953;--color-border-disabled:rgba(161, 167, 176, 0.3215686275);--color-border-danger:#F78E86;--color-border-healthy:#98BE48;--color-border-warning:#FFA261;--color-border-caution:#FED133;--color-border-information:#66B1D5;--color-border-general:#CDCDCD;--color-border-focus-1:#041821;--color-border-focus-2:#CCE5F1;--color-border-white-high:#041821;--color-border-white-medium:rgba(4, 24, 33, 0.6392156863);--color-border-white-low:rgba(4, 24, 33, 0.3215686275);--color-border-white-lower:rgba(4, 24, 33, 0.1607843137);--color-border-white-lowest:rgba(4, 24, 33, 0.0784313725);--color-icon-high:#ffffff;--color-icon-medium:rgba(255, 255, 255, 0.6392156863);--color-icon-low:rgba(255, 255, 255, 0.3215686275);--color-icon-disabled:rgba(161, 167, 176, 0.3215686275);--color-icon-healthy:#98BE48;--color-icon-caution:#FED133;--color-icon-warning:#FFA261;--color-icon-danger:#F78E86;--color-icon-information:#66B1D5;--color-icon-general:#CDCDCD;--color-icon-brand-default:#66B1D5;--color-icon-brand-hover:#99CBE3;--color-icon-brand-press:#CCE5F1;--color-icon-white-high:#041821;--color-icon-white-medium:rgba(4, 24, 33, 0.6392156863);--color-icon-white-low:rgba(4, 24, 33, 0.3215686275);--color-interaction-black-medium:rgba(255, 255, 255, 0.6392156863);--color-interaction-black-low:rgba(255, 255, 255, 0.3215686275);--color-interaction-black-lower:rgba(255, 255, 255, 0.1607843137);--color-interaction-black-lowest:rgba(255, 255, 255, 0.1215686275);--color-interaction-brand-medium:rgba(102, 177, 213, 0.6392156863);--color-interaction-brand-low:rgba(102, 177, 213, 0.3215686275);--color-interaction-brand-lower:rgba(102, 177, 213, 0.1607843137);--color-interaction-brand-lowest:rgba(102, 177, 213, 0.1215686275);--color-interaction-danger-medium:rgba(245, 104, 94, 0.6392156863);--color-interaction-danger-low:rgba(245, 104, 94, 0.3215686275);--color-interaction-danger-lower:rgba(245, 104, 94, 0.1607843137);--color-interaction-danger-lowest:rgba(245, 104, 94, 0.1215686275);--color-interaction-white-medium:rgba(16, 25, 36, 0.6392156863);--color-interaction-white-low:rgba(16, 25, 36, 0.3215686275);--color-interaction-white-lower:rgba(16, 25, 36, 0.1607843137);--color-interaction-white-lowest:rgba(16, 25, 36, 0.1215686275);--color-interaction-backdrop:rgba(0, 0, 0, 0.6392156863);--color-link-default:#66B1D5;--color-link-hover:#99CBE3;--color-link-press:#CCE5F1;--color-text-high:#ffffff;--color-text-medium:rgba(255, 255, 255, 0.6392156863);--color-text-low:rgba(255, 255, 255, 0.3215686275);--color-text-disabled:rgba(161, 167, 176, 0.6392156863);--color-text-brand:#007DBA;--color-text-caution-high:#FEE899;--color-text-caution-medium:#FEDC66;--color-text-danger-high:#FAB3AE;--color-text-danger-medium:#F78E86;--color-text-general-high:#DEDEDE;--color-text-general-medium:#CDCDCD;--color-text-healthy-high:#CBDEA3;--color-text-healthy-medium:#B2CE76;--color-text-information-high:#99CBE3;--color-text-information-medium:#66B1D5;--color-text-warning-high:#FFD0B0;--color-text-warning-medium:#FFB988;--color-text-white-high:#041821;--color-text-white-medium:rgba(4, 24, 33, 0.6392156863);--color-text-white-low:rgba(4, 24, 33, 0.3215686275);--surface-higher:#192938;--surface-high:#162431;--surface-medium:#0E0E0E;--surface-low:#000000;--surface-lower:#0E0E0E;--surface-neutral-default:#101924;--surface-neutral-hover:#213142;--surface-neutral-press:#6F7986;--surface-overlay-default:#ffffff;--surface-overlay-hover:#E8E9EB;--surface-overlay-press:#CFD3D7;--surface-elevation-01:0px 0px 3px 0px rgba(0, 0, 0, 0.3), 0px 3px 3px 0px rgba(0, 0, 0, 0.3);--surface-elevation-02:0px 0px 6px 0px rgba(0, 0, 0, 0.3), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);--surface-elevation-03:0px 0px 12px 0px rgba(0, 0, 0, 0.3), 0px 12px 12px 0px rgba(0, 0, 0, 0.3);--surface-elevation-04:0px 0px 24px 0px rgba(0, 0, 0, 0.3), 0px 24px 24px 0px rgba(0, 0, 0, 0.3);--box-shadow-color-01:rgba(0, 0, 0, 0.24);--box-shadow-color-02:rgba(0, 0, 0, 0.28);--size-56:3.5rem;--size-44:2.75rem;--size-36:2.25rem;--size-32:2rem;--size-28:1.75rem;--size-24:1.5rem;--size-20:1.25rem;--size-16:1rem;--size-14:0.875rem;--size-12:0.75rem;--size-10:0.625rem;--font-light:300;--font-semibold:600;--font-bold:800;--height-64:4rem;--height-52:3.25rem;--height-44:2.75rem;--height-40:2.5rem;--height-36:2.25rem;--height-32:2rem;--height-28:1.75rem;--height-24:1.5rem;--height-20:1.25rem;--height-16:1rem;--height-12:0.75rem}@font-face{font-family:"Roboto Flex";src:url("../assets/fonts/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf") format("truetype");font-weight:100 1000;font-stretch:25% 151%;font-style:normal}:root body{--spacing-00:0rem;--spacing-01:0.125rem;--spacing-02:0.25rem;--spacing-03:0.5rem;--spacing-04:0.75rem;--spacing-05:1rem;--spacing-06:1.25rem;--spacing-07:1.5rem;--spacing-08:1.75rem;--spacing-09:2rem;--spacing-10:2.25rem;--spacing-11:2.5rem;--spacing-12:2.75rem;--spacing-13:3rem;--spacing-14:3.25rem;--spacing-15:3.5rem;--spacing-16:3.75rem;--spacing-17:4rem;--spacing-18:4.25rem;--spacing-19:4.5rem;--spacing-20:4.75rem;--opacity-64:0.64;--opacity-32:0.32;--opacity-16:0.16;--opacity-08:0.08;--radius-sharp:var(--spacing-00);--radius-medium:var(--spacing-02);--radius-large:var(--spacing-03);--radius-pill:var(--spacing-16);--radius-circle:50%;--static-brand-0:#ffffff;--static-brand-50:#E6F2F8;--static-brand-100:#CCE5F1;--static-brand-200:#99CBE3;--static-brand-300:#66B1D5;--static-brand-400:#3397C7;--static-brand-500:#007DBA;--static-brand-main:#007DBA;--static-brand-600:#056CA0;--static-brand-700:#095B87;--static-brand-800:#0E4A6C;--static-brand-900:#133953;--static-brand-950:#153147;--static-brand-1000:#041821;--static-brand-1000-medium:rgba(4, 24, 33, 0.6392156863);--static-brand-1000-low:rgba(4, 24, 33, 0.3215686275);--static-brand-1000-lower:rgba(4, 24, 33, 0.1607843137);--static-brand-1000-lowest:rgba(4, 24, 33, 0.0784313725);--static-green-0:#ffffff;--static-green-50:#F2F7E8;--static-green-100:#E5EED1;--static-green-200:#CBDEA3;--static-green-300:#B2CE76;--static-green-400:#98BE48;--static-green-500:#7FAE1B;--static-green-main:#7FAE1B;--static-green-600:#6B9321;--static-green-700:#557827;--static-green-800:#415E2D;--static-green-900:#2C4333;--static-green-950:#223637;--static-yellow-0:#ffffff;--static-yellow-50:#FFF9E5;--static-yellow-100:#FEF3CC;--static-yellow-200:#FEE899;--static-yellow-300:#FEDC66;--static-yellow-400:#FED133;--static-yellow-500:#FEC600;--static-yellow-main:#FEC600;--static-yellow-600:#D0A60B;--static-yellow-700:#A18717;--static-yellow-800:#746722;--static-yellow-900:#46482E;--static-yellow-950:#2F3834;--static-red-0:#ffffff;--static-red-50:#FEECEB;--static-red-100:#FCD9D6;--static-red-200:#FAB3AE;--static-red-300:#F78E86;--static-red-400:#F5685E;--static-red-500:#F34336;--static-red-main:#F34336;--static-red-600:#C83E38;--static-red-700:#9D3A3A;--static-red-800:#72363B;--static-red-900:#47323D;--static-red-950:#2E2B3A;--static-grey-0:#ffffff;--static-grey-50:#f7f7f7;--static-grey-100:#EEEEEE;--static-grey-200:#DEDEDE;--static-grey-300:#CDCDCD;--static-grey-400:#BDBDBD;--static-grey-500:#ADADAD;--static-grey-main:#ADADAD;--static-grey-600:#8F9295;--static-grey-700:#71787F;--static-grey-800:#535D67;--static-grey-900:#364351;--static-grey-950:#273646;--static-orange-0:#ffffff;--static-orange-50:#FFF3EB;--static-orange-100:#FFE7D7;--static-orange-200:#FFD0B0;--static-orange-300:#FFB988;--static-orange-400:#FFA261;--static-orange-500:#FF8B3A;--static-orange-main:#FF8B3A;--static-orange-600:#D17739;--static-orange-700:#A2633A;--static-orange-800:#745039;--static-orange-900:#463C3A;--static-orange-950:#2F323A;--static-dataviz-cat-sea-green:#0FB5AE;--static-dataviz-cat-palatinate-blue:#4046CA;--static-dataviz-cat-tangerine:#F68511;--static-dataviz-cat-magenta:#DE3D82;--static-dataviz-cat-tropical-indigo:#7E84FA;--static-dataviz-cat-malachite:#72E06A;--static-dataviz-cat-azure:#147AF3;--static-dataviz-cat-violet:#7326D3;--static-dataviz-cat-yellow:#E8C600;--static-dataviz-cat-alloy-orange:#CB5D00;--static-dataviz-cat-green:#008F5D;--static-dataviz-cat-lime:#BCE931;--static-dataviz-seq-viridis-50:#FDE725;--static-dataviz-seq-viridis-100:#D2E21B;--static-dataviz-seq-viridis-150:#A5DB36;--static-dataviz-seq-viridis-200:#7AD151;--static-dataviz-seq-viridis-250:#54C568;--static-dataviz-seq-viridis-300:#35B779;--static-dataviz-seq-viridis-350:#22A884;--static-dataviz-seq-viridis-400:#1F988B;--static-dataviz-seq-viridis-450:#23888E;--static-dataviz-seq-viridis-500:#2A788E;--static-dataviz-seq-viridis-550:#31688E;--static-dataviz-seq-viridis-600:#39568C;--static-dataviz-seq-viridis-650:#414487;--static-dataviz-seq-viridis-700:#472F7D;--static-dataviz-seq-viridis-750:#481A6C;--static-dataviz-seq-viridis-800:#440154;--static-dataviz-seq-magma-50:#FCFDBF;--static-dataviz-seq-magma-100:#FDDEA0;--static-dataviz-seq-magma-150:#FEBF84;--static-dataviz-seq-magma-200:#FE9F6D;--static-dataviz-seq-magma-250:#FA7F5E;--static-dataviz-seq-magma-300:#F1605D;--static-dataviz-seq-magma-350:#DE4968;--static-dataviz-seq-magma-400:#C43C75;--static-dataviz-seq-magma-450:#A8327D;--static-dataviz-seq-magma-500:#8C2981;--static-dataviz-seq-magma-550:#721F81;--static-dataviz-seq-magma-600:#57157E;--static-dataviz-seq-magma-650:#3B0F70;--static-dataviz-seq-magma-700:#20114B;--static-dataviz-seq-magma-750:#0B0924;--static-dataviz-seq-magma-800:#000004;--static-dataviz-seq-rose-50:#FFF4DE;--static-dataviz-seq-rose-100:#FFDDD8;--static-dataviz-seq-rose-150:#FFC6D2;--static-dataviz-seq-rose-200:#FCAFCB;--static-dataviz-seq-rose-250:#F898C4;--static-dataviz-seq-rose-300:#F380BC;--static-dataviz-seq-rose-350:#ED67B4;--static-dataviz-seq-rose-400:#E64BAC;--static-dataviz-seq-rose-450:#D03EA0;--static-dataviz-seq-rose-500:#B93495;--static-dataviz-seq-rose-550:#A12A8B;--static-dataviz-seq-rose-600:#892282;--static-dataviz-seq-rose-650:#701C7A;--static-dataviz-seq-rose-700:#551672;--static-dataviz-seq-rose-750:#37126C;--static-dataviz-seq-rose-800:#001066;--static-dataviz-seq-forest-50:#FFFFE0;--static-dataviz-seq-forest-100:#E2F5BD;--static-dataviz-seq-forest-150:#C5EA99;--static-dataviz-seq-forest-200:#A6DF73;--static-dataviz-seq-forest-250:#8FD16C;--static-dataviz-seq-forest-300:#79C365;--static-dataviz-seq-forest-350:#62B55E;--static-dataviz-seq-forest-400:#4CA658;--static-dataviz-seq-forest-450:#3B9752;--static-dataviz-seq-forest-500:#31884F;--static-dataviz-seq-forest-550:#28794C;--static-dataviz-seq-forest-600:#1E6A48;--static-dataviz-seq-forest-650:#155B45;--static-dataviz-seq-forest-700:#0E4D41;--static-dataviz-seq-forest-750:#073F3E;--static-dataviz-seq-forest-800:#00313A;--static-dataviz-seq-cerulean-50:#EAFFF1;--static-dataviz-seq-cerulean-100:#C9F1E4;--static-dataviz-seq-cerulean-150:#A7E3D7;--static-dataviz-seq-cerulean-200:#85D5CA;--static-dataviz-seq-cerulean-250:#6CC5C0;--static-dataviz-seq-cerulean-300:#58B4B9;--static-dataviz-seq-cerulean-350:#44A2B1;--static-dataviz-seq-cerulean-400:#3091AA;--static-dataviz-seq-cerulean-450:#2880A0;--static-dataviz-seq-cerulean-500:#246E96;--static-dataviz-seq-cerulean-550:#215D8B;--static-dataviz-seq-cerulean-600:#1D4C81;--static-dataviz-seq-cerulean-650:#1C3B77;--static-dataviz-seq-cerulean-700:#1B296D;--static-dataviz-seq-cerulean-750:#1A1662;--static-dataviz-seq-cerulean-800:#180055;--static-dataviz-div-orange-yellow-seafoam-0:#580000;--static-dataviz-div-orange-yellow-seafoam-50:#79260B;--static-dataviz-div-orange-yellow-seafoam-100:#9C4511;--static-dataviz-div-orange-yellow-seafoam-150:#BD651A;--static-dataviz-div-orange-yellow-seafoam-200:#DD8629;--static-dataviz-div-orange-yellow-seafoam-250:#F5AD52;--static-dataviz-div-orange-yellow-seafoam-300:#FED693;--static-dataviz-div-orange-yellow-seafoam-350:#FFFFE0;--static-dataviz-div-orange-yellow-seafoam-400:#BBE4D1;--static-dataviz-div-orange-yellow-seafoam-450:#76C7BE;--static-dataviz-div-orange-yellow-seafoam-500:#3EA8A6;--static-dataviz-div-orange-yellow-seafoam-550:#208288;--static-dataviz-div-orange-yellow-seafoam-600:#076769;--static-dataviz-div-orange-yellow-seafoam-650:#00494B;--static-dataviz-div-orange-yellow-seafoam-700:#002C2D;--static-dataviz-div-red-yellow-blue-0:#4A001E;--static-dataviz-div-red-yellow-blue-50:#751232;--static-dataviz-div-red-yellow-blue-100:#A52747;--static-dataviz-div-red-yellow-blue-150:#C65154;--static-dataviz-div-red-yellow-blue-200:#E47961;--static-dataviz-div-red-yellow-blue-250:#F0A882;--static-dataviz-div-red-yellow-blue-300:#FAD4AC;--static-dataviz-div-red-yellow-blue-350:#FFFFE0;--static-dataviz-div-red-yellow-blue-400:#BCE2CF;--static-dataviz-div-red-yellow-blue-450:#89C0C4;--static-dataviz-div-red-yellow-blue-500:#579EB9;--static-dataviz-div-red-yellow-blue-550:#397AA8;--static-dataviz-div-red-yellow-blue-600:#1C5796;--static-dataviz-div-red-yellow-blue-650:#163771;--static-dataviz-div-red-yellow-blue-700:#10194D;--static-dataviz-div-red-blue-0:#4A001E;--static-dataviz-div-red-blue-50:#731331;--static-dataviz-div-red-blue-100:#9F2945;--static-dataviz-div-red-blue-150:#CC415A;--static-dataviz-div-red-blue-200:#E06E85;--static-dataviz-div-red-blue-250:#ED9AB0;--static-dataviz-div-red-blue-300:#F8C3D9;--static-dataviz-div-red-blue-350:#FAF0FF;--static-dataviz-div-red-blue-400:#C6D0F2;--static-dataviz-div-red-blue-450:#92B2DE;--static-dataviz-div-red-blue-500:#5D94CB;--static-dataviz-div-red-blue-550:#2F74B3;--static-dataviz-div-red-blue-600:#265191;--static-dataviz-div-red-blue-650:#163670;--static-dataviz-div-red-blue-700:#0B194C;--static-white:#ffffff;--static-white-medium:rgba(255, 255, 255, 0.6392156863);--static-white-low:rgba(255, 255, 255, 0.3215686275);--static-white-lower:rgba(255, 255, 255, 0.1607843137);--static-white-lowest:rgba(255, 255, 255, 0.1215686275);--static-black:#000000;--static-black-medium:rgba(0, 0, 0, 0.6392156863);--static-black-low:rgba(0, 0, 0, 0.3215686275);--static-black-lower:rgba(0, 0, 0, 0.1607843137);--static-black-lowest:rgba(0, 0, 0, 0.1215686275);--elevation-shadow-0:none;--elevation-shadow-1:0 0 2px var(--box-shadow-color-01), 0 1px 2px var(--box-shadow-color-02);--elevation-shadow-2:0 0 2px var(--box-shadow-color-01), 0 2px 4px var(--box-shadow-color-02);--elevation-shadow-3:0 0 2px var(--box-shadow-color-01), 0 4px 8px var(--box-shadow-color-02);--elevation-shadow-5:0 0 2px var(--box-shadow-color-01), 0 8px 16px var(--box-shadow-color-02);--elevation-shadow-8:0 0 8px var(--box-shadow-color-01), 0 14px 28px var(--box-shadow-color-02);--elevation-shadow-17:0 0 8px var(--box-shadow-color-01), 0 32px 64px var(--box-shadow-color-02);--elevation-layer-0:0;--elevation-layer-1:1;--elevation-layer-2:3;--elevation-layer-3:6;--elevation-layer-4:8;--elevation-layer-5:12;--border-thickness-01:0.0625rem;--border-thickness-02:0.078125rem;--border-thickness-03:0.09375rem;--border-thickness-04:0.109375rem;--border-thickness-05:0.125rem;--border-thickness-06:0.140625rem;--border-thickness-07:0.15625rem;--border-thickness-08:0.171875rem;--border-thickness-09:0.1875rem}:root body .vds-font-display-large{font-size:3.5rem;font-weight:300;line-height:4rem;letter-spacing:normal}:root body .vds-font-display-medium{font-size:2.75rem;font-weight:300;line-height:3.25rem;letter-spacing:normal}:root body .vds-font-display-small{font-size:2.25rem;font-weight:300;line-height:2.75rem;letter-spacing:normal}:root body .vds-font-headline-large{font-size:2rem;font-weight:600;line-height:2.5rem;letter-spacing:normal}:root body .vds-font-headline-medium{font-size:1.75rem;font-weight:600;line-height:2.25rem;letter-spacing:normal}:root body .vds-font-headline-small{font-size:1.5rem;font-weight:600;line-height:2rem;letter-spacing:normal}:root body .vds-font-title-large{font-size:1.25rem;font-weight:600;line-height:1.75rem;letter-spacing:0.00875rem}:root body .vds-font-title-medium{font-size:1rem;font-weight:600;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-title-small{font-size:0.875rem;font-weight:600;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-title-extra-small{font-size:0.75rem;font-weight:600;line-height:1rem;letter-spacing:0.00875rem}:root body .vds-font-title-2x-small{font-size:0.625rem;font-weight:600;line-height:0.75rem;letter-spacing:0.00875rem}:root body .vds-font-body-large{font-size:1rem;font-weight:300;line-height:1.5rem;letter-spacing:normal}:root body .vds-font-body-medium{font-size:0.875rem;font-weight:300;line-height:1.25rem;letter-spacing:normal}:root body .vds-font-body-small{font-size:0.75rem;font-weight:300;line-height:1rem;letter-spacing:normal}.vds__divider{width:0.0625rem;height:1rem;margin:var(--spacing-01);background-color:var(--color-border-low)}.content_divider_vertical{opacity:0.16;background:var(--color-border-high);height:1rem;width:1px}.vds-header_content-section{display:flex;gap:var(--spacing-03)}.vds__menu--backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);backdrop-filter:grayscale(100%) opacity(0.5);pointer-events:auto}:host(.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 VdsBasicSliderContinuous = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.changeInput = index.createEvent(this, "changeInput");
-        if (hostRef.$hostElement$["s-ei"]) {
-            this.internals = hostRef.$hostElement$["s-ei"];
-        }
-        else {
-            this.internals = hostRef.$hostElement$.attachInternals();
-            hostRef.$hostElement$["s-ei"] = this.internals;
-        }
-        /** Sets the size of the slider. */
-        this.size = "medium";
-        /** Sets the slider’s orientation. */
-        this.orientation = "horizontal";
-        /** Sets the slider on disabled state. */
-        this.disabled = false;
-        /** Sets the min value of the slider (Min value should always be lower than the max value). */
-        this.minValue = 0;
-        /** Sets the max value of the slider..*/
-        this.maxValue = 100;
-        /** Toggles the value over the thumb in the slider
-        * on - Always shows value over the thumb.
-        * off - Do not show the value over the thumb.
-        * auto - Shows value over the thumb when mouse hover.
-        */
-        this.displayLabel = "on";
-        /** Toggles the limit value (min and max) of the slider .*/
-        this.displayLimits = true;
-        /** Sets the thumb icon */
-        this.icon = "thumb";
-    }
-    componentWillRender() {
-        slider_utils.logWarnings(this.value, this.maxValue, this.minValue);
-        this.setDefaultValues();
-    }
-    componentDidRender() {
-        this.setOutboundValues();
-    }
-    componentDidLoad() {
-        this.setInputValue();
-        this.setThumbPositionOnFirstLoad();
-    }
-    /**
-     * Sets the slider value to the specified value.
-     *
-     * @param {number} value - The new value for the slider.
-     * @returns {Promise<void>} A promise that resolves when the value is set.
-     */
-    setValue(value) {
-        this.value = value;
-        return Promise.resolve();
-    }
-    /**
-     * Clears the slider value by setting it to the minimum value.
-     *
-     * @returns {Promise<void>} A promise that resolves when the value is cleared.
-     */
-    clear() {
-        this.value = this.minValue;
-        return Promise.resolve();
-    }
-    /**
-     * Sets slider value, shownValue and internals value for forms.
-     * Calculates the thumb position based on the value.
-     * Sets the track fill percentage.
-     *
-     * @returns {void}
-     */
-    setInputValue() {
-        if (this.value === null || this.value === undefined || isNaN(this.value)) {
-            this.value = this.minValue;
-        }
-        const stringValue = this.value.toString();
-        this.thumbPosition = this.getValuePosition();
-        this.shownValue = stringValue;
-        if (this.internals && !!this.internals.setFormValue) {
-            this.internals.setFormValue(stringValue);
-        }
-        if (this.trackContainerEl && !this.customBackground) {
-            this.trackContainerEl.style.background = slider_utils.getTrackFillBasedOnValue(this.value, this.maxValue, this.minValue);
-        }
-        form.emitInputEvent(this.host, this.value.toString());
-        this.changeInput.emit(this.value);
-    }
-    /**
-     * Updates the thumb position and forces a component update on window resize.
-     *
-     * @private
-     * @ListensTo("resize", {target: "window"})
-     */
-    updateThumbAndTrackPosition() {
-        this.thumbPosition = this.getValuePosition();
-        index.forceUpdate(this);
-    }
-    /**
-     * Sets the initial value of the slider to the minimum value if no value is provided.
-     * When value is provided, shownValue gets set.
-     *
-     * @private
-     */
-    setDefaultValues() {
-        if (this.value === undefined || this.value === null) {
-            this.value = this.minValue;
-            this.shownValue = this.minValue.toString();
-        }
-        else {
-            this.shownValue = this.value.toString();
-        }
-    }
-    /**
-     * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.
-     *
-     * @private
-     */
-    setOutboundValues() {
-        if (this.value < this.minValue || this.value > this.maxValue) {
-            this.value = this.minValue;
-            this.shownValue = this.minValue.toString();
-        }
-    }
-    /**
-     * 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.
-     * When it has value on the first load, the component need to be re-render (forceUpdate) since
-     * we need the width of the slider which is only available after the component finish the first render
-     *
-     * @private
-     * @returns {void}
-     */
-    setThumbPositionOnFirstLoad() {
-        if (this.value > this.minValue) {
-            this.updateThumbAndTrackPosition();
-        }
-    }
-    /**
-     * Sets the value of the slider to the specified in the event.
-     *
-     * @private
-     * @param {InputEvent} evt - The event emitted by the input.
-     * @returns {void}
-     */
-    handleInputChange(evt) {
-        const target = evt.target;
-        const value = Number(target.value);
-        this.setValue(value);
-    }
-    /**
-     * Sets the displayLabelShowValue to true when the mouse enters or focus the slider.
-     *
-     * @private
-     * @returns {void}
-     */
-    handleInputMouseoverOrFocus() {
-        this.displayLabelShowValue = true;
-    }
-    /**
-     * Sets the displayLabelShowValue to false when the mouse leaves or blur the slider.
-     *
-     * @private
-     * @returns {void}
-     */
-    handleInputMouseleaveOrBlur() {
-        this.displayLabelShowValue = false;
-    }
-    getShowValue() {
-        let response = false;
-        switch (this.displayLabel) {
-            case "off":
-                response = false;
-                break;
-            case "auto":
-                response = this.displayLabelShowValue;
-                break;
-            case "on":
-                response = true;
-                break;
-            default:
-                response = false;
-        }
-        return response;
-    }
-    /**
-     * Calculates the CSS left position of the slider thumb based on the current value.
-     *
-     * @private
-     * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.
-     */
-    getValuePosition() {
-        return slider_utils.getPositionBasedOnValue(this.inputRangeEl, this.host, this.maxValue, this.minValue, this.value, this.size);
-    }
-    /**
-     * Sets the custom colors for the slider based on the colors property.
-     * This colors have to be css variables by preferences that work in both dark and light mode.
-     *
-     * Track - ThemeColors
-     * TrackFill - ThemeColors
-     * Thumb - ThemeColors
-     * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.
-     *
-     * @private
-     * @returns { [key: string]: string }
-     */
-    setColors() {
-        const styles = {};
-        this.customBackground = false;
-        const colors = typeof this.colors === "string" ? JSON.parse(this.colors) : this.colors;
-        if (colors && colors["Track"]) {
-            styles["--slider-track"] = `var(--${colors["Track"]})`;
-        }
-        if (colors && colors["TrackFill"]) {
-            styles["--slider-track-fill"] = `var(--${colors["TrackFill"]})`;
-        }
-        if (colors && colors["Thumb"]) {
-            styles["--slider-track-thumb"] = `var(--${colors["Thumb"]})`;
-        }
-        if (colors && colors["Background"]) {
-            styles["--slider-background"] = `var(--${colors["Background"]})`;
-            this.customBackground = true;
-        }
-        return styles;
-    }
-    renderValueReferences() {
-        return (index.h("div", { class: "vds-slider__value-reference-container" }, index.h("div", { class: combineClasses.combineClasses("vds-slider__value-reference") }, index.h("span", null, this.minValue), index.h("span", null, this.maxValue))));
-    }
-    renderShownValue() {
-        return (index.h("div", { class: "vds-slider__value-container" }, index.h("div", { class: "vds-slider__value-content", style: { left: this.thumbPosition } }, index.h("div", { class: "vds-slider__value" }, index.h("div", { class: "vds__tooltip-container" }, index.h("span", { class: "vds__tooltip-container-text" }, this.shownValue)), this.orientation !== "vertical" && index.h("vds-icon", { class: "tooltip-arrow", svgIcon: "caret-down-filled" })))));
-    }
-    renderSlider() {
-        return (index.h("div", { class: "vds-slider__input" }, index.h("input", { ref: (el) => {
-                this.inputRangeEl = el;
-            }, class: combineClasses.combineClasses("vds-slider-input"), type: "range", step: this.step, onInput: (evt) => this.handleInputChange(evt), 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 }), index.h("div", { class: `vds-slider__track`, ref: el => {
-                if (el)
-                    this.trackContainerEl = el;
-            } }), index.h("div", { class: "vds-slider__thumb", style: { left: this.thumbPosition } }, index.h("vds-icon", { svgIcon: this.icon, size: this.size === "medium" ? "1.25rem" : "1.5rem", class: "slider-thumb" })), this.getShowValue() && this.renderShownValue()));
-    }
-    render() {
-        return (index.h(index.Host, { key: '892cc702be1a44b5edbe32684ba6a0af4fe1354a', class: combineClasses.combineClasses("vds-slider", this.disabled ? "vds-slider--disabled" : "") }, index.h("div", { key: 'e2d53dd86591a70dc110eedfda176afed5a1a517', class: combineClasses.combineClasses("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() }, index.h("div", { key: 'fde03f01289abff67b265ae676392306a3beec97', class: combineClasses.combineClasses("vds-slider-continuous__content"), "aria-label": this.setAriaLabel }, this.renderSlider()), this.displayLimits && this.renderValueReferences())));
-    }
-    static get formAssociated() { return true; }
-    get host() { return index.getElement(this); }
-    static get watchers() { return {
-        "value": ["setInputValue"]
-    }; }
-};
-VdsBasicSliderContinuous.style = vdsBasicSliderContinuousCss();
-
-exports.vds_basic_slider_continuous = VdsBasicSliderContinuous;
-//# sourceMappingURL=vds-basic-slider-continuous.entry.cjs.js.map

package/dist/cjs/vds-icon-button.utils-BhiIMLsS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-icon-button.utils-BhiIMLsS.js","sources":["src/components/icon-button/vds-icon-button.utils.ts"],"sourcesContent":["export const ICON_SIZE = {\n    \"extra-small\": \"0.75rem\",\n    \"small\": \"1rem\",\n    \"medium\": \"1.25rem\",\n    \"large\": \"1.5rem\",\n};\n"],"names":[],"mappings":";;AAAa,MAAA,SAAS,GAAG;AACrB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,OAAO,EAAE,QAAQ;;;;;"}

package/dist/cjs/volt-basic-components.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"volt-basic-components.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.39.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,8QAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/collection/components/accordion/vds-basic-accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/vds-basic-accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Method, h, Event,  EventEmitter, Prop } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { HTMLStencilElement, Watch } from '@stencil/core/internal';\nimport { getIconColor } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-basic-accordion',\n  styleUrl: 'vds-basic-accordion.scss',\n  shadow: true,\n})\nexport class VdsBasicAccordion {\n  /** Sets the accordion's informative icon */\n  @Prop({ mutable: true }) informativeIcon: string;\n  /** Sets the accordion's size. */\n  @Prop({ mutable: true }) size: \"medium\" | \"large\" = \"medium\";\n  /** Toggles the accordion's content */\n  @Prop({ mutable: true }) expanded: boolean = false;\n  /** Sets the accordion in disabled state */\n  @Prop() disabled: boolean = false;\n  /** Sets the accordion aria-label */\n  @Prop() setAriaLabel: string;\n  /** Sets the accordion aria-level */\n  @Prop() setAriaLevel: string;\n  /** Sets informative icon to the left or right. */\n  @Prop() markerAlignment: \"start\" | \"end\" = \"start\";\n  /** Sets colors of the accordion.\n   * border - ThemeColors\n   * Background - ThemeColors.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n\n  /** Emits event when accordion gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when accordion gets closes */\n  @Event() closed: EventEmitter<void>;\n\n  /**\n   * Expanded the accordion element.\n   *\n   * @returns {Promise<void>} A promise that resolves when the accordion is opened.\n   */\n  @Method()\n  open(): Promise<void> {\n    this.expanded = true;\n    return Promise.resolve();\n  }\n\n  /**\n   * Collapse the accordion element.\n   *\n   * @returns {Promise<void>} A promise that resolves when the accordion is opened.\n   */\n  @Method()\n  close(): Promise<void> {\n    this.expanded = false;\n    return Promise.resolve();\n  }\n\n  /**\n   * Emits values when expanded property changes.\n   * When expanded is true, opened event gets emitted.\n   * When expanded is false, closed event gets emitted.\n   *\n   * @returns void\n   */\n  @Watch(\"expanded\")\n  emitValues(): void {\n    if (this.expanded) {\n      this.opened.emit();\n    } else {\n      this.closed.emit();\n    }\n  }\n\n  /**\n   * Handles click event over the accordion header.\n   * Toggles expanded property in order to open/close accordion.\n   * \n   * evt - MouseEvent\n   *\n   * @returns void\n   */\n  handleClick(evt: Event): void {\n    evt.stopImmediatePropagation();\n    if (!this.disabled) {\n      this.expanded = !this.expanded\n    }\n  }\n\n  /**\n   * Sets the custom colors for the accordion 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   * Background - ThemeColors.\n   * Border - ThemeColors\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[\"Background\"]) {\n        styles[\"--vds-accordion-background\"] = `var(--${colors[\"Background\"]})`;\n      }\n  \n      if (colors && colors[\"Border\"]) {\n        styles[\"--vds-accordion-border\"] = `var(--${colors[\"Border\"]})`;\n      }\n  \n      return styles;\n    }\n\n  private renderMarker(): HTMLStencilElement {\n    return (\n      <vds-icon-button icon={`chevron-${this.expanded ? \"up\" : \"down\"}`} size={this.size === \"large\" ? \"medium\" : \"small\"} variant=\"secondary\" disabled={this.disabled}></vds-icon-button>\n    );\n  }\n\n  private renderHeader(): HTMLStencilElement {\n    return (\n      <div\n        class={`vds-accordion__header-container vds-accordion__marker-alignment-${this.markerAlignment}`}\n        onClick={(evt: MouseEvent) => {\n          this.handleClick(evt);\n        }}\n      >\n        {this.markerAlignment === \"start\" && this.renderMarker()}\n        <vds-icon class={\"vds-accordion__informative-icon\"} svgIcon={this.informativeIcon} size={this.size === \"large\" ? \"1.25rem\" : \"1rem\"} color={getIconColor(this.disabled)}></vds-icon>\n        <div class={\"vds-accordion__header\"}>\n          <div class={\"vds-accordion__header-text\"}>\n            <slot name={\"header\"}></slot>\n          </div>\n          <div class={\"vds-accordion__header-description\"}>\n            <slot name={\"description\"}></slot>\n          </div>\n        </div>\n        {this.markerAlignment === \"end\" && this.renderMarker()}\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLStencilElement {\n    return (\n      <div class=\"vds-accordion__body-container\">\n        <div class={\"vds-accordion__body\"}>\n          <slot name={\"body\"}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host \n        class={this.disabled ? \"vds-accordion--disabled\" : \"\"}\n        is-open={this.expanded}\n        aria-label={this.setAriaLabel}\n        aria-level={this.setAriaLevel}\n      >\n        <div \n          class={combineClasses(\n            \"vds-accordion__container\",\n            `vds-accordion__container--size-${this.size}`,\n            this.disabled ? \"vds-accordion__container--disabled\" : \"\",\n            this.expanded ? \"vds-accordion__container--expanded\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          {this.renderHeader()}\n          {this.expanded && this.renderContent()}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/accordion/vds-basic-accordion.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/accordion/vds-basic-accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;AAE3C,eAAe;IACX,KAAK,EAAE,gCAAgC;IACvC,UAAU,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE,IAAI;SACV;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,uFAAuF;SAC/F;KACF;IACH,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;YAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,eAAe,EAAE;YACb,OAAO,EAAE,CAAC,GAAG,SAAS,EAAE,SAAS,CAAC;YAClC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,eAAe,EAAE;YACb,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,SAAS;gBACT,2FAA2F;gBAC3F,iGAAiG;aACpG;YACD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;KACJ;CACJ,CAAC;AACF,IAAI,MAAM,GAAG;;;;;;;;;;;;CAYZ,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,OAAO;SACF,MAAM;;;gBAGC,IAAI,CAAC,IAAI;4BACG,IAAI,CAAC,eAAe;oBAC5B,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;0BACP,IAAI,CAAC,YAAY;0BACjB,IAAI,CAAC,YAAY;4BACf,IAAI,CAAC,eAAe;UACtC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;CAarD,CAAC;AACF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,UAAU,CAAC,IAAI,GAAG;IACd,IAAI,EAAE,QAAQ;IACd,eAAe,EAAE,UAAU;IAC3B,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,sBAAsB;IACpC,YAAY,EAAE,sBAAsB;IACpC,eAAe,EAAE,OAAO;IACxB,MAAM,EAAE,SAAS;CACpB,CAAA","sourcesContent":["import { getIconsFromSpriteFile } from \"../../utils/icon-utils\";\n\nconst ICON_LIST = getIconsFromSpriteFile();\n\nexport default {\n    title: 'VDS/Components/Accordion/Basic',\n    parameters: {\n        docs: {\n          toc: true,\n        },\n        design: {\n            type: \"figma\",\n            url: \"https://www.figma.com/design/pWWQH7I7zAkgkBKIuRG53Y/Volt-2?m=auto&node-id=29184-67724\"\n        }\n      },\n    argTypes: {\n        size: {\n            options: [\"large\", \"medium\"],\n            control: { type: \"select\" }\n        },\n        informativeIcon: {\n            options: [...ICON_LIST, undefined],\n            control: { type: \"select\" }\n        },\n        markerAlignment: {\n            options: [\"start\", \"end\"],\n            control: { type: \"select\" }\n        },\n        colors: {\n            options: [\n                undefined,\n                '{\"Background\": \"color-background-warning-lowest-default\", \"Border\": \"color-border-brand\"}',\n                '{\"Background\": \"color-background-information-lowest-default\", \"Border\": \"color-border-healthy\"}'\n            ],\n            control: { type: \"select\" }\n        }\n    },\n};\nlet styles = `\n.content {\n    margin: 20px;\n}\nh3 {\n    margin: 0;\n    color: var(--color-text-high);\n}\n.body-content {\n    text-align:center;\n    width: 100%;\n}\n`;\n \nconst codeTemplate = (args) => {\n    return `\n<style>${styles}</style>\n<div class='content'>\n    <vds-basic-accordion\n        size='${args.size}'\n        informative-icon='${args.informativeIcon}'\n        expanded='${args.expanded}'\n        disabled='${args.disabled}'\n        set-aria-label='${args.setAriaLabel}'\n        set-aria-level='${args.setAriaLevel}'\n        marker-alignment='${args.markerAlignment}'\n        ${args.colors ? `colors='${args.colors}'` : ''}\n    >\n        <div slot='header'>\n            Title (header)\n        </div>\n        <div slot='description'>\n            Description (optional)\n        </div>\n        <div slot='body' class='body-content'>\n            <h3>Accordion content</h3>\n        </div>\n    </vds-basic-accordion>\n</div>\n`;\n}\n\nexport const BasicUsage = codeTemplate.bind({});\n\nBasicUsage.args = {\n    size: \"medium\",\n    informativeIcon: \"calendar\",\n    expanded: false,\n    disabled: false,\n    setAriaLabel: \"Aria label accordion\",\n    setAriaLevel: \"Aria level accordion\",\n    markerAlignment: \"start\",\n    colors: undefined\n}"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-autocomplete.js","sourceRoot":"","sources":["../../../src/components/autocomplete/vds-basic-autocomplete.tsx"],"names":[],"mappings":"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, Prop, Watch, h, Event, EventEmitter, Method, State, Element } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { toggleContainerDisplay, updateContainerWidth } from '../basic-dropdown/vds-basic-dropdown.utils';\nimport { updateFloatingBoxPosition } from '../../utils/floating-engine-utils';\nimport { HTMLStencilElement, Listen } from '@stencil/core/internal';\nimport { cloneAttributes } from '../../utils/clone-attributes';\nimport { findOptionByExactValue, findOptionByValue, getFilteredOptions, SelectedValueChangedEventDetail } from './vds-basic-autocomplete.utils';\nimport { getIconSize, getActionIconButtonSize, getIconColor } from '../../utils/icon-attr.utils';\n\n@Component({\n  tag: 'vds-basic-autocomplete',\n  styleUrl: 'vds-basic-autocomplete.scss',\n  shadow: true,\n})\nexport class VdsBasicAutocomplete {\n\n  /** \n   * Sets the internal input size.\n   * If multiple property is true, This will only set the basic-input text value.\n   * If multiple property is false and the value prop matches with an option, the option will be selected,\n   * Otherwise text will be set in the basic-input.\n   */\n  @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Sets the internal input value */\n  @Prop({ mutable: true, reflect: true }) value: string;\n  /** Sets the selected options when multiple is activated */\n  @Prop({ mutable: true, reflect: true }) multipleValues: Array<string> = [];\n  /** Sets the selected dropdown value when dropdown is activated */\n  @Prop() selectedDropdownValue = \"\";\n  /** Sets the internal input placeholder. */\n  @Prop({ mutable: true, reflect: true }) placeholder: string;\n  /** Sets the internal input in disabled state. */\n  @Prop({ mutable: true, reflect: true }) disabled: boolean;\n  /** Sets the internal input in readonly state. */\n  @Prop({ mutable: true, reflect: true }) isReadonly: boolean;\n  /** Sets the internal input in error state. */\n  @Prop({ mutable: true, reflect: true }) error: boolean;\n  /** Toggles the required sign in the internal input */\n  @Prop({ mutable: true, reflect: true }) isRequired: boolean = false;\n  /** Allows user to define a information icon inside the input at its left . */\n  @Prop() informativeIcon: string;\n  /** Sets character formatting for user input. Useful for adding a mask to the input. */\n  @Prop({ mutable: true }) formatter: Function;\n  /** Sets custom allowed styles to input (text-align, text-transform, unicode-bidi, direction) */\n  @Prop({ mutable: true }) allowedStyles: { [key: string]: string }[] = [];\n  /** Set the max height value for the floating container of the items */\n  @Prop({ mutable: true }) maxHeight: string;\n  /** Sets the width value for the floating container of the items to match the items list width */\n  @Prop({ mutable: true }) matchWidth: boolean = true;\n  /** Debounce time for key inputs before the search */\n  @Prop() debounce: number;\n  /** Allows user to define a search icon inside the input at its right (zoom by default) . */\n  @Prop() actionIcon: string = \"zoom\";\n  /** Sets the autocomplete clear button visibility. */\n  @Prop() showClearButton: boolean = true;\n  /** \n   * Shows a dropdown chevron arrow that flips up/down when change state open/close.\n   * Also enables the selectedDropdownValue prop to be able to select an option from dropdown\n   * When multiple is true, this prop will be set to false.\n   */\n  @Prop() dropdown: boolean = false;\n  /** Sets the autocomplete dropdown chevron icon visibility. */\n  @Prop() showDropdownIcon: boolean = true;\n  /** Enables a message when there's no match options. */\n  @Prop() showEmptyMessage: boolean = false;\n  /** Allow to set the text message in the 'emptyMessage' state. */\n  @Prop() emptyMessage: string = \"No options\";\n  /** \n   * Allow multiple values to be selected.\n   * Also enables the multipleValues prop to be able to select multiple options\n   * When multiple is true, dropdown prop will be set to false.\n   * When multiple is true, valueChanged will emit an array of strings\n   */\n  @Prop() multiple: boolean = false;\n  /** \n   * Toggles the floating container auto-positioning based on available window space. \n   * False by default as it may cause positioning issues in some situations, use with caution \n   */\n  @Prop({mutable: true}) autoPosition: boolean = false;\n  /** \n   * Clear selection and input on clicking the close button.\n   * Only works when multiple is true.\n   */\n  @Prop() clearSelection: boolean = false;\n  /** Toggles the overlay element, allowing interaction only with this element when active */\n  @Prop() backdrop: boolean = false;\n\n  /** Emits event when floating element gets opens */\n  @Event() opened: EventEmitter<void>;\n  /** Emits event when floating element gets closes */\n  @Event() closed: EventEmitter<void>;\n  /** Emits event when an item is selected, this event contains the label of the selected item(s) */\n  @Event() valueChanged: EventEmitter<string | string[]>;\n  /** Emits an event when the clear button is clicked */\n  @Event() cleared: EventEmitter<void>;\n  /** Emits an event when the user click the actionIcon (the magnifying glass) */\n  @Event() actionIconClick: EventEmitter<void>;\n  /** Emits updated inputed value from the vds-basic-input similar to the input event */\n\t@Event() changeInput: EventEmitter<string>;\n  /** Emits event when an item is selected, this event contains the value of the selected item(s) */\n\t@Event() selectedValueChanged: EventEmitter<SelectedValueChangedEventDetail>;\n\n  @Element() hostEl: HTMLElement;\n\n  autocompleteContent: HTMLDivElement;\n  basicInput: HTMLVdsBasicInputElement;\n  \n  floatingCleanUp: () => void = () => {};\n  @State() isOpened: boolean = false;\n  @State() multiselectValues: Array<string>;\n  options: HTMLVdsAutocompleteItemElement[] = [];\n  autocompleteItemEmptyOption: HTMLVdsAutocompleteItemElement;\n  debounceTimeTracker: NodeJS.Timeout = null;\n  showUnfilteredOptions: boolean = false;\n  private updateContainerWidth = updateContainerWidth;\n  validateDropdownValue: boolean;\n\n  componentWillLoad(): void {\n    this.multiselectValues = this.multipleValues;\n    this.validateDropdownValue = true;\n  }\n\n  componentWillRender(): void {\n    if (this.multiple) {\n      this.dropdown = false;\n    }\n  }\n  \n  componentDidLoad(): void {\n    this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n    this.setPreselection();\n  }\n\n  componentDidRender(): void {\n    this.options = Array.from(this.hostEl.querySelectorAll(\"vds-autocomplete-item\"));\n    updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, 'bottom', false);\n    this.updateContainerWidth(this.basicInput, this.matchWidth, this.autocompleteContent);\n    this.setPreselection();\n  }\n\n  @Watch(\"multiselectValues\")\n  setMulitpleValueHandler() {\n    this.valueChanged.emit(this.multiselectValues);\n  }\n\n  @Watch(\"disabled\")\n  setDisabledState() {\n    this.close();\n  }\n\n  @Watch(\"selectedDropdownValue\")\n  setDropdownValueValidation() {\n    this.validateDropdownValue = true;\n  }\n\n  @Watch(\"isOpened\")\n  async toggleAutocomplete(): Promise<void> {\n    if (this.isOpened) {\n      toggleContainerDisplay(this.autocompleteContent, true);\n      this.opened.emit();\n      this.floatingCleanUp = await updateFloatingBoxPosition(this.basicInput, this.autocompleteContent, null, \"bottom\", this.autoPosition);\n    } else {\n      toggleContainerDisplay(this.autocompleteContent, false);\n      this.closed.emit();\n      this.floatingCleanUp();\n    }\n  }\n\n  /* Open the floating element(menu) of the autocomplete. */\n  @Method()\n  public async open(): Promise<void> {\n    if (!this.isReadonly && !this.disabled) {\n      setTimeout(() => {\n        this.isOpened = true;\n      });\n    }\n  }\n\n  /* Close the floating element(menu) of the autocomplete. */\n  @Method()\n  public async close(): Promise<void> {\n    this.isOpened = false;\n  }\n\n  /* Sets focus to the input element */\n  @Method()\n  public async setFocus(): Promise<void> {\n    this.basicInput.setFocus();\n    setTimeout(() => {\n      this.open();\n    });\n  }\n\n  /**\n   * Sets the autocomplete input value to handle filtering.\n   *\n   * @returns {Promise<void>} \n   */\n  @Method()\n  public async setValue(value: string): Promise<void> {\n    this.value = value;\n  }\n\n  /**\n   * Sets the autocomplete selection value to handle.\n   * When multiple is true, sets the selected values from the list\n   * When dropdown is true and multiple is false, sets a single selected value.\n   * When dropdown is false and When multiple is false, set the input value\n   *\n   * @returns {Promise<void>} \n   */\n    @Method()\n    public async setSelectionValue(value: string | string[]): Promise<void> {\n      if (this.multiple && Array.isArray(value)) {\n        this.multipleValues = this.multiselectValues = value;\n      }\n      if (typeof value === \"string\") {\n        if (this.dropdown) {\n          this.selectedDropdownValue = value;\n        }\n      }\n    }\n\n  /**\n   * Return the autocomplete value.\n   *\n   * @returns {Promise<string>} A promise that resolves by returning the autocomplete value.\n   */\n  @Method()\n  public async getValue(): Promise<string | string[]> {\n    if (this.multiple) {\n      return this.multipleValues;\n    }\n    if (this.dropdown) {\n      return this.selectedDropdownValue;\n    }\n    return this.value;\n  }\n\n  /**\n   * Clears the selected options and resets the value of the autocomplete.\n   *\n   * @returns {Promise<void>} A promise that resolves when the clearing operation is complete.\n   */\n  @Method()\n  public async clear(): Promise<void> {\n    this.value = '';\n    if (this.dropdown) {\n      this.clearOptions();\n    }\n    if (this.clearSelection && this.multiple) {\n      this.multipleValues = this.multiselectValues = [];\n      this.setOptionsMultiple();\n    }\n    this.cleared.emit();\n  }\n\n  @Listen(\"autocompleteClicked\")\n  handleSelectOption(evt: CustomEvent<{value: string, selected: boolean}>): void {\n    const selectedOption = this.options.find((option) => findOptionByExactValue(option, evt.detail.value));\n    const isValidOption: boolean = selectedOption !== null && selectedOption !== undefined;\n    \n    if (isValidOption && this.multiple) {\n      selectedOption.isSelected = evt.detail.selected;\n    }\n\n    this.handleValueAssignment(evt, selectedOption);\n\n    if (isValidOption && this.dropdown) {\n      this.setOptionsSingle(evt.detail.value);\n    }\n  }\n\n  /* Close the autocomplete when click outside */\n  @Listen('click', { target: 'window' })\n  handleClickOut(evt: MouseEvent): void {\n    evt.stopPropagation();\n    const target = evt.target as HTMLElement;\n    const isClickInside = this.hostEl.contains(target as Node);\n    const isClickInsideParentAutocomplete = target.nodeName === \"VDS-AUTOCOMPLETE\" && target.shadowRoot && (evt.target as HTMLElement).shadowRoot.contains(this.hostEl);\n    if (!isClickInside && !isClickInsideParentAutocomplete) {\n      this.isOpened = false;\n    }\n  }\n\n  @Listen('keyup', { target: 'window' })\n  handleEscPress(evt: any) {\n    if (this.isOpened && evt.code === \"Escape\") {\n      this.close();\n      this.basicInput.blur();\n    }\n  }\n\n  handleMultiselection(selection: {value: string, selected: boolean}): void {\n    if (selection.selected && !this.multipleValues.find(value => value.toLowerCase() === selection.value.toLowerCase())) {\n      this.multipleValues.push(selection.value);\n    } else {\n      this.multipleValues = this.multipleValues.filter(value => value.toLowerCase() !== selection.value.toLowerCase());\n    }\n    this.multiselectValues = Array.from(this.multipleValues);\n    this.basicInput.setFocus();\n  }\n\n  handleValueAssignment(evt: CustomEvent<{ value: string; selected: boolean; }>, selectedOption: HTMLVdsAutocompleteItemElement): void {\n    if (this.multiple) {\n      this.handleMultiselection(evt.detail)\n    } else {\n      this.value = evt.detail.value;\n      this.setSelectionValue(evt.detail.value);\n      this.valueChanged.emit(this.value);\n      if (selectedOption)\n      {\n        this.selectedValueChanged.emit(\n          {\n            label: selectedOption.label,\n            value: selectedOption.value,\n            target: selectedOption\n          }\n        );\n      }\n      this.handleInputChange();\n      this.close();\n    }\n  }\n\n  handleChange(evt: CustomEvent<string>) {\n    evt.stopPropagation();\n    this.changeInput.emit(evt.detail);\n    if (this.debounce !== undefined && this.debounce > 0) {\n      this.handleDebounceValueChange(evt.detail);\n    } else {\n      this.value = evt.detail;\n    }\n    if (this.dropdown) {\n      this.showUnfilteredOptions = false;\n    }\n  }\n\n  handleInputChange(): void {\n    const inputEvent = new InputEvent(\"input\");\n    this.hostEl.dispatchEvent(inputEvent);\n  }\n\n  hasFocus(): void {\n    this.open();\n    if (this.hasValue() && this.dropdown) {\n      this.showUnfilteredOptions = true;\n      this.validateDropdownValue = false;\n    }\n  }\n\n  lostFocus(): void {\n    if (this.dropdown) {\n      this.showUnfilteredOptions = false;\n      this.validateDropdownValue = true;\n    }\n  }\n\n  emitActionIcon(): void {\n    this.actionIconClick.emit();\n  }\n\n  handleDebounceValueChange(newValue: string): void {\n\t\tif (this.debounceTimeTracker !== null) {\n\t\t\tclearTimeout(this.debounceTimeTracker);\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}\n\t\tthis.debounceTimeTracker = setTimeout(() => {\n      this.value = newValue;\n\t\t\tthis.debounceTimeTracker = null;\n\t\t}, this.debounce);\n\t}\n\n\n  private hasValue(): boolean {\n    return this.value !== null && this.value !== undefined && this.value !== \"undefined\" && this.value !== \"\";\n  }\n\n  /**\n   * Sets autocomplete styles for JSX.style property\n   *\n   * @param maxHeight string\n   * @returns { [key: string]: string }\n   */\n  private setAutoCompleteStyles = (maxHeight: string): { [key: string]: string } => {\n    let styles = {};\n\n    styles = {\n        maxHeight: maxHeight ? maxHeight : undefined,\n    }\n\n    return styles;\n  }\n\n  setPreselection(): void {\n    if (this.multiple) {\n      this.setOptionsMultiple();\n    }\n    if (this.dropdown) {\n      this.setDropdownOption();\n    }\n  }\n\n  private setOptionsMultiple(): void {\n    try {\n      this.options.forEach(item => {\n        item.hasCheckmark = true;\n        const selection = this.multipleValues?.find(value => findOptionByExactValue(item, value));\n        item.isSelected = !!selection;\n      });\n    } \n    catch (error) {\n      console.warn(\"[setOptionsMultiple]\", error);\n    }\n  }\n\n  /**\n   * Sets the selected value for a autocomplete type dropdown and updates the options accordingly.\n   * @private\n   * @param {string} selectedValue - The value of the selected option.\n   */\n  private setOptionsSingle(selectedValue: string): void {\n    try {\n      this.selectedDropdownValue = selectedValue;\n      this.options.forEach(item => {\n        item.hasCheckmark = false;\n        item.isSelected = findOptionByExactValue(item, this.selectedDropdownValue);\n      });\n    } \n    catch (error) {\n      console.warn(\"[setOptionsSingle]\", error);\n    }\n  }\n\n  private setDropdownOption(): void {\n    try {\n      const hasValidValue = this.options?.some(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n      if (\n        hasValidValue &&\n        this.selectedDropdownValue !== undefined &&\n        this.selectedDropdownValue !== \"undefined\" &&\n        this.selectedDropdownValue !== \"\"\n      ) {\n        this.setOptionsSingle(this.selectedDropdownValue);\n\n        if (this.validateDropdownValue) {\n          const option = this.options?.find(opt => findOptionByExactValue(opt, this.selectedDropdownValue));\n          this.value = option ? (option.label || option.value) : this.value;\n          this.validateDropdownValue = false;\n        }\n      }\n    } \n    catch (error) {\n      console.warn(\"[setOptionsMultiple]\", error);\n    }\n  }\n\n  /**\n   * Sets the all the options to unselected state\n   * @private\n   * @param {string} selectedValue - The value of the selected option.\n   */\n  private clearOptions(): void {\n    try {\n      this.selectedDropdownValue = null;\n      this.options.forEach(item => {\n        item.hasCheckmark = item.isSelected = false;\n      });\n    } \n    catch (error) {\n      console.warn(\"[clearOptions]\", error);\n    }\n  }\n\n  private renderUnfilteredOptions(): HTMLStencilElement {\n    return (\n      <div \n        class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n        style={this.setAutoCompleteStyles(this.maxHeight)}\n      >\n        <slot name={\"items\"}></slot>\n        <slot></slot>\n      </div>\n    );\n  }\n\n  private renderItem(item: HTMLVdsAutocompleteItemElement): HTMLStencilElement {\n    let isSelected = false;\n    if (this.multiple) {\n      isSelected = this.multipleValues?.some(value => findOptionByValue(item, value));\n    }\n    return (\n      <vds-autocomplete-item isSelected={isSelected} hasCheckmark={this.multiple} {...cloneAttributes(item)} innerHTML={item.innerHTML}></vds-autocomplete-item>\n    );\n  }\n\n  private renderFilteredOptions(): HTMLStencilElement {\n    const value = this.hasValue() ? this.value : \"\";\n    const filteredOptions = getFilteredOptions(this.options, value);\n    if (filteredOptions.length === 0) {\n      return this.showEmptyMessage && this.emptyMessage ? this.renderEmptyOption() : null;\n    }\n  \n    return (\n      <div\n        class={combineClasses('vds-basic-autocomplete__content-options', this.maxHeight ? 'scrollable' : '')}\n        style={this.setAutoCompleteStyles(this.maxHeight)}\n      >\n        {filteredOptions.map(item => this.renderItem(item))}\n      </div>\n    );\n  }\n\n  private renderEmptyOption(): HTMLStencilElement {\n    if (!this.autocompleteItemEmptyOption) {\n      this.autocompleteItemEmptyOption = document.createElement(\"vds-autocomplete-item\");\n      this.autocompleteItemEmptyOption.classList.add(\"non-clickable\");\n      this.autocompleteItemEmptyOption.value = \"\";\n      this.autocompleteItemEmptyOption.setAttribute(\"value\", \"\");\n    }\n\n    this.autocompleteItemEmptyOption.setAttribute(\"size\", this.size);\n    this.autocompleteItemEmptyOption.setAttribute(\"label\", this.emptyMessage);\n\n    return this.renderItem(this.autocompleteItemEmptyOption);\n  }\n\n  private renderClearIcon(): HTMLStencilElement {\n    const disabled = this.disabled || this.isReadonly;\n    return (\n      <vds-icon-button\n        tabIndex={disabled ? -1 : undefined}\n        disabled={disabled}\n        variant=\"secondary\"\n        size={getActionIconButtonSize(this.size)}\n        icon={\"close\"}\n        onClick={disabled ? undefined : () => { this.clear(); this.basicInput.setFocus();}}\n      ></vds-icon-button>\n    );\n  }\n\n  private renderActionIcon(): HTMLStencilElement {\n    const disabled = this.disabled || this.isReadonly;\n    if (this.dropdown && this.showDropdownIcon) {\n      return (\n        <vds-icon\n          svgIcon={this.isOpened ? 'chevron-up' : 'chevron-down'}\n          color={getIconColor(this.disabled, this.isReadonly)}\n          size={getIconSize(this.size)}\n          onClick={disabled ? undefined : () => this.isOpened ? this.close() : this.open()}\n        ></vds-icon>\n      );\n    }\n    if (this.actionIcon) {\n      return (\n        <vds-icon-button\n          tabIndex={disabled ? -1 : undefined}\n          disabled={disabled}\n          variant=\"secondary\"\n          size={getActionIconButtonSize(this.size)}\n          icon={this.actionIcon}\n          onClick={disabled ? undefined : () => this.emitActionIcon()}\n        ></vds-icon-button>\n      );\n    }\n  }\n\n  private renderOptions(): HTMLStencilElement {\n    if (this.dropdown && this.showUnfilteredOptions) {\n      return this.renderUnfilteredOptions();\n    }\n\n    if (this.hasValue()) {\n      return this.renderFilteredOptions();\n    }\n\n    return this.renderUnfilteredOptions();\n  }\n\n  render(): HTMLStencilElement {\n    const filteredOptions = getFilteredOptions(this.options, this.value || \"\");\n    return (\n      <Host class={this.disabled ? \"vds-basic-autocomplete--disabled\" : \"\"} title={this.value}>\n        <div class={combineClasses(\"vds-basic-autocomplete__container\")}>\n          <vds-basic-input\n            ref={(el) => {\n              if (el) {\n                this.basicInput = el; \n              }\n            }}\n            type=\"text\"\n            placeholder={this.placeholder}\n            value={this.value}\n            size={this.size}\n            disabled={this.disabled}\n            isReadonly={this.isReadonly}\n            error={this.error}\n            isRequired={this.isRequired}\n            formatter={this.formatter}\n            informativeIcon={this.informativeIcon}\n            allowedStyles={this.allowedStyles}\n            onChangeInput={(evt): void => this.handleChange(evt)}\n            onFocus={(): void => this.hasFocus()}\n            onBlur={(): void => this.lostFocus()}\n          >\n            {this.showClearButton && this.hasValue() && (\n              <div class=\"vds-basic-autocomplete__secondary-action\" slot=\"secondaryActionIcon\">\n                {this.renderClearIcon()}\n              </div>\n            )}\n            {((this.dropdown && this.showDropdownIcon) || this.actionIcon) && (\n              <div class=\"vds-basic-autocomplete__primary-action\" slot=\"primaryActionIcon\">\n                {this.renderActionIcon()}\n              </div>\n            )}\n          </vds-basic-input>\n          {this.backdrop && this.isOpened ? <div class=\"vds-floating-backdrop\" onClick={this.close.bind(this)}></div> : ''}\n          <div \n            ref={(el): void => { if (el) this.autocompleteContent = el;}}\n            class={\n              combineClasses(\n                \"vds-basic-autocomplete__content\",\n                this.maxHeight ? \"has-scroll\" : \"\",\n                (!this.emptyMessage || this.emptyMessage === \"\") && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n                !this.showEmptyMessage && filteredOptions.length === 0 ? \"no-shadow\" : \"\",\n                !this.value && this.options.length === 0 ? \"no-shadow\" : \"\"\n              )}\n          >\n            <div class={\"vds-basic-autocomplete__content__header\"}>\n              <slot name=\"header\"></slot>\n            </div>\n            {this.renderOptions()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/autocomplete/vds-basic-autocomplete.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-autocomplete.stories.js","sourceRoot":"","sources":["../../../src/components/autocomplete/vds-basic-autocomplete.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { getIconsFromSpriteFile } from \"../../utils/icon-utils\";\n\nconst ICON_LIST = getIconsFromSpriteFile();\n\nexport default {\n    title: 'VDS/Components/Autocomplete/Basic-Autocomplete',\n    parameters: {\n        docs: {\n          toc: true,\n        },\n        design: {\n            type: \"figma\",\n            url: \"https://www.figma.com/design/pWWQH7I7zAkgkBKIuRG53Y/Volt-2?m=auto&node-id=29041-11385\"\n        }\n      },\n    argTypes: {\n        size: {\n            options: [\"small\", \"medium\", \"large\"],\n            control: { type: \"select\" }\n        },\n        informativeIcon: {\n            options: [...ICON_LIST, undefined],\n            control: { type: \"select\" }\n        },\n        checkmarkVariant: {\n            options: [\"checkbox\", \"checkmark\"],\n            control: { type: \"select\" }\n        },\n        checkmarkAlignment: {\n            options: [\"start\", \"end\"],\n            control: { type: \"select\" }\n        }\n    },\n};\nconst styles = `\n    .container {\n        position: relative;\n        padding:10px;\n        width: 500px;\n    }\n`;\n\nconst codeTemplate = (args) => {\n    return `\n    <style>${styles}</style>\n    <div class=\"container\">\n        <vds-basic-autocomplete\n            id=\"autocompleteTest\"\n            size=\"${args.size}\"\n            value=\"${args.value}\"\n            placeholder=\"${args.placeholder}\"\n            disabled=\"${args.disabled}\"\n            is-readonly=\"${args.isReadonly}\"\n            error=\"${args.error}\"\n            is-required=\"${args.isRequired}\"\n            ${args.informativeIcon ? `informative-icon=\"${args.informativeIcon}\"`: \"\"}\n            max-height=\"${args.maxHeight}\"\n            match-width=\"${args.matchWidth}\"\n            debounce=\"${args.debounce}\"\n            action-icon=\"${args.actionIcon}\"\n            show-clear-button=\"${args.showClearButton}\"\n            clear-selection=\"${args.clearSelection}\"\n            dropdown=\"${args.dropdown}\"\n            show-dropdown-icon=\"${args.showDropdownIcon}\"\n            show-empty-message=\"${args.showEmptyMessage}\"\n            empty-message=\"${args.emptyMessage}\"\n            auto-position=\"${args.autoPosition}\"\n            multiple=\"${args.multiple}\"\n            backdrop=\"${args.backdrop}\"\n        >\n            <vds-autocomplete-item value=\"tesla\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"toyota\" label=\"Toyota\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"honda\" label=\"Honda\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"ford\" label=\"Ford\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"chevrolet\" label=\"Chevrolet\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"bmw\" label=\"BMW\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"mercedes-benz\" label=\"Mercedes-Benz\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"audi\" label=\"Audi\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"volkswagen\" label=\"Volkswagen\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"porsche\" label=\"Porsche\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n        </vds-basic-autocomplete>\n    </div>\n`;\n}\n\nexport const BasicUsage = codeTemplate.bind({});\n\nBasicUsage.args = {\n    size: \"medium\",\n    value: \"\",\n    placeholder: \"Select options\",\n    disabled: false,\n    isReadonly: false,\n    error: false,\n    isRequired: false,\n    informativeIcon: undefined,\n    maxHeight: \"\",\n    matchWidth: true,\n    debounce: 0,\n    actionIcon: \"zoom\",\n    showClearButton: true,\n    clearSelection: false,\n    dropdown: false,\n    showDropdownIcon: false,\n    showEmptyMessage: true,\n    emptyMessage: \"No options\",\n    multiple: false,\n    checkmarkVariant: \"checkmark\",\n    checkmarkAlignment: \"start\",\n    autoPosition: false,\n    backdrop: false\n}\n\n\nconst codeTemplateDropdown = (args) => {\n    return `\n    <style>${styles}</style>\n    <div class=\"container\">\n        <vds-basic-autocomplete\n            id=\"autocompleteTest\"\n            size=\"${args.size}\"\n            value=\"${args.value}\"\n            selected-dropdown-value=\"${args.selectedDropdownValue}\"\n            placeholder=\"${args.placeholder}\"\n            disabled=\"${args.disabled}\"\n            is-readonly=\"${args.isReadonly}\"\n            error=\"${args.error}\"\n            is-required=\"${args.isRequired}\"\n            ${args.informativeIcon ? `informative-icon=\"${args.informativeIcon}\"`: \"\"}\n            max-height=\"${args.maxHeight}\"\n            match-width=\"${args.matchWidth}\"\n            debounce=\"${args.debounce}\"\n            action-icon=\"${args.actionIcon}\"\n            show-clear-button=\"${args.showClearButton}\"\n            dropdown=\"true\"\n            show-dropdown-icon=\"${args.showDropdownIcon}\"\n            show-empty-message=\"${args.showEmptyMessage}\"\n            empty-message=\"${args.emptyMessage}\"\n            auto-position=\"${args.autoPosition}\"\n        >\n            <vds-autocomplete-item value=\"nike\" label=\"Nike\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"adidas\" label=\"Adidas\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"gucci\" label=\"Gucci\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"louis-vuitton\" label=\"Louis Vuitton\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"chanel\" label=\"Chanel\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"prada\" label=\"Prada\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"hermes\" label=\"Hermès\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"dior\" label=\"Dior\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"zara\" label=\"Zara\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"h&m\" label=\"H&M\" size=\"${args.size}\"  checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n        </vds-basic-autocomplete>\n    </div>\n`;\n}\n\nexport const DropdownUsage = codeTemplateDropdown.bind({});\n\nDropdownUsage.args = {\n    size: \"medium\",\n    value: \"\",\n    selectedDropdownValue: \"\",\n    placeholder: \"Select options\",\n    disabled: false,\n    isReadonly: false,\n    error: false,\n    isRequired: false,\n    informativeIcon: undefined,\n    maxHeight: \"\",\n    matchWidth: true,\n    debounce: 0,\n    actionIcon: \"zoom\",\n    showClearButton: true,\n    showDropdownIcon: true,\n    showEmptyMessage: true,\n    emptyMessage: \"No options\",\n    checkmarkVariant: \"checkmark\",\n    checkmarkAlignment: \"start\",\n    autoPosition: false\n}\n\nconst codeTemplateMultiple = (args) => {\n    return `\n    <style>${styles}</style>\n    <div class=\"container\">\n        <vds-basic-autocomplete\n            id=\"autocompleteTest\"\n            size=\"${args.size}\"\n            placeholder=\"${args.placeholder}\"\n            disabled=\"${args.disabled}\"\n            is-readonly=\"${args.isReadonly}\"\n            error=\"${args.error}\"\n            is-required=\"${args.isRequired}\"\n            ${args.informativeIcon ? `informative-icon=\"${args.informativeIcon}\"`: \"\"}\n            max-height=\"${args.maxHeight}\"\n            match-width=\"${args.matchWidth}\"\n            debounce=\"${args.debounce}\"\n            action-icon=\"${args.actionIcon}\"\n            show-clear-button=\"${args.showClearButton}\"\n            clear-selection=\"${args.clearSelection}\"\n            show-dropdown-icon=\"${args.showDropdownIcon}\"\n            show-empty-message=\"${args.showEmptyMessage}\"\n            empty-message=\"${args.emptyMessage}\"\n            auto-position=\"${args.autoPosition}\"\n            multiple=\"true\"\n        >\n            <vds-autocomplete-item value=\"apple\" label=\"Apple\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"dell\" label=\"Dell\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"hp\" label=\"HP\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"lenovo\" label=\"Lenovo\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"acer\" label=\"Acer\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"asus\" label=\"Asus\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"microsoft\" label=\"Microsoft\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"razer\" label=\"Razer\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"msi\" label=\"MSI\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"gigabyte\" label=\"Gigabyte\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n        </vds-basic-autocomplete>\n    </div>\n`;\n}\n\nexport const BasicMultipleUsage = codeTemplateMultiple.bind({});\n\nBasicMultipleUsage.args = {\n    size: \"medium\",\n    placeholder: \"Select options\",\n    disabled: false,\n    isReadonly: false,\n    error: false,\n    isRequired: false,\n    informativeIcon: undefined,\n    maxHeight: \"\",\n    matchWidth: true,\n    debounce: 0,\n    actionIcon: \"zoom\",\n    showClearButton: true,\n    clearSelection: false,\n    showDropdownIcon: false,\n    showEmptyMessage: true,\n    emptyMessage: \"No options\",\n    checkmarkVariant: \"checkmark\",\n    checkmarkAlignment: \"start\",\n    autoPosition: false\n}\n\n\nconst stylesMultipleHeaderSlot = `\n    .container {\n        display: flex;\n        justify-content: space-around;\n        position: relative;\n        padding:10px;\n        width: 100%;\n    }\n\n    vds-basic-autocomplete {\n        width: 400px;\n    }\n\n    .with-chips {\n        display: flex;\n        flex-direction: column;\n        gap: 0.25rem;\n    }\n`;\n\nconst codeTemplateMultipleSlotHeader = (args) => {\n    return `\n    <style>${stylesMultipleHeaderSlot}</style>\n    <p>Disclaimer: The chips inside the component are static. This is a visualization of what we can build with the header slot. or we can just\n    add them below our autocomplete.</p>\n    <div class=\"container\">\n        <vds-basic-autocomplete\n            id=\"autocompleteTest\"\n            size=\"${args.size}\"\n            placeholder=\"${args.placeholder}\"\n            disabled=\"${args.disabled}\"\n            is-readonly=\"${args.isReadonly}\"\n            error=\"${args.error}\"\n            is-required=\"${args.isRequired}\"\n            ${args.informativeIcon ? `informative-icon=\"${args.informativeIcon}\"`: \"\"}\n            max-height=\"${args.maxHeight}\"\n            match-width=\"${args.matchWidth}\"\n            debounce=\"${args.debounce}\"\n            action-icon=\"${args.actionIcon}\"\n            show-clear-button=\"${args.showClearButton}\"\n            clear-selection=\"${args.clearSelection}\"\n            show-dropdown-icon=\"${args.showDropdownIcon}\"\n            show-empty-message=\"${args.showEmptyMessage}\"\n            empty-message=\"${args.emptyMessage}\"\n            auto-position=\"${args.autoPosition}\"\n            multiple=\"true\"\n        >\n            <div style=\"padding: var(--spacing-04)\" slot=\"header\">\n                <vds-chip value=\"Apple\" close=\"true\" size=\"medium\"></vds-chip>\n                <vds-chip value=\"Dell\" close=\"true\" size=\"medium\"></vds-chip>\n                <vds-chip value=\"HP\" close=\"true\" size=\"medium\"></vds-chip>\n            </div>\n            <vds-autocomplete-item value=\"apple\" is-selected=\"true\" label=\"Apple\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"dell\" is-selected=\"true\" label=\"Dell\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"hp\" is-selected=\"true\" label=\"HP\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"lenovo\" label=\"Lenovo\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"acer\" label=\"Acer\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"asus\" label=\"Asus\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"microsoft\" label=\"Microsoft\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"razer\" label=\"Razer\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"msi\" label=\"MSI\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            <vds-autocomplete-item value=\"gigabyte\" label=\"Gigabyte\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n        </vds-basic-autocomplete>\n\n        <div class=\"with-chips\">\n            <vds-basic-autocomplete\n                id=\"autocompleteTest\"\n                size=\"${args.size}\"\n                placeholder=\"${args.placeholder}\"\n                disabled=\"${args.disabled}\"\n                is-readonly=\"${args.isReadonly}\"\n                error=\"${args.error}\"\n                is-required=\"${args.isRequired}\"\n                ${args.informativeIcon ? `informative-icon=\"${args.informativeIcon}\"`: \"\"}\n                max-height=\"${args.maxHeight}\"\n                match-width=\"${args.matchWidth}\"\n                debounce=\"${args.debounce}\"\n                action-icon=\"${args.actionIcon}\"\n                show-clear-button=\"${args.showClearButton}\"\n                clear-selection=\"${args.clearSelection}\"\n                show-dropdown-icon=\"${args.showDropdownIcon}\"\n                show-empty-message=\"${args.showEmptyMessage}\"\n                empty-message=\"${args.emptyMessage}\"\n                auto-position=\"${args.autoPosition}\"\n                multiple=\"true\"\n            >\n                <vds-autocomplete-item value=\"apple\" is-selected=\"true\" label=\"Apple\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"dell\" is-selected=\"true\" label=\"Dell\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"hp\" is-selected=\"true\" label=\"HP\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"lenovo\" label=\"Lenovo\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"acer\" label=\"Acer\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"asus\" label=\"Asus\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"microsoft\" label=\"Microsoft\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"razer\" label=\"Razer\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"msi\" label=\"MSI\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n                <vds-autocomplete-item value=\"gigabyte\" label=\"Gigabyte\" size=\"${args.size}\" checkmark-variant=\"${args.checkmarkVariant}\" checkmark-alignment=\"${args.checkmarkAlignment}\"></vds-autocomplete-item>\n            </vds-basic-autocomplete>\n            <div>\n                <vds-chip value=\"Apple\" close=\"true\" size=\"medium\"></vds-chip>\n                <vds-chip value=\"Dell\" close=\"true\" size=\"medium\"></vds-chip>\n                <vds-chip value=\"HP\" close=\"true\" size=\"medium\"></vds-chip>\n            </div>\n        </div>\n    </div>\n`;\n}\n\nexport const BasicMultipleSlotHeaderUsage = codeTemplateMultipleSlotHeader.bind({});\n\nBasicMultipleSlotHeaderUsage.args = {\n    size: \"medium\",\n    placeholder: \"Select options\",\n    disabled: false,\n    isReadonly: false,\n    error: false,\n    isRequired: false,\n    informativeIcon: undefined,\n    maxHeight: \"\",\n    matchWidth: true,\n    debounce: 0,\n    actionIcon: \"zoom\",\n    showClearButton: true,\n    clearSelection: false,\n    showDropdownIcon: false,\n    showEmptyMessage: true,\n    emptyMessage: \"No options\",\n    checkmarkVariant: \"checkmark\",\n    checkmarkAlignment: \"start\",\n    autoPosition: false\n}"]}

package/dist/collection/components/autocomplete/vds-basic-autocomplete.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-basic-autocomplete.utils.js","sourceRoot":"","sources":["../../../src/components/autocomplete/vds-basic-autocomplete.utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAyC,EAAE,KAAa,EAAE,iBAA0B,KAAK,EAAE,EAAE;IAC5H,IAAI,CAAC;QACD,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;;YACzB,IAAI,cAAc,EAAE,CAAC;gBACjB,OAAO,CAAC,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,KAAI,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC;YAC7G,CAAC;YACD,OAAO,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IACP,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACb,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;QAC5C,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAsC,EAAE,WAAmB,EAAW,EAAE;;IACtG,IAAI,CAAC;QACD,MAAM,oBAAoB,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,EAAE,KAAI,EAAE,CAAC;QAC9D,OAAO,CACH,MAAM,CAAC,WAAW,KAAI,MAAA,MAAM,CAAC,WAAW,0CAAE,WAAW,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;YACtF,MAAM,CAAC,KAAK,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,WAAW,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;YAC1E,MAAM,CAAC,KAAK,KAAI,MAAA,MAAM,CAAC,KAAK,0CAAE,WAAW,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA,CAC7E,CAAC;IACN,CAAC;IAAA,OAAO,KAAK,EAAE,CAAC;QACZ,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAC3C,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,MAAsC,EAAE,WAAmB,EAAW,EAAE;;IAC3G,IAAI,CAAC;QACD,MAAM,oBAAoB,GAAG,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,EAAE,KAAI,EAAE,CAAC;QAC9D,OAAO,CACH,MAAM,CAAC,WAAW,IAAI,CAAA,MAAA,MAAM,CAAC,WAAW,0CAAE,WAAW,EAAE,MAAK,oBAAoB;YAChF,MAAM,CAAC,KAAK,IAAI,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,WAAW,EAAE,MAAK,oBAAoB;YACpE,MAAM,CAAC,KAAK,IAAI,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,WAAW,EAAE,MAAK,oBAAoB,CACvE,CAAC;IACN,CAAC;IAAA,OAAO,KAAK,EAAE,CAAC;QACZ,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;QAC3C,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC,CAAC","sourcesContent":["export const getFilteredOptions = (options: HTMLVdsAutocompleteItemElement[], value: string, validateCasing: boolean = false) => {\n    try {\n        return options.filter(item => {\n            if (validateCasing) {\n                return (item.textContent?.includes(value) || item.value?.includes(value) || item.label?.includes(value));\n            }\n            return findOptionByValue(item, value);\n        });\n    } catch (error) {\n        console.warn(\"[getFilteredOptions]\", error);\n        return [];\n    }\n}\n\n/**\n * Checks if an option object matches the given search value.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n *   True if the searchValue is found within the option's `textContent`, `label`, or `value`.\n *   False otherwise.\n */\nexport const findOptionByValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n    try {\n        const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n        return (\n            option.textContent && option.textContent?.toLowerCase().includes(lowerCaseSearchValue) ||\n            option.label && option.label?.toLowerCase().includes(lowerCaseSearchValue) ||\n            option.value && option.value?.toLowerCase().includes(lowerCaseSearchValue)\n        );\n    }catch (error) {\n        console.warn(\"[findOptionByValue]\", error);\n        return false;\n    }\n};\n\n/**\n * Checks if an option object matches the given search value exactly.\n * @param {Object} option - The option object to be checked in a HTMLVdsAutocompleteItemElement\n * @param {string} searchValue - The value to search for within the option.\n * @returns {boolean} - \n *   True if the searchValue is exactly the same to one of the option's `textContent`, `label`, or `value`.\n *   False otherwise.\n */\nexport const findOptionByExactValue = (option: HTMLVdsAutocompleteItemElement, searchValue: string): boolean => {\n    try {\n        const lowerCaseSearchValue = searchValue?.toLowerCase() || \"\";\n        return (\n            option.textContent && option.textContent?.toLowerCase() === lowerCaseSearchValue ||\n            option.label && option.label?.toLowerCase() === lowerCaseSearchValue ||\n            option.value && option.value?.toLowerCase() === lowerCaseSearchValue\n        );\n    }catch (error) {\n        console.warn(\"[findOptionByValue]\", error);\n        return false;\n    }\n};\n\nexport interface SelectedValueChangedEventDetail {\n    label: string;\n    value: string;\n    target: HTMLVdsAutocompleteItemElement;\n}"]}

package/dist/collection/components/autocomplete-item/vds-autocomplete-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vds-autocomplete-item.js","sourceRoot":"","sources":["../../../src/components/autocomplete-item/vds-autocomplete-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element } from \"@stencil/core\";\nimport { combineClasses } from \"../../utils/combine-classes\";\nimport { generateCheckbox, generateCheckmarkIconButton, generateInformativeIcon, generateLabel } from \"../base-item/base-item\";\nimport { HTMLStencilElement, Watch } from \"@stencil/core/internal\";\n\n@Component({\n  tag: \"vds-autocomplete-item\",\n  styleUrl: \"vds-autocomplete-item.scss\",\n  shadow: true,\n})\nexport class VdsAutocompleteItem {\n  /** Sets the autocomplete in disabled state */\n  @Prop({ mutable: true }) disabled: boolean = false;\n  /** Sets the icon value */\n  @Prop({ mutable: true }) informativeIcon: string;\n  /** Sets item in active state */\n  @Prop({ mutable: true }) isActive: boolean = false;\n  /** Sets item's value; This will be display as the text in the item when label is not present.\n   *  When value is present as text to be display, it will override children content. */\n  @Prop({ mutable: true, reflect: true }) value: string;\n  /** Sets item's label; This will be display as the text in the item.\n   *  When label is present, it will override children content and value when present. */\n  @Prop({ mutable: true, reflect: true }) label: string;\n  /** Sets aria-label */\n  @Prop({ mutable: true, reflect: true }) setAriaLabel: string;\n  /** Set size of menu item */\n  @Prop({ mutable: true }) size: \"small\" | \"medium\" | \"large\" = \"medium\";\n  /** Shows checkmark */\n  @Prop({ mutable: true }) hasCheckmark: boolean = false;\n  /** Set state of checkmark */\n  @Prop({ mutable: true, reflect: true }) isSelected: boolean = false;\n  /** When has-checkmark is true, sets the checks element as checkmark or checkbox.  */\n  @Prop() checkmarkVariant: \"checkbox\" | \"checkmark\" = \"checkmark\";\n  /** When has-checkmark is true, sets the checks element at the beginning or end.  */\n  @Prop() checkmarkAlignment: \"start\" | \"end\" = \"start\";\n  /** Sets the autocomplete item to danger state.  */\n  @Prop({ mutable: true, reflect: true }) danger: boolean = false;\n\n  /** Emits event when item gets clicked */\n  @Event() autocompleteClicked: EventEmitter<{value: string, selected: boolean}>;\n  /** Emits event when item is selected */\n  @Event() selected: EventEmitter<MouseEvent>;\n  /** Emits event when item is deselected */\n  @Event() deselected: EventEmitter<MouseEvent>;\n\n  @Element() hostEl: HTMLElement;\n\n  @Watch(\"isSelected\")\n  updateItemState() {\n    this.isActive = this.isSelected;\n  }\n\n  private handleClick(evt: MouseEvent): void {\n    this.handleSelected(evt);\n  }\n\n  private handleSelected(evt: MouseEvent): void {\n    const selected = !this.isSelected;\n    if (selected) this.selected.emit(evt);\n    else this.deselected.emit(evt);\n    \n    this.autocompleteClicked.emit({\n      value: this.label || this.value || this.hostEl?.textContent,\n      selected,\n    });\n  }\n\n  private generateCheckmarkIconButton() {\n    return generateCheckmarkIconButton(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateCheckbox() {\n    return generateCheckbox(this.isSelected, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateInformativeIcon() {\n    return generateInformativeIcon(this.informativeIcon, this.value, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private generateLabel() {\n    return generateLabel(this.label || this.value, this.size, this.disabled, this.isActive, this.danger);\n  }\n\n  private setAriaLabelText() {\n    return this.setAriaLabel ? this.setAriaLabel : this.label ? this.label : this.value;\n  }\n\n  render(): HTMLStencilElement {\n    return (\n      <Host class={this.disabled ? \"vds-autocomplete-item--disabled\" : \"\"}>\n        <button\n          type=\"button\"\n          tabindex=\"0\"\n          disabled={this.disabled}\n          title={this.setAriaLabelText()}\n          aria-label={this.setAriaLabelText()}\n          onClick={(evt: MouseEvent) => {\n            if (this.disabled) {\n              evt.stopPropagation();\n              evt.preventDefault();\n            } else {\n              this.handleClick(evt);\n            }\n          }}\n          class={combineClasses(\n            \"vds-autocomplete-item\",\n            `vds-autocomplete-item--size-${this.size}`,\n            this.disabled ? \"vds-autocomplete-item--disabled\" : \"\",\n            this.isActive || this.isSelected ? \"vds-autocomplete-item--active\" : \"\",\n            this.danger ? \"vds-autocomplete-item--danger\" : \"\",\n            `vds-autocomplete-item__alignment-${this.checkmarkAlignment}`,\n          )}\n        >\n          <div class=\"vds-autocomplete-item__content\">\n            {this.checkmarkAlignment === \"start\" && this.hasCheckmark\n              ? this.checkmarkVariant === \"checkmark\"\n                ? this.generateCheckmarkIconButton()\n                : this.generateCheckbox()\n              : null}\n            {this.informativeIcon && this.generateInformativeIcon()}\n            {this.generateLabel()}\n            {this.checkmarkAlignment === \"end\" && this.hasCheckmark ? (this.checkmarkVariant === \"checkmark\" ? this.generateCheckmarkIconButton() : this.generateCheckbox()) : null}\n          </div>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}