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

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

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

Files changed (1043) hide show

package/dist/esm/vds-basic-slider-continuous.entry.js DELETED Viewed

@@ -1,255 +0,0 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, a as getElement } from './index-YrP3OJ_T.js';
-import { c as combineClasses } from './combine-classes-B23UkaEC.js';
-import { l as logWarnings, g as getTrackFillBasedOnValue, a as getPositionBasedOnValue } from './slider.utils-B7ukJ3F4.js';
-import { e as emitInputEvent } from './form-BVF1zxcZ.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) {
-        registerInstance(this, hostRef);
-        this.changeInput = 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() {
-        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 = getTrackFillBasedOnValue(this.value, this.maxValue, this.minValue);
-        }
-        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();
-        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 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 (h("div", { class: "vds-slider__value-reference-container" }, h("div", { class: combineClasses("vds-slider__value-reference") }, h("span", null, this.minValue), h("span", null, this.maxValue))));
-    }
-    renderShownValue() {
-        return (h("div", { class: "vds-slider__value-container" }, h("div", { class: "vds-slider__value-content", style: { left: this.thumbPosition } }, h("div", { class: "vds-slider__value" }, h("div", { class: "vds__tooltip-container" }, h("span", { class: "vds__tooltip-container-text" }, this.shownValue)), this.orientation !== "vertical" && h("vds-icon", { class: "tooltip-arrow", svgIcon: "caret-down-filled" })))));
-    }
-    renderSlider() {
-        return (h("div", { class: "vds-slider__input" }, h("input", { ref: (el) => {
-                this.inputRangeEl = el;
-            }, class: 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 }), h("div", { class: `vds-slider__track`, ref: el => {
-                if (el)
-                    this.trackContainerEl = el;
-            } }), h("div", { class: "vds-slider__thumb", style: { left: this.thumbPosition } }, h("vds-icon", { svgIcon: this.icon, size: this.size === "medium" ? "1.25rem" : "1.5rem", class: "slider-thumb" })), this.getShowValue() && this.renderShownValue()));
-    }
-    render() {
-        return (h(Host, { key: '892cc702be1a44b5edbe32684ba6a0af4fe1354a', class: combineClasses("vds-slider", this.disabled ? "vds-slider--disabled" : "") }, h("div", { key: 'e2d53dd86591a70dc110eedfda176afed5a1a517', class: 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() }, h("div", { key: 'fde03f01289abff67b265ae676392306a3beec97', class: combineClasses("vds-slider-continuous__content"), "aria-label": this.setAriaLabel }, this.renderSlider()), this.displayLimits && this.renderValueReferences())));
-    }
-    static get formAssociated() { return true; }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["setInputValue"]
-    }; }
-};
-VdsBasicSliderContinuous.style = vdsBasicSliderContinuousCss();
-export { VdsBasicSliderContinuous as vds_basic_slider_continuous };
-//# sourceMappingURL=vds-basic-slider-continuous.entry.js.map

package/dist/esm/vds-basic-slider-continuous.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/esm/vds-basic-slider-range-continuous.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

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

package/dist/esm/vds-breadcrumbs-item.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-breadcrumbs-item.entry.js","sources":["src/components/breadcrumb-item/vds-breadcrumbs-item.scss?tag=vds-breadcrumbs-item&encapsulation=shadow","src/components/breadcrumb-item/vds-breadcrumbs-item.tsx"],"sourcesContent":[":host {\n display: inline-block;\n\n .vds-breadcrumbs-item {\n display: flex;\n border: var(--spacing-01) solid transparent;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n\n ::slotted(a) {\n text-decoration: none;\n background: none;\n border: none;\n outline: none;\n height: var(--spacing-09);\n padding: 0 var(--spacing-03);\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: var(--color-text-medium);\n font-feature-settings: 'liga' off, 'clig' off;\n @include font-style(body, large);\n }\n\n &.vds-breadcrumbs-item--active {\n ::slotted(a) {\n @include font-style(title, medium);\n color: var(--color-text-high);\n }\n }\n\n &.vds-breadcrumbs-item--disabled {\n pointer-events: none;\n ::slotted(a) {\n @include font-style(body, large);\n color: var(--color-text-disabled);\n }\n }\n\n &:hover,\n &:focus,\n &:focus-within {\n ::slotted(a) {\n color: var(--color-text-high);\n text-decoration: underline;\n outline: none;\n background: none;\n\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: auto;\n text-decoration-thickness: auto;\n text-underline-offset: auto;\n text-underline-position: from-font;\n }\n }\n \n &:focus,\n &:focus-within {\n border-radius: var(--spacing-02);\n border-color: var(--color-border-focus-2);\n }\n\n &:active {\n ::slotted(a) {\n color: var(--color-text-high);\n text-decoration: underline;\n background: none;\n }\n }\n\n &:visited {\n ::slotted(a) {\n color: var(--color-text-medium);\n }\n }\n }\n}\n\n:host-context(.vds-breadcrumbs-item--disabled) {\n pointer-events: none;\n}\n\n:host-context(.truncate-menu) {\n .vds-breadcrumbs-item {\n padding: 0 var(--spacing-03);\n }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\n\n@Component({\n tag: 'vds-breadcrumbs-item',\n styleUrl: 'vds-breadcrumbs-item.scss',\n shadow: true,\n})\nexport class VdsBreadcrumbItem {\n /** Sets the breacrumb item in disabled state */\n @Prop() disabled: boolean = false;\n\n /** Sets the breacrumb item in active state */\n @Prop() isActive: boolean = false;\n\n render() {\n return (\n <Host>\n <div class={combineClasses(\n \"vds-breadcrumbs-item\",\n this.disabled ? \"vds-breadcrumbs-item--disabled\" : \"\",\n this.isActive ? \"vds-breadcrumbs-item--active\" : \"\"\n )}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,qBAAqB,GAAG,MAAM,CAAC,4piCAA4piC,CAAC;;MCQrriC,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAGzB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAelC;IAbC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,cAAc,CACxB,sBAAsB,EACtB,IAAI,CAAC,QAAQ,GAAG,gCAAgC,GAAG,EAAE,EACrD,IAAI,CAAC,QAAQ,GAAG,8BAA8B,GAAG,EAAE,CACpD,EAAA,EACC,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/esm/vds-chip.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-chip.entry.js","sources":["src/components/chip/vds-chip.scss?tag=vds-chip&encapsulation=shadow","src/components/chip/vds-chip.tsx"],"sourcesContent":["@import '~wabtec-internal-volt-foundations/dist/volt-foundations/volt-foundations';\n\n:host {\n display: inline-flex;\n .vds__chip__container {\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n background-color: transparent;\n border-radius: var(--radius-pill);\n border: none;\n box-sizing: border-box;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-brand);\n color: var(--color-link-default);\n font-feature-settings: 'clig' off, 'liga' off;\n\n &.vds__chip__container--toggleable {\n cursor: pointer;\n }\n\n &:hover {\n background-color: var(--color-interaction-brand-lowest);\n }\n &:active, &:active:hover {\n background-color: var(--color-interaction-brand-lower);\n }\n\n &:focus-visible {\n outline: 0.125rem solid var(--color-border-focus-2);\n outline-offset: 0.125rem;\n }\n &.vds__chip__container--size-small {\n padding: var(--spacing-01) var(--spacing-02);\n @include font-style(title, 2x-small);\n }\n &.vds__chip__container--size-medium {\n padding: var(--spacing-02) var(--spacing-03);\n @include font-style(title, extra-small);\n }\n &.vds__chip__container--size-large {\n padding: var(--spacing-03) var(--spacing-04);\n @include font-style(title, small);\n }\n &.vds__chip__container--disabled,\n &.vds__chip__container--disabled:focus-visible {\n color: var(--color-text-disabled);\n background-color: transparent;\n pointer-events: none;\n box-shadow: 0 0 0 0.0625rem inset var(--color-border-disabled);\n &.vds__chip__container--active {\n color: var(--color-text-white-high);\n background-color: var(--color-background-disabled);\n box-shadow: none;\n }\n }\n &.vds__chip__container--active {\n color: var(--static-white);\n background-color: var(--color-background-brand-default);\n box-shadow: none;\n &:hover {\n background-color: var(--color-background-brand-hover);\n }\n &:active, :active:hover {\n background-color: var(--color-background-brand-press);\n }\n }\n\n .vds-chip__icon {\n cursor: pointer;\n }\n\n vds-divider { \n --vds-divider-padding-left: var(--spacing-00);\n --vds-divider-padding-right: var(--spacing-00);\n }\n }\n}\n\n:host-context(.vds-chip--disabled) {\n pointer-events: none;\n}","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State } from '@stencil/core/internal';\nimport { BorderColors, IconColors, StaticGlobal } from '../../definitions/colors';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { ICON_SIZE } from '../icon-button/vds-icon-button.utils';\n\n@Component({\n tag: 'vds-chip',\n styleUrl: 'vds-chip.scss',\n shadow: true,\n})\nexport class VdsChip {\n /** Sets chips content value */\n @Prop({ reflect: true, mutable: true}) value: string;\n /** Displays close icon */\n @Prop() close: boolean;\n /** Displays menu (chevron-down) icon */\n @Prop() menu: boolean;\n /** Displays chip in active state */\n @Prop({ reflect: true, mutable: true}) active: boolean;\n /** Sets chip to disabled */\n @Prop() disabled: boolean;\n /** Sets content size */\n @Prop() size: \"small\" | \"medium\" | \"large\" = \"medium\";\n /** Defines the aria label on the close button */\n @Prop({ reflect: true }) closeAriaLabel: string;\n /** They turn active on/off when clicking the chip */\n @Prop() toggle: boolean = false;\n /** Receives the icon name to be shown in the left side */\n @Prop() informativeIcon: string;\n /** When close button is clicked, the element is removed from the DOM */\n @Prop() removeOnClose: boolean = true;\n\n /** Fires after chip dismiss and hide */\n @Event() afterClosed: EventEmitter<void>;\n /** Fires when chip is selected (only works when toggle is enabled) */\n @Event() selected: EventEmitter<void>;\n /** Fires when menu-icon is clicked */\n @Event() menuClick: EventEmitter<void>;\n\n @Element() hostEl: HTMLVdsChipElement;\n\n @State() _informativeIcon: string = undefined;\n\n private iconColor: IconColors = \"color-icon-brand-default\";\n private iconSize: string = ICON_SIZE[\"small\"];\n\n private dividerColor: BorderColors | StaticGlobal;\n\n /**\n * Executes before every render cycle.\n *\n * @returns void\n */\n componentWillRender(): void {\n this.setChipIconsColor();\n this.setChipIconsSize();\n this.setInformativeIcon();\n this.setDividerColor();\n }\n\n /** \n * Dismiss/Hide the chip.\n * Emits afterClosed event\n * \n * @Returns Promise<void>\n */\n @Method()\n dismiss(): Promise<void> {\n return new Promise(resolve => {\n this.afterClosed.emit();\n if (this.removeOnClose) {\n this.hostEl && this.hostEl.remove();\n }\n resolve();\n });\n }\n\n /** \n * Emits event when menu-icon is clicked\n * \n * @Returns void\n */\n private emitMenuClicked(): void {\n this.menuClick.emit();\n }\n\n /** \n * Sets informative icon based on the following herarchy\n * When informativeIcon prop is provided it will always display.\n * When Chip is toggle and active it will set informativeIcon to checkMarck (good)\n * Otherwise it'll not be display.\n * \n * @Returns void\n */\n private setInformativeIcon(): void {\n this._informativeIcon = this.informativeIcon ? this.informativeIcon : this.active && this.toggle ? \"good\" : undefined;\n }\n\n /**\n * Sets the color for the icons inside the chip.\n * Sets the chip's vds-icon colors\n *\n * @returns void\n */\n private setChipIconsColor(): void {\n const state = this.disabled && this.active ? \"disabled-active\" : this.disabled ? \"disabled\" : this.active ? \"active\" : \"default\";\n switch(state) {\n case \"disabled-active\":\n this.iconColor = \"color-icon-white-high\";\n break;\n case \"disabled\":\n this.iconColor = \"color-icon-disabled\";\n break;\n case \"active\":\n this.iconColor = \"static-white\";\n break;\n default:\n this.iconColor = \"color-icon-brand-default\";\n break;\n }\n }\n\n private setChipIconsSize(): void {\n switch(this.size) {\n case \"small\": \n this.iconSize = ICON_SIZE[\"extra-small\"];\n break;\n case \"medium\": \n this.iconSize = ICON_SIZE[\"small\"];\n break;\n case \"large\": \n this.iconSize = ICON_SIZE[\"medium\"];\n break;\n }\n }\n\n /**\n * Changes the chip active state when toggle option is enabled.\n * Add checks icon when informativeIcon is not provided\n *\n * @returns void\n */\n private handleChipClick(): void {\n if (!this.toggle) return;\n \n this.active = !this.active;\n\n this.setInformativeIcon();\n\n this.selected.emit();\n }\n\n private setDividerColor(): void {\n const state = this.disabled && this.active ? \"disabled-active\" : this.disabled ? \"disabled\" : this.active ? \"active\" : \"default\";\n switch(state) {\n case \"disabled-active\":\n this.dividerColor = \"static-white-low\";\n break;\n case \"disabled\":\n this.dividerColor = \"color-border-disabled\";\n break;\n case \"active\":\n this.dividerColor = \"static-white-low\";\n break;\n default:\n this.dividerColor = \"color-border-brand\";\n break;\n }\n }\n\n render(): HTMLStencilElement {\n return (\n <Host class={this.disabled ? \"vds-chip--disabled\" : \"\"}>\n <button\n onClick={() => this.handleChipClick()}\n class={\n combineClasses(\n \"vds__chip__container\",\n `vds__chip__container--size-${this.size}`,\n this.toggle && \"vds__chip__container--toggleable\",\n this.disabled && \"vds__chip__container--disabled\",\n this.active && \"vds__chip__container--active\",\n )\n }\n disabled={ this.disabled }\n >\n {this._informativeIcon && <vds-icon svgIcon={this._informativeIcon} color={this.iconColor} size={this.iconSize}></vds-icon>}\n {this.value}\n {this.menu && <vds-icon class=\"vds-chip__icon\" onClick={() => this.emitMenuClicked()} svgIcon={this.active ? \"chevron-up\" : \"chevron-down\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n {this.close && <vds-divider orientation=\"vertical\" padding=\"spacing-00\" color={this.dividerColor}></vds-divider>}\n {this.close && <vds-icon class=\"vds-chip__icon\" onClick={() => this.dismiss()} aria-label={this.closeAriaLabel} svgIcon={\"close\"} color={this.iconColor} size={this.iconSize}></vds-icon>}\n </button>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,UAAU,GAAG,MAAM,CAAC,o0jCAAo0jC,CAAC;;MCWl1jC,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;AAiBU,QAAA,IAAI,CAAA,IAAA,GAAiC,QAAQ;;AAI7C,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;;AAIvB,QAAA,IAAa,CAAA,aAAA,GAAY,IAAI;AAW5B,QAAA,IAAgB,CAAA,gBAAA,GAAW,SAAS;AAErC,QAAA,IAAS,CAAA,SAAA,GAAe,0BAA0B;AAClD,QAAA,IAAA,CAAA,QAAQ,GAAW,SAAS,CAAC,OAAO,CAAC;AAuJ9C;AAnJC;;;;AAIG;IACH,mBAAmB,GAAA;QACjB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,kBAAkB,EAAE;QACzB,IAAI,CAAC,eAAe,EAAE;;AAGxB;;;;;AAKG;IAEH,OAAO,GAAA;AACL,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACvB,YAAA,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;;AAErC,YAAA,OAAO,EAAE;AACX,SAAC,CAAC;;AAGJ;;;;AAIG;IACK,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;;AAGvB;;;;;;;AAOG;IACK,kBAAkB,GAAA;AACxB,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS;;AAGvH;;;;;AAKG;IACK,iBAAiB,GAAA;AACvB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;QAChI,QAAO,KAAK;AACV,YAAA,KAAK,iBAAiB;AACpB,gBAAA,IAAI,CAAC,SAAS,GAAG,uBAAuB;gBACxC;AACF,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,CAAC,SAAS,GAAG,qBAAqB;gBACtC;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,SAAS,GAAG,cAAc;gBAC/B;AACF,YAAA;AACE,gBAAA,IAAI,CAAC,SAAS,GAAG,0BAA0B;gBAC3C;;;IAIE,gBAAgB,GAAA;AACtB,QAAA,QAAO,IAAI,CAAC,IAAI;AACd,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC;gBACxC;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC;gBAClC;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAC;gBACnC;;;AAIN;;;;;AAKG;IACK,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE;AAElB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAE1B,IAAI,CAAC,kBAAkB,EAAE;AAEzB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;IAGd,eAAe,GAAA;AACrB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,GAAG,QAAQ,GAAG,SAAS;QAChI,QAAO,KAAK;AACV,YAAA,KAAK,iBAAiB;AACpB,gBAAA,IAAI,CAAC,YAAY,GAAG,kBAAkB;gBACtC;AACF,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,CAAC,YAAY,GAAG,uBAAuB;gBAC3C;AACF,YAAA,KAAK,QAAQ;AACX,gBAAA,IAAI,CAAC,YAAY,GAAG,kBAAkB;gBACtC;AACF,YAAA;AACE,gBAAA,IAAI,CAAC,YAAY,GAAG,oBAAoB;gBACxC;;;IAIN,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,oBAAoB,GAAG,EAAE,EAAA,EACpD,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EACrC,KAAK,EACH,cAAc,CACZ,sBAAsB,EACtB,CAA8B,2BAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EACzC,IAAI,CAAC,MAAM,IAAI,kCAAkC,EACjD,IAAI,CAAC,QAAQ,IAAI,gCAAgC,EACjD,IAAI,CAAC,MAAM,IAAI,8BAA8B,CAC9C,EAEH,QAAQ,EAAG,IAAI,CAAC,QAAQ,EAAA,EAEvB,IAAI,CAAC,gBAAgB,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAa,CAAA,EAC1H,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,IAAI,IAAI,iEAAU,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,MAAM,GAAG,YAAY,GAAG,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAa,CAAA,EAClM,IAAI,CAAC,KAAK,IAAI,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,UAAU,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAgB,CAAA,EAC/G,IAAI,CAAC,KAAK,IAAI,iEAAU,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,gBAAc,IAAI,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAa,CAClL,CACJ;;;;;;;;"}

package/dist/esm/vds-dialog-action-footer.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-dialog-action-footer.entry.js","sources":["src/components/dialog-action-footer/vds-dialog-action-footer.scss?tag=vds-dialog-action-footer&encapsulation=shadow","src/components/dialog-action-footer/vds-dialog-action-footer.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n padding-top: 1.5rem;\n}\n\n:host(.vds__dialog__footer--start) {\n display: flex;\n justify-content: start;\n gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--end) {\n display: flex;\n justify-content: end;\n gap: var(--spacing-03);\n}\n\n:host(.vds__dialog__footer--space-between) {\n display: flex;\n justify-content: space-between;\n gap: var(--spacing-03);\n}\n","import { Component, Host, h, Element, Event } from \"@stencil/core\";\nimport { EventEmitter, HTMLStencilElement } from \"@stencil/core/internal\";\n\n@Component({\n tag: \"vds-dialog-action-footer\",\n styleUrl: \"vds-dialog-action-footer.scss\",\n shadow: true,\n})\nexport class VdsDialogActionFooter {\n\n /** Emits event when closed button is clicked */\n @Event() closeButton: EventEmitter<void>;\n\n @Element() host: HTMLElement;\n\n componentDidLoad(): void {\n this.setClosebuttonEventEmitterToCloseDialogElements();\n }\n\n /**\n * @private\n * Sets up event listeners for the dialog children elements which has attribute close-dialog.\n *\n * - Listens for \"click\" events on the element and emits `closeButton`.\n *\n */\n private setClosebuttonEventEmitterToCloseDialogElements(): void {\n this.host.querySelectorAll(\"[close-dialog]\").forEach(el => {\n el.addEventListener(\"click\", () => {\n this.closeButton.emit();\n });\n });\n } \n\n render(): HTMLStencilElement {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n\n}\n"],"names":[],"mappings":";;AAAA,MAAM,wBAAwB,GAAG,MAAM,CAAC,0h/BAA0h/B,CAAC;;MCQtj/B,qBAAqB,GAAA,MAAA;;;;;IAOhC,gBAAgB,GAAA;QACd,IAAI,CAAC,+CAA+C,EAAE;;AAGvD;;;;;;AAME;IACM,+CAA+C,GAAA;AACtD,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;AACxD,YAAA,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAK;AAChC,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,aAAC,CAAC;AACJ,SAAC,CAAC;;IAGJ,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;"}

package/dist/esm/vds-dialog-body.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-dialog-body.entry.js","sources":["src/components/dialog-body/vds-dialog-body.scss?tag=vds-dialog-body&encapsulation=shadow","src/components/dialog-body/vds-dialog-body.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n overflow: auto;\n\n .vds__dialog--body {\n color: var(--color-text-medium);\n @include font-style(body, large);\n width: 100%;\n overflow: auto;\n }\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-dialog-body',\n styleUrl: 'vds-dialog-body.scss',\n shadow: true,\n})\nexport class VdsDialogBody {\n render(): HTMLStencilElement {\n return (\n <Host>\n <div class={\"vds__dialog--body\"}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,o7+BAAo7+B,CAAC;;MCQx8+B,aAAa,GAAA,MAAA;;;;IACxB,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,mBAAmB,EAAA,EAC7B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;"}

package/dist/esm/vds-dialog-header.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-dialog-header.entry.js","sources":["src/components/dialog-header/vds-dialog-header.scss?tag=vds-dialog-header&encapsulation=shadow","src/components/dialog-header/vds-dialog-header.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n padding-bottom: 1rem;\n\n .vds__dialog__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex: 1 0 0;\n align-self: stretch;\n\n .vds__dialog__header--text {\n color: var(--color-text-high);\n @include font-style(title, large);\n }\n }\n}\n","import { Component, Host, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-dialog-header',\n styleUrl: 'vds-dialog-header.scss',\n shadow: true,\n})\nexport class VdsDialogHeader {\n /** Toggles show close button in dialog header */\n @Prop() showCloseButton: boolean = true;\n\n /** Emits event when closed button is clicked */\n @Event() closeButton: EventEmitter<void>;\n\n render(): HTMLStencilElement {\n return (\n <Host>\n <div class={\"vds__dialog__header\"}>\n <div class={\"vds__dialog__header--text\"}>\n <slot></slot>\n </div>\n {this.showCloseButton && <vds-icon-button variant=\"secondary\" icon=\"close\" onClick={() => this.closeButton.emit()}></vds-icon-button>}\n </div>\n </Host>\n );\n }\n\n}\n"],"names":[],"mappings":";;AAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,2j/BAA2j/B,CAAC;;MCQjl/B,eAAe,GAAA,MAAA;AAL5B,IAAA,WAAA,CAAA,OAAA,EAAA;;;;AAOU,QAAA,IAAe,CAAA,eAAA,GAAY,IAAI;AAkBxC;IAbC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,qBAAqB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,2BAA2B,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACL,IAAI,CAAC,eAAe,IAAI,CAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAoB,CAAA,CACjI,CACD;;;;;;;"}

package/dist/esm/vds-dialog-modal.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-dialog-modal.entry.js","sources":["src/components/dialog-modal/vds-dialog-modal.scss?tag=vds-dialog-modal&encapsulation=shadow","src/components/dialog-modal/vds-dialog-modal.tsx"],"sourcesContent":[":host {\n display: block;\n\n .vds__dialog__modal {\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n }\n}\n\n:host(.vds__dialog__modal--container) {\n width: 100%;\n height: 100%;\n position: relative;\n}\n","import { Component, Host, h } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\n\n@Component({\n tag: 'vds-dialog-modal',\n styleUrl: 'vds-dialog-modal.scss',\n shadow: true,\n})\nexport class VdsDialogModal {\n render(): HTMLStencilElement {\n return (\n <Host class=\"vds__dialog__modal--container\">\n <div class={\"vds__dialog__modal\"}>\n <slot name=\"header\"></slot>\n <slot />\n <slot name=\"body\"></slot>\n <slot name=\"footer\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,+3+BAA+3+B,CAAC;;MCQp5+B,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;AACJ,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,oBAAoB,EAAA,EAC5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACR,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAQ,CACzB,CACD;;;;;;;"}

package/dist/esm/vds-dialog.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"vds-dialog.entry.js","sources":["src/components/dialog/vds-dialog.scss?tag=vds-dialog&encapsulation=shadow","src/components/dialog/vds-dialog.tsx"],"sourcesContent":[":host {\n display: block;\n width: fit-content;\n .vds__dialog__trigger {\n display: inline-block;\n }\n\n .vds__dialog {\n background-color: unset;\n color: unset;\n margin: auto;\n border: none;\n outline: none;\n padding: 0;\n &.vds__dialog__container--open {\n display: flex;\n justify-content: center;\n padding: 1.3rem;\n }\n &.vds__dialog--backdrop::backdrop {\n background: var(--color-interaction-black-lower);\n }\n &.vds__dialog--no-backdrop {\n overlay: auto !important;\n position: fixed;\n inset-block-start: 0px;\n inset-block-end: 0px;\n user-select: text;\n visibility: visible;\n overflow: auto;\n }\n }\n\n .vds__dialog__container {\n display: flex;\n max-width: 37.5rem;\n padding: var(--spacing-07);\n flex-direction: column;\n align-items: flex-start;\n border-radius: var(--radius-large);\n background: var(--surface-medium);\n position: relative;\n z-index: var(--elevation-layer-3);\n box-shadow:\n var(--elevation-shadow-3),\n inset 0 0 0 0.0625rem var(--color-border-lowest);\n\n @each $key, $value in $spacing {\n &.vds__dialog__spacing--spacing-#{$key} {\n padding: var(--spacing-#{$key});\n }\n }\n }\n}\n","import { Component, Host, h } from \"@stencil/core\";\nimport { HTMLStencilElement, Prop, Event, EventEmitter, Method, Element, State, Listen } from \"@stencil/core/internal\";\nimport { Spacing } from \"../../definitions/spacing\";\nimport { combineClasses } from \"../../utils/combine-classes\";\n\n@Component({\n tag: \"vds-dialog\",\n styleUrl: \"vds-dialog.scss\",\n shadow: true,\n})\nexport class VdsDialog {\n /** Sets the padding around the dialog */\n @Prop() padding: Spacing = \"spacing-07\";\n /** Toggles the background behind the dialog */\n @Prop() backdrop: boolean = true;\n /** Sets the width size of the dialog */\n @Prop() width: string = \"37.5rem\";\n /** Sets the minimum width size of the dialog */\n @Prop() minWidth: string = \"20rem\";\n /** Sets the maximum width size of the dialog */\n @Prop() maxWidth: string = \"80%\";\n /** Avoids user to close dialog by clicking outside */\n @Prop() preventOutsideClose: boolean = false;\n\n /** Emits the event when opens dialog */\n @Event() opened: EventEmitter<string>;\n /** Emits the event when opens dialog */\n @Event() closed: EventEmitter<string>;\n\n @State() isOpen: boolean = undefined;\n\n @Element() host: HTMLElement;\n\n private dialog: HTMLDialogElement;\n private trigger: HTMLElement;\n\n componentDidLoad(): void {\n this.setHTMLElementEvents();\n }\n\n /**\n * Opens the dialog element. This method displays the dialog modally\n * with a backdrop if the `backdrop` property is set to `true`. Otherwise,\n * it opens the dialog non-modally without a backdrop.\n *\n * @returns {Promise<void>} A promise that resolves when the dialog is opened.\n */\n @Method()\n open(): Promise<void> {\n this.isOpen = true;\n this.backdrop ? this.dialog.showModal() : this.dialog.open = true;\n this.opened.emit();\n return Promise.resolve();\n }\n\n /**\n * Closes the dialog element. This method hides the dialog.\n *\n * @returns {Promise<void>} A promise that resolves when the dialog is closed.\n */\n @Method()\n close(): Promise<void> {\n this.isOpen = false;\n this.dialog.close();\n this.closed.emit();\n return Promise.resolve();\n }\n\n /**\n * Returns the main element container of the dialog.\n *\n * @returns {Promise<HTMLDialogElement>} A promise that resolves returning the dialog main element.\n */\n @Method()\n getContainer(): Promise<HTMLDialogElement> {\n return Promise.resolve(this.dialog);\n }\n\n /**\n * Listens for \"closeButton\" events on the children elements.\n * This method calls the `close()` method to close the dialog when the button is clicked.\n *\n * @returns {void}\n */\n @Listen(\"closeButton\")\n closeButtonHandle(): void {\n this.close();\n }\n\n /**\n * Listens for \"keydown\" events on the children elements, when the Escape key is press down\n * it closes the dialog.\n *\n * @returns {void}\n */\n @Listen('keydown')\n handleEscKey(ev: KeyboardEvent): void {\n if (ev.key === \"Escape\"){\n this.close();\n }\n }\n\n /**\n * Opens the dialog when the trigger element is clicked\n *\n * @returns {void}\n */\n handleClick(): void {\n this.open();\n }\n\n /**\n * Closes the dialog when the backdrop element is clicked.\n * The HTMLDialog adds a ::backdrop element when is open with showDialog. This element returns as target\n * the DIALOG element; when clicking on the content it returns the element that was click.\n *\n * @returns {void}\n */\n handleClose(evt: Event): void {\n if (this.backdrop && !this.preventOutsideClose && (evt.target as HTMLElement).nodeName === \"DIALOG\") {\n this.close();\n }\n }\n\n /**\n * @private\n * Creates a styles object based on the component's properties (`width`, `minWidth`, `maxWidth`).\n *\n * @returns {Object} An object containing CSS styles for the component.\n */\n private setStyles(): { [key: string]: string } {\n const styles: any = {};\n\n styles.width = this.width;\n styles.minWidth = this.minWidth;\n styles.maxWidth = this.maxWidth;\n\n return styles;\n }\n\n /**\n * @private\n * Sets up event listeners for the dialog component elements.\n *\n * - Listens for \"click\" events on the `trigger` element and calls `handleClick`.\n * - Listens for \"click\" events on the `dialog` element and calls `handleClose`.\n *\n */\n private setHTMLElementEvents(): void {\n this.trigger.addEventListener(\"click\", this.handleClick.bind(this));\n this.dialog.addEventListener(\"click\", this.handleClose.bind(this));\n }\n\n render(): HTMLStencilElement {\n return (\n <Host>\n <div\n ref={(el): void => {\n if (el) {\n this.trigger = el;\n }\n }}\n class={\"vds__dialog__trigger\"}\n >\n <slot name=\"dialog-trigger\"></slot>\n </div>\n <dialog\n ref={(el): void => {\n if (el) {\n this.dialog = el;\n }\n }}\n style={{maxWidth: this.maxWidth}}\n class={combineClasses(\n \"vds__dialog\",\n this.backdrop ? \"vds__dialog--backdrop\" : \"vds__dialog--no-backdrop\",\n this.isOpen ? \"vds__dialog__container--open\" : \"\"\n )}\n >\n <div\n class={combineClasses(\n \"vds__dialog__container\",\n `vds__dialog__spacing--${this.padding}`\n )}\n style={this.setStyles()}\n >\n <slot></slot>\n </div>\n </dialog>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,u5jCAAu5jC,CAAC;;MCUv6jC,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;AAOU,QAAA,IAAO,CAAA,OAAA,GAAY,YAAY;;AAE/B,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAW,SAAS;;AAE1B,QAAA,IAAQ,CAAA,QAAA,GAAW,OAAO;;AAE1B,QAAA,IAAQ,CAAA,QAAA,GAAW,KAAK;;AAExB,QAAA,IAAmB,CAAA,mBAAA,GAAY,KAAK;AAOnC,QAAA,IAAM,CAAA,MAAA,GAAY,SAAS;AAmKrC;IA5JC,gBAAgB,GAAA;QACd,IAAI,CAAC,oBAAoB,EAAE;;AAG7B;;;;;;AAMG;IAEH,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI;QAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI;AACjE,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;IAEH,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAClB,QAAA,OAAO,OAAO,CAAC,OAAO,EAAE;;AAG1B;;;;AAIG;IAEH,YAAY,GAAA;QACV,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;;AAGrC;;;;;AAKG;IAEH,iBAAiB,GAAA;QACf,IAAI,CAAC,KAAK,EAAE;;AAGd;;;;;AAKG;AAEH,IAAA,YAAY,CAAC,EAAiB,EAAA;AAC5B,QAAA,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAC;YACtB,IAAI,CAAC,KAAK,EAAE;;;AAIhB;;;;AAIG;IACH,WAAW,GAAA;QACT,IAAI,CAAC,IAAI,EAAE;;AAGb;;;;;;AAMG;AACH,IAAA,WAAW,CAAC,GAAU,EAAA;AACpB,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAK,GAAG,CAAC,MAAsB,CAAC,QAAQ,KAAK,QAAQ,EAAE;YACnG,IAAI,CAAC,KAAK,EAAE;;;AAIhB;;;;;AAKG;IACK,SAAS,GAAA;QACf,MAAM,MAAM,GAAQ,EAAE;AAEtB,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;AACzB,QAAA,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC/B,QAAA,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAE/B,QAAA,OAAO,MAAM;;AAGf;;;;;;;AAOG;IACK,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACnE,QAAA,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAGpE,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;gBAChB,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,OAAO,GAAG,EAAE;;AAErB,aAAC,EACD,KAAK,EAAE,sBAAsB,EAAA,EAE7B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC/B,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,CAAC,EAAE,KAAU;gBAChB,IAAI,EAAE,EAAE;AACN,oBAAA,IAAI,CAAC,MAAM,GAAG,EAAE;;AAEpB,aAAC,EACD,KAAK,EAAE,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAC,EAChC,KAAK,EAAE,cAAc,CACnB,aAAa,EACb,IAAI,CAAC,QAAQ,GAAG,uBAAuB,GAAG,0BAA0B,EACpE,IAAI,CAAC,MAAM,GAAG,8BAA8B,GAAG,EAAE,CAClD,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE,cAAc,CACnB,wBAAwB,EACxB,CAAyB,sBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,CACxC,EACD,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EAAA,EAEvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACX,CACC,CACJ;;;;;;;;"}