@vonage/vivid 5.5.0 → 5.6.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.
- package/LICENSE.md +201 -0
- package/accordion/definition.cjs +5 -0
- package/accordion/definition.js +5 -0
- package/accordion/index.cjs +1 -1
- package/accordion/index.js +14 -3
- package/alert/definition.cjs +4 -12
- package/alert/definition.js +5 -13
- package/alert/index.cjs +11 -11
- package/alert/index.js +33 -37
- package/audio-player/definition.cjs +4 -0
- package/audio-player/definition.js +4 -0
- package/audio-player/index.cjs +1 -1
- package/audio-player/index.js +8 -2
- package/banner/definition.cjs +2 -4
- package/banner/definition.js +2 -4
- package/banner/index.cjs +2 -2
- package/banner/index.js +1 -1
- package/breadcrumb/definition.cjs +1 -0
- package/breadcrumb/definition.js +1 -0
- package/breadcrumb/index.cjs +1 -1
- package/breadcrumb/index.js +1 -0
- package/bundled/affix.js +1 -1
- package/bundled/anchored.cjs +1 -1
- package/bundled/anchored.js +6 -6
- package/bundled/attribute-binding-behaviour.cjs +1 -1
- package/bundled/attribute-binding-behaviour.js +3 -1
- package/bundled/base-color-picker.cjs +1 -1
- package/bundled/base-color-picker.js +9 -3
- package/bundled/base-progress.cjs +1 -1
- package/bundled/base-progress.js +3 -0
- package/bundled/button.cjs +1 -1
- package/bundled/button.js +14 -10
- package/bundled/calendar-picker.template.cjs +1 -1
- package/bundled/calendar-picker.template.js +2 -0
- package/bundled/definition10.cjs +7 -7
- package/bundled/definition10.js +27 -17
- package/bundled/definition11.cjs +2 -2
- package/bundled/definition11.js +5 -5
- package/bundled/definition12.cjs +1 -1
- package/bundled/definition12.js +1 -0
- package/bundled/definition17.cjs +1 -1
- package/bundled/definition17.js +4 -1
- package/bundled/definition18.cjs +1 -1
- package/bundled/definition18.js +13 -2
- package/bundled/definition19.cjs +6 -6
- package/bundled/definition19.js +68 -33
- package/bundled/definition2.cjs +8 -9
- package/bundled/definition2.js +67 -75
- package/bundled/definition22.cjs +1 -1
- package/bundled/definition22.js +1 -0
- package/bundled/definition3.cjs +1 -1
- package/bundled/definition3.js +1 -0
- package/bundled/definition5.cjs +1 -1
- package/bundled/definition5.js +9 -3
- package/bundled/definition6.cjs +1 -1
- package/bundled/definition6.js +1 -0
- package/bundled/definition7.cjs +1 -1
- package/bundled/definition7.js +7 -4
- package/bundled/definition8.cjs +1 -1
- package/bundled/definition8.js +1 -0
- package/bundled/definition9.cjs +6 -6
- package/bundled/definition9.js +545 -488
- package/bundled/delegates-aria.cjs +1 -1
- package/bundled/delegates-aria.js +3 -1
- package/bundled/form-associated.cjs +1 -1
- package/bundled/form-associated.js +11 -3
- package/bundled/host-semantics.js +4 -4
- package/bundled/listbox.cjs +1 -1
- package/bundled/listbox.js +21 -3
- package/bundled/localized.cjs +1 -1
- package/bundled/localized.js +137 -67
- package/bundled/mixins.cjs +4 -4
- package/bundled/mixins.js +10 -7
- package/bundled/picker-field.template.cjs +1 -1
- package/bundled/picker-field.template.js +1 -0
- package/bundled/scrollIntoView.cjs +1 -1
- package/bundled/scrollIntoView.js +4 -1
- package/bundled/text-field.cjs +1 -1
- package/bundled/text-field.js +1 -1
- package/bundled/time-selection-picker.template.cjs +2 -2
- package/bundled/time-selection-picker.template.js +3 -0
- package/bundled/vivid-element.cjs +4 -4
- package/bundled/vivid-element.js +529 -492
- package/calendar/definition.cjs +2 -0
- package/calendar/definition.js +2 -0
- package/calendar/index.cjs +1 -1
- package/calendar/index.js +2 -0
- package/checkbox/definition.cjs +1 -0
- package/checkbox/definition.js +1 -0
- package/color-picker/definition.cjs +5 -0
- package/color-picker/definition.js +5 -0
- package/color-picker/index.cjs +1 -1
- package/color-picker/index.js +5 -0
- package/combobox/definition.cjs +17 -6
- package/combobox/definition.js +17 -6
- package/combobox/index.cjs +14 -9
- package/combobox/index.js +53 -41
- package/custom-elements.json +6985 -542
- package/data-grid/definition.cjs +105 -7
- package/data-grid/definition.js +105 -7
- package/data-grid/index.cjs +52 -38
- package/data-grid/index.js +313 -242
- package/date-range-picker/definition.cjs +2 -0
- package/date-range-picker/definition.js +2 -0
- package/date-range-picker/index.cjs +1 -1
- package/date-range-picker/index.js +5 -1
- package/dial-pad/definition.cjs +9 -0
- package/dial-pad/definition.js +9 -0
- package/dial-pad/index.cjs +2 -2
- package/dial-pad/index.js +36 -12
- package/dialog/definition.cjs +1 -0
- package/dialog/definition.js +1 -0
- package/dialog/index.cjs +1 -1
- package/dialog/index.js +1 -0
- package/fab/definition.cjs +1 -0
- package/fab/definition.js +1 -0
- package/fab/index.cjs +1 -1
- package/fab/index.js +1 -0
- package/file-picker/definition.cjs +7 -2
- package/file-picker/definition.js +7 -2
- package/file-picker/index.cjs +6 -6
- package/file-picker/index.js +82 -73
- package/icon/definition.cjs +12 -21
- package/icon/definition.js +13 -22
- package/index.cjs +21 -0
- package/index.js +1 -1
- package/lib/data-grid/locale.d.ts +5 -0
- package/lib/date-picker/date-picker.d.ts +38 -38
- package/lib/date-range-picker/date-range-picker.d.ts +20 -20
- package/lib/date-time-picker/date-time-picker.d.ts +40 -40
- package/lib/icon/icon.d.ts +0 -1
- package/lib/menu/menu.d.ts +4 -4
- package/lib/rich-text-editor/definition.d.ts +3 -2
- package/lib/rich-text-editor/locale.d.ts +29 -3
- package/lib/rich-text-editor/popover.d.ts +19 -0
- package/lib/rich-text-editor/rich-text-editor.d.ts +16 -45
- package/lib/rich-text-editor/rich-text-editor.template.d.ts +2 -2
- package/lib/rich-text-editor/rte/config.d.ts +18 -0
- package/lib/rich-text-editor/rte/document.d.ts +28 -0
- package/lib/rich-text-editor/rte/exports.d.ts +23 -0
- package/lib/rich-text-editor/rte/feature.d.ts +46 -0
- package/lib/rich-text-editor/rte/features/internal/basic-text-blocks.d.ts +33 -0
- package/lib/rich-text-editor/rte/features/internal/foreign-html.d.ts +11 -0
- package/lib/rich-text-editor/rte/features/internal/history.d.ts +10 -0
- package/lib/rich-text-editor/rte/features/internal/text-style.d.ts +18 -0
- package/lib/rich-text-editor/rte/html-parser.d.ts +24 -0
- package/lib/rich-text-editor/rte/html-serializer.d.ts +30 -0
- package/lib/rich-text-editor/rte/instance.d.ts +57 -0
- package/lib/rich-text-editor/rte/utils/default-textblock.d.ts +2 -0
- package/lib/rich-text-editor/rte/utils/impl.d.ts +1 -0
- package/lib/rich-text-editor/rte/utils/textblock-attrs.d.ts +29 -0
- package/lib/rich-text-editor/rte/utils/textblock-marks.d.ts +10 -0
- package/lib/rich-text-editor/rte/utils/ui.d.ts +109 -0
- package/lib/simple-color-picker/simple-color-picker.d.ts +4 -4
- package/lib/text-area/text-area.d.ts +1 -1
- package/lib/text-field/text-field.d.ts +1 -1
- package/lib/time-picker/time-picker.d.ts +20 -20
- package/lib/toggletip/toggletip.d.ts +4 -4
- package/lib/tooltip/tooltip.d.ts +4 -4
- package/locales/de-DE.cjs +42 -4
- package/locales/de-DE.js +42 -4
- package/locales/en-GB.cjs +43 -5
- package/locales/en-GB.js +43 -5
- package/locales/en-US.cjs +43 -5
- package/locales/en-US.js +43 -5
- package/locales/ja-JP.cjs +43 -5
- package/locales/ja-JP.js +43 -5
- package/locales/zh-CN.cjs +43 -5
- package/locales/zh-CN.js +43 -5
- package/menu/definition.cjs +1 -0
- package/menu/definition.js +1 -0
- package/number-field/definition.cjs +5 -3
- package/number-field/definition.js +5 -3
- package/number-field/index.cjs +5 -3
- package/number-field/index.js +31 -29
- package/package.json +76 -62
- package/pagination/definition.cjs +2 -0
- package/pagination/definition.js +2 -0
- package/pagination/index.cjs +1 -1
- package/pagination/index.js +2 -0
- package/radio/definition.cjs +4 -0
- package/radio/definition.js +4 -0
- package/range-slider/definition.cjs +2 -1
- package/range-slider/definition.js +2 -1
- package/range-slider/index.cjs +1 -1
- package/range-slider/index.js +3 -1
- package/rich-text-editor/definition.cjs +17942 -1074
- package/rich-text-editor/definition.js +17926 -1079
- package/rich-text-editor/index.cjs +29 -130
- package/rich-text-editor/index.js +5565 -2474
- package/searchable-select/definition.cjs +6 -2
- package/searchable-select/definition.js +6 -2
- package/searchable-select/index.cjs +1 -1
- package/searchable-select/index.js +11 -7
- package/select/definition.cjs +17 -2
- package/select/definition.js +17 -2
- package/shared/patterns/anchored.d.ts +8 -8
- package/shared/patterns/char-count/char-count.d.ts +1 -1
- package/shared/patterns/localized.d.ts +386 -0
- package/shared/picker-field/mixins/calendar-picker.d.ts +10 -10
- package/shared/picker-field/mixins/calendar-picker.template.d.ts +10 -10
- package/shared/picker-field/mixins/min-max-calendar-picker.d.ts +20 -20
- package/shared/picker-field/mixins/single-date-picker.d.ts +28 -28
- package/shared/picker-field/mixins/single-value-picker.d.ts +8 -8
- package/shared/picker-field/mixins/time-selection-picker.d.ts +20 -20
- package/shared/picker-field/mixins/time-selection-picker.template.d.ts +20 -20
- package/shared/utils/promise.d.ts +7 -0
- package/simple-color-picker/definition.cjs +3 -0
- package/simple-color-picker/definition.js +3 -0
- package/simple-color-picker/index.cjs +1 -1
- package/simple-color-picker/index.js +3 -0
- package/slider/definition.cjs +7 -1
- package/slider/definition.js +7 -1
- package/styles/core/all.css +5 -1
- package/styles/core/theme.css +5 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +4 -4
- package/styles/tokens/theme-light.css +4 -4
- package/styles/tokens/vivid-2-compat.css +1 -1
- package/switch/definition.cjs +1 -0
- package/switch/definition.js +1 -0
- package/switch/index.cjs +1 -1
- package/switch/index.js +1 -0
- package/tabs/definition.cjs +2 -0
- package/tabs/definition.js +2 -0
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +2 -0
- package/text-area/definition.cjs +13 -7
- package/text-area/definition.js +13 -7
- package/text-area/index.cjs +6 -6
- package/text-area/index.js +20 -14
- package/text-field/definition.cjs +16 -6
- package/text-field/definition.js +16 -6
- package/toggletip/definition.cjs +5 -1
- package/toggletip/definition.js +5 -1
- package/tooltip/definition.cjs +4 -1
- package/tooltip/definition.js +4 -1
- package/tree-view/definition.cjs +28 -6
- package/tree-view/definition.js +28 -6
- package/tree-view/index.cjs +1 -1
- package/tree-view/index.js +28 -6
- package/unbundled/_commonjsHelpers.cjs +0 -26
- package/unbundled/_commonjsHelpers.js +1 -26
- package/unbundled/attribute-binding-behaviour.cjs +1 -0
- package/unbundled/attribute-binding-behaviour.js +1 -0
- package/unbundled/base-color-picker.cjs +9 -3
- package/unbundled/base-color-picker.js +9 -3
- package/unbundled/base-progress.cjs +3 -0
- package/unbundled/base-progress.js +3 -0
- package/unbundled/button.cjs +14 -10
- package/unbundled/button.js +14 -10
- package/unbundled/calendar-picker.template.cjs +2 -0
- package/unbundled/calendar-picker.template.js +2 -0
- package/unbundled/definition.cjs +1 -0
- package/unbundled/definition.js +1 -0
- package/unbundled/definition2.cjs +4 -1
- package/unbundled/definition2.js +4 -1
- package/unbundled/definition3.cjs +1 -0
- package/unbundled/definition3.js +1 -0
- package/unbundled/definition4.cjs +1 -0
- package/unbundled/definition4.js +1 -0
- package/unbundled/definition5.cjs +3 -2
- package/unbundled/definition5.js +4 -3
- package/unbundled/delegates-aria.cjs +1 -0
- package/unbundled/delegates-aria.js +1 -0
- package/unbundled/form-associated.cjs +4 -0
- package/unbundled/form-associated.js +4 -0
- package/unbundled/listbox.cjs +16 -1
- package/unbundled/listbox.js +16 -1
- package/unbundled/localized.cjs +36 -0
- package/unbundled/localized.js +37 -2
- package/unbundled/mixins.cjs +2 -0
- package/unbundled/mixins.js +2 -0
- package/unbundled/picker-field.template.cjs +1 -0
- package/unbundled/picker-field.template.js +1 -0
- package/unbundled/scrollIntoView.cjs +1 -0
- package/unbundled/scrollIntoView.js +1 -0
- package/unbundled/text-field.cjs +1 -1
- package/unbundled/text-field.js +1 -1
- package/unbundled/time-selection-picker.template.cjs +3 -0
- package/unbundled/time-selection-picker.template.js +3 -0
- package/unbundled/vivid-element.cjs +1 -1
- package/unbundled/vivid-element.js +1 -1
- package/video-player/definition.cjs +54 -44
- package/video-player/definition.js +50 -40
- package/video-player/index.cjs +28 -28
- package/video-player/index.js +1448 -1442
- package/vivid.api.json +6463 -6099
- package/lib/rich-text-editor/facades/prose-mirror-vivid.schema.d.ts +0 -4
- package/lib/rich-text-editor/facades/vivid-prose-mirror.facade.d.ts +0 -18
- package/lib/rich-text-editor/image-placeholder/definition.d.ts +0 -2
- package/lib/rich-text-editor/image-placeholder/image-placeholder.d.ts +0 -7
- package/lib/rich-text-editor/image-placeholder/image-placeholder.template.d.ts +0 -4
- package/lib/rich-text-editor/menubar/consts.d.ts +0 -18
- package/lib/rich-text-editor/menubar/definition.d.ts +0 -2
- package/lib/rich-text-editor/menubar/menubar.d.ts +0 -386
- package/lib/rich-text-editor/menubar/menubar.template.d.ts +0 -4
|
@@ -9,8 +9,8 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
|
|
|
9
9
|
readonly _resolvedMinDate: string;
|
|
10
10
|
readonly _resolvedMaxDate: string;
|
|
11
11
|
_isDateInValidRange(date: string): boolean;
|
|
12
|
-
"__#
|
|
13
|
-
"__#
|
|
12
|
+
"__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
13
|
+
"__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
14
14
|
_isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
|
|
15
15
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
16
16
|
_onPickerButtonClick(): void;
|
|
@@ -53,20 +53,20 @@ export declare const CalendarPickerTemplate: (context: VividElementDefinitionCon
|
|
|
53
53
|
_pickerButtonEl: Button;
|
|
54
54
|
connectedCallback(): void;
|
|
55
55
|
disconnectedCallback(): void;
|
|
56
|
-
"__#
|
|
57
|
-
"__#
|
|
56
|
+
"__#22@#onFocusIn": () => void;
|
|
57
|
+
"__#22@#onFocusOut": () => void;
|
|
58
58
|
proxy: HTMLInputElement;
|
|
59
59
|
validate(): void;
|
|
60
60
|
_getCustomValidationError(): string | null;
|
|
61
|
-
"__#
|
|
61
|
+
"__#22@#localeChangeHandler": {
|
|
62
62
|
handleChange: () => void;
|
|
63
63
|
};
|
|
64
|
-
"__#
|
|
65
|
-
"__#
|
|
66
|
-
"__#
|
|
64
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
65
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
66
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
67
67
|
_popupOpen: boolean;
|
|
68
|
-
"__#
|
|
69
|
-
"__#
|
|
68
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
69
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
70
70
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
71
71
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
72
72
|
readonly _dialogLabel: string;
|
|
@@ -9,8 +9,8 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
|
|
|
9
9
|
readonly _resolvedMinDate: string;
|
|
10
10
|
readonly _resolvedMaxDate: string;
|
|
11
11
|
_isDateInValidRange(date: string): boolean;
|
|
12
|
-
"__#
|
|
13
|
-
"__#
|
|
12
|
+
"__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
13
|
+
"__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
14
14
|
_isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
|
|
15
15
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
16
16
|
_onPickerButtonClick(): void;
|
|
@@ -53,20 +53,20 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
|
|
|
53
53
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
54
54
|
connectedCallback(): void;
|
|
55
55
|
disconnectedCallback(): void;
|
|
56
|
-
"__#
|
|
57
|
-
"__#
|
|
56
|
+
"__#22@#onFocusIn": () => void;
|
|
57
|
+
"__#22@#onFocusOut": () => void;
|
|
58
58
|
proxy: HTMLInputElement;
|
|
59
59
|
validate(): void;
|
|
60
60
|
_getCustomValidationError(): string | null;
|
|
61
|
-
"__#
|
|
61
|
+
"__#22@#localeChangeHandler": {
|
|
62
62
|
handleChange: () => void;
|
|
63
63
|
};
|
|
64
|
-
"__#
|
|
65
|
-
"__#
|
|
66
|
-
"__#
|
|
64
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
65
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
66
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
67
67
|
_popupOpen: boolean;
|
|
68
|
-
"__#
|
|
69
|
-
"__#
|
|
68
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
69
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
70
70
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
71
71
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
72
72
|
readonly _dialogLabel: string;
|
|
@@ -903,8 +903,8 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
|
|
|
903
903
|
_currentDate: string;
|
|
904
904
|
_currentMonth: import("../../datetime/month").Month;
|
|
905
905
|
_isDateInValidRange(date: string): boolean;
|
|
906
|
-
"__#
|
|
907
|
-
"__#
|
|
906
|
+
"__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
907
|
+
"__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
908
908
|
_isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
|
|
909
909
|
_closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
|
|
910
910
|
_onPickerButtonClick: (() => void) & (() => void);
|
|
@@ -947,20 +947,20 @@ export declare const MinMaxCalendarPicker: <T_5 extends AbstractConstructor<{
|
|
|
947
947
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
948
948
|
connectedCallback(): void;
|
|
949
949
|
disconnectedCallback(): void;
|
|
950
|
-
"__#
|
|
951
|
-
"__#
|
|
950
|
+
"__#22@#onFocusIn": () => void;
|
|
951
|
+
"__#22@#onFocusOut": () => void;
|
|
952
952
|
proxy: HTMLInputElement;
|
|
953
953
|
validate(): void;
|
|
954
954
|
_getCustomValidationError(): string | null;
|
|
955
|
-
"__#
|
|
955
|
+
"__#22@#localeChangeHandler": {
|
|
956
956
|
handleChange: () => void;
|
|
957
957
|
};
|
|
958
|
-
"__#
|
|
959
|
-
"__#
|
|
960
|
-
"__#
|
|
958
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
959
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
960
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
961
961
|
_popupOpen: boolean;
|
|
962
|
-
"__#
|
|
963
|
-
"__#
|
|
962
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
963
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
964
964
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
965
965
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
966
966
|
readonly _dialogLabel: string;
|
|
@@ -8,8 +8,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
|
|
|
8
8
|
readonly _resolvedMinDate: string;
|
|
9
9
|
readonly _resolvedMaxDate: string;
|
|
10
10
|
_isDateInValidRange(date: string): boolean;
|
|
11
|
-
"__#
|
|
12
|
-
"__#
|
|
11
|
+
"__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
12
|
+
"__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
13
13
|
_isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
|
|
14
14
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
15
15
|
_onPickerButtonClick(): void;
|
|
@@ -52,20 +52,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
|
|
|
52
52
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
53
53
|
connectedCallback(): void;
|
|
54
54
|
disconnectedCallback(): void;
|
|
55
|
-
"__#
|
|
56
|
-
"__#
|
|
55
|
+
"__#22@#onFocusIn": () => void;
|
|
56
|
+
"__#22@#onFocusOut": () => void;
|
|
57
57
|
proxy: HTMLInputElement;
|
|
58
58
|
validate(): void;
|
|
59
59
|
_getCustomValidationError(): string | null;
|
|
60
|
-
"__#
|
|
60
|
+
"__#22@#localeChangeHandler": {
|
|
61
61
|
handleChange: () => void;
|
|
62
62
|
};
|
|
63
|
-
"__#
|
|
64
|
-
"__#
|
|
65
|
-
"__#
|
|
63
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
64
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
65
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
66
66
|
_popupOpen: boolean;
|
|
67
|
-
"__#
|
|
68
|
-
"__#
|
|
67
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
68
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
69
69
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
70
70
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
71
71
|
readonly _dialogLabel: string;
|
|
@@ -909,20 +909,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
|
|
|
909
909
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
910
910
|
connectedCallback(): void;
|
|
911
911
|
disconnectedCallback(): void;
|
|
912
|
-
"__#
|
|
913
|
-
"__#
|
|
912
|
+
"__#22@#onFocusIn": () => void;
|
|
913
|
+
"__#22@#onFocusOut": () => void;
|
|
914
914
|
proxy: HTMLInputElement;
|
|
915
915
|
validate(): void;
|
|
916
916
|
_getCustomValidationError(): string | null;
|
|
917
|
-
"__#
|
|
917
|
+
"__#22@#localeChangeHandler": {
|
|
918
918
|
handleChange: () => void;
|
|
919
919
|
};
|
|
920
|
-
"__#
|
|
921
|
-
"__#
|
|
922
|
-
"__#
|
|
920
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
921
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
922
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
923
923
|
_popupOpen: boolean;
|
|
924
|
-
"__#
|
|
925
|
-
"__#
|
|
924
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
925
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
926
926
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
927
927
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
928
928
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
@@ -1759,8 +1759,8 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
|
|
|
1759
1759
|
readonly _resolvedMinDate: string;
|
|
1760
1760
|
readonly _resolvedMaxDate: string;
|
|
1761
1761
|
_isDateInValidRange(date: string): boolean;
|
|
1762
|
-
"__#
|
|
1763
|
-
"__#
|
|
1762
|
+
"__#23@#isMonthAfterValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
1763
|
+
"__#23@#isMonthBeforeValidRange"(month: import("../../datetime/month").Month): boolean | "";
|
|
1764
1764
|
_isMonthInValidRange(month: import("../../datetime/month").Month): boolean;
|
|
1765
1765
|
_closePopup: ((restoreFocusToTextField?: boolean) => void) & ((restoreFocusToTextField?: boolean) => void);
|
|
1766
1766
|
_onPickerButtonClick: (() => void) & (() => void);
|
|
@@ -1799,20 +1799,20 @@ export declare const SingleDatePickerMixin: <T_6 extends AbstractConstructor<{
|
|
|
1799
1799
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
1800
1800
|
connectedCallback(): void;
|
|
1801
1801
|
disconnectedCallback(): void;
|
|
1802
|
-
"__#
|
|
1803
|
-
"__#
|
|
1802
|
+
"__#22@#onFocusIn": () => void;
|
|
1803
|
+
"__#22@#onFocusOut": () => void;
|
|
1804
1804
|
proxy: HTMLInputElement;
|
|
1805
1805
|
validate(): void;
|
|
1806
1806
|
_getCustomValidationError(): string | null;
|
|
1807
|
-
"__#
|
|
1807
|
+
"__#22@#localeChangeHandler": {
|
|
1808
1808
|
handleChange: () => void;
|
|
1809
1809
|
};
|
|
1810
|
-
"__#
|
|
1811
|
-
"__#
|
|
1812
|
-
"__#
|
|
1810
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
1811
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
1812
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
1813
1813
|
_popupOpen: boolean;
|
|
1814
|
-
"__#
|
|
1815
|
-
"__#
|
|
1814
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
1815
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
1816
1816
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
1817
1817
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
1818
1818
|
readonly _dialogLabel: string;
|
|
@@ -19,20 +19,20 @@ export declare const SingleValuePicker: <T extends AbstractConstructor<PickerFie
|
|
|
19
19
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
20
20
|
connectedCallback(): void;
|
|
21
21
|
disconnectedCallback(): void;
|
|
22
|
-
"__#
|
|
23
|
-
"__#
|
|
22
|
+
"__#22@#onFocusIn": () => void;
|
|
23
|
+
"__#22@#onFocusOut": () => void;
|
|
24
24
|
proxy: HTMLInputElement;
|
|
25
25
|
validate(): void;
|
|
26
26
|
_getCustomValidationError(): string | null;
|
|
27
|
-
"__#
|
|
27
|
+
"__#22@#localeChangeHandler": {
|
|
28
28
|
handleChange: () => void;
|
|
29
29
|
};
|
|
30
|
-
"__#
|
|
31
|
-
"__#
|
|
32
|
-
"__#
|
|
30
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
31
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
32
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
33
33
|
_popupOpen: boolean;
|
|
34
|
-
"__#
|
|
35
|
-
"__#
|
|
34
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
35
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
36
36
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
37
37
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
38
38
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
@@ -21,20 +21,20 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
|
|
|
21
21
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
22
22
|
connectedCallback(): void;
|
|
23
23
|
disconnectedCallback(): void;
|
|
24
|
-
"__#
|
|
25
|
-
"__#
|
|
24
|
+
"__#22@#onFocusIn": () => void;
|
|
25
|
+
"__#22@#onFocusOut": () => void;
|
|
26
26
|
proxy: HTMLInputElement;
|
|
27
27
|
validate(): void;
|
|
28
28
|
_getCustomValidationError(): string | null;
|
|
29
|
-
"__#
|
|
29
|
+
"__#22@#localeChangeHandler": {
|
|
30
30
|
handleChange: () => void;
|
|
31
31
|
};
|
|
32
|
-
"__#
|
|
33
|
-
"__#
|
|
34
|
-
"__#
|
|
32
|
+
"__#22@#localeChangeObserver": ExpressionNotifier<any, any, any>;
|
|
33
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
34
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
35
35
|
_popupOpen: boolean;
|
|
36
|
-
"__#
|
|
37
|
-
"__#
|
|
36
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
37
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
38
38
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
39
39
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
40
40
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
@@ -868,12 +868,12 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
|
|
|
868
868
|
readonly _displaySeconds: boolean;
|
|
869
869
|
readonly _use12hClock: boolean;
|
|
870
870
|
readonly _timePlaceholder: string;
|
|
871
|
-
"__#
|
|
871
|
+
"__#25@#clockChangeHandler": {
|
|
872
872
|
handleChange: () => void;
|
|
873
873
|
};
|
|
874
|
-
"__#
|
|
875
|
-
"__#
|
|
876
|
-
"__#
|
|
874
|
+
"__#25@#clockChangeObserver": ExpressionNotifier;
|
|
875
|
+
"__#25@#startObservingClockChanges"(): void;
|
|
876
|
+
"__#25@#stopObservingClockChanges"(): void;
|
|
877
877
|
connectedCallback(): void;
|
|
878
878
|
disconnectedCallback(): void;
|
|
879
879
|
_onPickerButtonClick(): void;
|
|
@@ -895,20 +895,20 @@ export declare const TimeSelectionPicker: <T_5 extends AbstractConstructor<{
|
|
|
895
895
|
_textFieldEl: import("../../..").VwcTextFieldElement;
|
|
896
896
|
_dialogEl: HTMLElement;
|
|
897
897
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
898
|
-
"__#
|
|
899
|
-
"__#
|
|
898
|
+
"__#22@#onFocusIn": () => void;
|
|
899
|
+
"__#22@#onFocusOut": () => void;
|
|
900
900
|
proxy: HTMLInputElement;
|
|
901
901
|
validate(): void;
|
|
902
902
|
_getCustomValidationError(): string | null;
|
|
903
|
-
"__#
|
|
903
|
+
"__#22@#localeChangeHandler": {
|
|
904
904
|
handleChange: () => void;
|
|
905
905
|
};
|
|
906
|
-
"__#
|
|
907
|
-
"__#
|
|
908
|
-
"__#
|
|
906
|
+
"__#22@#localeChangeObserver": ExpressionNotifier<any, any, any>;
|
|
907
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
908
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
909
909
|
_popupOpen: boolean;
|
|
910
|
-
"__#
|
|
911
|
-
"__#
|
|
910
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
911
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
912
912
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
913
913
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
914
914
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
@@ -12,12 +12,12 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
|
|
|
12
12
|
readonly _displaySeconds: boolean;
|
|
13
13
|
readonly _use12hClock: boolean;
|
|
14
14
|
readonly _timePlaceholder: string;
|
|
15
|
-
"__#
|
|
15
|
+
"__#25@#clockChangeHandler": {
|
|
16
16
|
handleChange: () => void;
|
|
17
17
|
};
|
|
18
|
-
"__#
|
|
19
|
-
"__#
|
|
20
|
-
"__#
|
|
18
|
+
"__#25@#clockChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
19
|
+
"__#25@#startObservingClockChanges"(): void;
|
|
20
|
+
"__#25@#stopObservingClockChanges"(): void;
|
|
21
21
|
connectedCallback(): void;
|
|
22
22
|
disconnectedCallback(): void;
|
|
23
23
|
_onPickerButtonClick(): void;
|
|
@@ -39,20 +39,20 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
|
|
|
39
39
|
_textFieldEl: import("../../..").VwcTextFieldElement;
|
|
40
40
|
_dialogEl: HTMLElement;
|
|
41
41
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
42
|
-
"__#
|
|
43
|
-
"__#
|
|
42
|
+
"__#22@#onFocusIn": () => void;
|
|
43
|
+
"__#22@#onFocusOut": () => void;
|
|
44
44
|
proxy: HTMLInputElement;
|
|
45
45
|
validate(): void;
|
|
46
46
|
_getCustomValidationError(): string | null;
|
|
47
|
-
"__#
|
|
47
|
+
"__#22@#localeChangeHandler": {
|
|
48
48
|
handleChange: () => void;
|
|
49
49
|
};
|
|
50
|
-
"__#
|
|
51
|
-
"__#
|
|
52
|
-
"__#
|
|
50
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
51
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
52
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
53
53
|
_popupOpen: boolean;
|
|
54
|
-
"__#
|
|
55
|
-
"__#
|
|
54
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
55
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
56
56
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
57
57
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
58
58
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
@@ -892,20 +892,20 @@ export declare const TimeSelectionPickerTemplate: (context: VividElementDefiniti
|
|
|
892
892
|
_pickerButtonEl: import("../../..").VwcButtonElement;
|
|
893
893
|
connectedCallback(): void;
|
|
894
894
|
disconnectedCallback(): void;
|
|
895
|
-
"__#
|
|
896
|
-
"__#
|
|
895
|
+
"__#22@#onFocusIn": () => void;
|
|
896
|
+
"__#22@#onFocusOut": () => void;
|
|
897
897
|
proxy: HTMLInputElement;
|
|
898
898
|
validate(): void;
|
|
899
899
|
_getCustomValidationError(): string | null;
|
|
900
|
-
"__#
|
|
900
|
+
"__#22@#localeChangeHandler": {
|
|
901
901
|
handleChange: () => void;
|
|
902
902
|
};
|
|
903
|
-
"__#
|
|
904
|
-
"__#
|
|
905
|
-
"__#
|
|
903
|
+
"__#22@#localeChangeObserver": import("@microsoft/fast-element").ExpressionNotifier<any, any, any>;
|
|
904
|
+
"__#22@#startObservingLocaleChanges"(): void;
|
|
905
|
+
"__#22@#stopObservingLocaleChanges"(): void;
|
|
906
906
|
_popupOpen: boolean;
|
|
907
|
-
"__#
|
|
908
|
-
"__#
|
|
907
|
+
"__#22@#dismissOnClickOutside": (event: MouseEvent) => void;
|
|
908
|
+
"__#22@#openPopupIfPossible"(): void;
|
|
909
909
|
_closePopup(restoreFocusToTextField?: boolean): void;
|
|
910
910
|
_onBaseKeyDown(event: KeyboardEvent): boolean;
|
|
911
911
|
_focusableElsWithinDialog(): NodeListOf<HTMLElement>;
|
|
@@ -38,6 +38,7 @@ class SimpleColorPicker extends anchored.Anchored(baseColorPicker.BaseColorPicke
|
|
|
38
38
|
* @internal
|
|
39
39
|
*/
|
|
40
40
|
this.#handleAnchorKeydown = (event) => {
|
|
41
|
+
/* v8 ignore next -- @preserve */
|
|
41
42
|
if (event.key === "Enter" || event.key === " ") {
|
|
42
43
|
if (!this.open) {
|
|
43
44
|
fastElement.Updates.enqueue(() => this.open = true);
|
|
@@ -51,12 +52,14 @@ class SimpleColorPicker extends anchored.Anchored(baseColorPicker.BaseColorPicke
|
|
|
51
52
|
this._closeOnClickOutside = (e) => {
|
|
52
53
|
const clickedOutside = !this.contains(e.target);
|
|
53
54
|
const clickedOnAnchor = this._anchorEl?.contains(e.target);
|
|
55
|
+
/* v8 ignore else -- @preserve */
|
|
54
56
|
if (clickedOutside || clickedOnAnchor) this.open = false;
|
|
55
57
|
};
|
|
56
58
|
/**
|
|
57
59
|
* @internal
|
|
58
60
|
*/
|
|
59
61
|
this._closeOnEscape = (e) => {
|
|
62
|
+
/* v8 ignore else -- @preserve */
|
|
60
63
|
if (e.key === "Escape") {
|
|
61
64
|
this.open = false;
|
|
62
65
|
}
|
|
@@ -34,6 +34,7 @@ class SimpleColorPicker extends Anchored(BaseColorPicker(VividElement)) {
|
|
|
34
34
|
* @internal
|
|
35
35
|
*/
|
|
36
36
|
this.#handleAnchorKeydown = (event) => {
|
|
37
|
+
/* v8 ignore next -- @preserve */
|
|
37
38
|
if (event.key === "Enter" || event.key === " ") {
|
|
38
39
|
if (!this.open) {
|
|
39
40
|
Updates.enqueue(() => this.open = true);
|
|
@@ -47,12 +48,14 @@ class SimpleColorPicker extends Anchored(BaseColorPicker(VividElement)) {
|
|
|
47
48
|
this._closeOnClickOutside = (e) => {
|
|
48
49
|
const clickedOutside = !this.contains(e.target);
|
|
49
50
|
const clickedOnAnchor = this._anchorEl?.contains(e.target);
|
|
51
|
+
/* v8 ignore else -- @preserve */
|
|
50
52
|
if (clickedOutside || clickedOnAnchor) this.open = false;
|
|
51
53
|
};
|
|
52
54
|
/**
|
|
53
55
|
* @internal
|
|
54
56
|
*/
|
|
55
57
|
this._closeOnEscape = (e) => {
|
|
58
|
+
/* v8 ignore else -- @preserve */
|
|
56
59
|
if (e.key === "Escape") {
|
|
57
60
|
this.open = false;
|
|
58
61
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("../bundled/vivid-element.cjs"),l=require("../bundled/definition9.cjs"),p=require("../bundled/definition2.cjs"),d=require("../bundled/definition11.cjs"),h=require("../bundled/anchored.cjs"),v=require("../bundled/base-color-picker.cjs"),m=require("../bundled/index.cjs"),f=require("../bundled/repeat.cjs"),g=require("../bundled/class-names.cjs"),w=".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--vvd-color-cta-500),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";var _=Object.defineProperty,u=(n,e,o,i)=>{for(var s=void 0,t=n.length-1,a;t>=0;t--)(a=n[t])&&(s=a(e,o,s)||s);return s&&_(e,o,s),s};class c extends h.Anchored(v.BaseColorPicker(r.VividElement)){constructor(){super(...arguments),this.placement="top-start",this.swatchesPerRow=7,this.#e=()=>{this.open||r.Updates.enqueue(()=>this.open=!0)},this.#t=e=>{(e.key==="Enter"||e.key===" ")&&(this.open||r.Updates.enqueue(()=>this.open=!0),e.preventDefault())},this._closeOnClickOutside=e=>{const o=!this.contains(e.target),i=this._anchorEl?.contains(e.target)
|
|
1
|
+
"use strict";const r=require("../bundled/vivid-element.cjs"),l=require("../bundled/definition9.cjs"),p=require("../bundled/definition2.cjs"),d=require("../bundled/definition11.cjs"),h=require("../bundled/anchored.cjs"),v=require("../bundled/base-color-picker.cjs"),m=require("../bundled/index.cjs"),f=require("../bundled/repeat.cjs"),g=require("../bundled/class-names.cjs"),w=".palette{display:grid;grid-template-columns:repeat(var(--swatches-per-row, 7),var(--_color-swatch-size, 24px))}.swatch{position:relative;padding:0;border-radius:4px;background-color:var(--swatch-color);block-size:var(--_color-swatch-size, 24px);color:var(--vvd-color-canvas);cursor:pointer;inline-size:var(--_color-swatch-size, 24px)}.swatch:not(.contrast){border:none}.swatch.contrast{border:1px solid var(--vvd-color-neutral-400);color:var(--vvd-color-canvas-text)}.swatch:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--vvd-color-cta-500),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px));--focus-stroke-gap-color: transparent;--focus-inset: -3px}:host :host{display:var(--_popup-display, inline)}:host :host([slotted-anchor]){--_popup-display: contents}.palette{padding:var(--_color-palette-spacing, 16px);gap:var(--_color-palette-gap, 12px)}::part(popup-base){block-size:max-content;inline-size:max-content;max-block-size:100vh;max-inline-size:100vw;min-block-size:var(--_color-swatch-size, 24px);min-inline-size:var(--_color-swatch-size, 24px)}";var _=Object.defineProperty,u=(n,e,o,i)=>{for(var s=void 0,t=n.length-1,a;t>=0;t--)(a=n[t])&&(s=a(e,o,s)||s);return s&&_(e,o,s),s};class c extends h.Anchored(v.BaseColorPicker(r.VividElement)){constructor(){super(...arguments),this.placement="top-start",this.swatchesPerRow=7,this.#e=()=>{this.open||r.Updates.enqueue(()=>this.open=!0)},this.#t=e=>{/* v8 ignore next -- @preserve */(e.key==="Enter"||e.key===" ")&&(this.open||r.Updates.enqueue(()=>this.open=!0),e.preventDefault())},this._closeOnClickOutside=e=>{const o=!this.contains(e.target),i=this._anchorEl?.contains(e.target);/* v8 ignore else -- @preserve */(o||i)&&(this.open=!1)},this._closeOnEscape=e=>{/* v8 ignore else -- @preserve */e.key==="Escape"&&(this.open=!1)}}openChanged(e,o){this._updateListeners(),this._anchorEl&&this.#o(this._anchorEl),o&&this.isConnected&&requestAnimationFrame(()=>{this._refreshCanvasColor();const i=this.swatches.findIndex(t=>t.value===this.value),s=i>=0?i:0;this._focusSwatchByIndex(s)})}_getRowLength(){return this.swatchesPerRow}connectedCallback(){super.connectedCallback(),this._updateListeners()}disconnectedCallback(){super.disconnectedCallback(),this._updateListeners()}_updateListeners(){document.removeEventListener("click",this._closeOnClickOutside),document.removeEventListener("keydown",this._closeOnEscape),this.open&&this.isConnected&&(document.addEventListener("click",this._closeOnClickOutside),document.addEventListener("keydown",this._closeOnEscape))}_getFocusReturnEl(){return this._anchorEl??null}_anchorElChanged(e,o){e&&this.#r(e),o&&this.#s(o)}#o(e){e.setAttribute("aria-expanded",this.open.toString()),e.setAttribute("data-expanded",this.open.toString())}#s(e){this.#o(e),e.addEventListener("click",this.#e,!0),e.addEventListener("keydown",this.#t),e.setAttribute("aria-haspopup","true")}#r(e){e.removeEventListener("click",this.#e,!0),e.removeEventListener("keydown",this.#t),e.removeAttribute("aria-expanded"),e.removeAttribute("data-expanded"),e.removeAttribute("aria-haspopup")}#e;#t}u([r.attr({mode:"fromView"})],c.prototype,"placement");u([r.attr({attribute:"swatches-per-row",mode:"fromView",converter:r.nullableNumberConverter})],c.prototype,"swatchesPerRow");const k=n=>g.classNames("control"),b=n=>{const e=n.tagFor(l.Popup),o=n.tagFor(p.Icon),i=n.tagFor(d.Tooltip),s=h.anchorSlotTemplateFactory();return r.html`
|
|
2
2
|
${s}
|
|
3
3
|
<${e}
|
|
4
4
|
class="${k}"
|
|
@@ -18,11 +18,14 @@ class a extends x(E(h)) {
|
|
|
18
18
|
super(...arguments), this.placement = "top-start", this.swatchesPerRow = 7, this.#e = () => {
|
|
19
19
|
this.open || c.enqueue(() => this.open = !0);
|
|
20
20
|
}, this.#t = (e) => {
|
|
21
|
+
/* v8 ignore next -- @preserve */
|
|
21
22
|
(e.key === "Enter" || e.key === " ") && (this.open || c.enqueue(() => this.open = !0), e.preventDefault());
|
|
22
23
|
}, this._closeOnClickOutside = (e) => {
|
|
23
24
|
const o = !this.contains(e.target), i = this._anchorEl?.contains(e.target);
|
|
25
|
+
/* v8 ignore else -- @preserve */
|
|
24
26
|
(o || i) && (this.open = !1);
|
|
25
27
|
}, this._closeOnEscape = (e) => {
|
|
28
|
+
/* v8 ignore else -- @preserve */
|
|
26
29
|
e.key === "Escape" && (this.open = !1);
|
|
27
30
|
};
|
|
28
31
|
}
|
package/slider/definition.cjs
CHANGED
|
@@ -69,7 +69,8 @@ class Slider extends localized.Localized(
|
|
|
69
69
|
} else if (e.key === fastWebUtilities.keyEnd) {
|
|
70
70
|
e.preventDefault();
|
|
71
71
|
this.value = `${this.max}`;
|
|
72
|
-
} else
|
|
72
|
+
} else {
|
|
73
|
+
if (e.shiftKey) return;
|
|
73
74
|
switch (e.key) {
|
|
74
75
|
case keyCodes.keyArrowRight:
|
|
75
76
|
case fastWebUtilities.keyArrowUp:
|
|
@@ -224,6 +225,7 @@ class Slider extends localized.Localized(
|
|
|
224
225
|
* @internal
|
|
225
226
|
*/
|
|
226
227
|
readOnlyChanged() {
|
|
228
|
+
/* v8 ignore if -- @preserve */
|
|
227
229
|
if (this.proxy instanceof HTMLInputElement) {
|
|
228
230
|
this.proxy.readOnly = this.readOnly;
|
|
229
231
|
}
|
|
@@ -260,6 +262,7 @@ class Slider extends localized.Localized(
|
|
|
260
262
|
* @internal
|
|
261
263
|
*/
|
|
262
264
|
minChanged() {
|
|
265
|
+
/* v8 ignore if -- @preserve */
|
|
263
266
|
if (this.proxy instanceof HTMLInputElement) {
|
|
264
267
|
this.proxy.min = `${this.min}`;
|
|
265
268
|
}
|
|
@@ -270,6 +273,7 @@ class Slider extends localized.Localized(
|
|
|
270
273
|
* @internal
|
|
271
274
|
*/
|
|
272
275
|
maxChanged() {
|
|
276
|
+
/* v8 ignore if -- @preserve */
|
|
273
277
|
if (this.proxy instanceof HTMLInputElement) {
|
|
274
278
|
this.proxy.max = `${this.max}`;
|
|
275
279
|
}
|
|
@@ -280,6 +284,7 @@ class Slider extends localized.Localized(
|
|
|
280
284
|
* @internal
|
|
281
285
|
*/
|
|
282
286
|
stepChanged() {
|
|
287
|
+
/* v8 ignore if -- @preserve */
|
|
283
288
|
if (this.proxy instanceof HTMLInputElement) {
|
|
284
289
|
this.proxy.step = `${this.step}`;
|
|
285
290
|
}
|
|
@@ -363,6 +368,7 @@ class Slider extends localized.Localized(
|
|
|
363
368
|
return `${this.#roundToNearestStep((this.max + this.min) / 2)}`;
|
|
364
369
|
}
|
|
365
370
|
setupDefaultValue() {
|
|
371
|
+
/* v8 ignore else -- @preserve */
|
|
366
372
|
if (typeof this.value === "string") {
|
|
367
373
|
if (this.value.length === 0) {
|
|
368
374
|
this.initialValue = this.midpoint;
|
package/slider/definition.js
CHANGED
|
@@ -65,7 +65,8 @@ class Slider extends Localized(
|
|
|
65
65
|
} else if (e.key === keyEnd) {
|
|
66
66
|
e.preventDefault();
|
|
67
67
|
this.value = `${this.max}`;
|
|
68
|
-
} else
|
|
68
|
+
} else {
|
|
69
|
+
if (e.shiftKey) return;
|
|
69
70
|
switch (e.key) {
|
|
70
71
|
case keyArrowRight:
|
|
71
72
|
case keyArrowUp:
|
|
@@ -220,6 +221,7 @@ class Slider extends Localized(
|
|
|
220
221
|
* @internal
|
|
221
222
|
*/
|
|
222
223
|
readOnlyChanged() {
|
|
224
|
+
/* v8 ignore if -- @preserve */
|
|
223
225
|
if (this.proxy instanceof HTMLInputElement) {
|
|
224
226
|
this.proxy.readOnly = this.readOnly;
|
|
225
227
|
}
|
|
@@ -256,6 +258,7 @@ class Slider extends Localized(
|
|
|
256
258
|
* @internal
|
|
257
259
|
*/
|
|
258
260
|
minChanged() {
|
|
261
|
+
/* v8 ignore if -- @preserve */
|
|
259
262
|
if (this.proxy instanceof HTMLInputElement) {
|
|
260
263
|
this.proxy.min = `${this.min}`;
|
|
261
264
|
}
|
|
@@ -266,6 +269,7 @@ class Slider extends Localized(
|
|
|
266
269
|
* @internal
|
|
267
270
|
*/
|
|
268
271
|
maxChanged() {
|
|
272
|
+
/* v8 ignore if -- @preserve */
|
|
269
273
|
if (this.proxy instanceof HTMLInputElement) {
|
|
270
274
|
this.proxy.max = `${this.max}`;
|
|
271
275
|
}
|
|
@@ -276,6 +280,7 @@ class Slider extends Localized(
|
|
|
276
280
|
* @internal
|
|
277
281
|
*/
|
|
278
282
|
stepChanged() {
|
|
283
|
+
/* v8 ignore if -- @preserve */
|
|
279
284
|
if (this.proxy instanceof HTMLInputElement) {
|
|
280
285
|
this.proxy.step = `${this.step}`;
|
|
281
286
|
}
|
|
@@ -359,6 +364,7 @@ class Slider extends Localized(
|
|
|
359
364
|
return `${this.#roundToNearestStep((this.max + this.min) / 2)}`;
|
|
360
365
|
}
|
|
361
366
|
setupDefaultValue() {
|
|
367
|
+
/* v8 ignore else -- @preserve */
|
|
362
368
|
if (typeof this.value === "string") {
|
|
363
369
|
if (this.value.length === 0) {
|
|
364
370
|
this.initialValue = this.midpoint;
|
package/styles/core/all.css
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 08 Dec 2025 18:08:07 GMT
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* Do not edit directly
|
|
7
|
+
* Generated on Mon, 08 Dec 2025 18:08:07 GMT
|
|
4
8
|
*/
|
|
5
9
|
.vvd-root {
|
|
6
10
|
background-color: var(--vvd-color-canvas);
|
package/styles/core/theme.css
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 08 Dec 2025 18:08:07 GMT
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* Do not edit directly
|
|
7
|
+
* Generated on Mon, 08 Dec 2025 18:08:07 GMT
|
|
4
8
|
*/
|
|
5
9
|
.vvd-root {
|
|
6
10
|
background-color: var(--vvd-color-canvas);
|