@vonage/vivid 4.13.0 → 4.14.1
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/custom-elements.json +3088 -1610
- package/elevation/index.cjs +1 -1
- package/elevation/index.js +1 -1
- package/index.cjs +70 -136
- package/index.d.ts +0 -1
- package/index.js +60 -62
- package/lib/accordion/accordion.d.ts +2 -2
- package/lib/accordion/accordion.template.d.ts +1 -2
- package/lib/accordion/definition.d.ts +1 -1
- package/lib/accordion-item/accordion-item.d.ts +2 -2
- package/lib/accordion-item/accordion-item.template.d.ts +2 -3
- package/lib/accordion-item/definition.d.ts +1 -1
- package/lib/action-group/action-group.d.ts +2 -2
- package/lib/action-group/action-group.template.d.ts +1 -3
- package/lib/action-group/definition.d.ts +1 -1
- package/lib/alert/alert.d.ts +2 -2
- package/lib/alert/alert.template.d.ts +2 -3
- package/lib/alert/definition.d.ts +1 -1
- package/lib/audio-player/audio-player.d.ts +2 -2
- package/lib/audio-player/audio-player.template.d.ts +2 -3
- package/lib/audio-player/definition.d.ts +1 -3
- package/lib/avatar/avatar.d.ts +2 -2
- package/lib/avatar/avatar.template.d.ts +2 -3
- package/lib/avatar/definition.d.ts +1 -1
- package/lib/badge/badge.d.ts +2 -2
- package/lib/badge/badge.template.d.ts +2 -3
- package/lib/badge/definition.d.ts +1 -3
- package/lib/banner/banner.d.ts +2 -2
- package/lib/banner/banner.template.d.ts +2 -3
- package/lib/banner/definition.d.ts +1 -1
- package/lib/breadcrumb/breadcrumb.d.ts +2 -2
- package/lib/breadcrumb/breadcrumb.template.d.ts +3 -4
- package/lib/breadcrumb/definition.d.ts +1 -1
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +2 -2
- package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +2 -3
- package/lib/breadcrumb-item/definition.d.ts +1 -1
- package/lib/button/button.d.ts +2 -2
- package/lib/button/button.template.d.ts +2 -4
- package/lib/button/definition.d.ts +1 -1
- package/lib/calendar/calendar.d.ts +2 -2
- package/lib/calendar/calendar.template.d.ts +1 -3
- package/lib/calendar/definition.d.ts +1 -1
- package/lib/calendar-event/calendar-event.d.ts +2 -2
- package/lib/calendar-event/calendar-event.template.d.ts +1 -3
- package/lib/calendar-event/definition.d.ts +1 -1
- package/lib/card/card.d.ts +2 -2
- package/lib/card/card.template.d.ts +2 -3
- package/lib/card/definition.d.ts +1 -1
- package/lib/checkbox/checkbox.form-associated.d.ts +3 -2
- package/lib/checkbox/checkbox.template.d.ts +2 -3
- package/lib/checkbox/definition.d.ts +1 -1
- package/lib/combobox/combobox.d.ts +17 -2
- package/lib/combobox/combobox.options.d.ts +7 -0
- package/lib/combobox/combobox.template.d.ts +2 -3
- package/lib/combobox/definition.d.ts +1 -2
- package/lib/data-grid/data-grid-cell.d.ts +16 -13
- package/lib/data-grid/data-grid-cell.template.d.ts +2 -3
- package/lib/data-grid/data-grid-row.d.ts +19 -2
- package/lib/data-grid/data-grid-row.template.d.ts +2 -2
- package/lib/data-grid/data-grid.d.ts +45 -4
- package/lib/data-grid/data-grid.template.d.ts +2 -2
- package/lib/data-grid/definition.d.ts +1 -6
- package/lib/date-picker/definition.d.ts +1 -3
- package/lib/date-range-picker/definition.d.ts +1 -3
- package/lib/dial-pad/definition.d.ts +1 -3
- package/lib/dial-pad/dial-pad.d.ts +2 -2
- package/lib/dial-pad/dial-pad.template.d.ts +2 -3
- package/lib/dialog/definition.d.ts +1 -1
- package/lib/dialog/dialog.d.ts +2 -2
- package/lib/dialog/dialog.template.d.ts +2 -3
- package/lib/divider/definition.d.ts +1 -1
- package/lib/divider/divider.d.ts +2 -2
- package/lib/divider/divider.template.d.ts +1 -3
- package/lib/elevation/definition.d.ts +1 -1
- package/lib/elevation/elevation.d.ts +3 -2
- package/lib/elevation/elevation.template.d.ts +1 -3
- package/lib/empty-state/definition.d.ts +1 -3
- package/lib/empty-state/empty-state.d.ts +2 -2
- package/lib/empty-state/empty-state.template.d.ts +2 -3
- package/lib/fab/definition.d.ts +1 -3
- package/lib/fab/fab.template.d.ts +2 -3
- package/lib/file-picker/definition.d.ts +1 -3
- package/lib/file-picker/file-picker.form-associated.d.ts +3 -2
- package/lib/file-picker/file-picker.template.d.ts +2 -3
- package/lib/header/definition.d.ts +1 -3
- package/lib/header/header.d.ts +2 -2
- package/lib/header/header.template.d.ts +2 -3
- package/lib/icon/definition.d.ts +1 -3
- package/lib/icon/icon.d.ts +2 -2
- package/lib/icon/icon.template.d.ts +1 -3
- package/lib/layout/definition.d.ts +1 -3
- package/lib/layout/layout.d.ts +2 -2
- package/lib/layout/layout.template.d.ts +1 -3
- package/lib/listbox/definition.d.ts +1 -3
- package/lib/listbox/listbox.template.d.ts +1 -3
- package/lib/menu/definition.d.ts +1 -11
- package/lib/menu/menu.d.ts +2 -2
- package/lib/menu/menu.template.d.ts +3 -3
- package/lib/menu-item/definition.d.ts +1 -3
- package/lib/menu-item/menu-item.d.ts +2 -2
- package/lib/menu-item/menu-item.template.d.ts +2 -3
- package/lib/nav/definition.d.ts +1 -3
- package/lib/nav/nav.d.ts +2 -2
- package/lib/nav/nav.template.d.ts +1 -3
- package/lib/nav-disclosure/definition.d.ts +1 -3
- package/lib/nav-disclosure/nav-disclosure.d.ts +2 -2
- package/lib/nav-disclosure/nav-disclosure.template.d.ts +2 -3
- package/lib/nav-item/definition.d.ts +1 -3
- package/lib/nav-item/nav-item.template.d.ts +2 -3
- package/lib/note/definition.d.ts +1 -3
- package/lib/note/note.d.ts +2 -2
- package/lib/note/note.template.d.ts +2 -3
- package/lib/number-field/definition.d.ts +1 -4
- package/lib/number-field/number-field.form-associated.d.ts +3 -2
- package/lib/number-field/number-field.template.d.ts +2 -3
- package/lib/option/definition.d.ts +1 -3
- package/lib/option/option.d.ts +3 -2
- package/lib/option/option.template.d.ts +2 -3
- package/lib/pagination/definition.d.ts +1 -3
- package/lib/pagination/pagination.d.ts +2 -2
- package/lib/pagination/pagination.template.d.ts +2 -3
- package/lib/popup/definition.d.ts +1 -3
- package/lib/popup/popup.template.d.ts +2 -3
- package/lib/progress/definition.d.ts +1 -3
- package/lib/progress/progress.d.ts +1 -1
- package/lib/progress/progress.template.d.ts +1 -4
- package/lib/progress-ring/definition.d.ts +1 -3
- package/lib/progress-ring/progress-ring.d.ts +1 -1
- package/lib/progress-ring/progress-ring.template.d.ts +1 -3
- package/lib/radio/definition.d.ts +1 -3
- package/lib/radio/radio.form-associated.d.ts +5 -2
- package/lib/radio/radio.template.d.ts +1 -3
- package/lib/radio-group/definition.d.ts +1 -11
- package/lib/radio-group/radio-group.d.ts +2 -2
- package/lib/radio-group/radio-group.template.d.ts +2 -3
- package/lib/range-slider/definition.d.ts +1 -3
- package/lib/range-slider/range-slider.form-associated.d.ts +3 -2
- package/lib/range-slider/range-slider.template.d.ts +2 -3
- package/lib/searchable-select/definition.d.ts +1 -4
- package/lib/searchable-select/option-tag.template.d.ts +2 -3
- package/lib/searchable-select/searchable-select.form-associated.d.ts +3 -2
- package/lib/searchable-select/searchable-select.template.d.ts +2 -3
- package/lib/select/definition.d.ts +1 -3
- package/lib/select/select.d.ts +14 -4
- package/lib/select/select.form-associated.d.ts +11 -0
- package/lib/select/select.template.d.ts +2 -3
- package/lib/selectable-box/definition.d.ts +1 -3
- package/lib/selectable-box/selectable-box.d.ts +2 -2
- package/lib/selectable-box/selectable-box.template.d.ts +2 -3
- package/lib/side-drawer/definition.d.ts +1 -3
- package/lib/side-drawer/side-drawer.d.ts +2 -2
- package/lib/side-drawer/side-drawer.template.d.ts +1 -3
- package/lib/slider/definition.d.ts +1 -3
- package/lib/slider/slider.form-associated.d.ts +3 -2
- package/lib/slider/slider.template.d.ts +3 -4
- package/lib/split-button/definition.d.ts +1 -1
- package/lib/split-button/split-button.d.ts +2 -2
- package/lib/split-button/split-button.template.d.ts +2 -3
- package/lib/switch/definition.d.ts +1 -3
- package/lib/switch/switch.form-associated.d.ts +3 -2
- package/lib/switch/switch.template.d.ts +1 -3
- package/lib/tab/definition.d.ts +1 -3
- package/lib/tab/tab.d.ts +2 -2
- package/lib/tab/tab.template.d.ts +2 -2
- package/lib/tab-panel/definition.d.ts +1 -3
- package/lib/tab-panel/tab-panel.d.ts +2 -2
- package/lib/tab-panel/tab-panel.template.d.ts +1 -1
- package/lib/tabs/definition.d.ts +1 -3
- package/lib/tabs/tabs.d.ts +3 -7
- package/lib/tabs/tabs.template.d.ts +1 -1
- package/lib/tag/definition.d.ts +1 -4
- package/lib/tag/tag.d.ts +2 -2
- package/lib/tag/tag.template.d.ts +2 -3
- package/lib/tag-group/definition.d.ts +1 -3
- package/lib/tag-group/tag-group.d.ts +2 -2
- package/lib/tag-group/tag-group.template.d.ts +1 -3
- package/lib/text-anchor/definition.d.ts +1 -3
- package/lib/text-anchor/text-anchor.d.ts +4 -3
- package/lib/text-anchor/text-anchor.template.d.ts +2 -3
- package/lib/text-area/definition.d.ts +1 -3
- package/lib/text-area/text-area.d.ts +1 -1
- package/lib/text-area/{text-field.form-associated.d.ts → text-area.form-associated.d.ts} +3 -2
- package/lib/text-area/text-area.template.d.ts +2 -3
- package/lib/text-field/definition.d.ts +1 -3
- package/lib/text-field/text-field.form-associated.d.ts +3 -2
- package/lib/text-field/text-field.template.d.ts +2 -3
- package/lib/time-picker/definition.d.ts +1 -3
- package/lib/time-picker/time-picker.form-associated.d.ts +3 -2
- package/lib/time-picker/time-picker.template.d.ts +2 -2
- package/lib/toggletip/definition.d.ts +1 -3
- package/lib/toggletip/toggletip.d.ts +2 -2
- package/lib/toggletip/toggletip.template.d.ts +2 -3
- package/lib/tooltip/definition.d.ts +1 -3
- package/lib/tooltip/tooltip.d.ts +2 -2
- package/lib/tooltip/tooltip.template.d.ts +2 -3
- package/lib/tree-item/definition.d.ts +1 -3
- package/lib/tree-item/tree-item.d.ts +11 -2
- package/lib/tree-item/tree-item.template.d.ts +3 -3
- package/lib/tree-view/definition.d.ts +1 -3
- package/lib/tree-view/tree-view.d.ts +16 -2
- package/lib/tree-view/tree-view.template.d.ts +1 -1
- package/lib/video-player/definition.d.ts +1 -3
- package/lib/video-player/video-player.d.ts +2 -2
- package/lib/video-player/video-player.template.d.ts +1 -3
- package/listbox/index.cjs +37 -39
- package/listbox/index.js +37 -39
- package/menu/index.cjs +1 -1
- package/menu/index.js +1 -1
- package/nav/index.cjs +1 -1
- package/nav/index.js +1 -1
- package/nav-disclosure/index.cjs +1 -1
- package/nav-disclosure/index.js +1 -1
- package/nav-item/index.cjs +1 -1
- package/nav-item/index.js +1 -1
- package/note/index.cjs +1 -1
- package/note/index.js +1 -1
- package/number-field/index.cjs +1 -1
- package/number-field/index.js +1 -1
- package/option/index.cjs +1 -1
- package/option/index.js +1 -1
- package/package.json +1 -1
- package/pagination/index.cjs +1 -1
- package/pagination/index.js +1 -1
- package/popup/index.cjs +1 -1
- package/popup/index.js +1 -1
- package/progress/index.cjs +1 -1
- package/progress/index.js +1 -1
- package/progress-ring/index.cjs +1 -1
- package/progress-ring/index.js +1 -1
- package/radio/index.cjs +1 -1
- package/radio/index.js +1 -1
- package/radio-group/index.cjs +1 -1
- package/radio-group/index.js +1 -1
- package/range-slider/index.cjs +1 -1
- package/range-slider/index.js +1 -1
- package/searchable-select/index.cjs +1 -1
- package/searchable-select/index.js +1 -1
- package/select/index.cjs +1 -1
- package/select/index.js +1 -1
- package/selectable-box/index.cjs +1 -1
- package/selectable-box/index.js +1 -1
- package/shared/affix.cjs +10 -10
- package/shared/affix.js +2 -2
- package/shared/anchor.cjs +59 -0
- package/shared/anchor.js +57 -0
- package/shared/anchored.cjs +6 -6
- package/shared/anchored.js +2 -2
- package/shared/apply-mixins.cjs +15 -17
- package/shared/apply-mixins.js +15 -17
- package/shared/apply-mixins2.cjs +25 -0
- package/shared/apply-mixins2.js +23 -0
- package/shared/applyMixinsWithObservables.cjs +4 -4
- package/shared/applyMixinsWithObservables.js +2 -2
- package/shared/aria-global.cjs +86 -67
- package/shared/aria-global.js +86 -67
- package/shared/aria-global2.cjs +68 -86
- package/shared/aria-global2.js +68 -86
- package/shared/base-progress.cjs +69 -63
- package/shared/base-progress.js +69 -63
- package/shared/breadcrumb-item.cjs +6 -58
- package/shared/breadcrumb-item.js +3 -55
- package/shared/button.cjs +177 -0
- package/shared/button.js +175 -0
- package/shared/calendar-event.cjs +9 -9
- package/shared/calendar-event.js +2 -2
- package/shared/children.cjs +2 -2
- package/shared/children.js +1 -1
- package/shared/date-picker/date-picker-base.form-associated.d.ts +3 -2
- package/shared/date-picker/date-picker-base.template.d.ts +2 -3
- package/shared/definition.cjs +25 -24
- package/shared/definition.js +16 -14
- package/shared/definition10.cjs +14 -12
- package/shared/definition10.js +14 -11
- package/shared/definition11.cjs +52 -248
- package/shared/definition11.js +24 -218
- package/shared/definition12.cjs +18 -14
- package/shared/definition12.js +17 -12
- package/shared/definition13.cjs +19 -19
- package/shared/definition13.js +10 -9
- package/shared/definition14.cjs +35 -38
- package/shared/definition14.js +15 -17
- package/shared/definition15.cjs +27 -26
- package/shared/definition15.js +16 -14
- package/shared/definition16.cjs +480 -612
- package/shared/definition16.js +473 -604
- package/shared/definition17.cjs +933 -1113
- package/shared/definition17.js +911 -1090
- package/shared/definition18.cjs +16 -20
- package/shared/definition18.js +19 -22
- package/shared/definition19.cjs +26 -30
- package/shared/definition19.js +21 -24
- package/shared/definition2.cjs +19 -22
- package/shared/definition2.js +20 -22
- package/shared/definition20.cjs +50 -52
- package/shared/definition20.js +34 -35
- package/shared/definition21.cjs +43 -47
- package/shared/definition21.js +19 -22
- package/shared/definition22.cjs +15 -13
- package/shared/definition22.js +14 -11
- package/shared/definition23.cjs +21 -20
- package/shared/definition23.js +14 -12
- package/shared/definition24.cjs +21 -173
- package/shared/definition24.js +18 -169
- package/shared/definition25.cjs +26 -28
- package/shared/definition25.js +18 -19
- package/shared/definition26.cjs +16 -14
- package/shared/definition26.js +14 -11
- package/shared/definition27.cjs +264 -12
- package/shared/definition27.js +261 -10
- package/shared/definition28.cjs +19 -17
- package/shared/definition28.js +15 -12
- package/shared/definition29.cjs +142 -68
- package/shared/definition29.js +101 -29
- package/shared/definition3.cjs +20 -16
- package/shared/definition3.js +16 -11
- package/shared/definition30.cjs +98 -76
- package/shared/definition30.js +97 -74
- package/shared/definition31.cjs +24 -97
- package/shared/definition31.js +25 -97
- package/shared/definition32.cjs +9 -25
- package/shared/definition32.js +8 -23
- package/shared/definition33.cjs +52 -14
- package/shared/definition33.js +51 -12
- package/shared/definition34.cjs +639 -34
- package/shared/definition34.js +636 -30
- package/shared/definition35.cjs +203 -596
- package/shared/definition35.js +197 -591
- package/shared/definition36.cjs +197 -233
- package/shared/definition36.js +192 -226
- package/shared/definition37.cjs +79 -206
- package/shared/definition37.js +75 -202
- package/shared/definition38.cjs +50 -56
- package/shared/definition38.js +48 -52
- package/shared/definition39.cjs +259 -56
- package/shared/definition39.js +258 -54
- package/shared/definition4.cjs +32 -35
- package/shared/definition4.js +19 -21
- package/shared/definition40.cjs +156 -225
- package/shared/definition40.js +152 -221
- package/shared/definition41.cjs +626 -36
- package/shared/definition41.js +625 -34
- package/shared/definition42.cjs +974 -487
- package/shared/definition42.js +971 -482
- package/shared/definition43.cjs +725 -932
- package/shared/definition43.js +713 -918
- package/shared/definition44.cjs +115 -734
- package/shared/definition44.js +113 -731
- package/shared/definition45.cjs +92 -116
- package/shared/definition45.js +92 -115
- package/shared/definition46.cjs +468 -89
- package/shared/definition46.js +465 -86
- package/shared/definition47.cjs +118 -470
- package/shared/definition47.js +115 -465
- package/shared/definition48.cjs +113 -120
- package/shared/definition48.js +111 -117
- package/shared/definition49.cjs +16 -134
- package/shared/definition49.js +15 -132
- package/shared/definition5.cjs +47 -49
- package/shared/definition5.js +18 -19
- package/shared/definition50.cjs +111 -15
- package/shared/definition50.js +109 -12
- package/shared/definition51.cjs +862 -84
- package/shared/definition51.js +858 -79
- package/shared/definition52.cjs +30 -873
- package/shared/definition52.js +28 -870
- package/shared/definition53.cjs +125 -28
- package/shared/definition53.js +123 -25
- package/shared/definition54.cjs +267 -107
- package/shared/definition54.js +261 -100
- package/shared/definition55.cjs +63 -278
- package/shared/definition55.js +61 -275
- package/shared/definition56.cjs +867 -76
- package/shared/definition56.js +866 -74
- package/shared/definition57.cjs +107 -826
- package/shared/definition57.js +105 -823
- package/shared/definition58.cjs +73 -100
- package/shared/definition58.js +69 -95
- package/shared/definition59.cjs +180 -106
- package/shared/definition59.js +174 -101
- package/shared/definition6.cjs +22 -21
- package/shared/definition6.js +14 -12
- package/shared/definition60.cjs +272 -70
- package/shared/definition60.js +272 -69
- package/shared/definition61.cjs +66154 -271
- package/shared/definition61.js +66153 -269
- package/shared/definition62.cjs +38 -66173
- package/shared/definition62.js +35 -66170
- package/shared/definition63.cjs +2153 -27
- package/shared/definition63.js +2150 -25
- package/shared/definition7.cjs +18 -15
- package/shared/definition7.js +13 -10
- package/shared/definition8.cjs +25 -27
- package/shared/definition8.js +16 -17
- package/shared/definition9.cjs +21 -21
- package/shared/definition9.js +18 -17
- package/shared/design-system/createRegisterFunction.d.ts +2 -0
- package/shared/design-system/defineVividComponent.d.ts +15 -0
- package/shared/{localization.js → direction.js} +11 -11
- package/shared/dom.cjs +0 -13
- package/shared/dom.js +1 -13
- package/shared/form-associated.cjs +422 -457
- package/shared/form-associated.js +422 -457
- package/shared/form-associated2.cjs +383 -0
- package/shared/form-associated2.js +381 -0
- package/shared/form-elements.cjs +15 -42
- package/shared/form-elements.js +2 -29
- package/shared/foundation/anchor/anchor.d.ts +1 -0
- package/shared/foundation/button/button.d.ts +3 -2
- package/shared/foundation/button/button.template.d.ts +2 -4
- package/shared/foundation/form-associated/form-associated.d.ts +51 -0
- package/shared/foundation/listbox/listbox.d.ts +22 -0
- package/shared/foundation/progress/base-progress.d.ts +9 -0
- package/shared/foundation/utilities/apply-mixins.d.ts +1 -0
- package/shared/foundation/vivid-element/vivid-element.d.ts +3 -0
- package/shared/index.cjs +7 -5097
- package/shared/index.js +7 -5079
- package/shared/key-codes.cjs +10 -0
- package/shared/key-codes.js +6 -1
- package/shared/key-codes2.cjs +1463 -6
- package/shared/key-codes2.js +1461 -4
- package/shared/listbox.cjs +427 -1195
- package/shared/listbox.js +411 -1176
- package/shared/listbox2.cjs +1267 -0
- package/shared/listbox2.js +1264 -0
- package/shared/localized.cjs +2 -2
- package/shared/localized.js +1 -1
- package/shared/numbers.cjs +12 -0
- package/shared/numbers.js +12 -1
- package/shared/patterns/affix.d.ts +2 -2
- package/shared/patterns/chevron.d.ts +2 -2
- package/shared/patterns/form-elements/form-elements.d.ts +2 -2
- package/shared/presentationDate.cjs +49 -49
- package/shared/presentationDate.js +6 -6
- package/shared/ref.cjs +2 -2
- package/shared/ref.js +1 -1
- package/shared/repeat.cjs +22 -22
- package/shared/repeat.js +1 -1
- package/shared/slider.template.cjs +5 -5
- package/shared/slider.template.js +2 -2
- package/shared/slotted.cjs +4 -4
- package/shared/slotted.js +1 -1
- package/shared/strings.cjs +0 -26
- package/shared/strings.js +1 -25
- package/shared/strings2.cjs +37 -0
- package/shared/strings2.js +33 -0
- package/shared/text-anchor.cjs +7 -89
- package/shared/text-anchor.js +4 -86
- package/shared/text-anchor.template.cjs +2 -2
- package/shared/text-anchor.template.js +1 -1
- package/shared/text-field2.cjs +28 -28
- package/shared/text-field2.js +5 -5
- package/shared/vivid-element.cjs +2616 -0
- package/shared/vivid-element.js +2595 -0
- package/side-drawer/index.cjs +1 -1
- package/side-drawer/index.js +1 -1
- package/slider/index.cjs +1 -1
- package/slider/index.js +1 -1
- package/split-button/index.cjs +1 -1
- package/split-button/index.js +1 -1
- package/styles/core/all.css +40 -1
- package/styles/core/theme.css +40 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +25 -4
- package/styles/tokens/theme-light.css +25 -4
- package/styles/tokens/vivid-2-compat.css +1 -1
- package/switch/index.cjs +1 -1
- package/switch/index.js +1 -1
- package/tab/index.cjs +1 -1
- package/tab/index.js +1 -1
- package/tab-panel/index.cjs +1 -1
- package/tab-panel/index.js +1 -1
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.cjs +1 -1
- package/tag/index.js +1 -1
- package/tag-group/index.cjs +1 -1
- package/tag-group/index.js +1 -1
- package/text-anchor/index.cjs +10 -7
- package/text-anchor/index.js +10 -7
- package/text-area/index.cjs +1 -1
- package/text-area/index.js +1 -1
- package/text-field/index.cjs +1 -1
- package/text-field/index.js +1 -1
- package/time-picker/index.cjs +1 -1
- package/time-picker/index.js +1 -1
- package/toggletip/index.cjs +1 -1
- package/toggletip/index.js +1 -1
- package/tooltip/index.cjs +1 -1
- package/tooltip/index.js +1 -1
- package/tree-item/index.cjs +1 -1
- package/tree-item/index.js +1 -1
- package/tree-view/index.cjs +1 -1
- package/tree-view/index.js +1 -1
- package/video-player/index.cjs +1 -1
- package/video-player/index.js +1 -1
- package/vivid.api.json +2846 -7860
- package/shared/definition64.cjs +0 -2175
- package/shared/definition64.js +0 -2170
- package/shared/design-system/index.d.ts +0 -3
- package/shared/icon.cjs +0 -261
- package/shared/icon.js +0 -258
- package/shared/index2.cjs +0 -11
- package/shared/index2.js +0 -9
- package/shared/radio.cjs +0 -126
- package/shared/radio.js +0 -124
- package/shared/select.options.cjs +0 -12
- package/shared/select.options.js +0 -10
- package/shared/start-end.cjs +0 -52
- package/shared/start-end.js +0 -50
- package/shared/tree-item.cjs +0 -154
- package/shared/tree-item.js +0 -151
- package/shared/{localization.cjs → direction.cjs} +9 -9
package/shared/aria-global2.cjs
CHANGED
|
@@ -1,93 +1,75 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const keyCodes = require('./key-codes2.cjs');
|
|
4
|
+
const vividElement = require('./vivid-element.cjs');
|
|
4
5
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Some states and properties are applicable to all host language elements regardless of whether a role is applied.
|
|
8
|
+
* The following global states and properties are supported by all roles and by all base markup elements.
|
|
9
|
+
* {@link https://www.w3.org/TR/wai-aria-1.1/#global_states}
|
|
10
|
+
*
|
|
11
|
+
* This is intended to be used as a mixin. Be sure you extend FASTElement.
|
|
12
|
+
*
|
|
13
|
+
* @public
|
|
14
|
+
*/
|
|
14
15
|
class ARIAGlobalStatesAndProperties {
|
|
15
16
|
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
__decorateClass([
|
|
74
|
-
index.attr({ attribute: "aria-labelledby" })
|
|
75
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
|
|
76
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
77
|
-
__decorateClass([
|
|
78
|
-
index.attr({ attribute: "aria-live" })
|
|
79
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
|
|
80
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
81
|
-
__decorateClass([
|
|
82
|
-
index.attr({ attribute: "aria-owns" })
|
|
83
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
|
|
84
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
85
|
-
__decorateClass([
|
|
86
|
-
index.attr({ attribute: "aria-relevant" })
|
|
87
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
|
|
88
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
89
|
-
__decorateClass([
|
|
90
|
-
index.attr({ attribute: "aria-roledescription" })
|
|
91
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
|
|
17
|
+
keyCodes.__decorate([
|
|
18
|
+
vividElement.attr({ attribute: "aria-atomic" })
|
|
19
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
|
|
20
|
+
keyCodes.__decorate([
|
|
21
|
+
vividElement.attr({ attribute: "aria-busy" })
|
|
22
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
|
|
23
|
+
keyCodes.__decorate([
|
|
24
|
+
vividElement.attr({ attribute: "aria-controls" })
|
|
25
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
|
|
26
|
+
keyCodes.__decorate([
|
|
27
|
+
vividElement.attr({ attribute: "aria-current" })
|
|
28
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
|
|
29
|
+
keyCodes.__decorate([
|
|
30
|
+
vividElement.attr({ attribute: "aria-describedby" })
|
|
31
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
|
|
32
|
+
keyCodes.__decorate([
|
|
33
|
+
vividElement.attr({ attribute: "aria-details" })
|
|
34
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
|
|
35
|
+
keyCodes.__decorate([
|
|
36
|
+
vividElement.attr({ attribute: "aria-disabled" })
|
|
37
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
|
|
38
|
+
keyCodes.__decorate([
|
|
39
|
+
vividElement.attr({ attribute: "aria-errormessage" })
|
|
40
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
|
|
41
|
+
keyCodes.__decorate([
|
|
42
|
+
vividElement.attr({ attribute: "aria-flowto" })
|
|
43
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
|
|
44
|
+
keyCodes.__decorate([
|
|
45
|
+
vividElement.attr({ attribute: "aria-haspopup" })
|
|
46
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
|
|
47
|
+
keyCodes.__decorate([
|
|
48
|
+
vividElement.attr({ attribute: "aria-hidden" })
|
|
49
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
|
|
50
|
+
keyCodes.__decorate([
|
|
51
|
+
vividElement.attr({ attribute: "aria-invalid" })
|
|
52
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
|
|
53
|
+
keyCodes.__decorate([
|
|
54
|
+
vividElement.attr({ attribute: "aria-keyshortcuts" })
|
|
55
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
|
|
56
|
+
keyCodes.__decorate([
|
|
57
|
+
vividElement.attr({ attribute: "aria-label" })
|
|
58
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
|
|
59
|
+
keyCodes.__decorate([
|
|
60
|
+
vividElement.attr({ attribute: "aria-labelledby" })
|
|
61
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
|
|
62
|
+
keyCodes.__decorate([
|
|
63
|
+
vividElement.attr({ attribute: "aria-live" })
|
|
64
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
|
|
65
|
+
keyCodes.__decorate([
|
|
66
|
+
vividElement.attr({ attribute: "aria-owns" })
|
|
67
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
|
|
68
|
+
keyCodes.__decorate([
|
|
69
|
+
vividElement.attr({ attribute: "aria-relevant" })
|
|
70
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
|
|
71
|
+
keyCodes.__decorate([
|
|
72
|
+
vividElement.attr({ attribute: "aria-roledescription" })
|
|
73
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
|
|
92
74
|
|
|
93
75
|
exports.ARIAGlobalStatesAndProperties = ARIAGlobalStatesAndProperties;
|
package/shared/aria-global2.js
CHANGED
|
@@ -1,91 +1,73 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as __decorate } from './key-codes2.js';
|
|
2
|
+
import { a as attr } from './vivid-element.js';
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
/**
|
|
5
|
+
* Some states and properties are applicable to all host language elements regardless of whether a role is applied.
|
|
6
|
+
* The following global states and properties are supported by all roles and by all base markup elements.
|
|
7
|
+
* {@link https://www.w3.org/TR/wai-aria-1.1/#global_states}
|
|
8
|
+
*
|
|
9
|
+
* This is intended to be used as a mixin. Be sure you extend FASTElement.
|
|
10
|
+
*
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
12
13
|
class ARIAGlobalStatesAndProperties {
|
|
13
14
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
], ARIAGlobalStatesAndProperties.prototype, "
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
__decorateClass([
|
|
72
|
-
attr({ attribute: "aria-labelledby" })
|
|
73
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby");
|
|
74
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
75
|
-
__decorateClass([
|
|
76
|
-
attr({ attribute: "aria-live" })
|
|
77
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaLive");
|
|
78
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
79
|
-
__decorateClass([
|
|
80
|
-
attr({ attribute: "aria-owns" })
|
|
81
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaOwns");
|
|
82
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
83
|
-
__decorateClass([
|
|
84
|
-
attr({ attribute: "aria-relevant" })
|
|
85
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant");
|
|
86
|
-
// @ts-expect-error Type is incorrectly non-optional
|
|
87
|
-
__decorateClass([
|
|
88
|
-
attr({ attribute: "aria-roledescription" })
|
|
89
|
-
], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription");
|
|
15
|
+
__decorate([
|
|
16
|
+
attr({ attribute: "aria-atomic" })
|
|
17
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
|
|
18
|
+
__decorate([
|
|
19
|
+
attr({ attribute: "aria-busy" })
|
|
20
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
|
|
21
|
+
__decorate([
|
|
22
|
+
attr({ attribute: "aria-controls" })
|
|
23
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
|
|
24
|
+
__decorate([
|
|
25
|
+
attr({ attribute: "aria-current" })
|
|
26
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
|
|
27
|
+
__decorate([
|
|
28
|
+
attr({ attribute: "aria-describedby" })
|
|
29
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
|
|
30
|
+
__decorate([
|
|
31
|
+
attr({ attribute: "aria-details" })
|
|
32
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
|
|
33
|
+
__decorate([
|
|
34
|
+
attr({ attribute: "aria-disabled" })
|
|
35
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
attr({ attribute: "aria-errormessage" })
|
|
38
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
attr({ attribute: "aria-flowto" })
|
|
41
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
|
|
42
|
+
__decorate([
|
|
43
|
+
attr({ attribute: "aria-haspopup" })
|
|
44
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
|
|
45
|
+
__decorate([
|
|
46
|
+
attr({ attribute: "aria-hidden" })
|
|
47
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
|
|
48
|
+
__decorate([
|
|
49
|
+
attr({ attribute: "aria-invalid" })
|
|
50
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
|
|
51
|
+
__decorate([
|
|
52
|
+
attr({ attribute: "aria-keyshortcuts" })
|
|
53
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
|
|
54
|
+
__decorate([
|
|
55
|
+
attr({ attribute: "aria-label" })
|
|
56
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
|
|
57
|
+
__decorate([
|
|
58
|
+
attr({ attribute: "aria-labelledby" })
|
|
59
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
|
|
60
|
+
__decorate([
|
|
61
|
+
attr({ attribute: "aria-live" })
|
|
62
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
|
|
63
|
+
__decorate([
|
|
64
|
+
attr({ attribute: "aria-owns" })
|
|
65
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
|
|
66
|
+
__decorate([
|
|
67
|
+
attr({ attribute: "aria-relevant" })
|
|
68
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
|
|
69
|
+
__decorate([
|
|
70
|
+
attr({ attribute: "aria-roledescription" })
|
|
71
|
+
], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
|
|
90
72
|
|
|
91
73
|
export { ARIAGlobalStatesAndProperties as A };
|
package/shared/base-progress.cjs
CHANGED
|
@@ -1,72 +1,78 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const vividElement = require('./vivid-element.cjs');
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
|
+
var result = void 0 ;
|
|
8
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
9
|
+
if (decorator = decorators[i])
|
|
10
|
+
result = (decorator(target, key, result) ) || result;
|
|
11
|
+
if (result) __defProp(target, key, result);
|
|
12
|
+
return result;
|
|
13
|
+
};
|
|
14
|
+
class BaseProgress extends vividElement.VividElement {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments);
|
|
17
|
+
this.percentComplete = 0;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* @internal
|
|
21
|
+
*/
|
|
22
|
+
valueChanged() {
|
|
23
|
+
if (this.$fastController.isConnected) {
|
|
24
|
+
this.updatePercentComplete();
|
|
24
25
|
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* @internal
|
|
29
|
+
*/
|
|
30
|
+
minChanged() {
|
|
31
|
+
if (this.$fastController.isConnected) {
|
|
32
|
+
this.updatePercentComplete();
|
|
29
33
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
this.updatePercentComplete();
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
/**
|
|
41
|
-
* @internal
|
|
42
|
-
*/
|
|
43
|
-
connectedCallback() {
|
|
44
|
-
super.connectedCallback();
|
|
45
|
-
this.updatePercentComplete();
|
|
46
|
-
}
|
|
47
|
-
updatePercentComplete() {
|
|
48
|
-
const min = typeof this.min === "number" ? this.min : 0;
|
|
49
|
-
const max = typeof this.max === "number" ? this.max : 100;
|
|
50
|
-
const value = typeof this.value === "number" ? this.value : 0;
|
|
51
|
-
const range = max - min;
|
|
52
|
-
this.percentComplete =
|
|
53
|
-
range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* @private
|
|
37
|
+
*/
|
|
38
|
+
maxChanged() {
|
|
39
|
+
if (this.$fastController.isConnected) {
|
|
40
|
+
this.updatePercentComplete();
|
|
54
41
|
}
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* @internal
|
|
45
|
+
*/
|
|
46
|
+
connectedCallback() {
|
|
47
|
+
super.connectedCallback();
|
|
48
|
+
this.updatePercentComplete();
|
|
49
|
+
}
|
|
50
|
+
updatePercentComplete() {
|
|
51
|
+
const min = typeof this.min === "number" ? this.min : 0;
|
|
52
|
+
const max = typeof this.max === "number" ? this.max : 100;
|
|
53
|
+
const value = typeof this.value === "number" ? this.value : 0;
|
|
54
|
+
const range = max - min;
|
|
55
|
+
this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
|
|
56
|
+
}
|
|
55
57
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
], BaseProgress.prototype, "
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
58
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
59
|
+
__decorateClass([
|
|
60
|
+
vividElement.attr({ converter: vividElement.nullableNumberConverter })
|
|
61
|
+
], BaseProgress.prototype, "value");
|
|
62
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
63
|
+
__decorateClass([
|
|
64
|
+
vividElement.attr({ converter: vividElement.nullableNumberConverter })
|
|
65
|
+
], BaseProgress.prototype, "min");
|
|
66
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
67
|
+
__decorateClass([
|
|
68
|
+
vividElement.attr({ converter: vividElement.nullableNumberConverter })
|
|
69
|
+
], BaseProgress.prototype, "max");
|
|
70
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
71
|
+
__decorateClass([
|
|
72
|
+
vividElement.attr({ mode: "boolean" })
|
|
73
|
+
], BaseProgress.prototype, "paused");
|
|
74
|
+
__decorateClass([
|
|
75
|
+
vividElement.observable
|
|
76
|
+
], BaseProgress.prototype, "percentComplete");
|
|
71
77
|
|
|
72
78
|
exports.BaseProgress = BaseProgress;
|
package/shared/base-progress.js
CHANGED
|
@@ -1,70 +1,76 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { V as VividElement, a as attr, n as nullableNumberConverter, o as observable } from './vivid-element.js';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
5
|
+
var result = void 0 ;
|
|
6
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
7
|
+
if (decorator = decorators[i])
|
|
8
|
+
result = (decorator(target, key, result) ) || result;
|
|
9
|
+
if (result) __defProp(target, key, result);
|
|
10
|
+
return result;
|
|
11
|
+
};
|
|
12
|
+
class BaseProgress extends VividElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
this.percentComplete = 0;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @internal
|
|
19
|
+
*/
|
|
20
|
+
valueChanged() {
|
|
21
|
+
if (this.$fastController.isConnected) {
|
|
22
|
+
this.updatePercentComplete();
|
|
22
23
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* @internal
|
|
27
|
+
*/
|
|
28
|
+
minChanged() {
|
|
29
|
+
if (this.$fastController.isConnected) {
|
|
30
|
+
this.updatePercentComplete();
|
|
27
31
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
this.updatePercentComplete();
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
/**
|
|
39
|
-
* @internal
|
|
40
|
-
*/
|
|
41
|
-
connectedCallback() {
|
|
42
|
-
super.connectedCallback();
|
|
43
|
-
this.updatePercentComplete();
|
|
44
|
-
}
|
|
45
|
-
updatePercentComplete() {
|
|
46
|
-
const min = typeof this.min === "number" ? this.min : 0;
|
|
47
|
-
const max = typeof this.max === "number" ? this.max : 100;
|
|
48
|
-
const value = typeof this.value === "number" ? this.value : 0;
|
|
49
|
-
const range = max - min;
|
|
50
|
-
this.percentComplete =
|
|
51
|
-
range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* @private
|
|
35
|
+
*/
|
|
36
|
+
maxChanged() {
|
|
37
|
+
if (this.$fastController.isConnected) {
|
|
38
|
+
this.updatePercentComplete();
|
|
52
39
|
}
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* @internal
|
|
43
|
+
*/
|
|
44
|
+
connectedCallback() {
|
|
45
|
+
super.connectedCallback();
|
|
46
|
+
this.updatePercentComplete();
|
|
47
|
+
}
|
|
48
|
+
updatePercentComplete() {
|
|
49
|
+
const min = typeof this.min === "number" ? this.min : 0;
|
|
50
|
+
const max = typeof this.max === "number" ? this.max : 100;
|
|
51
|
+
const value = typeof this.value === "number" ? this.value : 0;
|
|
52
|
+
const range = max - min;
|
|
53
|
+
this.percentComplete = range === 0 ? 0 : Math.fround((value - min) / range * 100);
|
|
54
|
+
}
|
|
53
55
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
], BaseProgress.prototype, "
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
56
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
57
|
+
__decorateClass([
|
|
58
|
+
attr({ converter: nullableNumberConverter })
|
|
59
|
+
], BaseProgress.prototype, "value");
|
|
60
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
61
|
+
__decorateClass([
|
|
62
|
+
attr({ converter: nullableNumberConverter })
|
|
63
|
+
], BaseProgress.prototype, "min");
|
|
64
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
65
|
+
__decorateClass([
|
|
66
|
+
attr({ converter: nullableNumberConverter })
|
|
67
|
+
], BaseProgress.prototype, "max");
|
|
68
|
+
// @ts-expect-error Type is incorrectly non-optional
|
|
69
|
+
__decorateClass([
|
|
70
|
+
attr({ mode: "boolean" })
|
|
71
|
+
], BaseProgress.prototype, "paused");
|
|
72
|
+
__decorateClass([
|
|
73
|
+
observable
|
|
74
|
+
], BaseProgress.prototype, "percentComplete");
|
|
69
75
|
|
|
70
76
|
export { BaseProgress as B };
|