@vonage/vivid 5.18.0 → 5.19.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/accordion/definition.cjs +0 -1
- package/accordion/definition.js +0 -1
- package/accordion/index.cjs +2 -2
- package/accordion/index.js +3 -4
- package/accordion-item/definition.cjs +0 -1
- package/accordion-item/definition.js +0 -1
- package/accordion-item/index.cjs +1 -1
- package/accordion-item/index.js +0 -2
- package/action-group/index.cjs +4 -4
- package/action-group/index.js +7 -7
- package/alert/definition.cjs +0 -1
- package/alert/definition.js +0 -1
- package/alert/index.cjs +5 -5
- package/alert/index.js +20 -21
- package/audio-player/definition.cjs +0 -1
- package/audio-player/definition.js +0 -1
- package/audio-player/index.cjs +13 -13
- package/audio-player/index.js +76 -77
- package/avatar/definition.cjs +0 -1
- package/avatar/definition.js +0 -1
- package/avatar/index.cjs +8 -8
- package/avatar/index.js +20 -21
- package/badge/definition.cjs +0 -1
- package/badge/definition.js +0 -1
- package/badge/index.cjs +1 -1
- package/badge/index.js +0 -2
- package/banner/definition.cjs +0 -1
- package/banner/definition.js +0 -1
- package/banner/index.cjs +4 -4
- package/banner/index.js +17 -18
- package/breadcrumb/index.cjs +2 -2
- package/breadcrumb/index.js +3 -3
- package/breadcrumb-item/definition.cjs +0 -1
- package/breadcrumb-item/definition.js +0 -1
- package/breadcrumb-item/index.cjs +5 -5
- package/breadcrumb-item/index.js +7 -8
- package/bundled/affix.cjs +2 -2
- package/bundled/affix.js +1 -1
- package/bundled/anchored.cjs +1 -1
- package/bundled/anchored.js +1 -1
- package/bundled/aria-binding-directive.cjs +1 -0
- package/bundled/aria-binding-directive.js +29 -0
- package/bundled/base-color-picker.cjs +3 -3
- package/bundled/base-color-picker.js +1 -1
- package/bundled/base-progress.cjs +1 -1
- package/bundled/base-progress.js +2 -2
- package/bundled/breadcrumb-item.cjs +1 -1
- package/bundled/breadcrumb-item.js +3 -3
- package/bundled/button.cjs +1 -1
- package/bundled/button.js +3 -3
- package/bundled/calendar-event.cjs +1 -1
- package/bundled/calendar-event.js +4 -4
- package/bundled/calendar-picker.template.cjs +20 -20
- package/bundled/calendar-picker.template.js +10 -10
- package/bundled/char-count.cjs +2 -2
- package/bundled/char-count.js +3 -3
- package/bundled/children.cjs +1 -1
- package/bundled/children.js +6 -6
- package/bundled/decorate.js +1 -1
- package/bundled/definition.cjs +1 -1
- package/bundled/definition.js +2 -2
- package/bundled/definition10.cjs +3 -3
- package/bundled/definition10.js +19 -19
- package/bundled/definition11.cjs +2 -2
- package/bundled/definition11.js +7 -7
- package/bundled/definition12.cjs +7 -7
- package/bundled/definition12.js +16 -16
- package/bundled/definition13.cjs +3 -3
- package/bundled/definition13.js +6 -6
- package/bundled/definition14.cjs +2 -2
- package/bundled/definition14.js +3 -3
- package/bundled/definition15.cjs +6 -6
- package/bundled/definition15.js +14 -14
- package/bundled/definition16.cjs +3 -3
- package/bundled/definition16.js +19 -19
- package/bundled/definition17.cjs +7 -7
- package/bundled/definition17.js +14 -14
- package/bundled/definition18.cjs +7 -7
- package/bundled/definition18.js +20 -20
- package/bundled/definition19.cjs +2 -2
- package/bundled/definition19.js +3 -3
- package/bundled/definition2.cjs +3 -3
- package/bundled/definition2.js +11 -11
- package/bundled/definition20.cjs +8 -8
- package/bundled/definition20.js +16 -17
- package/bundled/definition21.cjs +5 -5
- package/bundled/definition21.js +26 -26
- package/bundled/definition22.cjs +3 -3
- package/bundled/definition22.js +8 -8
- package/bundled/definition23.cjs +4 -4
- package/bundled/definition23.js +9 -9
- package/bundled/definition24.cjs +5 -5
- package/bundled/definition24.js +15 -15
- package/bundled/definition3.cjs +1 -1
- package/bundled/definition3.js +33 -33
- package/bundled/definition4.cjs +4 -4
- package/bundled/definition4.js +11 -11
- package/bundled/definition5.cjs +5 -5
- package/bundled/definition5.js +10 -10
- package/bundled/definition6.cjs +7 -7
- package/bundled/definition6.js +30 -30
- package/bundled/definition7.cjs +2 -2
- package/bundled/definition7.js +6 -6
- package/bundled/definition8.cjs +4 -4
- package/bundled/definition8.js +15 -15
- package/bundled/definition9.cjs +2 -2
- package/bundled/definition9.js +18 -18
- package/bundled/delegates-aria.cjs +1 -1
- package/bundled/delegates-aria.js +10 -49
- package/bundled/divider.cjs +1 -1
- package/bundled/divider.js +3 -3
- package/bundled/form-associated.cjs +1 -1
- package/bundled/form-associated.js +6 -6
- package/bundled/form-element.cjs +1 -1
- package/bundled/form-element.js +8 -6
- package/bundled/host-semantics.cjs +1 -1
- package/bundled/host-semantics.js +10 -39
- package/bundled/linkable.cjs +2 -2
- package/bundled/linkable.js +1 -1
- package/bundled/listbox.cjs +1 -1
- package/bundled/listbox.js +12 -12
- package/bundled/localized.cjs +1 -1
- package/bundled/localized.js +6 -6
- package/bundled/mixins.cjs +6 -6
- package/bundled/mixins.js +9 -9
- package/bundled/normalize.cjs +1 -1
- package/bundled/normalize.js +2 -2
- package/bundled/picker-field.template.cjs +1 -1
- package/bundled/picker-field.template.js +24 -23
- package/bundled/ref.cjs +1 -1
- package/bundled/ref.js +1 -1
- package/bundled/repeat.cjs +1 -1
- package/bundled/repeat.js +54 -54
- package/bundled/slider.template.cjs +7 -7
- package/bundled/slider.template.js +13 -13
- package/bundled/slottable-request.cjs +1 -1
- package/bundled/slottable-request.js +1 -1
- package/bundled/slotted.cjs +1 -1
- package/bundled/slotted.js +1 -1
- package/bundled/text-field.cjs +1 -1
- package/bundled/text-field.js +1 -1
- package/bundled/time-selection-picker.template.cjs +4 -4
- package/bundled/time-selection-picker.template.js +23 -23
- package/bundled/vivid-element.cjs +1 -1
- package/bundled/vivid-element.js +21 -19
- package/bundled/when.cjs +1 -1
- package/bundled/when.js +1 -1
- package/bundled/with-contextual-help.cjs +1 -1
- package/bundled/with-contextual-help.js +1 -1
- package/bundled/with-error-text.cjs +1 -1
- package/bundled/with-error-text.js +1 -1
- package/bundled/with-success-text.cjs +1 -1
- package/bundled/with-success-text.js +1 -1
- package/button/definition.cjs +0 -1
- package/button/definition.js +0 -1
- package/button/index.cjs +1 -1
- package/button/index.js +0 -2
- package/calendar/index.cjs +8 -8
- package/calendar/index.js +10 -10
- package/calendar-event/index.cjs +6 -6
- package/calendar-event/index.js +8 -8
- package/card/definition.cjs +0 -1
- package/card/definition.js +0 -1
- package/card/index.cjs +14 -14
- package/card/index.js +33 -34
- package/checkbox/definition.cjs +0 -1
- package/checkbox/definition.js +0 -1
- package/checkbox/index.cjs +1 -1
- package/checkbox/index.js +0 -2
- package/color-picker/definition.cjs +0 -1
- package/color-picker/definition.js +0 -1
- package/color-picker/index.cjs +15 -15
- package/color-picker/index.js +42 -42
- package/combobox/definition.cjs +0 -1
- package/combobox/definition.js +0 -1
- package/combobox/index.cjs +4 -4
- package/combobox/index.js +20 -21
- package/contextual-help/definition.cjs +0 -1
- package/contextual-help/definition.js +0 -1
- package/contextual-help/index.cjs +1 -1
- package/contextual-help/index.js +0 -2
- package/country/definition.cjs +0 -1
- package/country/definition.js +0 -1
- package/country/index.cjs +1 -1
- package/country/index.js +0 -2
- package/country-group/definition.cjs +0 -1
- package/country-group/definition.js +0 -1
- package/country-group/index.cjs +4 -4
- package/country-group/index.js +29 -29
- package/custom-elements.json +2544 -2688
- package/data-grid/definition.cjs +0 -1
- package/data-grid/definition.js +0 -1
- package/data-grid/index.cjs +14 -14
- package/data-grid/index.js +103 -104
- package/date-picker/definition.cjs +0 -1
- package/date-picker/definition.js +0 -1
- package/date-picker/index.cjs +1 -1
- package/date-picker/index.js +2 -3
- package/date-range-picker/definition.cjs +0 -1
- package/date-range-picker/definition.js +0 -1
- package/date-range-picker/index.cjs +1 -1
- package/date-range-picker/index.js +6 -7
- package/date-time-picker/definition.cjs +0 -1
- package/date-time-picker/definition.js +0 -1
- package/date-time-picker/index.cjs +2 -2
- package/date-time-picker/index.js +8 -9
- package/dial-pad/definition.cjs +0 -1
- package/dial-pad/definition.js +0 -1
- package/dial-pad/index.cjs +8 -8
- package/dial-pad/index.js +16 -17
- package/dialog/definition.cjs +0 -1
- package/dialog/definition.js +0 -1
- package/dialog/index.cjs +13 -10
- package/dialog/index.js +35 -33
- package/divider/index.cjs +1 -1
- package/divider/index.js +0 -1
- package/elevation/index.cjs +1 -1
- package/elevation/index.js +0 -1
- package/empty-state/definition.cjs +0 -1
- package/empty-state/definition.js +0 -1
- package/empty-state/index.cjs +4 -4
- package/empty-state/index.js +9 -10
- package/fab/definition.cjs +0 -1
- package/fab/definition.js +0 -1
- package/fab/index.cjs +3 -3
- package/fab/index.js +9 -10
- package/file-picker/definition.cjs +0 -1
- package/file-picker/definition.js +0 -1
- package/file-picker/index.cjs +7 -7
- package/file-picker/index.js +22 -23
- package/flag/definition.cjs +0 -1
- package/flag/definition.js +0 -1
- package/flag/index.cjs +3 -3
- package/flag/index.js +11 -11
- package/header/index.cjs +5 -5
- package/header/index.js +11 -11
- package/icon/definition.cjs +0 -1
- package/icon/definition.js +0 -1
- package/icon/index.cjs +1 -1
- package/icon/index.js +0 -2
- package/index.cjs +0 -1
- package/index.js +0 -1
- package/layout/index.cjs +2 -2
- package/layout/index.js +3 -3
- package/lib/avatar/avatar.d.ts +1 -1
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +1 -1
- package/lib/button/button.d.ts +1 -1
- package/lib/card/card.d.ts +1 -1
- package/lib/nav-item/nav-item.d.ts +1 -1
- package/lib/rich-text-editor/rte/utils/ui.d.ts +2 -1
- package/locales/de-DE.cjs +1 -1
- package/locales/en-GB.cjs +1 -1
- package/locales/en-US.cjs +1 -1
- package/locales/ja-JP.cjs +1 -1
- package/locales/zh-CN.cjs +1 -1
- package/menu/definition.cjs +0 -1
- package/menu/definition.js +0 -1
- package/menu/index.cjs +1 -1
- package/menu/index.js +0 -2
- package/menu-item/definition.cjs +0 -1
- package/menu-item/definition.js +0 -1
- package/menu-item/index.cjs +1 -1
- package/menu-item/index.js +0 -2
- package/nav/index.cjs +2 -2
- package/nav/index.js +2 -2
- package/nav-disclosure/definition.cjs +0 -1
- package/nav-disclosure/definition.js +0 -1
- package/nav-disclosure/index.cjs +4 -4
- package/nav-disclosure/index.js +15 -16
- package/nav-item/definition.cjs +0 -1
- package/nav-item/definition.js +0 -1
- package/nav-item/index.cjs +2 -2
- package/nav-item/index.js +10 -11
- package/note/definition.cjs +0 -1
- package/note/definition.js +0 -1
- package/note/index.cjs +2 -2
- package/note/index.js +7 -8
- package/number-field/definition.cjs +0 -1
- package/number-field/definition.js +0 -1
- package/number-field/index.cjs +5 -5
- package/number-field/index.js +16 -17
- package/option/definition.cjs +0 -1
- package/option/definition.js +0 -1
- package/option/index.cjs +1 -1
- package/option/index.js +0 -2
- package/package.json +22 -22
- package/pagination/definition.cjs +0 -1
- package/pagination/definition.js +0 -1
- package/pagination/index.cjs +4 -4
- package/pagination/index.js +11 -12
- package/popover/definition.cjs +0 -1
- package/popover/definition.js +0 -1
- package/popover/index.cjs +6 -6
- package/popover/index.js +28 -29
- package/popup/definition.cjs +0 -1
- package/popup/definition.js +0 -1
- package/popup/index.cjs +1 -1
- package/popup/index.js +0 -2
- package/progress/index.cjs +5 -5
- package/progress/index.js +10 -10
- package/progress-ring/index.cjs +1 -1
- package/progress-ring/index.js +0 -1
- package/radio/index.cjs +1 -1
- package/radio/index.js +0 -1
- package/radio-group/definition.cjs +0 -1
- package/radio-group/definition.js +0 -1
- package/radio-group/index.cjs +6 -6
- package/radio-group/index.js +21 -21
- package/range-slider/definition.cjs +0 -1
- package/range-slider/definition.js +0 -1
- package/range-slider/index.cjs +5 -5
- package/range-slider/index.js +58 -59
- package/rich-text-editor/definition.cjs +0 -1
- package/rich-text-editor/definition.js +0 -1
- package/rich-text-editor/index.cjs +9 -9
- package/rich-text-editor/index.js +2016 -1947
- package/rich-text-view/index.cjs +1 -1
- package/rich-text-view/index.js +2 -2
- package/searchable-select/definition.cjs +0 -1
- package/searchable-select/definition.js +0 -1
- package/searchable-select/index.cjs +23 -23
- package/searchable-select/index.js +109 -108
- package/select/definition.cjs +0 -1
- package/select/definition.js +0 -1
- package/select/index.cjs +1 -1
- package/select/index.js +0 -2
- package/selectable-box/definition.cjs +0 -1
- package/selectable-box/definition.js +0 -1
- package/selectable-box/index.cjs +9 -9
- package/selectable-box/index.js +19 -20
- package/shared/aria/aria-binding-directive.d.ts +21 -0
- package/shared/aria/aria-change-subscription.d.ts +1 -0
- package/shared/aria/delegates-aria.d.ts +1 -1
- package/shared/aria/host-semantics.d.ts +1 -1
- package/shared/patterns/linkable.d.ts +1 -1
- package/side-drawer/index.cjs +3 -3
- package/side-drawer/index.js +4 -4
- package/simple-color-picker/definition.cjs +0 -1
- package/simple-color-picker/definition.js +0 -1
- package/simple-color-picker/index.cjs +2 -2
- package/simple-color-picker/index.js +19 -20
- package/slider/definition.cjs +0 -1
- package/slider/definition.js +0 -1
- package/slider/index.cjs +1 -1
- package/slider/index.js +0 -2
- package/split-button/definition.cjs +0 -1
- package/split-button/definition.js +0 -1
- package/split-button/index.cjs +6 -6
- package/split-button/index.js +17 -18
- package/status/definition.cjs +0 -1
- package/status/definition.js +0 -1
- package/status/index.cjs +2 -2
- package/status/index.js +8 -9
- package/switch/definition.cjs +0 -1
- package/switch/definition.js +0 -1
- package/switch/index.cjs +5 -5
- package/switch/index.js +9 -10
- package/tab/definition.cjs +0 -1
- package/tab/definition.js +0 -1
- package/tab/index.cjs +1 -1
- package/tab/index.js +0 -2
- package/tab-panel/index.cjs +1 -1
- package/tab-panel/index.js +0 -1
- package/table/definition.cjs +0 -1
- package/table/definition.js +0 -1
- package/table/index.cjs +9 -9
- package/table/index.js +21 -22
- package/tabs/definition.cjs +0 -1
- package/tabs/definition.js +0 -1
- package/tabs/index.cjs +2 -2
- package/tabs/index.js +25 -26
- package/tag/definition.cjs +0 -1
- package/tag/definition.js +0 -1
- package/tag/index.cjs +11 -11
- package/tag/index.js +21 -22
- package/tag-group/index.cjs +4 -4
- package/tag-group/index.js +6 -6
- package/text-area/definition.cjs +0 -1
- package/text-area/definition.js +0 -1
- package/text-area/index.cjs +4 -4
- package/text-area/index.js +24 -25
- package/text-field/definition.cjs +0 -1
- package/text-field/definition.js +0 -1
- package/text-field/index.cjs +1 -1
- package/text-field/index.js +0 -2
- package/time-picker/definition.cjs +0 -1
- package/time-picker/definition.js +0 -1
- package/time-picker/index.cjs +1 -1
- package/time-picker/index.js +2 -3
- package/toggletip/definition.cjs +0 -1
- package/toggletip/definition.js +0 -1
- package/toggletip/index.cjs +1 -1
- package/toggletip/index.js +0 -2
- package/tooltip/definition.cjs +0 -1
- package/tooltip/definition.js +0 -1
- package/tooltip/index.cjs +1 -1
- package/tooltip/index.js +0 -2
- package/tree-item/definition.cjs +0 -1
- package/tree-item/definition.js +0 -1
- package/tree-item/index.cjs +1 -1
- package/tree-item/index.js +0 -2
- package/tree-view/definition.cjs +0 -1
- package/tree-view/definition.js +0 -1
- package/tree-view/index.cjs +2 -2
- package/tree-view/index.js +5 -5
- package/unbundled/aria-binding-directive.cjs +42 -0
- package/unbundled/aria-binding-directive.js +36 -0
- package/unbundled/calendar-picker.template.cjs +1 -1
- package/unbundled/calendar-picker.template.js +1 -1
- package/unbundled/char-count.cjs +2 -1
- package/unbundled/char-count.js +2 -1
- package/unbundled/decorate.cjs +1 -1
- package/unbundled/decorate.js +1 -1
- package/unbundled/definition.js +1 -1
- package/unbundled/definition10.cjs +5 -4
- package/unbundled/definition10.js +6 -5
- package/unbundled/definition11.cjs +14 -10
- package/unbundled/definition11.js +15 -11
- package/unbundled/definition12.cjs +2 -2
- package/unbundled/definition12.js +3 -3
- package/unbundled/definition13.cjs +7 -6
- package/unbundled/definition13.js +8 -7
- package/unbundled/definition14.cjs +67 -58
- package/unbundled/definition14.js +68 -59
- package/unbundled/definition15.js +1 -1
- package/unbundled/definition16.js +1 -1
- package/unbundled/definition17.cjs +10 -8
- package/unbundled/definition17.js +11 -9
- package/unbundled/definition18.js +1 -1
- package/unbundled/definition19.js +1 -1
- package/unbundled/definition2.cjs +4 -2
- package/unbundled/definition2.js +5 -3
- package/unbundled/definition20.js +1 -1
- package/unbundled/definition21.js +1 -1
- package/unbundled/definition22.js +1 -1
- package/unbundled/definition23.cjs +1 -1
- package/unbundled/definition23.js +2 -2
- package/unbundled/definition24.cjs +17 -13
- package/unbundled/definition24.js +18 -14
- package/unbundled/definition25.js +1 -1
- package/unbundled/definition26.cjs +17 -1
- package/unbundled/definition26.js +18 -2
- package/unbundled/definition27.cjs +15 -12
- package/unbundled/definition27.js +16 -13
- package/unbundled/definition28.cjs +9 -6
- package/unbundled/definition28.js +10 -7
- package/unbundled/definition29.js +1 -1
- package/unbundled/definition3.js +1 -1
- package/unbundled/definition30.cjs +4 -2
- package/unbundled/definition30.js +5 -3
- package/unbundled/definition31.js +1 -1
- package/unbundled/definition32.cjs +30 -23
- package/unbundled/definition32.js +31 -24
- package/unbundled/definition33.cjs +4 -2
- package/unbundled/definition33.js +5 -3
- package/unbundled/definition34.cjs +200 -48
- package/unbundled/definition34.js +201 -49
- package/unbundled/definition35.js +1 -1
- package/unbundled/definition36.js +1 -1
- package/unbundled/definition37.js +1 -1
- package/unbundled/definition38.cjs +2 -1
- package/unbundled/definition38.js +3 -2
- package/unbundled/definition39.js +1 -1
- package/unbundled/definition4.cjs +6 -0
- package/unbundled/definition4.js +7 -1
- package/unbundled/definition40.js +1 -1
- package/unbundled/definition41.cjs +17 -12
- package/unbundled/definition41.js +18 -13
- package/unbundled/definition42.js +1 -1
- package/unbundled/definition43.js +1 -1
- package/unbundled/definition44.cjs +4 -3
- package/unbundled/definition44.js +5 -4
- package/unbundled/definition45.js +1 -1
- package/unbundled/definition46.js +1 -1
- package/unbundled/definition47.cjs +5 -4
- package/unbundled/definition47.js +6 -5
- package/unbundled/definition48.cjs +1 -1
- package/unbundled/definition48.js +2 -2
- package/unbundled/definition49.js +1 -1
- package/unbundled/definition5.js +1 -1
- package/unbundled/definition50.js +1 -1
- package/unbundled/definition51.cjs +1 -1
- package/unbundled/definition51.js +2 -2
- package/unbundled/definition52.js +1 -1
- package/unbundled/definition53.cjs +16 -12
- package/unbundled/definition53.js +17 -13
- package/unbundled/definition54.js +1 -1
- package/unbundled/definition55.cjs +25 -23
- package/unbundled/definition55.js +26 -24
- package/unbundled/definition56.cjs +2 -1
- package/unbundled/definition56.js +3 -2
- package/unbundled/definition57.cjs +72 -61
- package/unbundled/definition57.js +73 -62
- package/unbundled/definition58.cjs +34 -26
- package/unbundled/definition58.js +34 -26
- package/unbundled/definition59.cjs +1 -1
- package/unbundled/definition59.js +2 -2
- package/unbundled/definition6.js +1 -1
- package/unbundled/definition60.js +1 -1
- package/unbundled/definition61.cjs +15 -10
- package/unbundled/definition61.js +16 -11
- package/unbundled/definition62.js +1 -1
- package/unbundled/definition63.js +1 -1
- package/unbundled/definition64.cjs +20 -17
- package/unbundled/definition64.js +21 -18
- package/unbundled/definition65.js +1 -1
- package/unbundled/definition66.js +1 -1
- package/unbundled/definition67.cjs +1 -1
- package/unbundled/definition67.js +2 -2
- package/unbundled/definition68.js +1 -1
- package/unbundled/definition69.js +1 -1
- package/unbundled/definition7.js +1 -1
- package/unbundled/definition70.cjs +28 -23
- package/unbundled/definition70.js +29 -24
- package/unbundled/definition71.js +1 -1
- package/unbundled/definition72.cjs +6 -5
- package/unbundled/definition72.js +7 -6
- package/unbundled/definition73.cjs +13 -1
- package/unbundled/definition73.js +14 -2
- package/unbundled/definition74.js +1 -1
- package/unbundled/definition75.js +1 -1
- package/unbundled/definition76.cjs +2 -1
- package/unbundled/definition76.js +3 -2
- package/unbundled/definition77.cjs +1 -1
- package/unbundled/definition77.js +1 -1
- package/unbundled/definition8.js +1 -1
- package/unbundled/definition9.cjs +9 -7
- package/unbundled/definition9.js +10 -8
- package/unbundled/delegates-aria.cjs +5 -60
- package/unbundled/delegates-aria.js +6 -60
- package/unbundled/divider.cjs +6 -0
- package/unbundled/divider.js +6 -0
- package/unbundled/form-element.cjs +7 -5
- package/unbundled/form-element.js +7 -5
- package/unbundled/host-semantics.cjs +10 -45
- package/unbundled/host-semantics.js +10 -44
- package/unbundled/mixins.js +1 -1
- package/unbundled/picker-field.template.cjs +20 -15
- package/unbundled/picker-field.template.js +20 -15
- package/unbundled/text-field.cjs +1 -1
- package/unbundled/text-field.js +1 -1
- package/unbundled/time-selection-picker.template.cjs +4 -3
- package/unbundled/time-selection-picker.template.js +5 -4
- package/unbundled/vivid-element.cjs +10 -1
- package/unbundled/vivid-element.js +5 -2
- package/video-player/index.cjs +24 -24
- package/video-player/index.js +3087 -3010
- package/visually-hidden/index.cjs +1 -1
- package/visually-hidden/index.js +0 -1
- package/vivid.api.json +1 -1
- package/bundled/attribute-binding-behaviour.cjs +0 -1
- package/bundled/attribute-binding-behaviour.js +0 -18
- package/bundled/strings.cjs +0 -1
- package/bundled/strings.js +0 -7
- package/shared/aria/delegate-aria-behavior.d.ts +0 -23
- package/shared/aria/host-semantics-behavior.d.ts +0 -19
- package/shared/templating/attribute-binding-behaviour.d.ts +0 -14
- package/unbundled/attribute-binding-behaviour.cjs +0 -37
- package/unbundled/attribute-binding-behaviour.js +0 -31
|
@@ -7,7 +7,7 @@ const require_playbackRates = require("./playbackRates.cjs");
|
|
|
7
7
|
let _microsoft_fast_element = require("@microsoft/fast-element");
|
|
8
8
|
let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
|
|
9
9
|
let video_js = require("video.js");
|
|
10
|
-
video_js = require_chunk.__toESM(video_js);
|
|
10
|
+
video_js = require_chunk.__toESM(video_js, 1);
|
|
11
11
|
//#region src/lib/video-player/video-player.scss?inline
|
|
12
12
|
var video_player_default = ".vjs-svg-icon{fill:currentColor;background-position:50%;background-repeat:no-repeat;width:1.8em;height:1.8em;display:inline-block}.vjs-svg-icon:before{content:none!important}.vjs-svg-icon:hover,.vjs-control:focus .vjs-svg-icon{filter:drop-shadow(0 0 .25em #fff)}.vjs-modal-dialog .vjs-modal-dialog-content,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{width:100%;height:100%;position:absolute;top:0;left:0}.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,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)format(\"woff\");font-weight:400;font-style:normal}.vjs-icon-play,.video-js .vjs-play-control .vjs-icon-placeholder,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-play-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-play-circle:before{content:\"\"}.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-spinner{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-spinner:before{content:\"\"}.vjs-icon-subtitles,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-subtitles:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-captions,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-captions-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-captions:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-hd{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-hd:before{content:\"\"}.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-downloading{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-downloading:before{content:\"\"}.vjs-icon-file-download{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download:before{content:\"\"}.vjs-icon-file-download-done{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-done:before{content:\"\"}.vjs-icon-file-download-off{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-file-download-off:before{content:\"\"}.vjs-icon-share{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-share:before{content:\"\"}.vjs-icon-cog{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cog:before{content:\"\"}.vjs-icon-square{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-square:before{content:\"\"}.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder,.video-js .vjs-volume-level,.video-js .vjs-play-progress{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before,.video-js .vjs-volume-level:before,.video-js .vjs-play-progress:before{content:\"\"}.vjs-icon-circle-outline{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-outline:before{content:\"\"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-circle-inner-circle:before{content:\"\"}.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-repeat{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-repeat:before{content:\"\"}.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-replay-5,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-5:before,.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-replay-10,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-10:before,.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-replay-30,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-replay-30:before,.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-forward-5,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-5:before,.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-forward-10,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-10:before,.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-forward-30,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-forward-30:before,.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-next-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-next-item:before{content:\"\"}.vjs-icon-previous-item{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-previous-item:before{content:\"\"}.vjs-icon-shuffle{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-shuffle:before{content:\"\"}.vjs-icon-cast{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-cast:before{content:\"\"}.vjs-icon-picture-in-picture-enter,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-picture-in-picture-enter:before,.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-picture-in-picture-exit,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-picture-in-picture-exit:before,.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before{content:\"\"}.vjs-icon-facebook{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-facebook:before{content:\"\"}.vjs-icon-linkedin{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-linkedin:before{content:\"\"}.vjs-icon-twitter{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-twitter:before{content:\"\"}.vjs-icon-tumblr{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-tumblr:before{content:\"\"}.vjs-icon-pinterest{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-pinterest:before{content:\"\"}.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder{font-family:VideoJS;font-style:normal;font-weight:400}.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before{content:\"\"}.video-js{vertical-align:top;box-sizing:border-box;color:#fff;word-break:initial;background-color:#000;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:1;display:inline-block;position:relative}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex=\"-1\"]{outline:none}.video-js *,.video-js :before,.video-js :after{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;list-style-position:outside}.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-1-1{width:100%;max-width:100%}.video-js.vjs-fluid:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-1-1:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{width:100%;height:100%;position:absolute;top:0;left:0}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{height:100%;margin:0;padding:0}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{z-index:1000;position:fixed;inset:0;overflow:hidden}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{display:block;width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{text-align:center;background-color:#000000b3;width:100%;padding:.5em;font-size:2em;position:absolute;bottom:10%}.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,.vjs-layout-small.vjs-pip-container .vjs-pip-text{font-size:1.4em;bottom:0}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{width:1px;height:1px;position:absolute;top:0;left:-9999px}.vjs-lock-showing{opacity:1!important;visibility:visible!important;display:block!important}.vjs-no-js{color:#fff;text-align:center;background-color:#000;width:300px;height:150px;margin:0 auto;padding:20px;font-family:Arial,Helvetica,sans-serif;font-size:18px}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{cursor:pointer;opacity:1;background-color:#2b333fb3;border:.06666em solid #fff;border-radius:.3em;width:3em;height:1.63332em;margin-top:-.81666em;margin-left:-1.5em;padding:0;font-size:3em;line-height:1.5em;transition:all .4s;display:block;position:absolute;top:50%;left:50%}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{background-color:#73859f80;border-color:#fff;transition:all}.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{color:inherit;font-size:inherit;line-height:inherit;text-transform:none;appearance:none;background:0 0;border:none;text-decoration:none;transition:none;display:inline-block}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{box-shadow:none;outline:.0625em solid #fff}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;z-index:2;height:3em;position:absolute;top:.5em;right:0}.video-js .vjs-modal-dialog{background:linear-gradient(#000c,#fff0);overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{z-index:1;padding:20px 24px;font-size:1.2em;line-height:1.5}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;display:block;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{text-align:center;text-transform:lowercase;justify-content:center;margin:0;padding:.2em 0;font-size:1.2em;line-height:1.4em;list-style:none;display:flex}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover,.js-focus-visible .vjs-menu li.vjs-menu-item:hover{background-color:#73859f80}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover,.js-focus-visible .vjs-menu li.vjs-selected:hover{color:#2b333f;background-color:#fff}.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon,.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible),.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;cursor:default;margin:0 0 .3em;padding:0;font-size:1em;font-weight:700;line-height:2em}.vjs-menu-button-popup .vjs-menu{border-top-color:#2b333fb3;width:10em;height:0;margin-bottom:1.5em;display:none;position:absolute;bottom:0;left:-3em}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333fb3;width:100%;max-height:15em;position:absolute;bottom:1.5em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.22222em}.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;width:auto;height:100%;margin:0;padding:0;transition:all .4s;position:absolute;top:0;left:4em}.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu{opacity:1;display:block}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{background-color:#2b333fb3;width:100%;height:3em;display:none;position:absolute;bottom:0;left:0;right:0}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-has-started .vjs-control-bar,.vjs-audio-only-mode .vjs-control-bar{visibility:visible;opacity:1;transition:visibility .1s,opacity .1s;display:flex}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{text-align:center;flex:none;width:4em;height:100%;margin:0;padding:0;position:relative}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{clip:rect(0 0 0 0);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;touch-action:none;flex:auto;align-items:center;min-width:4em;display:flex}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{align-items:center;display:flex}.video-js .vjs-progress-holder{flex:auto;height:.3em;transition:all .2s}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.66667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div{width:0;height:100%;margin:0;padding:0;display:block;position:absolute}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{z-index:1;font-size:.9em;line-height:.35em;position:absolute;right:-.5em}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{pointer-events:none;z-index:1;width:.9em;height:.9em;line-height:.15em;position:absolute;top:-.35em;right:-.4em}.video-js .vjs-load-progress{background:#73859f80}.video-js .vjs-load-progress div{background:#73859fbf}.video-js .vjs-time-tooltip{color:#000;float:right;pointer-events:none;visibility:hidden;z-index:1;background-color:#fffc;border-radius:.3em;padding:6px 8px 8px;font-family:Arial,Helvetica,sans-serif;font-size:1em;position:absolute;top:-3.4em}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{visibility:visible;font-size:.6em;display:block}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{z-index:1;background-color:#000;width:1px;height:100%;display:none;position:absolute}.video-js .vjs-progress-control:hover .vjs-mouse-display,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,.video-js.vjs-touch-enabled:not(.vjs-scrubbing) .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000c}.video-js .vjs-slider{cursor:pointer;-webkit-touch-callout:none;user-select:none;background-color:#73859f80;margin:0 .45em;padding:0;position:relative}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active{visibility:visible;opacity:1;transition:visibility .1s,opacity .1s,height .1s,width .1s,left,top;position:relative}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical{transition:left;left:-3.5em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{width:3em;height:8em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;left:-3000em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{background-color:#fff;position:absolute;bottom:0;left:0}.video-js .vjs-volume-level:before{z-index:1;font-size:.9em;position:absolute}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{z-index:1;top:-.5em;left:-.3em}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{pointer-events:none;z-index:1;width:.9em;height:.9em;position:absolute}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translate(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{background-color:#2b333fb3;width:3em;height:8em;bottom:8em}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{color:#000;float:right;pointer-events:none;visibility:hidden;z-index:1;background-color:#fffc;border-radius:.3em;padding:6px 8px 8px;font-family:Arial,Helvetica,sans-serif;font-size:1em;position:absolute;top:-3.4em}.video-js .vjs-volume-control:hover .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip{visibility:visible;font-size:1em;display:block}.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip{top:-12px;left:1em}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{z-index:1;background-color:#000;width:100%;height:1px;display:none;position:absolute}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000c}.vjs-poster{vertical-align:middle;cursor:pointer;height:100%;margin:0;padding:0;display:inline-block;position:absolute;inset:0}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{object-fit:contain;width:100%;height:100%}.video-js .vjs-live-control{flex:auto;align-items:flex-start;font-size:1em;line-height:3em;display:flex}.video-js:not(.vjs-live) .vjs-live-control,.video-js.vjs-liveui .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{cursor:pointer;flex:none;align-items:center;width:auto;min-width:4em;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;display:inline-flex}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{color:#888;margin-right:.5em}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{pointer-events:none;fill:#888;width:1em;height:1em}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;width:auto;min-width:2em;padding-left:1em;padding-right:1em;font-size:1em;line-height:3em}.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider,.video-js .vjs-current-time,.video-js .vjs-duration{display:none}.vjs-time-divider{line-height:3em;display:none}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{pointer-events:none;position:absolute;inset:0 0 3em}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{text-align:center;margin-bottom:.1em;font-size:1.4em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset:10px){.video-js .vjs-text-track-display>div{inset:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value{width:100%;height:100%;position:absolute;top:0;left:0}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;text-align:center;font-size:1.5em;line-height:2}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{text-align:center;font-size:1.4em}.vjs-loading-spinner{opacity:.85;text-align:left;box-sizing:border-box;visibility:hidden;background-clip:padding-box;border:.6em solid #2b333fb3;border-radius:50%;width:5em;height:5em;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{justify-content:center;align-items:center;animation:0s linear .3s forwards vjs-spinner-show;display:flex}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:before,.vjs-loading-spinner:after{content:\"\";box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:#fff #0000 #0000;position:absolute}.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after{animation:1.1s cubic-bezier(.6,.2,0,.8) infinite vjs-spinner-spin,1.1s linear infinite vjs-spinner-fade}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{to{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}to{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;margin-bottom:-.1em;display:inline-block}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:\"\";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;margin-bottom:-.1em;display:inline-block}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{content:\" \";font-family:VideoJS;font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover{width:auto;width:initial}.video-js.vjs-layout-x-small .vjs-progress-control,.video-js.vjs-layout-tiny .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{color:#fff;background-color:#2b333fbf;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{grid-template-rows:1fr;grid-template-columns:1fr 1fr;padding:20px 24px 0;display:grid}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-bottom:.5em;margin-right:1em}.vjs-text-track-settings fieldset{border:none;margin:10px}.vjs-text-track-settings fieldset span{padding:0 .6em .8em;display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-size:1.2em;font-weight:700}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active{background-image:linear-gradient(#73859f 0%,#fff 12%);outline-width:medium;outline-style:solid}.vjs-track-settings-controls button:hover{color:#2b333fbf}.vjs-track-settings-controls button{color:#2b333f;cursor:pointer;background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{pointer-events:none;background:linear-gradient(#000000e6 0%,#000000b3 60%,#0000 100%);width:100%;padding:.666em 1.333em 4em;font-size:1.2em;line-height:1.5;transition:opacity .1s;position:absolute;top:0}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-title,.vjs-title-bar-description{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.vjs-title-bar-title{margin-bottom:.333em;font-weight:700}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5,.video-js .vjs-skip-forward-10,.video-js .vjs-skip-forward-30,.video-js .vjs-skip-backward-5,.video-js .vjs-skip-backward-10,.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{cursor:pointer;opacity:1;background-color:#32323280;justify-content:center;align-items:center;height:3em;transition:opacity 1s;display:flex;position:absolute}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:#323232e6}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{z-index:-1000;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.js-focus-visible .video-js :focus:not(.focus-visible),.video-js :focus:not(:focus-visible){outline:none}:host{display:block}.vjs-theme-vivid{--focus-stroke-gap-color:transparent;color:#fff;font:var(--vvd-typography-base);border-radius:8px;position:relative;overflow:hidden;container-type:inline-size}.vjs-theme-vivid .vjs-big-play-button{background-color:#0d0d0dcc;border-radius:50%;justify-content:center;align-items:center;block-size:60px;inline-size:60px;margin-block-start:-30px;margin-inline-start:-30px}.vjs-theme-vivid .vjs-big-play-button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,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))}@media (hover:hover){.vjs-theme-vivid .vjs-big-play-button:hover{background-color:#1a1a1a}}.vjs-theme-vivid .vjs-big-play-button:active{background-color:#333}.vjs-fluid:not(.vjs-has-started) .vjs-theme-vivid .vjs-big-play-button{display:flex}.vjs-theme-vivid .vjs-big-play-button .vjs-svg-icon{filter:none;inline-size:30px;margin-inline-start:2px;display:flex}.vjs-theme-vivid .vjs-poster,.vjs-theme-vivid .vjs-tech{border-radius:8px;overflow:hidden}.vjs-theme-vivid .vjs-fluid:not(.vjs-fullscreen) .vjs-text-track-display .vjs-text-track-cue{font:var(--vvd-typography-heading-4)!important}.vjs-theme-vivid .vjs-time-control{font:var(--vvd-typography-base);flex-direction:column;justify-content:center;min-inline-size:auto;padding:0;display:flex}.vjs-theme-vivid .vjs-time-divider{padding:0 4px}.vjs-theme-vivid .vjs-remaining-time{display:none}.vjs-theme-vivid .vjs-control-bar{background-color:#0d0d0dcc;border-radius:0 0 8px 8px;flex-wrap:wrap;column-gap:4px;block-size:44px;inline-size:calc(100% - 16px);margin:8px;padding:4px 4px 8px}.vjs-theme-vivid .vjs-control-bar:before{background-color:inherit;content:\"\";border-radius:8px 8px 0 0;block-size:32px;inline-size:100%;position:absolute;inset-block-start:-32px;inset-inline-start:0}.vjs-theme-vivid .vjs-button{aspect-ratio:1;color:inherit;font:var(--vvd-typography-base);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;inline-size:32px;display:flex}.vjs-theme-vivid .vjs-button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,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))}@media (hover:hover){.vjs-theme-vivid .vjs-button:hover{background:#1a1a1a}}.vjs-theme-vivid .vjs-button:active{background:#333}.vjs-theme-vivid .vjs-button>.vjs-svg-icon{filter:none;block-size:16px;inline-size:16px}.vjs-theme-vivid .vjs-menu{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.vjs-theme-vivid .vjs-menu ::-webkit-scrollbar{width:4px}.vjs-theme-vivid .vjs-menu ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.vjs-theme-vivid .vjs-menu ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.vjs-theme-vivid .vjs-menu{--vvd-color-neutral-950:#fff}.vjs-theme-vivid .vjs-menu-button,.vjs-theme-vivid .vjs-menu ul{border-radius:8px}.vjs-theme-vivid .vjs-menu li{color:#fff;font:var(--vvd-typography-base);text-align:left;justify-content:start;align-items:center;min-block-size:40px;padding:4px 8px}.vjs-theme-vivid .vjs-menu li:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,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))}@media (hover:hover){.vjs-theme-vivid .vjs-menu li:not(.vjs-selected,.vjs-menu-title):hover{background:#1a1a1a}}.vjs-theme-vivid .vjs-menu li.vjs-selected{background:#333}@media (hover:hover){.vjs-theme-vivid .vjs-menu li.vjs-selected:hover{color:#fff}}.vjs-theme-vivid .vjs-progress-control{isolation:isolate;block-size:20px;inline-size:calc(100% - 80px);position:absolute;inset-block-start:-20px;inset-inline-start:40px}@media (hover:hover){.vjs-theme-vivid .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{display:none}}.vjs-theme-vivid .vjs-progress-control .vjs-icon-placeholder{top:-.3em}.vjs-theme-vivid .vjs-progress-control .vjs-progress-holder,.vjs-theme-vivid .vjs-progress-control .vjs-load-progress,.vjs-theme-vivid .vjs-progress-control .vjs-play-progress{border-radius:4px}.vjs-theme-vivid .vjs-progress-control .vjs-progress-holder:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,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))}.vjs-theme-vivid .vjs-duration,.vjs-theme-vivid .vjs-current-time{block-size:auto;position:absolute;inset-block-start:-20px;inset-inline-end:8px}.vjs-theme-vivid .vjs-current-time{inset-inline:8px auto}.vjs-theme-vivid .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{border-radius:4px}.vjs-theme-vivid .vjs-volume-bar.vjs-slider-vertical:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,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))}.vjs-theme-vivid .vjs-subs-caps-button .vjs-menu,.vjs-theme-vivid .vjs-chapters-button .vjs-menu,.vjs-theme-vivid .vjs-descriptions-button .vjs-menu{left:-62px;inline-size:168px;margin-block-end:16px;inset-block-end:-4px}.vjs-theme-vivid .vjs-playback-rate{inline-size:40px}.vjs-theme-vivid .vjs-playback-rate .vjs-playback-rate-value{z-index:1;font:var(--vvd-typography-base-extended);line-height:32px}.vjs-theme-vivid .vjs-playback-rate .vjs-menu{inline-size:66px;margin-block-end:16px;inset-block-end:-4px;inset-inline-start:-8px}.vjs-theme-vivid .vjs-audio-button .vjs-menu{margin-block-end:16px;inset-block-end:-4px}.vjs-theme-vivid .vjs-menu-button-popup .vjs-menu .vjs-menu-content{background:linear-gradient(#ffffff14,#ffffff14),#0d0d0d;flex-direction:column;gap:1px;padding-block:8px;display:flex;inset-block-end:20px}.vjs-theme-vivid .vjs-volume-panel{font:var(--vvd-typography-base);margin-inline-end:auto;inline-size:32px!important}.vjs-theme-vivid .vjs-volume-panel .vjs-volume-control{background:linear-gradient(#ffffff14,#ffffff14),#0d0d0d;border-radius:8px;inset-block-end:calc(8em + 4px)}.vjs-theme-vivid .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{inline-size:32px}.vjs-theme-vivid .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.vjs-theme-vivid .vjs-volume-panel.vjs-slider-active .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical{left:-31px}.vjs-theme-vivid .vjs-text-track-display{inline-size:100%;inset-inline:0!important}.vjs-theme-vivid .vjs-modal-dialog-content{text-align:center}.vjs-theme-vivid .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{display:none}@container (inline-size<=660px){.vjs-theme-vivid .vjs-fluid:not(.vjs-fullscreen) .vjs-text-track-display .vjs-text-track-cue{font:var(--vvd-typography-base-extended-bold)!important}}";
|
|
13
13
|
//#endregion
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c as createRegisterFunction, s as defineVividComponent, t as VividElement } from "./vivid-element.js";
|
|
2
2
|
import { t as __decorate } from "./decorate.js";
|
|
3
3
|
import { t as Localized } from "./localized.js";
|
|
4
4
|
import { s as MediaSkipBy } from "./enums.js";
|
package/unbundled/definition8.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c as createRegisterFunction, s as defineVividComponent, t as VividElement } from "./vivid-element.js";
|
|
2
2
|
import { t as __decorate } from "./decorate.js";
|
|
3
3
|
import { attr, html } from "@microsoft/fast-element";
|
|
4
4
|
import { classNames } from "@microsoft/fast-web-utilities";
|
|
@@ -42,6 +42,13 @@ var Alert = class extends require_affix.AffixIcon(require_localized.Localized(re
|
|
|
42
42
|
this.placement = "bottom";
|
|
43
43
|
this.timeoutms = 0;
|
|
44
44
|
this.open = false;
|
|
45
|
+
this.#closeOnEscape = (e) => {
|
|
46
|
+
if (this.open && this.removable && require_dialog.handleEscapeKeyAndStopPropogation(e)) this.open = false;
|
|
47
|
+
};
|
|
48
|
+
this.#onTransitionEnd = () => {
|
|
49
|
+
if (!this.open) this.style.display = "none";
|
|
50
|
+
else this.style.display = "contents";
|
|
51
|
+
};
|
|
45
52
|
}
|
|
46
53
|
#timeoutID;
|
|
47
54
|
/**
|
|
@@ -76,13 +83,8 @@ var Alert = class extends require_affix.AffixIcon(require_localized.Localized(re
|
|
|
76
83
|
if (this.#timeoutID) clearTimeout(this.#timeoutID);
|
|
77
84
|
if (this.open && this.timeoutms > 0) this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);
|
|
78
85
|
}
|
|
79
|
-
#closeOnEscape
|
|
80
|
-
|
|
81
|
-
};
|
|
82
|
-
#onTransitionEnd = () => {
|
|
83
|
-
if (!this.open) this.style.display = "none";
|
|
84
|
-
else this.style.display = "contents";
|
|
85
|
-
};
|
|
86
|
+
#closeOnEscape;
|
|
87
|
+
#onTransitionEnd;
|
|
86
88
|
};
|
|
87
89
|
require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ attribute: "dismiss-button-aria-label" })], Alert.prototype, "dismissButtonAriaLabel", void 0);
|
|
88
90
|
require_decorate.__decorate([(0, _microsoft_fast_element.attr)({ mode: "boolean" })], Alert.prototype, "removable", void 0);
|
package/unbundled/definition9.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c as createRegisterFunction, s as defineVividComponent, t as VividElement } from "./vivid-element.js";
|
|
2
2
|
import { t as iconDefinition } from "./definition2.js";
|
|
3
3
|
import { t as __decorate } from "./decorate.js";
|
|
4
4
|
import { a as affixIconTemplateFactory, i as IconWrapper, r as IconAriaHidden, t as AffixIcon } from "./affix.js";
|
|
@@ -41,6 +41,13 @@ var Alert = class extends AffixIcon(Localized(VividElement)) {
|
|
|
41
41
|
this.placement = "bottom";
|
|
42
42
|
this.timeoutms = 0;
|
|
43
43
|
this.open = false;
|
|
44
|
+
this.#closeOnEscape = (e) => {
|
|
45
|
+
if (this.open && this.removable && handleEscapeKeyAndStopPropogation(e)) this.open = false;
|
|
46
|
+
};
|
|
47
|
+
this.#onTransitionEnd = () => {
|
|
48
|
+
if (!this.open) this.style.display = "none";
|
|
49
|
+
else this.style.display = "contents";
|
|
50
|
+
};
|
|
44
51
|
}
|
|
45
52
|
#timeoutID;
|
|
46
53
|
/**
|
|
@@ -75,13 +82,8 @@ var Alert = class extends AffixIcon(Localized(VividElement)) {
|
|
|
75
82
|
if (this.#timeoutID) clearTimeout(this.#timeoutID);
|
|
76
83
|
if (this.open && this.timeoutms > 0) this.#timeoutID = setTimeout(() => this.open = false, this.timeoutms);
|
|
77
84
|
}
|
|
78
|
-
#closeOnEscape
|
|
79
|
-
|
|
80
|
-
};
|
|
81
|
-
#onTransitionEnd = () => {
|
|
82
|
-
if (!this.open) this.style.display = "none";
|
|
83
|
-
else this.style.display = "contents";
|
|
84
|
-
};
|
|
85
|
+
#closeOnEscape;
|
|
86
|
+
#onTransitionEnd;
|
|
85
87
|
};
|
|
86
88
|
__decorate([attr({ attribute: "dismiss-button-aria-label" })], Alert.prototype, "dismissButtonAriaLabel", void 0);
|
|
87
89
|
__decorate([attr({ mode: "boolean" })], Alert.prototype, "removable", void 0);
|
|
@@ -1,69 +1,14 @@
|
|
|
1
|
-
require("./chunk.cjs");
|
|
2
1
|
const require_vivid_element = require("./vivid-element.cjs");
|
|
3
|
-
const
|
|
4
|
-
let _microsoft_fast_element = require("@microsoft/fast-element");
|
|
5
|
-
//#region src/shared/aria/delegate-aria-behavior.ts
|
|
6
|
-
var DelegateAriaBehavior = class {
|
|
7
|
-
constructor(target, params) {
|
|
8
|
-
this.target = null;
|
|
9
|
-
this.bindingBehaviours = [];
|
|
10
|
-
this.onSourceAriaPropertyChanged = (source, property) => {
|
|
11
|
-
if (!this.forwardedProperties.has(property) || property in this.boundProperties) return;
|
|
12
|
-
this.forwardPropertyToTarget(this.target, property, source[property]);
|
|
13
|
-
};
|
|
14
|
-
this.target = target;
|
|
15
|
-
this.boundProperties = params.boundProperties;
|
|
16
|
-
this.forwardedProperties = params.forwardedProperties;
|
|
17
|
-
}
|
|
18
|
-
bind(controller) {
|
|
19
|
-
const source = controller.source;
|
|
20
|
-
this.bindPropertiesToTarget(source, this.boundProperties, this.target);
|
|
21
|
-
this.startForwardingPropertiesToTarget(source, this.forwardedProperties, this.target);
|
|
22
|
-
}
|
|
23
|
-
bindPropertiesToTarget(source, boundProperties, target) {
|
|
24
|
-
for (const [property, binding] of Object.entries(boundProperties)) {
|
|
25
|
-
const bindingFn = binding instanceof Function ? binding : () => binding;
|
|
26
|
-
this.bindingBehaviours.push(new require_attribute_binding_behaviour.AttributeBindingBehavior(target, (0, _microsoft_fast_element.oneWay)(bindingFn), _microsoft_fast_element.Observable.isVolatileBinding(bindingFn), require_vivid_element.ariaAttributeName(property)));
|
|
27
|
-
}
|
|
28
|
-
for (const behavior of this.bindingBehaviours) behavior.bind({
|
|
29
|
-
source,
|
|
30
|
-
context: source.$fastController.context
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
startForwardingPropertiesToTarget(source, delegatedProperties, target) {
|
|
34
|
-
for (const key of delegatedProperties)
|
|
35
|
-
/* v8 ignore else -- @preserve */
|
|
36
|
-
if (!(key in this.boundProperties)) this.forwardPropertyToTarget(target, key, source[key]);
|
|
37
|
-
require_vivid_element.subscribeToAriaPropertyChanges(source, this.onSourceAriaPropertyChanged);
|
|
38
|
-
}
|
|
39
|
-
forwardPropertyToTarget(target, property, value) {
|
|
40
|
-
if (value === null || value === void 0 || value === false) target.removeAttribute(require_vivid_element.ariaAttributeName(property));
|
|
41
|
-
else target.setAttribute(require_vivid_element.ariaAttributeName(property), String(value));
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
//#endregion
|
|
2
|
+
const require_aria_binding_directive = require("./aria-binding-directive.cjs");
|
|
45
3
|
//#region src/shared/aria/delegates-aria.ts
|
|
46
|
-
var DelegateAriaDirective = class extends _microsoft_fast_element.StatelessAttachedAttributeDirective {
|
|
47
|
-
constructor(boundProperties, forwardedProperties) {
|
|
48
|
-
super("vvd-delegate-aria");
|
|
49
|
-
this.boundProperties = boundProperties;
|
|
50
|
-
this.forwardedProperties = forwardedProperties;
|
|
51
|
-
this.targetNodeId = "";
|
|
52
|
-
}
|
|
53
|
-
bind(controller) {
|
|
54
|
-
const targetElement = controller.targets[this.targetNodeId];
|
|
55
|
-
new DelegateAriaBehavior(targetElement, {
|
|
56
|
-
boundProperties: this.boundProperties,
|
|
57
|
-
forwardedProperties: this.forwardedProperties
|
|
58
|
-
}).bind(controller);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
_microsoft_fast_element.HTMLDirective.define(DelegateAriaDirective);
|
|
62
4
|
/**
|
|
63
5
|
* Directive to delegate ARIA properties to the target element.
|
|
64
6
|
*/
|
|
65
7
|
function delegateAria(boundProperties = {}, options = {}) {
|
|
66
|
-
return new
|
|
8
|
+
return new require_aria_binding_directive.AriaBindingDirective({
|
|
9
|
+
boundProperties,
|
|
10
|
+
forwardedProperties: new Set((options.onlySpecified ? [] : require_vivid_element.ariaMixinProperties).filter((p) => !(p in boundProperties)))
|
|
11
|
+
});
|
|
67
12
|
}
|
|
68
13
|
/**
|
|
69
14
|
* Mixin for components that delegate ARIA properties to an element inside the
|
|
@@ -1,68 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as
|
|
3
|
-
import { HTMLDirective, Observable, StatelessAttachedAttributeDirective, oneWay } from "@microsoft/fast-element";
|
|
4
|
-
//#region src/shared/aria/delegate-aria-behavior.ts
|
|
5
|
-
var DelegateAriaBehavior = class {
|
|
6
|
-
constructor(target, params) {
|
|
7
|
-
this.target = null;
|
|
8
|
-
this.bindingBehaviours = [];
|
|
9
|
-
this.onSourceAriaPropertyChanged = (source, property) => {
|
|
10
|
-
if (!this.forwardedProperties.has(property) || property in this.boundProperties) return;
|
|
11
|
-
this.forwardPropertyToTarget(this.target, property, source[property]);
|
|
12
|
-
};
|
|
13
|
-
this.target = target;
|
|
14
|
-
this.boundProperties = params.boundProperties;
|
|
15
|
-
this.forwardedProperties = params.forwardedProperties;
|
|
16
|
-
}
|
|
17
|
-
bind(controller) {
|
|
18
|
-
const source = controller.source;
|
|
19
|
-
this.bindPropertiesToTarget(source, this.boundProperties, this.target);
|
|
20
|
-
this.startForwardingPropertiesToTarget(source, this.forwardedProperties, this.target);
|
|
21
|
-
}
|
|
22
|
-
bindPropertiesToTarget(source, boundProperties, target) {
|
|
23
|
-
for (const [property, binding] of Object.entries(boundProperties)) {
|
|
24
|
-
const bindingFn = binding instanceof Function ? binding : () => binding;
|
|
25
|
-
this.bindingBehaviours.push(new AttributeBindingBehavior(target, oneWay(bindingFn), Observable.isVolatileBinding(bindingFn), ariaAttributeName(property)));
|
|
26
|
-
}
|
|
27
|
-
for (const behavior of this.bindingBehaviours) behavior.bind({
|
|
28
|
-
source,
|
|
29
|
-
context: source.$fastController.context
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
startForwardingPropertiesToTarget(source, delegatedProperties, target) {
|
|
33
|
-
for (const key of delegatedProperties)
|
|
34
|
-
/* v8 ignore else -- @preserve */
|
|
35
|
-
if (!(key in this.boundProperties)) this.forwardPropertyToTarget(target, key, source[key]);
|
|
36
|
-
subscribeToAriaPropertyChanges(source, this.onSourceAriaPropertyChanged);
|
|
37
|
-
}
|
|
38
|
-
forwardPropertyToTarget(target, property, value) {
|
|
39
|
-
if (value === null || value === void 0 || value === false) target.removeAttribute(ariaAttributeName(property));
|
|
40
|
-
else target.setAttribute(ariaAttributeName(property), String(value));
|
|
41
|
-
}
|
|
42
|
-
};
|
|
43
|
-
//#endregion
|
|
1
|
+
import { i as ariaMixinProperties } from "./vivid-element.js";
|
|
2
|
+
import { t as AriaBindingDirective } from "./aria-binding-directive.js";
|
|
44
3
|
//#region src/shared/aria/delegates-aria.ts
|
|
45
|
-
var DelegateAriaDirective = class extends StatelessAttachedAttributeDirective {
|
|
46
|
-
constructor(boundProperties, forwardedProperties) {
|
|
47
|
-
super("vvd-delegate-aria");
|
|
48
|
-
this.boundProperties = boundProperties;
|
|
49
|
-
this.forwardedProperties = forwardedProperties;
|
|
50
|
-
this.targetNodeId = "";
|
|
51
|
-
}
|
|
52
|
-
bind(controller) {
|
|
53
|
-
const targetElement = controller.targets[this.targetNodeId];
|
|
54
|
-
new DelegateAriaBehavior(targetElement, {
|
|
55
|
-
boundProperties: this.boundProperties,
|
|
56
|
-
forwardedProperties: this.forwardedProperties
|
|
57
|
-
}).bind(controller);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
HTMLDirective.define(DelegateAriaDirective);
|
|
61
4
|
/**
|
|
62
5
|
* Directive to delegate ARIA properties to the target element.
|
|
63
6
|
*/
|
|
64
7
|
function delegateAria(boundProperties = {}, options = {}) {
|
|
65
|
-
return new
|
|
8
|
+
return new AriaBindingDirective({
|
|
9
|
+
boundProperties,
|
|
10
|
+
forwardedProperties: new Set((options.onlySpecified ? [] : ariaMixinProperties).filter((p) => !(p in boundProperties)))
|
|
11
|
+
});
|
|
66
12
|
}
|
|
67
13
|
/**
|
|
68
14
|
* Mixin for components that delegate ARIA properties to an element inside the
|
package/unbundled/divider.cjs
CHANGED
|
@@ -12,7 +12,13 @@ let _microsoft_fast_web_utilities = require("@microsoft/fast-web-utilities");
|
|
|
12
12
|
* @public
|
|
13
13
|
*/
|
|
14
14
|
var DividerRole = {
|
|
15
|
+
/**
|
|
16
|
+
* The divider semantically separates content
|
|
17
|
+
*/
|
|
15
18
|
separator: "separator",
|
|
19
|
+
/**
|
|
20
|
+
* The divider has no semantic value and is for visual presentation only.
|
|
21
|
+
*/
|
|
16
22
|
presentation: "presentation"
|
|
17
23
|
};
|
|
18
24
|
/**
|
package/unbundled/divider.js
CHANGED
|
@@ -11,7 +11,13 @@ import { Orientation } from "@microsoft/fast-web-utilities";
|
|
|
11
11
|
* @public
|
|
12
12
|
*/
|
|
13
13
|
var DividerRole = {
|
|
14
|
+
/**
|
|
15
|
+
* The divider semantically separates content
|
|
16
|
+
*/
|
|
14
17
|
separator: "separator",
|
|
18
|
+
/**
|
|
19
|
+
* The divider has no semantic value and is for visual presentation only.
|
|
20
|
+
*/
|
|
15
21
|
presentation: "presentation"
|
|
16
22
|
};
|
|
17
23
|
/**
|
|
@@ -16,6 +16,10 @@ var FormElement = (Base) => {
|
|
|
16
16
|
this.errorValidationMessage = "";
|
|
17
17
|
this.forceErrorDisplay = false;
|
|
18
18
|
this.hasBeenTouched = false;
|
|
19
|
+
this.#handleInvalidEvent = () => {
|
|
20
|
+
this.forceErrorDisplay = true;
|
|
21
|
+
this.validate();
|
|
22
|
+
};
|
|
19
23
|
this.addEventListener("blur", () => {
|
|
20
24
|
this.hasBeenTouched = true;
|
|
21
25
|
this.forceErrorDisplay = false;
|
|
@@ -35,10 +39,7 @@ var FormElement = (Base) => {
|
|
|
35
39
|
super.connectedCallback();
|
|
36
40
|
this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
|
|
37
41
|
}
|
|
38
|
-
#handleInvalidEvent
|
|
39
|
-
this.forceErrorDisplay = true;
|
|
40
|
-
this.validate();
|
|
41
|
-
};
|
|
42
|
+
#handleInvalidEvent;
|
|
42
43
|
/**
|
|
43
44
|
* @internal
|
|
44
45
|
*/
|
|
@@ -59,7 +60,8 @@ var FormElement = (Base) => {
|
|
|
59
60
|
*/
|
|
60
61
|
validate() {
|
|
61
62
|
super.validate();
|
|
62
|
-
|
|
63
|
+
const shouldShowValidationError = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
|
|
64
|
+
this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
|
|
63
65
|
}
|
|
64
66
|
}
|
|
65
67
|
require_decorate.__decorate([_microsoft_fast_element.attr], FormElementElement.prototype, "label", void 0);
|
|
@@ -15,6 +15,10 @@ var FormElement = (Base) => {
|
|
|
15
15
|
this.errorValidationMessage = "";
|
|
16
16
|
this.forceErrorDisplay = false;
|
|
17
17
|
this.hasBeenTouched = false;
|
|
18
|
+
this.#handleInvalidEvent = () => {
|
|
19
|
+
this.forceErrorDisplay = true;
|
|
20
|
+
this.validate();
|
|
21
|
+
};
|
|
18
22
|
this.addEventListener("blur", () => {
|
|
19
23
|
this.hasBeenTouched = true;
|
|
20
24
|
this.forceErrorDisplay = false;
|
|
@@ -34,10 +38,7 @@ var FormElement = (Base) => {
|
|
|
34
38
|
super.connectedCallback();
|
|
35
39
|
this.proxy.addEventListener("invalid", this.#handleInvalidEvent);
|
|
36
40
|
}
|
|
37
|
-
#handleInvalidEvent
|
|
38
|
-
this.forceErrorDisplay = true;
|
|
39
|
-
this.validate();
|
|
40
|
-
};
|
|
41
|
+
#handleInvalidEvent;
|
|
41
42
|
/**
|
|
42
43
|
* @internal
|
|
43
44
|
*/
|
|
@@ -58,7 +59,8 @@ var FormElement = (Base) => {
|
|
|
58
59
|
*/
|
|
59
60
|
validate() {
|
|
60
61
|
super.validate();
|
|
61
|
-
|
|
62
|
+
const shouldShowValidationError = this.forceErrorDisplay || this.hasBeenTouched && this.dirtyValue;
|
|
63
|
+
this.errorValidationMessage = shouldShowValidationError ? this.validationMessage : "";
|
|
62
64
|
}
|
|
63
65
|
}
|
|
64
66
|
__decorate([attr], FormElementElement.prototype, "label", void 0);
|
|
@@ -1,50 +1,15 @@
|
|
|
1
|
-
require("./
|
|
2
|
-
const require_vivid_element = require("./vivid-element.cjs");
|
|
3
|
-
const require_attribute_binding_behaviour = require("./attribute-binding-behaviour.cjs");
|
|
4
|
-
let _microsoft_fast_element = require("@microsoft/fast-element");
|
|
5
|
-
//#region src/shared/aria/host-semantics-behavior.ts
|
|
6
|
-
var HostSemanticsBehavior = class {
|
|
7
|
-
constructor(target, params) {
|
|
8
|
-
this.target = null;
|
|
9
|
-
this.bindingBehaviours = [];
|
|
10
|
-
this.target = target;
|
|
11
|
-
this.boundProperties = params.boundProperties;
|
|
12
|
-
}
|
|
13
|
-
bind(controller) {
|
|
14
|
-
const source = controller.source;
|
|
15
|
-
if (this.target !== source) throw new Error("Target element must be the same as the source element");
|
|
16
|
-
this.bindPropertiesToTarget(source, this.boundProperties, this.target);
|
|
17
|
-
}
|
|
18
|
-
bindPropertiesToTarget(source, boundProperties, target) {
|
|
19
|
-
for (const [property, binding] of Object.entries(boundProperties)) {
|
|
20
|
-
const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
|
|
21
|
-
this.bindingBehaviours.push(new require_attribute_binding_behaviour.AttributeBindingBehavior(target, (0, _microsoft_fast_element.oneWay)(bindingFn), true, require_vivid_element.ariaAttributeName(property)));
|
|
22
|
-
}
|
|
23
|
-
for (const behavior of this.bindingBehaviours) behavior.bind({
|
|
24
|
-
source,
|
|
25
|
-
context: source.$fastController.context
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
//#endregion
|
|
1
|
+
const require_aria_binding_directive = require("./aria-binding-directive.cjs");
|
|
30
2
|
//#region src/shared/aria/host-semantics.ts
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
this.targetNodeId = "";
|
|
36
|
-
}
|
|
37
|
-
bind(controller) {
|
|
38
|
-
const targetElement = controller.targets[this.targetNodeId];
|
|
39
|
-
new HostSemanticsBehavior(targetElement, {
|
|
40
|
-
boundProperties: this.boundProperties,
|
|
41
|
-
forwardedProperties: new Set(require_vivid_element.ariaMixinProperties.filter((p) => !(p in this.boundProperties)))
|
|
42
|
-
}).bind(controller);
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
_microsoft_fast_element.HTMLDirective.define(HostSemanticsDirective);
|
|
3
|
+
/**
|
|
4
|
+
* Directive to set ARIA properties to the host element.
|
|
5
|
+
* This is not technically necessary but allows us to change aria handling for host semantics later.
|
|
6
|
+
*/
|
|
46
7
|
function applyHostSemantics(boundProperties = {}) {
|
|
47
|
-
return new
|
|
8
|
+
return new require_aria_binding_directive.AriaBindingDirective({
|
|
9
|
+
boundProperties,
|
|
10
|
+
forwardedProperties: /* @__PURE__ */ new Set(),
|
|
11
|
+
requireHost: true
|
|
12
|
+
});
|
|
48
13
|
}
|
|
49
14
|
/**
|
|
50
15
|
* Mixin for components that place semantics on the host element.
|
|
@@ -1,49 +1,15 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t as AttributeBindingBehavior } from "./attribute-binding-behaviour.js";
|
|
3
|
-
import { HTMLDirective, StatelessAttachedAttributeDirective, oneWay } from "@microsoft/fast-element";
|
|
4
|
-
//#region src/shared/aria/host-semantics-behavior.ts
|
|
5
|
-
var HostSemanticsBehavior = class {
|
|
6
|
-
constructor(target, params) {
|
|
7
|
-
this.target = null;
|
|
8
|
-
this.bindingBehaviours = [];
|
|
9
|
-
this.target = target;
|
|
10
|
-
this.boundProperties = params.boundProperties;
|
|
11
|
-
}
|
|
12
|
-
bind(controller) {
|
|
13
|
-
const source = controller.source;
|
|
14
|
-
if (this.target !== source) throw new Error("Target element must be the same as the source element");
|
|
15
|
-
this.bindPropertiesToTarget(source, this.boundProperties, this.target);
|
|
16
|
-
}
|
|
17
|
-
bindPropertiesToTarget(source, boundProperties, target) {
|
|
18
|
-
for (const [property, binding] of Object.entries(boundProperties)) {
|
|
19
|
-
const bindingFn = binding instanceof Function ? binding : (x) => x[property] ?? binding;
|
|
20
|
-
this.bindingBehaviours.push(new AttributeBindingBehavior(target, oneWay(bindingFn), true, ariaAttributeName(property)));
|
|
21
|
-
}
|
|
22
|
-
for (const behavior of this.bindingBehaviours) behavior.bind({
|
|
23
|
-
source,
|
|
24
|
-
context: source.$fastController.context
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
//#endregion
|
|
1
|
+
import { t as AriaBindingDirective } from "./aria-binding-directive.js";
|
|
29
2
|
//#region src/shared/aria/host-semantics.ts
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
this.targetNodeId = "";
|
|
35
|
-
}
|
|
36
|
-
bind(controller) {
|
|
37
|
-
const targetElement = controller.targets[this.targetNodeId];
|
|
38
|
-
new HostSemanticsBehavior(targetElement, {
|
|
39
|
-
boundProperties: this.boundProperties,
|
|
40
|
-
forwardedProperties: new Set(ariaMixinProperties.filter((p) => !(p in this.boundProperties)))
|
|
41
|
-
}).bind(controller);
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
HTMLDirective.define(HostSemanticsDirective);
|
|
3
|
+
/**
|
|
4
|
+
* Directive to set ARIA properties to the host element.
|
|
5
|
+
* This is not technically necessary but allows us to change aria handling for host semantics later.
|
|
6
|
+
*/
|
|
45
7
|
function applyHostSemantics(boundProperties = {}) {
|
|
46
|
-
return new
|
|
8
|
+
return new AriaBindingDirective({
|
|
9
|
+
boundProperties,
|
|
10
|
+
forwardedProperties: /* @__PURE__ */ new Set(),
|
|
11
|
+
requireHost: true
|
|
12
|
+
});
|
|
47
13
|
}
|
|
48
14
|
/**
|
|
49
15
|
* Mixin for components that place semantics on the host element.
|
package/unbundled/mixins.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { s as defineVividComponent, t as VividElement } from "./vivid-element.js";
|
|
2
2
|
import { n as visuallyHiddenDefinition } from "./definition.js";
|
|
3
3
|
import { r as Icon, t as iconDefinition } from "./definition2.js";
|
|
4
4
|
import { t as __decorate } from "./decorate.js";
|