@material/web 1.0.0-pre.1 → 1.0.0-pre.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +65 -23
- package/button/elevated-button.js.map +1 -1
- package/button/filled-button.js.map +1 -1
- package/button/lib/_elevated-button.scss +41 -42
- package/button/lib/_elevation.scss +16 -24
- package/button/lib/_filled-button.scss +42 -39
- package/button/lib/_icon.scss +16 -24
- package/button/lib/_outlined-button.scss +42 -35
- package/button/lib/_shared.scss +43 -71
- package/button/lib/_text-button.scss +45 -44
- package/button/lib/_tonal-button.scss +40 -41
- package/button/lib/button.d.ts +44 -38
- package/button/lib/button.js +103 -109
- package/button/lib/button.js.map +1 -1
- package/button/lib/elevated-button.d.ts +9 -4
- package/button/lib/elevated-button.js +4 -2
- package/button/lib/elevated-button.js.map +1 -1
- package/button/lib/elevated-styles.css.js +1 -1
- package/button/lib/elevated-styles.css.js.map +1 -1
- package/button/lib/elevated-styles.scss +2 -0
- package/button/lib/filled-button.d.ts +9 -5
- package/button/lib/filled-button.js +4 -3
- package/button/lib/filled-button.js.map +1 -1
- package/button/lib/filled-styles.css.js +1 -1
- package/button/lib/filled-styles.css.js.map +1 -1
- package/button/lib/filled-styles.scss +2 -0
- package/button/lib/outlined-button.d.ts +9 -4
- package/button/lib/outlined-button.js +3 -1
- package/button/lib/outlined-button.js.map +1 -1
- package/button/lib/outlined-styles.css.js +1 -1
- package/button/lib/outlined-styles.css.js.map +1 -1
- package/button/lib/outlined-styles.scss +2 -0
- package/button/lib/shared-elevation-styles.css.js +1 -1
- package/button/lib/shared-elevation-styles.css.js.map +1 -1
- package/button/lib/shared-elevation-styles.scss +2 -0
- package/button/lib/shared-styles.css.js +1 -1
- package/button/lib/shared-styles.css.js.map +1 -1
- package/button/lib/shared-styles.scss +2 -0
- package/button/lib/text-button.d.ts +8 -2
- package/button/lib/text-button.js +3 -1
- package/button/lib/text-button.js.map +1 -1
- package/button/lib/text-styles.css.js +1 -1
- package/button/lib/text-styles.css.js.map +1 -1
- package/button/lib/text-styles.scss +2 -0
- package/button/lib/tonal-button.d.ts +9 -5
- package/button/lib/tonal-button.js +4 -3
- package/button/lib/tonal-button.js.map +1 -1
- package/button/lib/tonal-styles.css.js +1 -1
- package/button/lib/tonal-styles.css.js.map +1 -1
- package/button/lib/tonal-styles.scss +2 -0
- package/button/outlined-button.js.map +1 -1
- package/button/text-button.js.map +1 -1
- package/button/tonal-button.js.map +1 -1
- package/checkbox/checkbox.d.ts +11 -2
- package/checkbox/checkbox.js +11 -2
- package/checkbox/checkbox.js.map +1 -1
- package/checkbox/lib/_checkbox.scss +68 -79
- package/checkbox/lib/checkbox-styles.css.js +1 -1
- package/checkbox/lib/checkbox-styles.css.js.map +1 -1
- package/checkbox/lib/checkbox-styles.scss +2 -0
- package/checkbox/lib/checkbox.d.ts +39 -14
- package/checkbox/lib/checkbox.js +88 -89
- package/checkbox/lib/checkbox.js.map +1 -1
- package/checkbox/lib/forced-colors-styles.css.js +1 -1
- package/checkbox/lib/forced-colors-styles.css.js.map +1 -1
- package/checkbox/lib/forced-colors-styles.scss +2 -0
- package/chips/_assist-chip.scss +6 -0
- package/chips/_filter-chip.scss +6 -0
- package/chips/_input-chip.scss +6 -0
- package/chips/_suggestion-chip.scss +6 -0
- package/chips/assist-chip.d.ts +20 -0
- package/chips/assist-chip.js +25 -0
- package/chips/assist-chip.js.map +1 -0
- package/chips/chip-set.d.ts +20 -0
- package/chips/chip-set.js +23 -0
- package/chips/chip-set.js.map +1 -0
- package/chips/filter-chip.d.ts +20 -0
- package/chips/filter-chip.js +29 -0
- package/chips/filter-chip.js.map +1 -0
- package/chips/harness.d.ts +17 -0
- package/chips/harness.js +34 -0
- package/chips/harness.js.map +1 -0
- package/chips/input-chip.d.ts +20 -0
- package/chips/input-chip.js +26 -0
- package/chips/input-chip.js.map +1 -0
- package/chips/lib/_assist-chip.scss +61 -0
- package/chips/lib/_chip-set.scss +18 -0
- package/chips/lib/_elevated.scss +60 -0
- package/chips/lib/_filter-chip.scss +74 -0
- package/chips/lib/_input-chip.scss +75 -0
- package/chips/lib/_selectable.scss +66 -0
- package/chips/lib/_shared.scss +189 -0
- package/chips/lib/_suggestion-chip.scss +61 -0
- package/chips/lib/_trailing-icon.scss +78 -0
- package/chips/lib/assist-chip.d.ts +23 -0
- package/chips/lib/assist-chip.js +73 -0
- package/chips/lib/assist-chip.js.map +1 -0
- package/chips/lib/assist-styles.css.js +9 -0
- package/chips/lib/assist-styles.css.js.map +1 -0
- package/chips/lib/assist-styles.scss +10 -0
- package/chips/lib/chip-set-styles.css.js +9 -0
- package/chips/lib/chip-set-styles.css.js.map +1 -0
- package/chips/lib/chip-set-styles.scss +10 -0
- package/chips/lib/chip-set.d.ts +26 -0
- package/chips/lib/chip-set.js +165 -0
- package/chips/lib/chip-set.js.map +1 -0
- package/chips/lib/chip.d.ts +45 -0
- package/chips/lib/chip.js +95 -0
- package/chips/lib/chip.js.map +1 -0
- package/chips/lib/elevated-styles.css.js +9 -0
- package/chips/lib/elevated-styles.css.js.map +1 -0
- package/chips/lib/elevated-styles.scss +10 -0
- package/chips/lib/filter-chip.d.ts +31 -0
- package/chips/lib/filter-chip.js +102 -0
- package/chips/lib/filter-chip.js.map +1 -0
- package/chips/lib/filter-styles.css.js +9 -0
- package/chips/lib/filter-styles.css.js.map +1 -0
- package/chips/lib/filter-styles.scss +10 -0
- package/chips/lib/input-chip.d.ts +27 -0
- package/chips/lib/input-chip.js +107 -0
- package/chips/lib/input-chip.js.map +1 -0
- package/chips/lib/input-styles.css.js +9 -0
- package/chips/lib/input-styles.css.js.map +1 -0
- package/chips/lib/input-styles.scss +10 -0
- package/chips/lib/multi-action-chip.d.ts +23 -0
- package/chips/lib/multi-action-chip.js +80 -0
- package/chips/lib/multi-action-chip.js.map +1 -0
- package/chips/lib/selectable-styles.css.js +9 -0
- package/chips/lib/selectable-styles.css.js.map +1 -0
- package/chips/lib/selectable-styles.scss +10 -0
- package/chips/lib/shared-styles.css.js +9 -0
- package/chips/lib/shared-styles.css.js.map +1 -0
- package/chips/lib/shared-styles.scss +10 -0
- package/chips/lib/suggestion-chip.d.ts +11 -0
- package/chips/lib/suggestion-chip.js +14 -0
- package/chips/lib/suggestion-chip.js.map +1 -0
- package/chips/lib/suggestion-styles.css.js +9 -0
- package/chips/lib/suggestion-styles.css.js.map +1 -0
- package/chips/lib/suggestion-styles.scss +10 -0
- package/chips/lib/trailing-icon-styles.css.js +9 -0
- package/chips/lib/trailing-icon-styles.css.js.map +1 -0
- package/chips/lib/trailing-icon-styles.scss +10 -0
- package/chips/lib/trailing-icons.d.ts +15 -0
- package/chips/lib/trailing-icons.js +38 -0
- package/chips/lib/trailing-icons.js.map +1 -0
- package/chips/suggestion-chip.d.ts +20 -0
- package/chips/suggestion-chip.js +25 -0
- package/chips/suggestion-chip.js.map +1 -0
- package/circularprogress/_circular-progress.scss +6 -0
- package/circularprogress/circular-progress.d.ts +24 -0
- package/circularprogress/circular-progress.js +27 -0
- package/circularprogress/circular-progress.js.map +1 -0
- package/circularprogress/harness.d.ts +13 -0
- package/circularprogress/harness.js +16 -0
- package/circularprogress/harness.js.map +1 -0
- package/circularprogress/lib/_circular-progress.scss +288 -0
- package/circularprogress/lib/circular-progress-styles.css.js +9 -0
- package/circularprogress/lib/circular-progress-styles.css.js.map +1 -0
- package/circularprogress/lib/circular-progress-styles.scss +8 -0
- package/circularprogress/lib/circular-progress.d.ts +27 -0
- package/circularprogress/lib/circular-progress.js +94 -0
- package/circularprogress/lib/circular-progress.js.map +1 -0
- package/dialog/_dialog.scss +6 -0
- package/dialog/dialog.d.ts +38 -0
- package/dialog/dialog.js +41 -0
- package/dialog/dialog.js.map +1 -0
- package/dialog/harness.d.ts +18 -0
- package/dialog/harness.js +58 -0
- package/dialog/harness.js.map +1 -0
- package/dialog/lib/_dialog.scss +376 -0
- package/dialog/lib/_tokens.scss +85 -0
- package/dialog/lib/dialog-styles.css.js +9 -0
- package/dialog/lib/dialog-styles.css.js.map +1 -0
- package/dialog/lib/dialog-styles.scss +10 -0
- package/dialog/lib/dialog.d.ts +190 -0
- package/dialog/lib/dialog.js +553 -0
- package/dialog/lib/dialog.js.map +1 -0
- package/divider/_divider.scss +6 -0
- package/divider/divider.d.ts +24 -0
- package/divider/divider.js +27 -0
- package/divider/divider.js.map +1 -0
- package/divider/lib/_divider.scss +64 -0
- package/divider/lib/divider-styles.css.js +9 -0
- package/divider/lib/divider-styles.css.js.map +1 -0
- package/divider/lib/divider-styles.scss +10 -0
- package/divider/lib/divider.d.ts +23 -0
- package/divider/lib/divider.js +38 -0
- package/divider/lib/divider.js.map +1 -0
- package/elevation/elevation.js.map +1 -1
- package/elevation/lib/_elevation.scss +21 -74
- package/elevation/lib/elevation-styles.css.js +1 -1
- package/elevation/lib/elevation-styles.css.js.map +1 -1
- package/elevation/lib/elevation-styles.scss +2 -0
- package/elevation/lib/elevation.d.ts +1 -9
- package/elevation/lib/elevation.js +1 -25
- package/elevation/lib/elevation.js.map +1 -1
- package/fab/_fab.scss +1 -0
- package/fab/branded-fab.d.ts +56 -0
- package/fab/branded-fab.js +56 -0
- package/fab/branded-fab.js.map +1 -0
- package/fab/fab.d.ts +25 -5
- package/fab/fab.js +27 -10
- package/fab/fab.js.map +1 -1
- package/fab/harness.d.ts +1 -2
- package/fab/harness.js +1 -1
- package/fab/harness.js.map +1 -1
- package/fab/lib/_fab-branded.scss +81 -0
- package/fab/lib/_fab.scss +219 -19
- package/fab/lib/_shared.scss +163 -152
- package/fab/lib/fab-branded-styles.css.js +9 -0
- package/fab/lib/fab-branded-styles.css.js.map +1 -0
- package/fab/lib/fab-branded-styles.scss +10 -0
- package/fab/lib/fab-styles.css.js +1 -1
- package/fab/lib/fab-styles.css.js.map +1 -1
- package/fab/lib/fab-styles.scss +2 -0
- package/fab/lib/fab.d.ts +18 -10
- package/fab/lib/fab.js +19 -12
- package/fab/lib/fab.js.map +1 -1
- package/fab/lib/forced-colors-styles.css.js +9 -0
- package/fab/lib/forced-colors-styles.css.js.map +1 -0
- package/fab/lib/forced-colors-styles.scss +26 -0
- package/fab/lib/shared-styles.css.js +9 -0
- package/fab/lib/shared-styles.css.js.map +1 -0
- package/fab/lib/shared-styles.scss +10 -0
- package/fab/lib/shared.d.ts +46 -0
- package/fab/lib/shared.js +99 -0
- package/fab/lib/shared.js.map +1 -0
- package/field/filled-field.d.ts +1 -1
- package/field/filled-field.js +1 -1
- package/field/filled-field.js.map +1 -1
- package/field/harness.js +1 -1
- package/field/harness.js.map +1 -1
- package/field/lib/_content.scss +120 -57
- package/field/lib/_filled-field.scss +117 -136
- package/field/lib/_label.scss +27 -65
- package/field/lib/_outlined-field.scss +143 -128
- package/field/lib/_shared.scss +29 -45
- package/field/lib/_supporting-text.scss +25 -52
- package/field/lib/field.d.ts +19 -34
- package/field/lib/field.js +143 -160
- package/field/lib/field.js.map +1 -1
- package/field/lib/filled-field.d.ts +5 -16
- package/field/lib/filled-field.js +8 -70
- package/field/lib/filled-field.js.map +1 -1
- package/field/lib/filled-styles.css.js +1 -1
- package/field/lib/filled-styles.css.js.map +1 -1
- package/field/lib/outlined-field.d.ts +4 -10
- package/field/lib/outlined-field.js +13 -33
- package/field/lib/outlined-field.js.map +1 -1
- package/field/lib/outlined-styles.css.js +1 -1
- package/field/lib/outlined-styles.css.js.map +1 -1
- package/field/lib/shared-styles.css.js +1 -1
- package/field/lib/shared-styles.css.js.map +1 -1
- package/field/outlined-field.d.ts +1 -1
- package/field/outlined-field.js +1 -1
- package/field/outlined-field.js.map +1 -1
- package/focus/focus-ring.d.ts +2 -1
- package/focus/focus-ring.js +2 -1
- package/focus/focus-ring.js.map +1 -1
- package/focus/lib/_focus-ring.scss +103 -42
- package/focus/lib/focus-ring-styles.css.js +1 -1
- package/focus/lib/focus-ring-styles.css.js.map +1 -1
- package/focus/lib/focus-ring-styles.scss +2 -0
- package/focus/lib/focus-ring.d.ts +22 -16
- package/focus/lib/focus-ring.js +57 -22
- package/focus/lib/focus-ring.js.map +1 -1
- package/icon/icon.d.ts +1 -1
- package/icon/icon.js +1 -1
- package/icon/icon.js.map +1 -1
- package/icon/lib/_icon.scss +6 -2
- package/icon/lib/_md-comp-icon.scss +1 -2
- package/icon/lib/icon-styles.css.js +1 -1
- package/icon/lib/icon-styles.css.js.map +1 -1
- package/icon/lib/icon-styles.scss +2 -0
- package/icon/lib/icon.d.ts +5 -4
- package/icon/lib/icon.js +3 -2
- package/icon/lib/icon.js.map +1 -1
- package/iconbutton/filled-icon-button.d.ts +6 -2
- package/iconbutton/filled-icon-button.js +2 -1
- package/iconbutton/filled-icon-button.js.map +1 -1
- package/iconbutton/filled-tonal-icon-button.d.ts +6 -2
- package/iconbutton/filled-tonal-icon-button.js +2 -1
- package/iconbutton/filled-tonal-icon-button.js.map +1 -1
- package/iconbutton/harness.d.ts +2 -3
- package/iconbutton/harness.js +4 -1
- package/iconbutton/harness.js.map +1 -1
- package/iconbutton/lib/_filled-icon-button.scss +77 -51
- package/iconbutton/lib/_filled-tonal-icon-button.scss +77 -49
- package/iconbutton/lib/_outlined-icon-button.scss +70 -53
- package/iconbutton/lib/_shared.scss +35 -112
- package/iconbutton/lib/_standard-icon-button.scss +39 -48
- package/iconbutton/lib/filled-styles.css.js +1 -1
- package/iconbutton/lib/filled-styles.css.js.map +1 -1
- package/iconbutton/lib/filled-styles.scss +2 -0
- package/iconbutton/lib/filled-tonal-styles.css.js +1 -1
- package/iconbutton/lib/filled-tonal-styles.css.js.map +1 -1
- package/iconbutton/lib/filled-tonal-styles.scss +2 -0
- package/iconbutton/lib/icon-button.d.ts +43 -26
- package/iconbutton/lib/icon-button.js +115 -84
- package/iconbutton/lib/icon-button.js.map +1 -1
- package/iconbutton/lib/outlined-styles.css.js +1 -1
- package/iconbutton/lib/outlined-styles.css.js.map +1 -1
- package/iconbutton/lib/outlined-styles.scss +2 -0
- package/iconbutton/lib/shared-styles.css.js +1 -1
- package/iconbutton/lib/shared-styles.css.js.map +1 -1
- package/iconbutton/lib/shared-styles.scss +2 -0
- package/iconbutton/lib/standard-styles.css.js +1 -1
- package/iconbutton/lib/standard-styles.css.js.map +1 -1
- package/iconbutton/lib/standard-styles.scss +2 -0
- package/iconbutton/outlined-icon-button.d.ts +5 -2
- package/iconbutton/outlined-icon-button.js +1 -1
- package/iconbutton/outlined-icon-button.js.map +1 -1
- package/iconbutton/standard-icon-button.d.ts +5 -2
- package/iconbutton/standard-icon-button.js +1 -1
- package/iconbutton/standard-icon-button.js.map +1 -1
- package/internal/README.md +6 -0
- package/internal/aria/aria.d.ts +103 -0
- package/internal/aria/aria.js +80 -0
- package/internal/aria/aria.js.map +1 -0
- package/internal/aria/delegate.d.ts +37 -0
- package/internal/aria/delegate.js +53 -0
- package/internal/aria/delegate.js.map +1 -0
- package/internal/controller/attachable-controller.d.ts +113 -0
- package/internal/controller/attachable-controller.js +115 -0
- package/internal/controller/attachable-controller.js.map +1 -0
- package/internal/controller/events.js +130 -0
- package/internal/controller/events.js.map +1 -0
- package/internal/motion/animation.d.ts +80 -0
- package/internal/motion/animation.js +101 -0
- package/internal/motion/animation.js.map +1 -0
- package/internal/sass/_string-ext.scss +195 -0
- package/internal/sass/_theme.scss +249 -0
- package/internal/sass/_var.scss +237 -0
- package/labs/README.md +6 -0
- package/labs/badge/badge.d.ts +18 -0
- package/labs/badge/badge.js +21 -0
- package/labs/badge/badge.js.map +1 -0
- package/labs/badge/lib/_badge.scss +69 -0
- package/labs/badge/lib/badge-styles.css.js +9 -0
- package/labs/badge/lib/badge-styles.css.js.map +1 -0
- package/labs/badge/lib/badge-styles.scss +10 -0
- package/labs/badge/lib/badge.d.ts +13 -0
- package/labs/badge/lib/badge.js +28 -0
- package/labs/badge/lib/badge.js.map +1 -0
- package/labs/navigationbar/harness.d.ts +19 -0
- package/labs/navigationbar/harness.js +29 -0
- package/labs/navigationbar/harness.js.map +1 -0
- package/labs/navigationbar/lib/_navigation-bar.scss +68 -0
- package/labs/navigationbar/lib/constants.d.ts +17 -0
- package/labs/navigationbar/lib/navigation-bar-styles.css.js +9 -0
- package/labs/navigationbar/lib/navigation-bar-styles.css.js.map +1 -0
- package/labs/navigationbar/lib/navigation-bar-styles.scss +10 -0
- package/labs/navigationbar/lib/navigation-bar.d.ts +27 -0
- package/labs/navigationbar/lib/navigation-bar.js +140 -0
- package/labs/navigationbar/lib/navigation-bar.js.map +1 -0
- package/labs/navigationbar/navigation-bar.d.ts +18 -0
- package/labs/navigationbar/navigation-bar.js +21 -0
- package/labs/navigationbar/navigation-bar.js.map +1 -0
- package/labs/navigationdrawer/lib/_navigation-drawer-modal.scss +107 -0
- package/labs/navigationdrawer/lib/_navigation-drawer.scss +94 -0
- package/labs/navigationdrawer/lib/_shared.scss +28 -0
- package/labs/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +9 -0
- package/labs/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +1 -0
- package/labs/navigationdrawer/lib/navigation-drawer-modal-styles.scss +10 -0
- package/labs/navigationdrawer/lib/navigation-drawer-modal.d.ts +19 -0
- package/labs/navigationdrawer/lib/navigation-drawer-modal.js +83 -0
- package/labs/navigationdrawer/lib/navigation-drawer-modal.js.map +1 -0
- package/labs/navigationdrawer/lib/navigation-drawer-styles.css.js +9 -0
- package/labs/navigationdrawer/lib/navigation-drawer-styles.css.js.map +1 -0
- package/labs/navigationdrawer/lib/navigation-drawer-styles.scss +10 -0
- package/labs/navigationdrawer/lib/navigation-drawer.d.ts +17 -0
- package/labs/navigationdrawer/lib/navigation-drawer.js +66 -0
- package/labs/navigationdrawer/lib/navigation-drawer.js.map +1 -0
- package/labs/navigationdrawer/lib/shared-styles.css.js +9 -0
- package/labs/navigationdrawer/lib/shared-styles.css.js.map +1 -0
- package/labs/navigationdrawer/lib/shared-styles.scss +10 -0
- package/labs/navigationdrawer/navigation-drawer-modal.d.ts +18 -0
- package/labs/navigationdrawer/navigation-drawer-modal.js +22 -0
- package/labs/navigationdrawer/navigation-drawer-modal.js.map +1 -0
- package/labs/navigationdrawer/navigation-drawer.d.ts +18 -0
- package/labs/navigationdrawer/navigation-drawer.js +22 -0
- package/labs/navigationdrawer/navigation-drawer.js.map +1 -0
- package/labs/navigationtab/harness.d.ts +13 -0
- package/labs/navigationtab/harness.js +16 -0
- package/labs/navigationtab/harness.js.map +1 -0
- package/labs/navigationtab/lib/_navigation-tab.scss +257 -0
- package/labs/navigationtab/lib/navigation-tab-styles.css.js +9 -0
- package/labs/navigationtab/lib/navigation-tab-styles.css.js.map +1 -0
- package/labs/navigationtab/lib/navigation-tab-styles.scss +10 -0
- package/labs/navigationtab/lib/navigation-tab.d.ts +30 -0
- package/labs/navigationtab/lib/navigation-tab.js +119 -0
- package/labs/navigationtab/lib/navigation-tab.js.map +1 -0
- package/labs/navigationtab/lib/state.d.ts +24 -0
- package/labs/navigationtab/lib/state.js.map +1 -0
- package/labs/navigationtab/navigation-tab.d.ts +18 -0
- package/labs/navigationtab/navigation-tab.js +21 -0
- package/labs/navigationtab/navigation-tab.js.map +1 -0
- package/labs/segmentedbutton/lib/_outlined-segmented-button.scss +44 -0
- package/labs/segmentedbutton/lib/_shared.scss +355 -0
- package/labs/segmentedbutton/lib/outlined-segmented-button.d.ts +24 -0
- package/labs/segmentedbutton/lib/outlined-segmented-button.js +22 -0
- package/labs/segmentedbutton/lib/outlined-segmented-button.js.map +1 -0
- package/labs/segmentedbutton/lib/outlined-styles.css.js +9 -0
- package/labs/segmentedbutton/lib/outlined-styles.css.js.map +1 -0
- package/labs/segmentedbutton/lib/outlined-styles.scss +10 -0
- package/labs/segmentedbutton/lib/segmented-button.d.ts +44 -0
- package/labs/segmentedbutton/lib/segmented-button.js +159 -0
- package/labs/segmentedbutton/lib/segmented-button.js.map +1 -0
- package/labs/segmentedbutton/lib/shared-styles.css.js +9 -0
- package/labs/segmentedbutton/lib/shared-styles.css.js.map +1 -0
- package/labs/segmentedbutton/lib/shared-styles.scss +10 -0
- package/labs/segmentedbutton/outlined-segmented-button.d.ts +20 -0
- package/labs/segmentedbutton/outlined-segmented-button.js +24 -0
- package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -0
- package/labs/segmentedbuttonset/lib/_outlined-segmented-button-set.scss +53 -0
- package/labs/segmentedbuttonset/lib/_shared.scss +33 -0
- package/labs/segmentedbuttonset/lib/outlined-segmented-button-set.d.ts +14 -0
- package/labs/segmentedbuttonset/lib/outlined-segmented-button-set.js +18 -0
- package/labs/segmentedbuttonset/lib/outlined-segmented-button-set.js.map +1 -0
- package/labs/segmentedbuttonset/lib/outlined-styles.css.js +9 -0
- package/labs/segmentedbuttonset/lib/outlined-styles.css.js.map +1 -0
- package/labs/segmentedbuttonset/lib/outlined-styles.scss +10 -0
- package/labs/segmentedbuttonset/lib/segmented-button-set.d.ts +26 -0
- package/labs/segmentedbuttonset/lib/segmented-button-set.js +110 -0
- package/labs/segmentedbuttonset/lib/segmented-button-set.js.map +1 -0
- package/labs/segmentedbuttonset/lib/shared-styles.scss +10 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.d.ts +20 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js +24 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -0
- package/linearprogress/_linear-progress.scss +6 -0
- package/linearprogress/harness.d.ts +13 -0
- package/linearprogress/harness.js +18 -0
- package/linearprogress/harness.js.map +1 -0
- package/linearprogress/lib/_linear-progress.scss +386 -0
- package/linearprogress/lib/linear-progress-styles.css.js +9 -0
- package/linearprogress/lib/linear-progress-styles.css.js.map +1 -0
- package/linearprogress/lib/linear-progress-styles.scss +8 -0
- package/linearprogress/lib/linear-progress.d.ts +35 -0
- package/linearprogress/lib/linear-progress.js +127 -0
- package/linearprogress/lib/linear-progress.js.map +1 -0
- package/linearprogress/linear-progress.d.ts +23 -0
- package/linearprogress/linear-progress.js +26 -0
- package/linearprogress/linear-progress.js.map +1 -0
- package/list/harness.d.ts +1 -0
- package/list/harness.js +1 -0
- package/list/harness.js.map +1 -1
- package/list/lib/_list.scss +19 -49
- package/list/lib/list-styles.css.js +1 -1
- package/list/lib/list-styles.css.js.map +1 -1
- package/list/lib/list-styles.scss +2 -0
- package/list/lib/list.d.ts +105 -34
- package/list/lib/list.js +222 -137
- package/list/lib/list.js.map +1 -1
- package/list/lib/listitem/_list-item.scss +320 -126
- package/list/lib/listitem/forced-colors-styles.css.d.ts +1 -0
- package/list/lib/listitem/forced-colors-styles.css.js +9 -0
- package/list/lib/listitem/forced-colors-styles.css.js.map +1 -0
- package/list/lib/listitem/forced-colors-styles.scss +23 -0
- package/list/lib/listitem/harness.js +2 -1
- package/list/lib/listitem/harness.js.map +1 -1
- package/list/lib/listitem/list-item-only.d.ts +22 -0
- package/list/lib/listitem/list-item-only.js +35 -0
- package/list/lib/listitem/list-item-only.js.map +1 -0
- package/list/lib/listitem/list-item-styles.css.js +1 -1
- package/list/lib/listitem/list-item-styles.css.js.map +1 -1
- package/list/lib/listitem/list-item-styles.scss +2 -0
- package/list/lib/listitem/list-item.d.ts +121 -61
- package/list/lib/listitem/list-item.js +174 -204
- package/list/lib/listitem/list-item.js.map +1 -1
- package/list/lib/listitemlink/list-item-link-only.d.ts +22 -0
- package/list/lib/listitemlink/list-item-link-only.js +33 -0
- package/list/lib/listitemlink/list-item-link-only.js.map +1 -0
- package/list/lib/listitemlink/list-item-link.d.ts +18 -0
- package/list/lib/listitemlink/list-item-link.js +42 -0
- package/list/lib/listitemlink/list-item-link.js.map +1 -0
- package/list/list-item-link.d.ts +53 -0
- package/list/list-item-link.js +57 -0
- package/list/list-item-link.js.map +1 -0
- package/list/list-item.d.ts +38 -2
- package/list/list-item.js +39 -3
- package/list/list-item.js.map +1 -1
- package/list/list.d.ts +15 -1
- package/list/list.js +15 -1
- package/list/list.js.map +1 -1
- package/menu/_menu-item.scss +6 -0
- package/menu/_menu.scss +6 -0
- package/menu/harness.d.ts +6 -0
- package/menu/harness.js +23 -0
- package/menu/harness.js.map +1 -1
- package/menu/lib/_menu.scss +71 -76
- package/menu/lib/forced-colors-styles.css.d.ts +1 -0
- package/menu/lib/forced-colors-styles.css.js +9 -0
- package/menu/lib/forced-colors-styles.css.js.map +1 -0
- package/menu/lib/forced-colors-styles.scss +12 -0
- package/menu/lib/menu-styles.css.js +1 -1
- package/menu/lib/menu-styles.css.js.map +1 -1
- package/menu/lib/menu-styles.scss +2 -0
- package/menu/lib/menu.d.ts +195 -46
- package/menu/lib/menu.js +580 -264
- package/menu/lib/menu.js.map +1 -1
- package/menu/lib/menuitem/_menu-item.scss +60 -0
- package/menu/lib/menuitem/forced-colors-styles.css.d.ts +1 -0
- package/menu/lib/menuitem/forced-colors-styles.css.js +9 -0
- package/menu/lib/menuitem/forced-colors-styles.css.js.map +1 -0
- package/menu/lib/menuitem/forced-colors-styles.scss +22 -0
- package/menu/lib/menuitem/menu-item-styles.css.d.ts +1 -0
- package/menu/lib/menuitem/menu-item-styles.css.js +9 -0
- package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -0
- package/menu/lib/menuitem/menu-item-styles.scss +10 -0
- package/menu/lib/menuitem/menu-item.d.ts +22 -5
- package/menu/lib/menuitem/menu-item.js +41 -4
- package/menu/lib/menuitem/menu-item.js.map +1 -1
- package/menu/lib/menuitemlink/menu-item-link.d.ts +23 -0
- package/menu/lib/menuitemlink/menu-item-link.js +49 -0
- package/menu/lib/menuitemlink/menu-item-link.js.map +1 -0
- package/menu/lib/shared.d.ts +178 -0
- package/menu/lib/shared.js +142 -0
- package/menu/lib/shared.js.map +1 -0
- package/menu/lib/submenuitem/harness.d.ts +11 -0
- package/menu/lib/submenuitem/harness.js +12 -0
- package/menu/lib/submenuitem/harness.js.map +1 -0
- package/menu/lib/submenuitem/sub-menu-item.d.ts +99 -0
- package/menu/lib/submenuitem/sub-menu-item.js +293 -0
- package/menu/lib/submenuitem/sub-menu-item.js.map +1 -0
- package/menu/lib/surfacePositionController.d.ts +125 -0
- package/menu/lib/surfacePositionController.js +200 -0
- package/menu/lib/surfacePositionController.js.map +1 -0
- package/menu/lib/typeaheadController.d.ts +157 -0
- package/menu/lib/typeaheadController.js +252 -0
- package/menu/lib/typeaheadController.js.map +1 -0
- package/menu/menu-item-link.d.ts +33 -0
- package/menu/menu-item-link.js +38 -0
- package/menu/menu-item-link.js.map +1 -0
- package/menu/menu-item.d.ts +19 -2
- package/menu/menu-item.js +23 -4
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +45 -0
- package/menu/menu.js +45 -1
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu-item.d.ts +60 -0
- package/menu/sub-menu-item.js +65 -0
- package/menu/sub-menu-item.js.map +1 -0
- package/package.json +27 -18
- package/radio/lib/_radio.scss +34 -32
- package/radio/lib/forced-colors-styles.css.js +1 -1
- package/radio/lib/forced-colors-styles.css.js.map +1 -1
- package/radio/lib/forced-colors-styles.scss +2 -0
- package/radio/lib/radio-styles.css.js +1 -1
- package/radio/lib/radio-styles.css.js.map +1 -1
- package/radio/lib/radio-styles.scss +2 -0
- package/radio/lib/radio.d.ts +22 -16
- package/radio/lib/radio.js +95 -111
- package/radio/lib/radio.js.map +1 -1
- package/radio/radio.d.ts +16 -1
- package/radio/radio.js +16 -1
- package/radio/radio.js.map +1 -1
- package/ripple/lib/_ripple.scss +39 -73
- package/ripple/lib/ripple-styles.css.js +1 -1
- package/ripple/lib/ripple-styles.css.js.map +1 -1
- package/ripple/lib/ripple-styles.scss +2 -0
- package/ripple/lib/ripple.d.ts +60 -48
- package/ripple/lib/ripple.js +277 -106
- package/ripple/lib/ripple.js.map +1 -1
- package/ripple/ripple.d.ts +9 -1
- package/ripple/ripple.js +9 -1
- package/ripple/ripple.js.map +1 -1
- package/select/_filled-select.scss +6 -0
- package/select/_outlined-select.scss +6 -0
- package/select/filled-select.d.ts +41 -0
- package/select/filled-select.js +46 -0
- package/select/filled-select.js.map +1 -0
- package/select/harness.d.ts +24 -0
- package/select/harness.js +53 -0
- package/select/harness.js.map +1 -0
- package/select/lib/_filled-select.scss +222 -0
- package/select/lib/_outlined-select.scss +180 -0
- package/select/lib/_shared.scss +55 -0
- package/select/lib/filled-forced-colors-styles.css.d.ts +1 -0
- package/select/lib/filled-forced-colors-styles.css.js +9 -0
- package/select/lib/filled-forced-colors-styles.css.js.map +1 -0
- package/select/lib/filled-forced-colors-styles.scss +29 -0
- package/select/lib/filled-select-styles.css.d.ts +1 -0
- package/select/lib/filled-select-styles.css.js +9 -0
- package/select/lib/filled-select-styles.css.js.map +1 -0
- package/select/lib/filled-select-styles.scss +10 -0
- package/select/lib/filled-select.d.ts +10 -0
- package/select/lib/filled-select.js +16 -0
- package/select/lib/filled-select.js.map +1 -0
- package/select/lib/outlined-forced-colors-styles.css.d.ts +1 -0
- package/select/lib/outlined-forced-colors-styles.css.js +9 -0
- package/select/lib/outlined-forced-colors-styles.css.js.map +1 -0
- package/select/lib/outlined-forced-colors-styles.scss +29 -0
- package/select/lib/outlined-select-styles.css.d.ts +1 -0
- package/select/lib/outlined-select-styles.css.js +9 -0
- package/select/lib/outlined-select-styles.css.js.map +1 -0
- package/select/lib/outlined-select-styles.scss +10 -0
- package/select/lib/outlined-select.d.ts +10 -0
- package/select/lib/outlined-select.js +16 -0
- package/select/lib/outlined-select.js.map +1 -0
- package/select/lib/select.d.ts +216 -0
- package/select/lib/select.js +589 -0
- package/select/lib/select.js.map +1 -0
- package/select/lib/selectoption/harness.d.ts +11 -0
- package/select/lib/selectoption/harness.js +12 -0
- package/select/lib/selectoption/harness.js.map +1 -0
- package/select/lib/selectoption/select-option.d.ts +29 -0
- package/select/lib/selectoption/select-option.js +71 -0
- package/select/lib/selectoption/select-option.js.map +1 -0
- package/select/lib/shared-styles.css.d.ts +1 -0
- package/select/lib/shared-styles.css.js +9 -0
- package/select/lib/shared-styles.css.js.map +1 -0
- package/select/lib/shared-styles.scss +10 -0
- package/select/lib/shared.d.ts +52 -0
- package/select/lib/shared.js +41 -0
- package/select/lib/shared.js.map +1 -0
- package/select/outlined-select.d.ts +41 -0
- package/select/outlined-select.js +46 -0
- package/select/outlined-select.js.map +1 -0
- package/select/select-option.d.ts +44 -0
- package/select/select-option.js +51 -0
- package/select/select-option.js.map +1 -0
- package/slider/_slider.scss +6 -0
- package/slider/harness.d.ts +21 -0
- package/slider/harness.js +70 -0
- package/slider/harness.js.map +1 -0
- package/slider/lib/_slider.scss +476 -0
- package/slider/lib/forced-colors-styles.css.d.ts +1 -0
- package/slider/lib/forced-colors-styles.css.js +9 -0
- package/slider/lib/forced-colors-styles.css.js.map +1 -0
- package/slider/lib/forced-colors-styles.scss +53 -0
- package/slider/lib/slider-styles.css.d.ts +1 -0
- package/slider/lib/slider-styles.css.js +9 -0
- package/slider/lib/slider-styles.css.js.map +1 -0
- package/slider/lib/slider-styles.scss +8 -0
- package/slider/lib/slider.d.ts +173 -0
- package/slider/lib/slider.js +623 -0
- package/slider/lib/slider.js.map +1 -0
- package/slider/slider.d.ts +28 -0
- package/slider/slider.js +32 -0
- package/slider/slider.js.map +1 -0
- package/switch/harness.js +1 -1
- package/switch/harness.js.map +1 -1
- package/switch/lib/README.md +55 -0
- package/switch/lib/_handle.scss +134 -97
- package/switch/lib/_icon.scss +82 -23
- package/switch/lib/_switch.scss +83 -233
- package/switch/lib/_track.scss +79 -45
- package/switch/lib/forced-colors-styles.css.d.ts +1 -0
- package/switch/lib/forced-colors-styles.css.js +9 -0
- package/switch/lib/forced-colors-styles.css.js.map +1 -0
- package/switch/lib/forced-colors-styles.scss +41 -0
- package/switch/lib/switch-styles.css.js +1 -1
- package/switch/lib/switch-styles.css.js.map +1 -1
- package/switch/lib/switch-styles.scss +2 -0
- package/switch/lib/switch.d.ts +20 -20
- package/switch/lib/switch.js +79 -128
- package/switch/lib/switch.js.map +1 -1
- package/switch/switch.js +2 -1
- package/switch/switch.js.map +1 -1
- package/tabs/_tab.scss +6 -0
- package/tabs/harness.d.ts +23 -0
- package/tabs/harness.js +50 -0
- package/tabs/harness.js.map +1 -0
- package/tabs/lib/_tab.scss +293 -0
- package/tabs/lib/_tabs.scss +44 -0
- package/tabs/lib/tab-styles.css.d.ts +1 -0
- package/tabs/lib/tab-styles.css.js +9 -0
- package/tabs/lib/tab-styles.css.js.map +1 -0
- package/tabs/lib/tab-styles.scss +10 -0
- package/tabs/lib/tab.d.ts +68 -0
- package/tabs/lib/tab.js +162 -0
- package/tabs/lib/tab.js.map +1 -0
- package/tabs/lib/tabs-styles.css.d.ts +1 -0
- package/tabs/lib/tabs-styles.css.js +9 -0
- package/tabs/lib/tabs-styles.css.js.map +1 -0
- package/tabs/lib/tabs-styles.scss +10 -0
- package/tabs/lib/tabs.d.ts +91 -0
- package/tabs/lib/tabs.js +310 -0
- package/tabs/lib/tabs.js.map +1 -0
- package/tabs/tab.d.ts +19 -0
- package/tabs/tab.js +22 -0
- package/tabs/tab.js.map +1 -0
- package/tabs/tabs.d.ts +20 -0
- package/tabs/tabs.js +24 -0
- package/tabs/tabs.js.map +1 -0
- package/textfield/filled-text-field.d.ts +1 -1
- package/textfield/filled-text-field.js +1 -2
- package/textfield/filled-text-field.js.map +1 -1
- package/textfield/harness.d.ts +1 -1
- package/textfield/harness.js +1 -1
- package/textfield/harness.js.map +1 -1
- package/textfield/lib/_filled-text-field.scss +161 -103
- package/textfield/lib/_icon.scss +14 -73
- package/textfield/lib/_input.scss +15 -36
- package/textfield/lib/_outlined-text-field.scss +121 -97
- package/textfield/lib/_shared.scss +10 -29
- package/textfield/lib/filled-forced-colors-styles.css.js +1 -1
- package/textfield/lib/filled-forced-colors-styles.css.js.map +1 -1
- package/textfield/lib/filled-forced-colors-styles.scss +2 -0
- package/textfield/lib/filled-styles.css.js +1 -1
- package/textfield/lib/filled-styles.css.js.map +1 -1
- package/textfield/lib/filled-styles.scss +2 -0
- package/textfield/lib/filled-text-field.d.ts +6 -5
- package/textfield/lib/filled-text-field.js +8 -7
- package/textfield/lib/filled-text-field.js.map +1 -1
- package/textfield/lib/outlined-forced-colors-styles.css.js +1 -1
- package/textfield/lib/outlined-forced-colors-styles.css.js.map +1 -1
- package/textfield/lib/outlined-forced-colors-styles.scss +2 -0
- package/textfield/lib/outlined-styles.css.js +1 -1
- package/textfield/lib/outlined-styles.css.js.map +1 -1
- package/textfield/lib/outlined-styles.scss +2 -0
- package/textfield/lib/outlined-text-field.d.ts +6 -5
- package/textfield/lib/outlined-text-field.js +8 -7
- package/textfield/lib/outlined-text-field.js.map +1 -1
- package/textfield/lib/shared-styles.css.js +1 -1
- package/textfield/lib/shared-styles.css.js.map +1 -1
- package/textfield/lib/shared-styles.scss +2 -0
- package/textfield/lib/text-field.d.ts +54 -121
- package/textfield/lib/text-field.js +250 -423
- package/textfield/lib/text-field.js.map +1 -1
- package/textfield/outlined-text-field.d.ts +1 -1
- package/textfield/outlined-text-field.js +1 -2
- package/textfield/outlined-text-field.js.map +1 -1
- package/tokens/_index.scss +58 -2
- package/tokens/_md-comp-assist-chip.scss +119 -0
- package/tokens/_md-comp-badge.scss +41 -0
- package/tokens/_md-comp-checkbox.scss +100 -0
- package/tokens/_md-comp-circular-progress-indicator.scss +63 -0
- package/tokens/_md-comp-dialog.scss +52 -0
- package/tokens/_md-comp-divider.scss +28 -0
- package/tokens/_md-comp-elevated-button.scss +108 -0
- package/tokens/_md-comp-elevation.scss +24 -0
- package/tokens/_md-comp-fab-branded.scss +112 -0
- package/tokens/_md-comp-fab.scss +246 -0
- package/tokens/_md-comp-filled-button.scss +108 -0
- package/tokens/_md-comp-filled-field.scss +227 -0
- package/tokens/_md-comp-filled-icon-button.scss +72 -0
- package/tokens/_md-comp-filled-select.scss +148 -0
- package/tokens/_md-comp-filled-text-field.scss +139 -0
- package/tokens/_md-comp-filled-tonal-button.scss +108 -0
- package/tokens/_md-comp-filled-tonal-icon-button.scss +72 -0
- package/tokens/_md-comp-filter-chip.scss +228 -0
- package/tokens/_md-comp-focus-ring.scss +47 -0
- package/tokens/_md-comp-full-screen-dialog.scss +25 -0
- package/tokens/_md-comp-icon-button.scss +63 -0
- package/tokens/_md-comp-input-chip.scss +203 -0
- package/tokens/_md-comp-linear-progress-indicator.scss +50 -0
- package/tokens/_md-comp-list-item.scss +174 -0
- package/tokens/_md-comp-list.scss +134 -0
- package/tokens/_md-comp-menu-item.scss +50 -0
- package/tokens/_md-comp-menu.scss +48 -0
- package/tokens/_md-comp-navigation-bar.scss +25 -0
- package/tokens/_md-comp-navigation-drawer.scss +25 -0
- package/tokens/_md-comp-outlined-button.scss +104 -0
- package/tokens/_md-comp-outlined-field.scss +202 -0
- package/tokens/_md-comp-outlined-icon-button.scss +67 -0
- package/tokens/_md-comp-outlined-segmented-button.scss +93 -0
- package/tokens/_md-comp-outlined-select.scss +147 -0
- package/tokens/_md-comp-outlined-text-field.scss +130 -0
- package/tokens/_md-comp-radio-button.scss +62 -0
- package/tokens/_md-comp-ripple.scss +40 -0
- package/tokens/_md-comp-slider.scss +59 -0
- package/tokens/_md-comp-suggestion-chip.scss +122 -0
- package/tokens/_md-comp-switch.scss +107 -0
- package/tokens/_md-comp-tab.scss +285 -0
- package/tokens/_md-comp-test-table.scss +31 -0
- package/tokens/_md-comp-text-button.scss +97 -0
- package/tokens/_md-ref-palette.scss +12 -0
- package/tokens/_md-ref-typeface.scss +34 -0
- package/tokens/_md-sys-color.scss +54 -0
- package/tokens/_md-sys-elevation.scss +30 -0
- package/tokens/_md-sys-motion.scss +12 -0
- package/tokens/_md-sys-shape.scss +12 -0
- package/tokens/_md-sys-state.scss +12 -0
- package/tokens/_md-sys-typescale.scss +51 -0
- package/tokens/_values.scss +109 -0
- package/tokens/v0_172/_index.scss +107 -0
- package/tokens/v0_172/_md-comp-assist-chip.scss +108 -0
- package/tokens/v0_172/_md-comp-badge.scss +58 -0
- package/tokens/v0_172/_md-comp-banner.scss +73 -0
- package/tokens/v0_172/_md-comp-bottom-app-bar.scss +33 -0
- package/tokens/v0_172/_md-comp-carousel-item.scss +63 -0
- package/tokens/v0_172/_md-comp-checkbox.scss +126 -0
- package/tokens/v0_172/_md-comp-circular-progress-indicator.scss +39 -0
- package/tokens/v0_172/_md-comp-data-table.scss +96 -0
- package/tokens/v0_172/_md-comp-date-input-modal.scss +87 -0
- package/tokens/v0_172/_md-comp-date-picker-docked.scss +244 -0
- package/tokens/v0_172/_md-comp-date-picker-modal.scss +303 -0
- package/tokens/v0_172/_md-comp-dialog.scss +121 -0
- package/tokens/v0_172/_md-comp-divider.scss +25 -0
- package/tokens/v0_172/_md-comp-elevated-button.scss +89 -0
- package/tokens/v0_172/_md-comp-elevated-card.scss +57 -0
- package/tokens/v0_172/_md-comp-extended-fab-branded.scss +86 -0
- package/tokens/v0_172/_md-comp-extended-fab-primary.scss +94 -0
- package/tokens/v0_172/_md-comp-extended-fab-secondary.scss +95 -0
- package/tokens/v0_172/_md-comp-extended-fab-surface.scss +90 -0
- package/tokens/v0_172/_md-comp-extended-fab-tertiary.scss +95 -0
- package/tokens/v0_172/_md-comp-fab-branded-large.scss +60 -0
- package/tokens/v0_172/_md-comp-fab-branded.scss +60 -0
- package/tokens/v0_172/_md-comp-fab-primary-large.scss +65 -0
- package/tokens/v0_172/_md-comp-fab-primary-small.scss +65 -0
- package/tokens/v0_172/_md-comp-fab-primary.scss +65 -0
- package/tokens/v0_172/_md-comp-fab-secondary-large.scss +66 -0
- package/tokens/v0_172/_md-comp-fab-secondary-small.scss +66 -0
- package/tokens/v0_172/_md-comp-fab-secondary.scss +66 -0
- package/tokens/v0_172/_md-comp-fab-surface-large.scss +64 -0
- package/tokens/v0_172/_md-comp-fab-surface-small.scss +64 -0
- package/tokens/v0_172/_md-comp-fab-surface.scss +64 -0
- package/tokens/v0_172/_md-comp-fab-tertiary-large.scss +66 -0
- package/tokens/v0_172/_md-comp-fab-tertiary-small.scss +66 -0
- package/tokens/v0_172/_md-comp-fab-tertiary.scss +66 -0
- package/tokens/v0_172/_md-comp-filled-autocomplete.scss +265 -0
- package/tokens/v0_172/_md-comp-filled-button.scss +89 -0
- package/tokens/v0_172/_md-comp-filled-card.scss +59 -0
- package/tokens/v0_172/_md-comp-filled-icon-button.scss +79 -0
- package/tokens/v0_172/_md-comp-filled-menu-button.scss +98 -0
- package/tokens/v0_172/_md-comp-filled-select.scss +270 -0
- package/tokens/v0_172/_md-comp-filled-text-field.scss +190 -0
- package/tokens/v0_172/_md-comp-filled-tonal-button.scss +99 -0
- package/tokens/v0_172/_md-comp-filled-tonal-icon-button.scss +86 -0
- package/tokens/v0_172/_md-comp-filter-chip.scss +207 -0
- package/tokens/v0_172/_md-comp-full-screen-dialog.scss +111 -0
- package/tokens/v0_172/_md-comp-icon-button.scss +70 -0
- package/tokens/v0_172/_md-comp-input-chip.scss +184 -0
- package/tokens/v0_172/_md-comp-linear-progress-indicator.scss +41 -0
- package/tokens/v0_172/_md-comp-list.scss +248 -0
- package/tokens/v0_172/_md-comp-menu.scss +35 -0
- package/tokens/v0_172/_md-comp-navigation-bar.scss +112 -0
- package/tokens/v0_172/_md-comp-navigation-drawer.scss +162 -0
- package/tokens/v0_172/_md-comp-navigation-rail.scss +116 -0
- package/tokens/v0_172/_md-comp-outlined-autocomplete.scss +255 -0
- package/tokens/v0_172/_md-comp-outlined-button.scss +84 -0
- package/tokens/v0_172/_md-comp-outlined-card.scss +63 -0
- package/tokens/v0_172/_md-comp-outlined-icon-button.scss +79 -0
- package/tokens/v0_172/_md-comp-outlined-menu-button.scss +94 -0
- package/tokens/v0_172/_md-comp-outlined-segmented-button.scss +112 -0
- package/tokens/v0_172/_md-comp-outlined-select.scss +260 -0
- package/tokens/v0_172/_md-comp-outlined-text-field.scss +171 -0
- package/tokens/v0_172/_md-comp-plain-tooltip.scss +55 -0
- package/tokens/v0_172/_md-comp-primary-navigation-tab.scss +121 -0
- package/tokens/v0_172/_md-comp-radio-button.scss +68 -0
- package/tokens/v0_172/_md-comp-rich-tooltip.scss +119 -0
- package/tokens/v0_172/_md-comp-scrim.scss +25 -0
- package/tokens/v0_172/_md-comp-search-bar.scss +97 -0
- package/tokens/v0_172/_md-comp-search-view.scss +91 -0
- package/tokens/v0_172/_md-comp-secondary-navigation-tab.scss +84 -0
- package/tokens/v0_172/_md-comp-sheet-bottom.scss +44 -0
- package/tokens/v0_172/_md-comp-sheet-floating.scss +32 -0
- package/tokens/v0_172/_md-comp-sheet-side.scss +91 -0
- package/tokens/v0_172/_md-comp-slider.scss +115 -0
- package/tokens/v0_172/_md-comp-snackbar.scss +127 -0
- package/tokens/v0_172/_md-comp-standard-menu-button.scss +98 -0
- package/tokens/v0_172/_md-comp-suggestion-chip.scss +124 -0
- package/tokens/v0_172/_md-comp-switch.scss +138 -0
- package/tokens/v0_172/_md-comp-text-button.scss +77 -0
- package/tokens/v0_172/_md-comp-time-input.scss +217 -0
- package/tokens/v0_172/_md-comp-time-picker.scss +264 -0
- package/tokens/v0_172/_md-comp-top-app-bar-large.scss +61 -0
- package/tokens/v0_172/_md-comp-top-app-bar-medium.scss +61 -0
- package/tokens/v0_172/_md-comp-top-app-bar-small-centered.scss +68 -0
- package/tokens/v0_172/_md-comp-top-app-bar-small.scss +64 -0
- package/tokens/v0_172/_md-ref-palette.scss +107 -0
- package/tokens/v0_172/_md-ref-typeface.scss +21 -0
- package/tokens/v0_172/_md-sys-color.scss +134 -0
- package/tokens/v0_172/_md-sys-elevation.scss +21 -0
- package/tokens/v0_172/_md-sys-motion.scss +53 -0
- package/tokens/v0_172/_md-sys-shape.scss +30 -0
- package/tokens/v0_172/_md-sys-state.scss +19 -0
- package/tokens/v0_172/_md-sys-typescale.scss +284 -0
- package/tokens/v0_172/index.test.css.d.ts +1 -0
- package/tokens/v0_172/index.test.scss +584 -0
- package/tokens/v0_172/lib.test.css.d.ts +1 -0
- package/tokens/v0_172/lib.test.scss +663 -0
- package/actionelement/action-element.d.ts +0 -79
- package/actionelement/action-element.js +0 -97
- package/actionelement/action-element.js.map +0 -1
- package/autocomplete/_filled-autocomplete.scss +0 -6
- package/autocomplete/_outlined-autocomplete.scss +0 -6
- package/autocomplete/autocomplete-item.d.ts +0 -19
- package/autocomplete/autocomplete-item.js +0 -22
- package/autocomplete/autocomplete-item.js.map +0 -1
- package/autocomplete/autocomplete-list.d.ts +0 -19
- package/autocomplete/autocomplete-list.js +0 -23
- package/autocomplete/autocomplete-list.js.map +0 -1
- package/autocomplete/autocomplete-surface.d.ts +0 -19
- package/autocomplete/autocomplete-surface.js +0 -23
- package/autocomplete/autocomplete-surface.js.map +0 -1
- package/autocomplete/filled-autocomplete.d.ts +0 -30
- package/autocomplete/filled-autocomplete.js +0 -53
- package/autocomplete/filled-autocomplete.js.map +0 -1
- package/autocomplete/lib/_filled-autocomplete.scss +0 -228
- package/autocomplete/lib/_outlined-autocomplete.scss +0 -217
- package/autocomplete/lib/_shared.scss +0 -29
- package/autocomplete/lib/autocomplete.d.ts +0 -58
- package/autocomplete/lib/autocomplete.js +0 -273
- package/autocomplete/lib/autocomplete.js.map +0 -1
- package/autocomplete/lib/autocompleteitem/autocomplete-item.d.ts +0 -11
- package/autocomplete/lib/autocompleteitem/autocomplete-item.js +0 -14
- package/autocomplete/lib/autocompleteitem/autocomplete-item.js.map +0 -1
- package/autocomplete/lib/autocompleteitem/harness.d.ts +0 -11
- package/autocomplete/lib/autocompleteitem/harness.js +0 -12
- package/autocomplete/lib/autocompleteitem/harness.js.map +0 -1
- package/autocomplete/lib/autocompletelist/_autocomplete-list.scss +0 -13
- package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js +0 -9
- package/autocomplete/lib/autocompletelist/autocomplete-list-styles.css.js.map +0 -1
- package/autocomplete/lib/autocompletelist/autocomplete-list-styles.scss +0 -8
- package/autocomplete/lib/autocompletelist/autocomplete-list.d.ts +0 -14
- package/autocomplete/lib/autocompletelist/autocomplete-list.js +0 -21
- package/autocomplete/lib/autocompletelist/autocomplete-list.js.map +0 -1
- package/autocomplete/lib/autocompletelist/harness.d.ts +0 -11
- package/autocomplete/lib/autocompletelist/harness.js +0 -12
- package/autocomplete/lib/autocompletelist/harness.js.map +0 -1
- package/autocomplete/lib/autocompletesurface/_autocomplete-surface.scss +0 -13
- package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js +0 -9
- package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.js.map +0 -1
- package/autocomplete/lib/autocompletesurface/autocomplete-surface-styles.scss +0 -8
- package/autocomplete/lib/autocompletesurface/autocomplete-surface.d.ts +0 -13
- package/autocomplete/lib/autocompletesurface/autocomplete-surface.js +0 -21
- package/autocomplete/lib/autocompletesurface/autocomplete-surface.js.map +0 -1
- package/autocomplete/lib/filled-styles.css.js +0 -9
- package/autocomplete/lib/filled-styles.css.js.map +0 -1
- package/autocomplete/lib/filled-styles.scss +0 -8
- package/autocomplete/lib/outlined-styles.css.js +0 -9
- package/autocomplete/lib/outlined-styles.css.js.map +0 -1
- package/autocomplete/lib/outlined-styles.scss +0 -8
- package/autocomplete/lib/shared-styles.css.js +0 -9
- package/autocomplete/lib/shared-styles.css.js.map +0 -1
- package/autocomplete/lib/shared-styles.scss +0 -8
- package/autocomplete/outlined-autocomplete.d.ts +0 -30
- package/autocomplete/outlined-autocomplete.js +0 -53
- package/autocomplete/outlined-autocomplete.js.map +0 -1
- package/badge/badge.d.ts +0 -19
- package/badge/badge.js +0 -22
- package/badge/badge.js.map +0 -1
- package/badge/lib/_badge.scss +0 -80
- package/badge/lib/badge-styles.css.js +0 -9
- package/badge/lib/badge-styles.css.js.map +0 -1
- package/badge/lib/badge-styles.scss +0 -8
- package/badge/lib/badge.d.ts +0 -15
- package/badge/lib/badge.js +0 -31
- package/badge/lib/badge.js.map +0 -1
- package/button/elevated-link-button.d.ts +0 -36
- package/button/elevated-link-button.js +0 -41
- package/button/elevated-link-button.js.map +0 -1
- package/button/filled-link-button.d.ts +0 -34
- package/button/filled-link-button.js +0 -39
- package/button/filled-link-button.js.map +0 -1
- package/button/lib/elevated-link-button.d.ts +0 -13
- package/button/lib/elevated-link-button.js +0 -21
- package/button/lib/elevated-link-button.js.map +0 -1
- package/button/lib/filled-link-button.d.ts +0 -14
- package/button/lib/filled-link-button.js +0 -22
- package/button/lib/filled-link-button.js.map +0 -1
- package/button/lib/link-button.d.ts +0 -25
- package/button/lib/link-button.js +0 -64
- package/button/lib/link-button.js.map +0 -1
- package/button/lib/outlined-link-button.d.ts +0 -12
- package/button/lib/outlined-link-button.js +0 -20
- package/button/lib/outlined-link-button.js.map +0 -1
- package/button/lib/state.d.ts +0 -10
- package/button/lib/state.js +0 -7
- package/button/lib/state.js.map +0 -1
- package/button/lib/text-link-button.d.ts +0 -10
- package/button/lib/text-link-button.js +0 -16
- package/button/lib/text-link-button.js.map +0 -1
- package/button/lib/tonal-link-button.d.ts +0 -14
- package/button/lib/tonal-link-button.js +0 -22
- package/button/lib/tonal-link-button.js.map +0 -1
- package/button/outlined-link-button.d.ts +0 -36
- package/button/outlined-link-button.js +0 -40
- package/button/outlined-link-button.js.map +0 -1
- package/button/text-link-button.d.ts +0 -34
- package/button/text-link-button.js +0 -38
- package/button/text-link-button.js.map +0 -1
- package/button/tonal-link-button.d.ts +0 -35
- package/button/tonal-link-button.js +0 -40
- package/button/tonal-link-button.js.map +0 -1
- package/chips/action/delete-action.d.ts +0 -18
- package/chips/action/delete-action.js +0 -20
- package/chips/action/delete-action.js.map +0 -1
- package/chips/action/lib/action.d.ts +0 -47
- package/chips/action/lib/action.js +0 -162
- package/chips/action/lib/action.js.map +0 -1
- package/chips/action/lib/constants.d.ts +0 -62
- package/chips/action/lib/constants.js +0 -69
- package/chips/action/lib/constants.js.map +0 -1
- package/chips/action/lib/delete-action.d.ts +0 -20
- package/chips/action/lib/delete-action.js +0 -65
- package/chips/action/lib/delete-action.js.map +0 -1
- package/chips/action/lib/events.d.ts +0 -14
- package/chips/action/lib/events.js +0 -16
- package/chips/action/lib/events.js.map +0 -1
- package/chips/action/lib/link-action.d.ts +0 -19
- package/chips/action/lib/link-action.js +0 -55
- package/chips/action/lib/link-action.js.map +0 -1
- package/chips/action/lib/presentational-action.d.ts +0 -15
- package/chips/action/lib/presentational-action.js +0 -30
- package/chips/action/lib/presentational-action.js.map +0 -1
- package/chips/action/lib/primary-action.d.ts +0 -28
- package/chips/action/lib/primary-action.js +0 -88
- package/chips/action/lib/primary-action.js.map +0 -1
- package/chips/action/lib/selectable-action.d.ts +0 -17
- package/chips/action/lib/selectable-action.js +0 -67
- package/chips/action/lib/selectable-action.js.map +0 -1
- package/chips/action/lib/types.d.ts +0 -23
- package/chips/action/lib/types.js +0 -7
- package/chips/action/lib/types.js.map +0 -1
- package/chips/action/link-action.d.ts +0 -18
- package/chips/action/link-action.js +0 -20
- package/chips/action/link-action.js.map +0 -1
- package/chips/action/presentational-action.d.ts +0 -18
- package/chips/action/presentational-action.js +0 -20
- package/chips/action/presentational-action.js.map +0 -1
- package/chips/action/primary-action.d.ts +0 -18
- package/chips/action/primary-action.js +0 -20
- package/chips/action/primary-action.js.map +0 -1
- package/chips/action/selectable-action.d.ts +0 -18
- package/chips/action/selectable-action.js +0 -20
- package/chips/action/selectable-action.js.map +0 -1
- package/chips/chip/lib/_assist-chip-theme.scss +0 -95
- package/chips/chip/lib/_chip-theme.scss +0 -1296
- package/chips/chip/lib/_chip.scss +0 -442
- package/chips/chip/lib/_filter-chip-theme.scss +0 -126
- package/chips/chip/lib/_input-chip-theme.scss +0 -87
- package/chips/chip/lib/_suggestion-chip-theme.scss +0 -88
- package/chips/chip/lib/action-chip.d.ts +0 -18
- package/chips/chip/lib/action-chip.js +0 -39
- package/chips/chip/lib/action-chip.js.map +0 -1
- package/chips/chip/lib/adapter.d.ts +0 -50
- package/chips/chip/lib/adapter.js +0 -7
- package/chips/chip/lib/adapter.js.map +0 -1
- package/chips/chip/lib/animationframe.d.ts +0 -31
- package/chips/chip/lib/animationframe.js +0 -66
- package/chips/chip/lib/animationframe.js.map +0 -1
- package/chips/chip/lib/chip.d.ts +0 -43
- package/chips/chip/lib/chip.js +0 -134
- package/chips/chip/lib/chip.js.map +0 -1
- package/chips/chip/lib/constants.d.ts +0 -43
- package/chips/chip/lib/constants.js +0 -48
- package/chips/chip/lib/constants.js.map +0 -1
- package/chips/chip/lib/foundation.d.ts +0 -41
- package/chips/chip/lib/foundation.js +0 -255
- package/chips/chip/lib/foundation.js.map +0 -1
- package/chips/chip/lib/link-chip.d.ts +0 -21
- package/chips/chip/lib/link-chip.js +0 -53
- package/chips/chip/lib/link-chip.js.map +0 -1
- package/chips/chip/lib/presentational-chip.d.ts +0 -18
- package/chips/chip/lib/presentational-chip.js +0 -39
- package/chips/chip/lib/presentational-chip.js.map +0 -1
- package/chips/chip/lib/selectable-chip.d.ts +0 -22
- package/chips/chip/lib/selectable-chip.js +0 -57
- package/chips/chip/lib/selectable-chip.js.map +0 -1
- package/chips/chip/lib/types.d.ts +0 -42
- package/chips/chip/lib/types.js +0 -7
- package/chips/chip/lib/types.js.map +0 -1
- package/chips/chipset/lib/_chip-set-theme.scss +0 -48
- package/chips/chipset/lib/_chip-set.scss +0 -46
- package/chips/chipset/lib/adapter.d.ts +0 -45
- package/chips/chipset/lib/adapter.js +0 -7
- package/chips/chipset/lib/adapter.js.map +0 -1
- package/chips/chipset/lib/constants.d.ts +0 -26
- package/chips/chipset/lib/constants.js +0 -30
- package/chips/chipset/lib/constants.js.map +0 -1
- package/chips/chipset/lib/foundation.d.ts +0 -68
- package/chips/chipset/lib/foundation.js +0 -314
- package/chips/chipset/lib/foundation.js.map +0 -1
- package/chips/chipset/lib/types.d.ts +0 -41
- package/chips/chipset/lib/types.js +0 -7
- package/chips/chipset/lib/types.js.map +0 -1
- package/controller/action-controller.d.ts +0 -147
- package/controller/action-controller.js +0 -286
- package/controller/action-controller.js.map +0 -1
- package/controller/events.js +0 -126
- package/controller/events.js.map +0 -1
- package/controller/form-associated.d.ts +0 -14
- package/controller/form-associated.js +0 -12
- package/controller/form-associated.js.map +0 -1
- package/controller/form-controller.d.ts +0 -66
- package/controller/form-controller.js +0 -82
- package/controller/form-controller.js.map +0 -1
- package/controller/foundation.d.ts +0 -24
- package/controller/foundation.js +0 -18
- package/controller/foundation.js.map +0 -1
- package/controller/observer-foundation.d.ts +0 -25
- package/controller/observer-foundation.js +0 -37
- package/controller/observer-foundation.js.map +0 -1
- package/controller/observer.d.ts +0 -52
- package/controller/observer.js +0 -149
- package/controller/observer.js.map +0 -1
- package/controller/shim-label-activation.d.ts +0 -18
- package/controller/shim-label-activation.js +0 -72
- package/controller/shim-label-activation.js.map +0 -1
- package/decorators/aria-property.d.ts +0 -32
- package/decorators/aria-property.js +0 -99
- package/decorators/aria-property.js.map +0 -1
- package/decorators/bound.d.ts +0 -40
- package/decorators/bound.js +0 -49
- package/decorators/bound.js.map +0 -1
- package/elevation/lib/_md-comp-elevation.scss +0 -23
- package/fab/_fab-extended.scss +0 -6
- package/fab/fab-extended.d.ts +0 -23
- package/fab/fab-extended.js +0 -29
- package/fab/fab-extended.js.map +0 -1
- package/fab/lib/_fab-extended.scss +0 -73
- package/fab/lib/fab-extended-styles.css.js +0 -9
- package/fab/lib/fab-extended-styles.css.js.map +0 -1
- package/fab/lib/fab-extended-styles.scss +0 -8
- package/fab/lib/fab-extended.d.ts +0 -19
- package/fab/lib/fab-extended.js +0 -28
- package/fab/lib/fab-extended.js.map +0 -1
- package/fab/lib/fab-shared-styles.css.js +0 -9
- package/fab/lib/fab-shared-styles.css.js.map +0 -1
- package/fab/lib/fab-shared-styles.scss +0 -8
- package/fab/lib/fab-shared.d.ts +0 -51
- package/fab/lib/fab-shared.js +0 -139
- package/fab/lib/fab-shared.js.map +0 -1
- package/field/lib/_md-comp-filled-field.scss +0 -72
- package/field/lib/_md-comp-outlined-field.scss +0 -74
- package/focus/lib/_md-comp-focus-ring.scss +0 -27
- package/focus/strong-focus.d.ts +0 -45
- package/focus/strong-focus.js +0 -86
- package/focus/strong-focus.js.map +0 -1
- package/iconbutton/filled-icon-button-toggle.d.ts +0 -31
- package/iconbutton/filled-icon-button-toggle.js +0 -40
- package/iconbutton/filled-icon-button-toggle.js.map +0 -1
- package/iconbutton/filled-link-icon-button.d.ts +0 -31
- package/iconbutton/filled-link-icon-button.js +0 -39
- package/iconbutton/filled-link-icon-button.js.map +0 -1
- package/iconbutton/filled-tonal-icon-button-toggle.d.ts +0 -31
- package/iconbutton/filled-tonal-icon-button-toggle.js +0 -40
- package/iconbutton/filled-tonal-icon-button-toggle.js.map +0 -1
- package/iconbutton/filled-tonal-link-icon-button.d.ts +0 -31
- package/iconbutton/filled-tonal-link-icon-button.js +0 -39
- package/iconbutton/filled-tonal-link-icon-button.js.map +0 -1
- package/iconbutton/lib/icon-button-toggle.d.ts +0 -63
- package/iconbutton/lib/icon-button-toggle.js +0 -157
- package/iconbutton/lib/icon-button-toggle.js.map +0 -1
- package/iconbutton/lib/link-icon-button.d.ts +0 -23
- package/iconbutton/lib/link-icon-button.js +0 -58
- package/iconbutton/lib/link-icon-button.js.map +0 -1
- package/iconbutton/outlined-icon-button-toggle.d.ts +0 -31
- package/iconbutton/outlined-icon-button-toggle.js +0 -39
- package/iconbutton/outlined-icon-button-toggle.js.map +0 -1
- package/iconbutton/outlined-link-icon-button.d.ts +0 -31
- package/iconbutton/outlined-link-icon-button.js +0 -39
- package/iconbutton/outlined-link-icon-button.js.map +0 -1
- package/iconbutton/standard-icon-button-toggle.d.ts +0 -31
- package/iconbutton/standard-icon-button-toggle.js +0 -39
- package/iconbutton/standard-icon-button-toggle.js.map +0 -1
- package/iconbutton/standard-link-icon-button.d.ts +0 -31
- package/iconbutton/standard-link-icon-button.js +0 -39
- package/iconbutton/standard-link-icon-button.js.map +0 -1
- package/list/lib/_tokens.scss +0 -80
- package/list/lib/avatar/_list-item-avatar.scss +0 -38
- package/list/lib/avatar/list-item-avatar-styles.css.js +0 -9
- package/list/lib/avatar/list-item-avatar-styles.css.js.map +0 -1
- package/list/lib/avatar/list-item-avatar-styles.scss +0 -8
- package/list/lib/avatar/list-item-avatar.d.ts +0 -16
- package/list/lib/avatar/list-item-avatar.js +0 -35
- package/list/lib/avatar/list-item-avatar.js.map +0 -1
- package/list/lib/divider/_list-divider.scss +0 -46
- package/list/lib/divider/list-divider-styles.css.js +0 -9
- package/list/lib/divider/list-divider-styles.css.js.map +0 -1
- package/list/lib/divider/list-divider-styles.scss +0 -8
- package/list/lib/divider/list-divider.d.ts +0 -13
- package/list/lib/divider/list-divider.js +0 -32
- package/list/lib/divider/list-divider.js.map +0 -1
- package/list/lib/icon/_list-item-icon.scss +0 -65
- package/list/lib/icon/list-item-icon-styles.css.js +0 -9
- package/list/lib/icon/list-item-icon-styles.css.js.map +0 -1
- package/list/lib/icon/list-item-icon-styles.scss +0 -8
- package/list/lib/icon/list-item-icon.d.ts +0 -12
- package/list/lib/icon/list-item-icon.js +0 -26
- package/list/lib/icon/list-item-icon.js.map +0 -1
- package/list/lib/image/_list-item-image.scss +0 -59
- package/list/lib/image/list-item-image-styles.css.js +0 -9
- package/list/lib/image/list-item-image-styles.css.js.map +0 -1
- package/list/lib/image/list-item-image-styles.scss +0 -8
- package/list/lib/image/list-item-image.d.ts +0 -14
- package/list/lib/image/list-item-image.js +0 -37
- package/list/lib/image/list-item-image.js.map +0 -1
- package/list/lib/video/_list-item-video.scss +0 -61
- package/list/lib/video/list-item-video-styles.css.js +0 -9
- package/list/lib/video/list-item-video-styles.css.js.map +0 -1
- package/list/lib/video/list-item-video-styles.scss +0 -8
- package/list/lib/video/list-item-video.d.ts +0 -14
- package/list/lib/video/list-item-video.js +0 -37
- package/list/lib/video/list-item-video.js.map +0 -1
- package/list/list-divider.d.ts +0 -19
- package/list/list-divider.js +0 -22
- package/list/list-divider.js.map +0 -1
- package/list/list-item-avatar.d.ts +0 -19
- package/list/list-item-avatar.js +0 -22
- package/list/list-item-avatar.js.map +0 -1
- package/list/list-item-icon.d.ts +0 -19
- package/list/list-item-icon.js +0 -22
- package/list/list-item-icon.js.map +0 -1
- package/list/list-item-image.d.ts +0 -19
- package/list/list-item-image.js +0 -22
- package/list/list-item-image.js.map +0 -1
- package/list/list-item-video.d.ts +0 -19
- package/list/list-item-video.js +0 -22
- package/list/list-item-video.js.map +0 -1
- package/localization/localize.d.ts +0 -15
- package/localization/localize.js +0 -18
- package/localization/localize.js.map +0 -1
- package/menu/lib/_menu-button.scss +0 -14
- package/menu/lib/adapter.d.ts +0 -66
- package/menu/lib/adapter.js +0 -7
- package/menu/lib/adapter.js.map +0 -1
- package/menu/lib/constants.d.ts +0 -22
- package/menu/lib/constants.js +0 -23
- package/menu/lib/constants.js.map +0 -1
- package/menu/lib/foundation.d.ts +0 -49
- package/menu/lib/foundation.js +0 -123
- package/menu/lib/foundation.js.map +0 -1
- package/menu/lib/menu-button-styles.css.js +0 -9
- package/menu/lib/menu-button-styles.css.js.map +0 -1
- package/menu/lib/menu-button-styles.scss +0 -8
- package/menu/lib/menu-button.d.ts +0 -27
- package/menu/lib/menu-button.js +0 -93
- package/menu/lib/menu-button.js.map +0 -1
- package/menu/menu-button.d.ts +0 -14
- package/menu/menu-button.js +0 -17
- package/menu/menu-button.js.map +0 -1
- package/menusurface/_menu-surface.scss +0 -6
- package/menusurface/lib/_md-comp-menu-surface.scss +0 -27
- package/menusurface/lib/_menu-surface.scss +0 -118
- package/menusurface/lib/adapter.d.ts +0 -46
- package/menusurface/lib/adapter.js +0 -7
- package/menusurface/lib/adapter.js.map +0 -1
- package/menusurface/lib/constants.d.ts +0 -71
- package/menusurface/lib/constants.js +0 -83
- package/menusurface/lib/constants.js.map +0 -1
- package/menusurface/lib/foundation.d.ts +0 -176
- package/menusurface/lib/foundation.js +0 -544
- package/menusurface/lib/foundation.js.map +0 -1
- package/menusurface/lib/menu-surface-styles.css.js +0 -9
- package/menusurface/lib/menu-surface-styles.css.js.map +0 -1
- package/menusurface/lib/menu-surface-styles.scss +0 -8
- package/menusurface/lib/menu-surface.d.ts +0 -62
- package/menusurface/lib/menu-surface.js +0 -347
- package/menusurface/lib/menu-surface.js.map +0 -1
- package/menusurface/lib/types.d.ts +0 -19
- package/menusurface/lib/types.js +0 -7
- package/menusurface/lib/types.js.map +0 -1
- package/menusurface/menu-surface.d.ts +0 -14
- package/menusurface/menu-surface.js +0 -17
- package/menusurface/menu-surface.js.map +0 -1
- package/motion/animation.d.ts +0 -63
- package/motion/animation.js +0 -66
- package/motion/animation.js.map +0 -1
- package/navigationbar/harness.d.ts +0 -19
- package/navigationbar/harness.js +0 -29
- package/navigationbar/harness.js.map +0 -1
- package/navigationbar/lib/_navigation-bar.scss +0 -66
- package/navigationbar/lib/constants.d.ts +0 -17
- package/navigationbar/lib/navigation-bar-styles.css.js +0 -9
- package/navigationbar/lib/navigation-bar-styles.css.js.map +0 -1
- package/navigationbar/lib/navigation-bar-styles.scss +0 -8
- package/navigationbar/lib/navigation-bar.d.ts +0 -27
- package/navigationbar/lib/navigation-bar.js +0 -141
- package/navigationbar/lib/navigation-bar.js.map +0 -1
- package/navigationbar/navigation-bar.d.ts +0 -19
- package/navigationbar/navigation-bar.js +0 -22
- package/navigationbar/navigation-bar.js.map +0 -1
- package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -105
- package/navigationdrawer/lib/_navigation-drawer.scss +0 -100
- package/navigationdrawer/lib/_shared.scss +0 -44
- package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js +0 -9
- package/navigationdrawer/lib/navigation-drawer-modal-styles.css.js.map +0 -1
- package/navigationdrawer/lib/navigation-drawer-modal-styles.scss +0 -8
- package/navigationdrawer/lib/navigation-drawer-modal.d.ts +0 -24
- package/navigationdrawer/lib/navigation-drawer-modal.js +0 -105
- package/navigationdrawer/lib/navigation-drawer-modal.js.map +0 -1
- package/navigationdrawer/lib/navigation-drawer-styles.css.js +0 -9
- package/navigationdrawer/lib/navigation-drawer-styles.css.js.map +0 -1
- package/navigationdrawer/lib/navigation-drawer-styles.scss +0 -8
- package/navigationdrawer/lib/navigation-drawer.d.ts +0 -21
- package/navigationdrawer/lib/navigation-drawer.js +0 -87
- package/navigationdrawer/lib/navigation-drawer.js.map +0 -1
- package/navigationdrawer/lib/shared-styles.css.js +0 -9
- package/navigationdrawer/lib/shared-styles.css.js.map +0 -1
- package/navigationdrawer/lib/shared-styles.scss +0 -8
- package/navigationdrawer/navigation-drawer-modal.d.ts +0 -19
- package/navigationdrawer/navigation-drawer-modal.js +0 -23
- package/navigationdrawer/navigation-drawer-modal.js.map +0 -1
- package/navigationdrawer/navigation-drawer.d.ts +0 -19
- package/navigationdrawer/navigation-drawer.js +0 -23
- package/navigationdrawer/navigation-drawer.js.map +0 -1
- package/navigationtab/harness.d.ts +0 -13
- package/navigationtab/harness.js +0 -16
- package/navigationtab/harness.js.map +0 -1
- package/navigationtab/lib/_navigation-tab.scss +0 -274
- package/navigationtab/lib/navigation-tab-styles.css.js +0 -9
- package/navigationtab/lib/navigation-tab-styles.css.js.map +0 -1
- package/navigationtab/lib/navigation-tab-styles.scss +0 -8
- package/navigationtab/lib/navigation-tab.d.ts +0 -48
- package/navigationtab/lib/navigation-tab.js +0 -174
- package/navigationtab/lib/navigation-tab.js.map +0 -1
- package/navigationtab/lib/state.d.ts +0 -24
- package/navigationtab/lib/state.js.map +0 -1
- package/navigationtab/navigation-tab.d.ts +0 -19
- package/navigationtab/navigation-tab.js +0 -22
- package/navigationtab/navigation-tab.js.map +0 -1
- package/ripple/directive.d.ts +0 -63
- package/ripple/directive.js +0 -266
- package/ripple/directive.js.map +0 -1
- package/ripple/lib/_md-comp-ripple.scss +0 -29
- package/sass/_assert.scss +0 -21
- package/sass/_color-scheme.scss +0 -88
- package/sass/_color.scss +0 -166
- package/sass/_dom.scss +0 -52
- package/sass/_elevation.scss +0 -155
- package/sass/_feature-flags.scss +0 -117
- package/sass/_map-ext.scss +0 -25
- package/sass/_resolvers.scss +0 -16
- package/sass/_shape.scss +0 -106
- package/sass/_string-ext.scss +0 -128
- package/sass/_theme.scss +0 -245
- package/sass/_touch-target.scss +0 -22
- package/sass/_typography.scss +0 -114
- package/sass/_var.scss +0 -241
- package/segmentedbutton/lib/_outlined-segmented-button.scss +0 -42
- package/segmentedbutton/lib/_shared.scss +0 -388
- package/segmentedbutton/lib/outlined-segmented-button.d.ts +0 -15
- package/segmentedbutton/lib/outlined-segmented-button.js +0 -22
- package/segmentedbutton/lib/outlined-segmented-button.js.map +0 -1
- package/segmentedbutton/lib/outlined-styles.css.js +0 -9
- package/segmentedbutton/lib/outlined-styles.css.js.map +0 -1
- package/segmentedbutton/lib/outlined-styles.scss +0 -8
- package/segmentedbutton/lib/segmented-button.d.ts +0 -60
- package/segmentedbutton/lib/segmented-button.js +0 -229
- package/segmentedbutton/lib/segmented-button.js.map +0 -1
- package/segmentedbutton/lib/shared-styles.css.js +0 -9
- package/segmentedbutton/lib/shared-styles.css.js.map +0 -1
- package/segmentedbutton/lib/shared-styles.scss +0 -8
- package/segmentedbutton/outlined-segmented-button.d.ts +0 -21
- package/segmentedbutton/outlined-segmented-button.js +0 -25
- package/segmentedbutton/outlined-segmented-button.js.map +0 -1
- package/segmentedbuttonset/lib/_outlined-segmented-button-set.scss +0 -30
- package/segmentedbuttonset/lib/_shared.scss +0 -46
- package/segmentedbuttonset/lib/outlined-segmented-button-set.d.ts +0 -12
- package/segmentedbuttonset/lib/outlined-segmented-button-set.js +0 -17
- package/segmentedbuttonset/lib/outlined-segmented-button-set.js.map +0 -1
- package/segmentedbuttonset/lib/outlined-styles.css.js +0 -9
- package/segmentedbuttonset/lib/outlined-styles.css.js.map +0 -1
- package/segmentedbuttonset/lib/outlined-styles.scss +0 -8
- package/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -34
- package/segmentedbuttonset/lib/segmented-button-set.js +0 -118
- package/segmentedbuttonset/lib/segmented-button-set.js.map +0 -1
- package/segmentedbuttonset/lib/shared-styles.scss +0 -8
- package/segmentedbuttonset/outlined-segmented-button-set.d.ts +0 -21
- package/segmentedbuttonset/outlined-segmented-button-set.js +0 -25
- package/segmentedbuttonset/outlined-segmented-button-set.js.map +0 -1
- package/tokens/v0_150/_index.scss +0 -107
- package/tokens/v0_150/_md-comp-assist-chip.scss +0 -109
- package/tokens/v0_150/_md-comp-badge.scss +0 -58
- package/tokens/v0_150/_md-comp-banner.scss +0 -116
- package/tokens/v0_150/_md-comp-bottom-app-bar.scss +0 -36
- package/tokens/v0_150/_md-comp-carousel-item.scss +0 -65
- package/tokens/v0_150/_md-comp-checkbox.scss +0 -147
- package/tokens/v0_150/_md-comp-circular-progress-indicator.scss +0 -39
- package/tokens/v0_150/_md-comp-data-table.scss +0 -100
- package/tokens/v0_150/_md-comp-date-input-modal.scss +0 -89
- package/tokens/v0_150/_md-comp-date-picker-docked.scss +0 -246
- package/tokens/v0_150/_md-comp-date-picker-modal.scss +0 -305
- package/tokens/v0_150/_md-comp-dialog.scss +0 -146
- package/tokens/v0_150/_md-comp-divider.scss +0 -25
- package/tokens/v0_150/_md-comp-elevated-button.scss +0 -91
- package/tokens/v0_150/_md-comp-elevated-card.scss +0 -59
- package/tokens/v0_150/_md-comp-extended-fab-branded.scss +0 -86
- package/tokens/v0_150/_md-comp-extended-fab-primary.scss +0 -94
- package/tokens/v0_150/_md-comp-extended-fab-secondary.scss +0 -95
- package/tokens/v0_150/_md-comp-extended-fab-surface.scss +0 -90
- package/tokens/v0_150/_md-comp-extended-fab-tertiary.scss +0 -97
- package/tokens/v0_150/_md-comp-fab-branded-large.scss +0 -61
- package/tokens/v0_150/_md-comp-fab-branded.scss +0 -60
- package/tokens/v0_150/_md-comp-fab-primary-large.scss +0 -65
- package/tokens/v0_150/_md-comp-fab-primary-small.scss +0 -65
- package/tokens/v0_150/_md-comp-fab-primary.scss +0 -65
- package/tokens/v0_150/_md-comp-fab-secondary-large.scss +0 -66
- package/tokens/v0_150/_md-comp-fab-secondary-small.scss +0 -66
- package/tokens/v0_150/_md-comp-fab-secondary.scss +0 -66
- package/tokens/v0_150/_md-comp-fab-surface-large.scss +0 -64
- package/tokens/v0_150/_md-comp-fab-surface-small.scss +0 -64
- package/tokens/v0_150/_md-comp-fab-surface.scss +0 -64
- package/tokens/v0_150/_md-comp-fab-tertiary-large.scss +0 -66
- package/tokens/v0_150/_md-comp-fab-tertiary-small.scss +0 -66
- package/tokens/v0_150/_md-comp-fab-tertiary.scss +0 -66
- package/tokens/v0_150/_md-comp-filled-autocomplete.scss +0 -268
- package/tokens/v0_150/_md-comp-filled-button.scss +0 -95
- package/tokens/v0_150/_md-comp-filled-card.scss +0 -60
- package/tokens/v0_150/_md-comp-filled-icon-button.scss +0 -79
- package/tokens/v0_150/_md-comp-filled-menu-button.scss +0 -98
- package/tokens/v0_150/_md-comp-filled-select.scss +0 -276
- package/tokens/v0_150/_md-comp-filled-text-field.scss +0 -190
- package/tokens/v0_150/_md-comp-filled-tonal-button.scss +0 -99
- package/tokens/v0_150/_md-comp-filled-tonal-icon-button.scss +0 -86
- package/tokens/v0_150/_md-comp-filter-chip.scss +0 -237
- package/tokens/v0_150/_md-comp-full-screen-dialog.scss +0 -161
- package/tokens/v0_150/_md-comp-icon-button.scss +0 -70
- package/tokens/v0_150/_md-comp-input-chip.scss +0 -234
- package/tokens/v0_150/_md-comp-linear-progress-indicator.scss +0 -41
- package/tokens/v0_150/_md-comp-list.scss +0 -257
- package/tokens/v0_150/_md-comp-menu.scss +0 -123
- package/tokens/v0_150/_md-comp-navigation-bar.scss +0 -121
- package/tokens/v0_150/_md-comp-navigation-drawer.scss +0 -168
- package/tokens/v0_150/_md-comp-navigation-rail.scss +0 -168
- package/tokens/v0_150/_md-comp-outlined-autocomplete.scss +0 -258
- package/tokens/v0_150/_md-comp-outlined-button.scss +0 -88
- package/tokens/v0_150/_md-comp-outlined-card.scss +0 -65
- package/tokens/v0_150/_md-comp-outlined-icon-button.scss +0 -81
- package/tokens/v0_150/_md-comp-outlined-menu-button.scss +0 -94
- package/tokens/v0_150/_md-comp-outlined-segmented-button.scss +0 -112
- package/tokens/v0_150/_md-comp-outlined-select.scss +0 -266
- package/tokens/v0_150/_md-comp-outlined-text-field.scss +0 -172
- package/tokens/v0_150/_md-comp-plain-tooltip.scss +0 -55
- package/tokens/v0_150/_md-comp-primary-navigation-tab.scss +0 -123
- package/tokens/v0_150/_md-comp-radio-button.scss +0 -68
- package/tokens/v0_150/_md-comp-rich-tooltip.scss +0 -121
- package/tokens/v0_150/_md-comp-scrim.scss +0 -25
- package/tokens/v0_150/_md-comp-search-bar.scss +0 -99
- package/tokens/v0_150/_md-comp-search-view.scss +0 -93
- package/tokens/v0_150/_md-comp-secondary-navigation-tab.scss +0 -86
- package/tokens/v0_150/_md-comp-sheet-bottom.scss +0 -45
- package/tokens/v0_150/_md-comp-sheet-floating.scss +0 -34
- package/tokens/v0_150/_md-comp-sheet-side.scss +0 -89
- package/tokens/v0_150/_md-comp-slider.scss +0 -116
- package/tokens/v0_150/_md-comp-snackbar.scss +0 -127
- package/tokens/v0_150/_md-comp-standard-menu-button.scss +0 -98
- package/tokens/v0_150/_md-comp-suggestion-chip.scss +0 -125
- package/tokens/v0_150/_md-comp-switch.scss +0 -145
- package/tokens/v0_150/_md-comp-text-button.scss +0 -81
- package/tokens/v0_150/_md-comp-time-input.scss +0 -218
- package/tokens/v0_150/_md-comp-time-picker.scss +0 -267
- package/tokens/v0_150/_md-comp-top-app-bar-large.scss +0 -63
- package/tokens/v0_150/_md-comp-top-app-bar-medium.scss +0 -63
- package/tokens/v0_150/_md-comp-top-app-bar-small-centered.scss +0 -67
- package/tokens/v0_150/_md-comp-top-app-bar-small.scss +0 -65
- package/tokens/v0_150/_md-ref-palette.scss +0 -107
- package/tokens/v0_150/_md-ref-typeface.scss +0 -21
- package/tokens/v0_150/_md-sys-color.scss +0 -706
- package/tokens/v0_150/_md-sys-elevation.scss +0 -30
- package/tokens/v0_150/_md-sys-motion.scss +0 -53
- package/tokens/v0_150/_md-sys-shape.scss +0 -30
- package/tokens/v0_150/_md-sys-state.scss +0 -19
- package/tokens/v0_150/_md-sys-typescale.scss +0 -285
- package/tokens/v0_150/index.test.scss +0 -584
- package/tokens/v0_150/lib.test.scss +0 -663
- package/types/aria.d.ts +0 -48
- package/types/keys.d.ts +0 -57
- /package/{autocomplete/lib/autocompletelist/autocomplete-list-styles.css.d.ts → chips/lib/assist-styles.css.d.ts} +0 -0
- /package/{autocomplete/lib/autocompletesurface/autocomplete-surface-styles.css.d.ts → chips/lib/chip-set-styles.css.d.ts} +0 -0
- /package/{autocomplete/lib/filled-styles.css.d.ts → chips/lib/elevated-styles.css.d.ts} +0 -0
- /package/{autocomplete/lib/outlined-styles.css.d.ts → chips/lib/filter-styles.css.d.ts} +0 -0
- /package/{autocomplete/lib/shared-styles.css.d.ts → chips/lib/input-styles.css.d.ts} +0 -0
- /package/{badge/lib/badge-styles.css.d.ts → chips/lib/selectable-styles.css.d.ts} +0 -0
- /package/{navigationdrawer → chips}/lib/shared-styles.css.d.ts +0 -0
- /package/{fab/lib/fab-extended-styles.css.d.ts → chips/lib/suggestion-styles.css.d.ts} +0 -0
- /package/{fab/lib/fab-shared-styles.css.d.ts → chips/lib/trailing-icon-styles.css.d.ts} +0 -0
- /package/{list/lib/avatar/list-item-avatar-styles.css.d.ts → circularprogress/lib/circular-progress-styles.css.d.ts} +0 -0
- /package/{list/lib/divider/list-divider-styles.css.d.ts → dialog/lib/dialog-styles.css.d.ts} +0 -0
- /package/{list/lib/icon/list-item-icon-styles.css.d.ts → divider/lib/divider-styles.css.d.ts} +0 -0
- /package/{list/lib/image/list-item-image-styles.css.d.ts → fab/lib/fab-branded-styles.css.d.ts} +0 -0
- /package/{list/lib/video/list-item-video-styles.css.d.ts → fab/lib/forced-colors-styles.css.d.ts} +0 -0
- /package/{segmentedbutton → fab}/lib/shared-styles.css.d.ts +0 -0
- /package/{controller → internal/controller}/events.d.ts +0 -0
- /package/{controller → internal/controller}/is-rtl.d.ts +0 -0
- /package/{controller → internal/controller}/is-rtl.js +0 -0
- /package/{controller → internal/controller}/is-rtl.js.map +0 -0
- /package/{controller → internal/controller}/string-converter.d.ts +0 -0
- /package/{controller → internal/controller}/string-converter.js +0 -0
- /package/{controller → internal/controller}/string-converter.js.map +0 -0
- /package/{motion → internal/motion}/_animation.scss +0 -0
- /package/{badge → labs/badge}/_badge.scss +0 -0
- /package/{menu/lib/menu-button-styles.css.d.ts → labs/badge/lib/badge-styles.css.d.ts} +0 -0
- /package/{navigationbar → labs/navigationbar}/_navigation-bar.scss +0 -0
- /package/{navigationbar → labs/navigationbar}/lib/constants.js +0 -0
- /package/{navigationbar → labs/navigationbar}/lib/constants.js.map +0 -0
- /package/{navigationbar → labs/navigationbar}/lib/navigation-bar-styles.css.d.ts +0 -0
- /package/{navigationbar → labs/navigationbar}/lib/state.d.ts +0 -0
- /package/{navigationbar → labs/navigationbar}/lib/state.js +0 -0
- /package/{navigationbar → labs/navigationbar}/lib/state.js.map +0 -0
- /package/{navigationdrawer → labs/navigationdrawer}/_navigation-drawer-modal.scss +0 -0
- /package/{navigationdrawer → labs/navigationdrawer}/_navigation-drawer.scss +0 -0
- /package/{navigationdrawer → labs/navigationdrawer}/lib/navigation-drawer-modal-styles.css.d.ts +0 -0
- /package/{navigationdrawer → labs/navigationdrawer}/lib/navigation-drawer-styles.css.d.ts +0 -0
- /package/{segmentedbuttonset → labs/navigationdrawer}/lib/shared-styles.css.d.ts +0 -0
- /package/{navigationtab → labs/navigationtab}/_navigation-tab.scss +0 -0
- /package/{navigationtab → labs/navigationtab}/lib/navigation-tab-styles.css.d.ts +0 -0
- /package/{navigationtab → labs/navigationtab}/lib/state.js +0 -0
- /package/{segmentedbutton → labs/segmentedbutton}/lib/outlined-styles.css.d.ts +0 -0
- /package/{menusurface/lib/menu-surface-styles.css.d.ts → labs/segmentedbutton/lib/shared-styles.css.d.ts} +0 -0
- /package/{segmentedbuttonset → labs/segmentedbuttonset}/lib/outlined-styles.css.d.ts +0 -0
- /package/{tokens/v0_150/index.test.css.d.ts → labs/segmentedbuttonset/lib/shared-styles.css.d.ts} +0 -0
- /package/{segmentedbuttonset → labs/segmentedbuttonset}/lib/shared-styles.css.js +0 -0
- /package/{segmentedbuttonset → labs/segmentedbuttonset}/lib/shared-styles.css.js.map +0 -0
- /package/{tokens/v0_150/lib.test.css.d.ts → linearprogress/lib/linear-progress-styles.css.d.ts} +0 -0
- /package/tokens/{v0_150 → v0_172}/index.test.css.js +0 -0
- /package/tokens/{v0_150 → v0_172}/index.test.css.js.map +0 -0
- /package/tokens/{v0_150 → v0_172}/lib.test.css.js +0 -0
- /package/tokens/{v0_150 → v0_172}/lib.test.css.js.map +0 -0
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
7
|
-
declare global {
|
|
8
|
-
interface Window {
|
|
9
|
-
ShadyDOM?: {
|
|
10
|
-
inUse: boolean;
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* An element that `FormController` may use.
|
|
16
|
-
*/
|
|
17
|
-
export interface FormElement extends ReactiveControllerHost, HTMLElement {
|
|
18
|
-
/**
|
|
19
|
-
* The `<form>` that this element is associated with.
|
|
20
|
-
*/
|
|
21
|
-
readonly form: HTMLFormElement | null;
|
|
22
|
-
/**
|
|
23
|
-
* The name of the element in the form. This property should reflect to a
|
|
24
|
-
* `name` attribute.
|
|
25
|
-
*/
|
|
26
|
-
name: string;
|
|
27
|
-
/**
|
|
28
|
-
* Whether or not this element is disabled. If present, this property should
|
|
29
|
-
* reflect to a `disabled` attribute.
|
|
30
|
-
*/
|
|
31
|
-
disabled?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* A function that retrieves the current form value for this element.
|
|
34
|
-
*
|
|
35
|
-
* @return The current form value, or `null` if there is no value.
|
|
36
|
-
*/
|
|
37
|
-
[getFormValue](): string | File | FormData | null;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* A unique symbol key for `FormController` elements to implement their
|
|
41
|
-
* `getFormValue()` function.
|
|
42
|
-
*/
|
|
43
|
-
export declare const getFormValue: unique symbol;
|
|
44
|
-
/**
|
|
45
|
-
* A `ReactiveController` that adds `<form>` support to an element.
|
|
46
|
-
*
|
|
47
|
-
* Elements should also set `static formAssociated = true` which
|
|
48
|
-
* provides platform support for forms. When an element is form associated,
|
|
49
|
-
* it can be activated via clicks on associated label elements. It is the
|
|
50
|
-
* responsibility of the element to process this click and perform any necessary
|
|
51
|
-
* activation tasks, for example focusing and clicking on an internal element.
|
|
52
|
-
*
|
|
53
|
-
*/
|
|
54
|
-
export declare class FormController implements ReactiveController {
|
|
55
|
-
private readonly element;
|
|
56
|
-
private form?;
|
|
57
|
-
/**
|
|
58
|
-
* Creates a new `FormController` for the given element.
|
|
59
|
-
*
|
|
60
|
-
* @param element The element to add `<form>` support to.
|
|
61
|
-
*/
|
|
62
|
-
constructor(element: FormElement);
|
|
63
|
-
hostConnected(): void;
|
|
64
|
-
hostDisconnected(): void;
|
|
65
|
-
private formDataListener;
|
|
66
|
-
}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate, __metadata } from "tslib";
|
|
7
|
-
import { bound } from '../decorators/bound.js';
|
|
8
|
-
import { isFormAssociated } from './form-associated.js';
|
|
9
|
-
import { shimLabelSupport, SUPPORTS_FACE_LABEL } from './shim-label-activation.js';
|
|
10
|
-
/**
|
|
11
|
-
* A unique symbol key for `FormController` elements to implement their
|
|
12
|
-
* `getFormValue()` function.
|
|
13
|
-
*/
|
|
14
|
-
export const getFormValue = Symbol('getFormValue');
|
|
15
|
-
/**
|
|
16
|
-
* A `ReactiveController` that adds `<form>` support to an element.
|
|
17
|
-
*
|
|
18
|
-
* Elements should also set `static formAssociated = true` which
|
|
19
|
-
* provides platform support for forms. When an element is form associated,
|
|
20
|
-
* it can be activated via clicks on associated label elements. It is the
|
|
21
|
-
* responsibility of the element to process this click and perform any necessary
|
|
22
|
-
* activation tasks, for example focusing and clicking on an internal element.
|
|
23
|
-
*
|
|
24
|
-
*/
|
|
25
|
-
export class FormController {
|
|
26
|
-
/**
|
|
27
|
-
* Creates a new `FormController` for the given element.
|
|
28
|
-
*
|
|
29
|
-
* @param element The element to add `<form>` support to.
|
|
30
|
-
*/
|
|
31
|
-
constructor(element) {
|
|
32
|
-
this.element = element;
|
|
33
|
-
}
|
|
34
|
-
hostConnected() {
|
|
35
|
-
// If the component internals are not in Shadow DOM, subscribing to form
|
|
36
|
-
// data events could lead to duplicated data, which may not work correctly
|
|
37
|
-
// on the server side.
|
|
38
|
-
if (!this.element.shadowRoot || window.ShadyDOM?.inUse) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
// Preserve a reference to the form, since on hostDisconnected it may be
|
|
42
|
-
// null if the child was removed.
|
|
43
|
-
this.form = this.element.form;
|
|
44
|
-
this.form?.addEventListener('formdata', this.formDataListener);
|
|
45
|
-
// TODO(b/261871554) Label activation shim is currently only needed for
|
|
46
|
-
// Safari. Remove it when no longer needed.
|
|
47
|
-
if (isFormAssociated(this.element) && !SUPPORTS_FACE_LABEL) {
|
|
48
|
-
shimLabelSupport(this.element.getRootNode());
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
hostDisconnected() {
|
|
52
|
-
this.form?.removeEventListener('formdata', this.formDataListener);
|
|
53
|
-
}
|
|
54
|
-
formDataListener(event) {
|
|
55
|
-
if (this.element.disabled) {
|
|
56
|
-
// Check for truthiness since some elements may not support disabling.
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
const value = this.element[getFormValue]();
|
|
60
|
-
// If given a `FormData` instance, append all values to the form. This
|
|
61
|
-
// allows elements to customize what is added beyond a single name/value
|
|
62
|
-
// pair.
|
|
63
|
-
if (value instanceof FormData) {
|
|
64
|
-
for (const [key, dataValue] of value) {
|
|
65
|
-
event.formData.append(key, dataValue);
|
|
66
|
-
}
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
// Do not associate the value with the form if there is no value or no name.
|
|
70
|
-
if (value === null || !this.element.name) {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
event.formData.append(this.element.name, value);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
__decorate([
|
|
77
|
-
bound,
|
|
78
|
-
__metadata("design:type", Function),
|
|
79
|
-
__metadata("design:paramtypes", [FormDataEvent]),
|
|
80
|
-
__metadata("design:returntype", void 0)
|
|
81
|
-
], FormController.prototype, "formDataListener", null);
|
|
82
|
-
//# sourceMappingURL=form-controller.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"form-controller.js","sourceRoot":"","sources":["form-controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAIH,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAC;AAE7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAE,mBAAmB,EAAC,MAAM,4BAA4B,CAAC;AAkCjF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAEnD;;;;;;;;;GASG;AACH,MAAM,OAAO,cAAc;IAGzB;;;;OAIG;IACH,YAA6B,OAAoB;QAApB,YAAO,GAAP,OAAO,CAAa;IAAG,CAAC;IAErD,aAAa;QACX,wEAAwE;QACxE,0EAA0E;QAC1E,sBAAsB;QACtB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,MAAM,CAAC,QAAQ,EAAE,KAAK,EAAE;YACtD,OAAO;SACR;QAED,wEAAwE;QACxE,iCAAiC;QACjC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAE/D,uEAAuE;QACvE,2CAA2C;QAC3C,IAAI,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC1D,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAA2B,CAAC,CAAC;SACvE;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,EAAE,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACpE,CAAC;IAGO,gBAAgB,CAAC,KAAoB;QAC3C,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;YACzB,sEAAsE;YACtE,OAAO;SACR;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;QAC3C,sEAAsE;QACtE,wEAAwE;QACxE,QAAQ;QACR,IAAI,KAAK,YAAY,QAAQ,EAAE;YAC7B,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,KAAK,EAAE;gBACpC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;aACvC;YACD,OAAO;SACR;QAED,4EAA4E;QAC5E,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YACxC,OAAO;SACR;QAED,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC;CACF;AAxBC;IADC,KAAK;;qCAC0B,aAAa;;sDAuB5C","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\nimport {bound} from '../decorators/bound.js';\n\nimport {isFormAssociated} from './form-associated.js';\nimport {shimLabelSupport, SUPPORTS_FACE_LABEL} from './shim-label-activation.js';\n\ndeclare global {\n interface Window {\n ShadyDOM?: {inUse: boolean;};\n }\n}\n\n/**\n * An element that `FormController` may use.\n */\nexport interface FormElement extends ReactiveControllerHost, HTMLElement {\n /**\n * The `<form>` that this element is associated with.\n */\n readonly form: HTMLFormElement|null;\n /**\n * The name of the element in the form. This property should reflect to a\n * `name` attribute.\n */\n name: string;\n /**\n * Whether or not this element is disabled. If present, this property should\n * reflect to a `disabled` attribute.\n */\n disabled?: boolean;\n /**\n * A function that retrieves the current form value for this element.\n *\n * @return The current form value, or `null` if there is no value.\n */\n [getFormValue](): string|File|FormData|null;\n}\n\n/**\n * A unique symbol key for `FormController` elements to implement their\n * `getFormValue()` function.\n */\nexport const getFormValue = Symbol('getFormValue');\n\n/**\n * A `ReactiveController` that adds `<form>` support to an element.\n *\n * Elements should also set `static formAssociated = true` which\n * provides platform support for forms. When an element is form associated,\n * it can be activated via clicks on associated label elements. It is the\n * responsibility of the element to process this click and perform any necessary\n * activation tasks, for example focusing and clicking on an internal element.\n *\n */\nexport class FormController implements ReactiveController {\n private form?: HTMLFormElement|null;\n\n /**\n * Creates a new `FormController` for the given element.\n *\n * @param element The element to add `<form>` support to.\n */\n constructor(private readonly element: FormElement) {}\n\n hostConnected() {\n // If the component internals are not in Shadow DOM, subscribing to form\n // data events could lead to duplicated data, which may not work correctly\n // on the server side.\n if (!this.element.shadowRoot || window.ShadyDOM?.inUse) {\n return;\n }\n\n // Preserve a reference to the form, since on hostDisconnected it may be\n // null if the child was removed.\n this.form = this.element.form;\n this.form?.addEventListener('formdata', this.formDataListener);\n\n // TODO(b/261871554) Label activation shim is currently only needed for\n // Safari. Remove it when no longer needed.\n if (isFormAssociated(this.element) && !SUPPORTS_FACE_LABEL) {\n shimLabelSupport(this.element.getRootNode() as Document | ShadowRoot);\n }\n }\n\n hostDisconnected() {\n this.form?.removeEventListener('formdata', this.formDataListener);\n }\n\n @bound\n private formDataListener(event: FormDataEvent) {\n if (this.element.disabled) {\n // Check for truthiness since some elements may not support disabling.\n return;\n }\n\n const value = this.element[getFormValue]();\n // If given a `FormData` instance, append all values to the form. This\n // allows elements to customize what is added beyond a single name/value\n // pair.\n if (value instanceof FormData) {\n for (const [key, dataValue] of value) {\n event.formData.append(key, dataValue);\n }\n return;\n }\n\n // Do not associate the value with the form if there is no value or no name.\n if (value === null || !this.element.name) {\n return;\n }\n\n event.formData.append(this.element.name, value);\n }\n}\n"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Legacy stateful foundation class for components.
|
|
8
|
-
*/
|
|
9
|
-
export declare class Foundation<Adapter extends object> {
|
|
10
|
-
protected adapter: Adapter;
|
|
11
|
-
constructor(adapter: Adapter);
|
|
12
|
-
protected init(): void;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* The constructor for a foundation.
|
|
16
|
-
*/
|
|
17
|
-
export interface FoundationConstructor<Adapter extends object> {
|
|
18
|
-
new (adapter: Adapter): Foundation<Adapter>;
|
|
19
|
-
readonly prototype: Foundation<Adapter>;
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* Retrieves the adapter type from the provided foundation type.
|
|
23
|
-
*/
|
|
24
|
-
export declare type AdapterOf<FoundationType> = FoundationType extends Foundation<infer A> ? A : never;
|
package/controller/foundation.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Legacy stateful foundation class for components.
|
|
8
|
-
*/
|
|
9
|
-
export class Foundation {
|
|
10
|
-
constructor(adapter) {
|
|
11
|
-
this.adapter = adapter;
|
|
12
|
-
this.init();
|
|
13
|
-
}
|
|
14
|
-
init() {
|
|
15
|
-
// Subclasses should override this method to perform initialization routines
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
//# sourceMappingURL=foundation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;GAEG;AACH,MAAM,OAAO,UAAU;IACrB,YAAsB,OAAgB;QAAhB,YAAO,GAAP,OAAO,CAAS;QACpC,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAES,IAAI;QACZ,4EAA4E;IAC9E,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Legacy stateful foundation class for components.\n */\nexport class Foundation<Adapter extends object> {\n constructor(protected adapter: Adapter) {\n this.init();\n }\n\n protected init() {\n // Subclasses should override this method to perform initialization routines\n }\n}\n\n/**\n * The constructor for a foundation.\n */\nexport interface FoundationConstructor<Adapter extends object> {\n new(adapter: Adapter): Foundation<Adapter>;\n readonly prototype: Foundation<Adapter>;\n}\n\n/**\n * Retrieves the adapter type from the provided foundation type.\n */\nexport type AdapterOf<FoundationType> =\n FoundationType extends Foundation<infer A>? A : never;\n"]}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { Foundation } from './foundation.js';
|
|
7
|
-
import { ObserverRecord } from './observer.js';
|
|
8
|
-
/**
|
|
9
|
-
* Legacy observer foundation class for components.
|
|
10
|
-
*/
|
|
11
|
-
export declare class ObserverFoundation<Adapter extends object> extends Foundation<Adapter> {
|
|
12
|
-
/**
|
|
13
|
-
* Observe a target's properties for changes using the provided map of
|
|
14
|
-
* property names and observer functions.
|
|
15
|
-
*
|
|
16
|
-
* @template T The target type.
|
|
17
|
-
* @param target - The target to observe.
|
|
18
|
-
* @param observers - An object whose keys are target properties and values
|
|
19
|
-
* are observer functions that are called when the associated property
|
|
20
|
-
* changes.
|
|
21
|
-
* @return A cleanup function that can be called to unobserve the
|
|
22
|
-
* target.
|
|
23
|
-
*/
|
|
24
|
-
protected observe<T extends object>(target: T, observers: ObserverRecord<T, this>): () => void;
|
|
25
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { Foundation } from './foundation.js';
|
|
7
|
-
import { observeProperty } from './observer.js';
|
|
8
|
-
/**
|
|
9
|
-
* Legacy observer foundation class for components.
|
|
10
|
-
*/
|
|
11
|
-
export class ObserverFoundation extends Foundation {
|
|
12
|
-
/**
|
|
13
|
-
* Observe a target's properties for changes using the provided map of
|
|
14
|
-
* property names and observer functions.
|
|
15
|
-
*
|
|
16
|
-
* @template T The target type.
|
|
17
|
-
* @param target - The target to observe.
|
|
18
|
-
* @param observers - An object whose keys are target properties and values
|
|
19
|
-
* are observer functions that are called when the associated property
|
|
20
|
-
* changes.
|
|
21
|
-
* @return A cleanup function that can be called to unobserve the
|
|
22
|
-
* target.
|
|
23
|
-
*/
|
|
24
|
-
observe(target, observers) {
|
|
25
|
-
const cleanup = [];
|
|
26
|
-
for (const property of Object.keys(observers)) {
|
|
27
|
-
const observer = observers[property].bind(this);
|
|
28
|
-
cleanup.push(observeProperty(target, property, observer));
|
|
29
|
-
}
|
|
30
|
-
return () => {
|
|
31
|
-
for (const cleanupFn of cleanup) {
|
|
32
|
-
cleanupFn();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=observer-foundation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"observer-foundation.js","sourceRoot":"","sources":["observer-foundation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,eAAe,EAAiB,MAAM,eAAe,CAAC;AAE9D;;GAEG;AACH,MAAM,OAAO,kBAA2C,SACpD,UAAmB;IACrB;;;;;;;;;;;OAWG;IACO,OAAO,CACb,MAAS,EAAE,SAAkC;QAC/C,MAAM,OAAO,GAAe,EAAE,CAAC;QAC/B,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAmB,EAAE;YAC/D,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,CAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjD,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;SAC3D;QAED,OAAO,GAAG,EAAE;YACV,KAAK,MAAM,SAAS,IAAI,OAAO,EAAE;gBAC/B,SAAS,EAAE,CAAC;aACb;QACH,CAAC,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Foundation} from './foundation.js';\nimport {observeProperty, ObserverRecord} from './observer.js';\n\n/**\n * Legacy observer foundation class for components.\n */\nexport class ObserverFoundation<Adapter extends object> extends\n Foundation<Adapter> {\n /**\n * Observe a target's properties for changes using the provided map of\n * property names and observer functions.\n *\n * @template T The target type.\n * @param target - The target to observe.\n * @param observers - An object whose keys are target properties and values\n * are observer functions that are called when the associated property\n * changes.\n * @return A cleanup function that can be called to unobserve the\n * target.\n */\n protected observe<T extends object>(\n target: T, observers: ObserverRecord<T, this>) {\n const cleanup: Function[] = [];\n for (const property of Object.keys(observers) as Array<keyof T>) {\n const observer = observers[property]!.bind(this);\n cleanup.push(observeProperty(target, property, observer));\n }\n\n return () => {\n for (const cleanupFn of cleanup) {\n cleanupFn();\n }\n };\n }\n}\n"]}
|
package/controller/observer.d.ts
DELETED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* A function used to observe property changes on a target.
|
|
8
|
-
*
|
|
9
|
-
* @template T The observed target type.
|
|
10
|
-
* @template K The observed property.
|
|
11
|
-
* @template This The `this` context of the observer function.
|
|
12
|
-
* @param current - The current value of the property.
|
|
13
|
-
* @param previous - The previous value of the property.
|
|
14
|
-
*/
|
|
15
|
-
export declare type Observer<T extends object, K extends keyof T = keyof T, This = unknown> = (this: This, current: T[K], previous: T[K]) => void;
|
|
16
|
-
/**
|
|
17
|
-
* An object map whose keys are properties of a target to observe and values
|
|
18
|
-
* are `Observer` functions for each property.
|
|
19
|
-
*
|
|
20
|
-
* @template T The observed target type.
|
|
21
|
-
* @template This The `this` context of observer functions.
|
|
22
|
-
*/
|
|
23
|
-
export declare type ObserverRecord<T extends object, This = unknown> = {
|
|
24
|
-
[K in keyof T]?: Observer<T, K, This>;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Observe a target's property for changes. When a property changes, the
|
|
28
|
-
* provided `Observer` function will be invoked with the properties current and
|
|
29
|
-
* previous values.
|
|
30
|
-
*
|
|
31
|
-
* The returned cleanup function will stop listening to changes for the
|
|
32
|
-
* provided `Observer`.
|
|
33
|
-
*
|
|
34
|
-
* @template T The observed target type.
|
|
35
|
-
* @template K The observed property.
|
|
36
|
-
* @param target - The target to observe.
|
|
37
|
-
* @param property - The property of the target to observe.
|
|
38
|
-
* @param observer - An observer function to invoke each time the property
|
|
39
|
-
* changes.
|
|
40
|
-
* @return A cleanup function that will stop observing changes for the provided
|
|
41
|
-
* `Observer`.
|
|
42
|
-
*/
|
|
43
|
-
export declare function observeProperty<T extends object, K extends keyof T>(target: T, property: K, observer: Observer<T, K>): () => void;
|
|
44
|
-
/**
|
|
45
|
-
* Enables or disables all observers for a provided target. Changes to observed
|
|
46
|
-
* properties will not call any observers when disabled.
|
|
47
|
-
*
|
|
48
|
-
* @template T The observed target type.
|
|
49
|
-
* @param target - The target to enable or disable observers for.
|
|
50
|
-
* @param enabled - True to enable or false to disable observers.
|
|
51
|
-
*/
|
|
52
|
-
export declare function setObserversEnabled<T extends object>(target: T, enabled: boolean): void;
|
package/controller/observer.js
DELETED
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
const isTargetObservers = Symbol();
|
|
7
|
-
const isEnabled = Symbol();
|
|
8
|
-
const getObservers = Symbol();
|
|
9
|
-
/**
|
|
10
|
-
* Observe a target's property for changes. When a property changes, the
|
|
11
|
-
* provided `Observer` function will be invoked with the properties current and
|
|
12
|
-
* previous values.
|
|
13
|
-
*
|
|
14
|
-
* The returned cleanup function will stop listening to changes for the
|
|
15
|
-
* provided `Observer`.
|
|
16
|
-
*
|
|
17
|
-
* @template T The observed target type.
|
|
18
|
-
* @template K The observed property.
|
|
19
|
-
* @param target - The target to observe.
|
|
20
|
-
* @param property - The property of the target to observe.
|
|
21
|
-
* @param observer - An observer function to invoke each time the property
|
|
22
|
-
* changes.
|
|
23
|
-
* @return A cleanup function that will stop observing changes for the provided
|
|
24
|
-
* `Observer`.
|
|
25
|
-
*/
|
|
26
|
-
export function observeProperty(target, property, observer) {
|
|
27
|
-
const observerPrototype = installObserver(target);
|
|
28
|
-
const observers = observerPrototype[getObservers](property);
|
|
29
|
-
observers.push(observer);
|
|
30
|
-
return () => {
|
|
31
|
-
observers.splice(observers.indexOf(observer), 1);
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* Installs a `TargetObservers` for the provided target (if not already
|
|
36
|
-
* installed).
|
|
37
|
-
*
|
|
38
|
-
* A target's `TargetObservers` is installed as a Proxy on the target's
|
|
39
|
-
* prototype.
|
|
40
|
-
*
|
|
41
|
-
* @template T The observed target type.
|
|
42
|
-
* @param obj - The target to observe.
|
|
43
|
-
* @return The installed `TargetObservers` for the provided target.
|
|
44
|
-
*/
|
|
45
|
-
function installObserver(obj) {
|
|
46
|
-
const prototype = Object.getPrototypeOf(obj);
|
|
47
|
-
if (prototype[isTargetObservers]) {
|
|
48
|
-
return prototype;
|
|
49
|
-
}
|
|
50
|
-
// Proxy prototypes will not trap plain properties (not a getter/setter) that
|
|
51
|
-
// are already defined. They only work on new plain properties.
|
|
52
|
-
// We can work around this by deleting the properties, installing the Proxy,
|
|
53
|
-
// then re-setting the properties.
|
|
54
|
-
const existingKeyValues = new Map();
|
|
55
|
-
const keys = Object.getOwnPropertyNames(obj);
|
|
56
|
-
for (const key of keys) {
|
|
57
|
-
const descriptor = getDescriptor(obj, key);
|
|
58
|
-
if (descriptor && descriptor.writable) {
|
|
59
|
-
existingKeyValues.set(key, descriptor.value);
|
|
60
|
-
delete obj[key];
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
const proxy = new Proxy(Object.create(prototype), {
|
|
64
|
-
get(target, key, receiver) {
|
|
65
|
-
return Reflect.get(target, key, receiver);
|
|
66
|
-
},
|
|
67
|
-
set(target, key, newValue, receiver) {
|
|
68
|
-
const isTargetObserversKey = key === isTargetObservers ||
|
|
69
|
-
key === isEnabled || key === getObservers;
|
|
70
|
-
const previous = Reflect.get(target, key, receiver);
|
|
71
|
-
// If a key has an existing setter, invoke it with the receiver to
|
|
72
|
-
// preserve the correct `this` context.
|
|
73
|
-
// Otherwise, the key is either a new or existing plain property and
|
|
74
|
-
// should be set on the target. Setting a plain property on the
|
|
75
|
-
// receiver will cause the proxy to no longer be able to observe it.
|
|
76
|
-
const descriptor = getDescriptor(target, key);
|
|
77
|
-
if (descriptor?.set) {
|
|
78
|
-
Reflect.set(target, key, newValue, receiver);
|
|
79
|
-
}
|
|
80
|
-
else {
|
|
81
|
-
Reflect.set(target, key, newValue);
|
|
82
|
-
}
|
|
83
|
-
if (!isTargetObserversKey && proxy[isEnabled] &&
|
|
84
|
-
newValue !== previous) {
|
|
85
|
-
for (const observer of proxy[getObservers](key)) {
|
|
86
|
-
observer(newValue, previous);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
return true;
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
proxy[isTargetObservers] = true;
|
|
93
|
-
proxy[isEnabled] = true;
|
|
94
|
-
const observersMap = new Map();
|
|
95
|
-
proxy[getObservers] = (key) => {
|
|
96
|
-
const observers = observersMap.get(key) || [];
|
|
97
|
-
if (!observersMap.has(key)) {
|
|
98
|
-
observersMap.set(key, observers);
|
|
99
|
-
}
|
|
100
|
-
return observers;
|
|
101
|
-
};
|
|
102
|
-
Object.setPrototypeOf(obj, proxy);
|
|
103
|
-
// Re-set plain pre-existing properties so that the Proxy can trap them
|
|
104
|
-
for (const [key, value] of existingKeyValues.entries()) {
|
|
105
|
-
obj[key] = value;
|
|
106
|
-
}
|
|
107
|
-
return proxy;
|
|
108
|
-
}
|
|
109
|
-
/**
|
|
110
|
-
* Enables or disables all observers for a provided target. Changes to observed
|
|
111
|
-
* properties will not call any observers when disabled.
|
|
112
|
-
*
|
|
113
|
-
* @template T The observed target type.
|
|
114
|
-
* @param target - The target to enable or disable observers for.
|
|
115
|
-
* @param enabled - True to enable or false to disable observers.
|
|
116
|
-
*/
|
|
117
|
-
export function setObserversEnabled(target, enabled) {
|
|
118
|
-
const prototype = Object.getPrototypeOf(target);
|
|
119
|
-
if (prototype[isTargetObservers]) {
|
|
120
|
-
prototype[isEnabled] = enabled;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
/**
|
|
124
|
-
* Retrieves the descriptor for a property from the provided target. This
|
|
125
|
-
* function will walk up the target's prototype chain to search for the
|
|
126
|
-
* descriptor.
|
|
127
|
-
*
|
|
128
|
-
* @template T The target type.
|
|
129
|
-
* @template K The property type.
|
|
130
|
-
* @param target - The target to retrieve a descriptor from.
|
|
131
|
-
* @param property - The name of the property to retrieve a descriptor for.
|
|
132
|
-
* @return the descriptor, or undefined if it does not exist. Keep in mind that
|
|
133
|
-
* plain properties may not have a descriptor defined.
|
|
134
|
-
*/
|
|
135
|
-
function getDescriptor(target, property) {
|
|
136
|
-
let descriptorTarget = target;
|
|
137
|
-
let descriptor;
|
|
138
|
-
while (descriptorTarget) {
|
|
139
|
-
descriptor = Object.getOwnPropertyDescriptor(descriptorTarget, property);
|
|
140
|
-
if (descriptor) {
|
|
141
|
-
break;
|
|
142
|
-
}
|
|
143
|
-
// Walk up the instance's prototype chain in case the property is declared
|
|
144
|
-
// on a superclass.
|
|
145
|
-
descriptorTarget = Object.getPrototypeOf(descriptorTarget);
|
|
146
|
-
}
|
|
147
|
-
return descriptor;
|
|
148
|
-
}
|
|
149
|
-
//# sourceMappingURL=observer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"observer.js","sourceRoot":"","sources":["observer.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AA0BH,MAAM,iBAAiB,GAAG,MAAM,EAAE,CAAC;AACnC,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;AAC3B,MAAM,YAAY,GAAG,MAAM,EAAE,CAAC;AA+B9B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,eAAe,CAC3B,MAAS,EAAE,QAAW,EAAE,QAAwB;IAClD,MAAM,iBAAiB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,iBAAiB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACzB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IACnD,CAAC,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAS,eAAe,CAAmB,GAAM;IAC/C,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAC7C,IAAI,SAAS,CAAC,iBAAiB,CAAC,EAAE;QAChC,OAAO,SAA+B,CAAC;KACxC;IAED,6EAA6E;IAC7E,+DAA+D;IAC/D,4EAA4E;IAC5E,kCAAkC;IAClC,MAAM,iBAAiB,GAAG,IAAI,GAAG,EAAuB,CAAC;IACzD,MAAM,IAAI,GAAG,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAmB,CAAC;IAC/D,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACtB,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAC3C,IAAI,UAAU,IAAI,UAAU,CAAC,QAAQ,EAAE;YACrC,iBAAiB,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,KAAmB,CAAC,CAAC;YAC3D,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC;SACjB;KACF;IAED,MAAM,KAAK,GACP,IAAI,KAAK,CAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE;QACrC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ;YACvB,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;QAC5C,CAAC;QACD,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ;YACjC,MAAM,oBAAoB,GAAG,GAAG,KAAK,iBAAiB;gBAClD,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,YAAY,CAAC;YAC9C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YACpD,kEAAkE;YAClE,uCAAuC;YACvC,oEAAoE;YACpE,+DAA+D;YAC/D,oEAAoE;YACpE,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,EAAE,GAAc,CAAC,CAAC;YACzD,IAAI,UAAU,EAAE,GAAG,EAAE;gBACnB,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;aAC9C;iBAAM;gBACL,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;aACpC;YAED,IAAI,CAAC,oBAAoB,IAAI,KAAK,CAAC,SAAS,CAAC;gBACzC,QAAQ,KAAK,QAAQ,EAAE;gBACzB,KAAK,MAAM,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,GAAc,CAAC,EAAE;oBAC1D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;iBAC9B;aACF;YAED,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAuB,CAAC;IAE7B,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACxB,MAAM,YAAY,GAAG,IAAI,GAAG,EAA+B,CAAC;IAC5D,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,GAAY,EAAE,EAAE;QACrC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAC1B,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;SAClC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,CAAC,cAAc,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAClC,uEAAuE;IACvE,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,iBAAiB,CAAC,OAAO,EAAE,EAAE;QACtD,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;KAClB;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAC/B,MAAS,EAAE,OAAgB;IAC7B,MAAM,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAChD,IAAI,SAAS,CAAC,iBAAiB,CAAC,EAAE;QAC/B,SAAgC,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC;KACxD;AACH,CAAC;AAED;;;;;;;;;;;GAWG;AACH,SAAS,aAAa,CAClB,MAAS,EAAE,QAAW;IACxB,IAAI,gBAAgB,GAAgB,MAAM,CAAC;IAC3C,IAAI,UAAmD,CAAC;IACxD,OAAO,gBAAgB,EAAE;QACvB,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;QACzE,IAAI,UAAU,EAAE;YACd,MAAM;SACP;QAED,0EAA0E;QAC1E,mBAAmB;QACnB,gBAAgB,GAAG,MAAM,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;KAC5D;IAED,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * A function used to observe property changes on a target.\n *\n * @template T The observed target type.\n * @template K The observed property.\n * @template This The `this` context of the observer function.\n * @param current - The current value of the property.\n * @param previous - The previous value of the property.\n */\nexport type Observer<T extends object, K extends keyof T = keyof T,\n This = unknown> =\n (this: This, current: T[K], previous: T[K]) => void;\n\n/**\n * An object map whose keys are properties of a target to observe and values\n * are `Observer` functions for each property.\n *\n * @template T The observed target type.\n * @template This The `this` context of observer functions.\n */\nexport type ObserverRecord<T extends object, This = unknown> = {\n [K in keyof T]?: Observer<T, K, This>;\n};\n\nconst isTargetObservers = Symbol();\nconst isEnabled = Symbol();\nconst getObservers = Symbol();\n\n/**\n * A manager for observers listening to a target. A target's `prototype` is its\n * `TargetObservers` instance.\n *\n * @template T The observed target type.\n */\ninterface TargetObservers<T extends object> {\n /**\n * Indicates that the prototype is a `TargetObservers` instance.\n */\n [isTargetObservers]: true;\n\n /**\n * Indicates whether or not observers for this target are enabled. If\n * disabled, observers will not be called in response to target property\n * changes.\n */\n [isEnabled]: boolean;\n\n /**\n * Retrieves all observers for a given target property.\n *\n * @template K The target property key.\n * @param key - The property to retrieve observers for.\n * @return An array of observers for the provided target property.\n */\n [getObservers]: <K extends keyof T>(key: K) => Array<Observer<T, K>>;\n}\n\n/**\n * Observe a target's property for changes. When a property changes, the\n * provided `Observer` function will be invoked with the properties current and\n * previous values.\n *\n * The returned cleanup function will stop listening to changes for the\n * provided `Observer`.\n *\n * @template T The observed target type.\n * @template K The observed property.\n * @param target - The target to observe.\n * @param property - The property of the target to observe.\n * @param observer - An observer function to invoke each time the property\n * changes.\n * @return A cleanup function that will stop observing changes for the provided\n * `Observer`.\n */\nexport function observeProperty<T extends object, K extends keyof T>(\n target: T, property: K, observer: Observer<T, K>) {\n const observerPrototype = installObserver(target);\n const observers = observerPrototype[getObservers](property);\n observers.push(observer);\n return () => {\n observers.splice(observers.indexOf(observer), 1);\n };\n}\n\n/**\n * Installs a `TargetObservers` for the provided target (if not already\n * installed).\n *\n * A target's `TargetObservers` is installed as a Proxy on the target's\n * prototype.\n *\n * @template T The observed target type.\n * @param obj - The target to observe.\n * @return The installed `TargetObservers` for the provided target.\n */\nfunction installObserver<T extends object>(obj: T): TargetObservers<T> {\n const prototype = Object.getPrototypeOf(obj);\n if (prototype[isTargetObservers]) {\n return prototype as TargetObservers<T>;\n }\n\n // Proxy prototypes will not trap plain properties (not a getter/setter) that\n // are already defined. They only work on new plain properties.\n // We can work around this by deleting the properties, installing the Proxy,\n // then re-setting the properties.\n const existingKeyValues = new Map<keyof T, T[keyof T]>();\n const keys = Object.getOwnPropertyNames(obj) as Array<keyof T>;\n for (const key of keys) {\n const descriptor = getDescriptor(obj, key);\n if (descriptor && descriptor.writable) {\n existingKeyValues.set(key, descriptor.value as T[keyof T]);\n delete obj[key];\n }\n }\n\n const proxy =\n new Proxy<T>(Object.create(prototype), {\n get(target, key, receiver) {\n return Reflect.get(target, key, receiver);\n },\n set(target, key, newValue, receiver) {\n const isTargetObserversKey = key === isTargetObservers ||\n key === isEnabled || key === getObservers;\n const previous = Reflect.get(target, key, receiver);\n // If a key has an existing setter, invoke it with the receiver to\n // preserve the correct `this` context.\n // Otherwise, the key is either a new or existing plain property and\n // should be set on the target. Setting a plain property on the\n // receiver will cause the proxy to no longer be able to observe it.\n const descriptor = getDescriptor(target, key as keyof T);\n if (descriptor?.set) {\n Reflect.set(target, key, newValue, receiver);\n } else {\n Reflect.set(target, key, newValue);\n }\n\n if (!isTargetObserversKey && proxy[isEnabled] &&\n newValue !== previous) {\n for (const observer of proxy[getObservers](key as keyof T)) {\n observer(newValue, previous);\n }\n }\n\n return true;\n }\n }) as TargetObservers<T>;\n\n proxy[isTargetObservers] = true;\n proxy[isEnabled] = true;\n const observersMap = new Map<keyof T, Array<Observer<T>>>();\n proxy[getObservers] = (key: keyof T) => {\n const observers = observersMap.get(key) || [];\n if (!observersMap.has(key)) {\n observersMap.set(key, observers);\n }\n\n return observers;\n };\n\n Object.setPrototypeOf(obj, proxy);\n // Re-set plain pre-existing properties so that the Proxy can trap them\n for (const [key, value] of existingKeyValues.entries()) {\n obj[key] = value;\n }\n\n return proxy;\n}\n\n/**\n * Enables or disables all observers for a provided target. Changes to observed\n * properties will not call any observers when disabled.\n *\n * @template T The observed target type.\n * @param target - The target to enable or disable observers for.\n * @param enabled - True to enable or false to disable observers.\n */\nexport function setObserversEnabled<T extends object>(\n target: T, enabled: boolean) {\n const prototype = Object.getPrototypeOf(target);\n if (prototype[isTargetObservers]) {\n (prototype as TargetObservers<T>)[isEnabled] = enabled;\n }\n}\n\n/**\n * Retrieves the descriptor for a property from the provided target. This\n * function will walk up the target's prototype chain to search for the\n * descriptor.\n *\n * @template T The target type.\n * @template K The property type.\n * @param target - The target to retrieve a descriptor from.\n * @param property - The name of the property to retrieve a descriptor for.\n * @return the descriptor, or undefined if it does not exist. Keep in mind that\n * plain properties may not have a descriptor defined.\n */\nfunction getDescriptor<T extends object, K extends keyof T>(\n target: T, property: K) {\n let descriptorTarget: object|null = target;\n let descriptor: TypedPropertyDescriptor<T[K]>|undefined;\n while (descriptorTarget) {\n descriptor = Object.getOwnPropertyDescriptor(descriptorTarget, property);\n if (descriptor) {\n break;\n }\n\n // Walk up the instance's prototype chain in case the property is declared\n // on a superclass.\n descriptorTarget = Object.getPrototypeOf(descriptorTarget);\n }\n\n return descriptor;\n}\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Returns true if labeling is supported for form associated custom elemeents.
|
|
8
|
-
* Chrome and Firefox currently do and Safari support appears to be in progress,
|
|
9
|
-
* see https://bugs.webkit.org/show_bug.cgi?id=197960.
|
|
10
|
-
*/
|
|
11
|
-
export declare const SUPPORTS_FACE_LABEL: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Provides a shim for labeling form associated custom elements via clicks
|
|
14
|
-
* on label elements. Note, this is currently needed only in Safari and
|
|
15
|
-
* support appears to be in progress, see
|
|
16
|
-
* https://bugs.webkit.org/show_bug.cgi?id=197960.
|
|
17
|
-
*/
|
|
18
|
-
export declare function shimLabelSupport(root: Document | ShadowRoot): void;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { isFormAssociated } from './form-associated.js';
|
|
7
|
-
// TODO Label activation shim is currently only needed for Safari. Remove it
|
|
8
|
-
// when no longer needed, see b/261871554.
|
|
9
|
-
/**
|
|
10
|
-
* Returns true if labeling is supported for form associated custom elemeents.
|
|
11
|
-
* Chrome and Firefox currently do and Safari support appears to be in progress,
|
|
12
|
-
* see https://bugs.webkit.org/show_bug.cgi?id=197960.
|
|
13
|
-
*/
|
|
14
|
-
export const SUPPORTS_FACE_LABEL = 'labels' in (globalThis?.ElementInternals?.prototype ?? {});
|
|
15
|
-
function isCustomElement(element) {
|
|
16
|
-
return element.localName.match('-');
|
|
17
|
-
}
|
|
18
|
-
// Elements that can be associated with a <label> element include <button>,
|
|
19
|
-
// <input> (except for type="hidden"), <meter>, <output>, <progress>, <select>
|
|
20
|
-
// and <textarea>.
|
|
21
|
-
const implicitLabelReactive = new Set(['button', 'input', 'meter', 'progress', 'output', 'select', 'textarea']);
|
|
22
|
-
function isLabelReactive(element) {
|
|
23
|
-
return implicitLabelReactive.has(element.localName) ||
|
|
24
|
-
isFormAssociated(element);
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Provides a shim for labeling form associated custom elements via clicks
|
|
28
|
-
* on label elements. Note, this is currently needed only in Safari and
|
|
29
|
-
* support appears to be in progress, see
|
|
30
|
-
* https://bugs.webkit.org/show_bug.cgi?id=197960.
|
|
31
|
-
*/
|
|
32
|
-
export function shimLabelSupport(root) {
|
|
33
|
-
// Listen for clicks on root to find clicks on label elements
|
|
34
|
-
root.addEventListener('click', labelActivationListener);
|
|
35
|
-
}
|
|
36
|
-
function labelActivationListener(event) {
|
|
37
|
-
// Find label on which user clicked.
|
|
38
|
-
const path = event.composedPath();
|
|
39
|
-
const root = event.currentTarget;
|
|
40
|
-
let label = undefined;
|
|
41
|
-
for (let i = 0; i < path.length; i++) {
|
|
42
|
-
const target = path[i];
|
|
43
|
-
// Not element or not in scope.
|
|
44
|
-
if (target.nodeType !== Node.ELEMENT_NODE ||
|
|
45
|
-
target.getRootNode() !== root) {
|
|
46
|
-
continue;
|
|
47
|
-
}
|
|
48
|
-
// If the click is on a label reactive element, this is not a label click.
|
|
49
|
-
if (isLabelReactive(target)) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
if (target.localName === 'label') {
|
|
53
|
-
label = target;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
if (label === undefined) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
// Find associated element to activate.
|
|
60
|
-
const forId = label.getAttribute('for');
|
|
61
|
-
const target = forId ?
|
|
62
|
-
root.getElementById(forId) :
|
|
63
|
-
Array.from(label.querySelectorAll('*'))
|
|
64
|
-
.find((el) => isCustomElement(el) && isFormAssociated(el));
|
|
65
|
-
if (target == null) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
// Simulate FACE by issuing a click on the associated element.
|
|
69
|
-
const simulatedClick = new PointerEvent('click', { composed: true, bubbles: true });
|
|
70
|
-
target.dispatchEvent(simulatedClick);
|
|
71
|
-
}
|
|
72
|
-
//# sourceMappingURL=shim-label-activation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shim-label-activation.js","sourceRoot":"","sources":["shim-label-activation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAEtD,4EAA4E;AAC5E,0CAA0C;AAE1C;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAC5B,QAAQ,IAAI,CAAC,UAAU,EAAE,gBAAgB,EAAE,SAAS,IAAI,EAAE,CAAC,CAAC;AAEhE,SAAS,eAAe,CAAC,OAAoB;IAC3C,OAAO,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACtC,CAAC;AAED,2EAA2E;AAC3E,8EAA8E;AAC9E,kBAAkB;AAClB,MAAM,qBAAqB,GAAG,IAAI,GAAG,CACjC,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAE9E,SAAS,eAAe,CAAC,OAAoB;IAC3C,OAAO,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC;QAC/C,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,gBAAgB,CAAC,IAAyB;IACxD,6DAA6D;IAC7D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAY;IAC3C,oCAAoC;IACpC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;IAClC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAsC,CAAC;IAC1D,IAAI,KAAK,GAA+B,SAAS,CAAC;IAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAgB,CAAC;QACtC,+BAA+B;QAC/B,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YACrC,MAAM,CAAC,WAAW,EAAE,KAAK,IAAI,EAAE;YACjC,SAAS;SACV;QACD,0EAA0E;QAC1E,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE;YAC3B,OAAO;SACR;QACD,IAAI,MAAM,CAAC,SAAS,KAAK,OAAO,EAAE;YAChC,KAAK,GAAG,MAA0B,CAAC;SACpC;KACF;IACD,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO;KACR;IACD,uCAAuC;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC;QAClB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAc,GAAG,CAAC,CAAC;aAC/C,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC;IACnE,IAAI,MAAM,IAAI,IAAI,EAAE;QAClB,OAAO;KACR;IACD,8DAA8D;IAC9D,MAAM,cAAc,GAChB,IAAI,YAAY,CAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAC/D,MAAM,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;AACvC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {isFormAssociated} from './form-associated.js';\n\n// TODO Label activation shim is currently only needed for Safari. Remove it\n// when no longer needed, see b/261871554.\n\n/**\n * Returns true if labeling is supported for form associated custom elemeents.\n * Chrome and Firefox currently do and Safari support appears to be in progress,\n * see https://bugs.webkit.org/show_bug.cgi?id=197960.\n */\nexport const SUPPORTS_FACE_LABEL =\n 'labels' in (globalThis?.ElementInternals?.prototype ?? {});\n\nfunction isCustomElement(element: HTMLElement) {\n return element.localName.match('-');\n}\n\n// Elements that can be associated with a <label> element include <button>,\n// <input> (except for type=\"hidden\"), <meter>, <output>, <progress>, <select>\n// and <textarea>.\nconst implicitLabelReactive = new Set(\n ['button', 'input', 'meter', 'progress', 'output', 'select', 'textarea']);\n\nfunction isLabelReactive(element: HTMLElement) {\n return implicitLabelReactive.has(element.localName) ||\n isFormAssociated(element);\n}\n\n/**\n * Provides a shim for labeling form associated custom elements via clicks\n * on label elements. Note, this is currently needed only in Safari and\n * support appears to be in progress, see\n * https://bugs.webkit.org/show_bug.cgi?id=197960.\n */\nexport function shimLabelSupport(root: Document|ShadowRoot) {\n // Listen for clicks on root to find clicks on label elements\n root.addEventListener('click', labelActivationListener);\n}\n\nfunction labelActivationListener(event: Event) {\n // Find label on which user clicked.\n const path = event.composedPath();\n const root = event.currentTarget as ShadowRoot | Document;\n let label: HTMLLabelElement|undefined = undefined;\n for (let i = 0; i < path.length; i++) {\n const target = path[i] as HTMLElement;\n // Not element or not in scope.\n if (target.nodeType !== Node.ELEMENT_NODE ||\n target.getRootNode() !== root) {\n continue;\n }\n // If the click is on a label reactive element, this is not a label click.\n if (isLabelReactive(target)) {\n return;\n }\n if (target.localName === 'label') {\n label = target as HTMLLabelElement;\n }\n }\n if (label === undefined) {\n return;\n }\n // Find associated element to activate.\n const forId = label.getAttribute('for');\n const target = forId ?\n root.getElementById(forId) :\n Array.from(label.querySelectorAll<HTMLElement>('*'))\n .find((el) => isCustomElement(el) && isFormAssociated(el));\n if (target == null) {\n return;\n }\n // Simulate FACE by issuing a click on the associated element.\n const simulatedClick =\n new PointerEvent('click', {composed: true, bubbles: true});\n target.dispatchEvent(simulatedClick);\n}\n"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2021 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { ReactiveElement } from 'lit';
|
|
7
|
-
/**
|
|
8
|
-
* A property decorator that helps proxy an aria attribute to an internal node.
|
|
9
|
-
*
|
|
10
|
-
* This decorator is only intended for use with ARIAMixin properties,
|
|
11
|
-
* such as `ariaLabel`, to help with screen readers.
|
|
12
|
-
*
|
|
13
|
-
* This decorator will remove the host `aria-*` attribute at runtime and add it
|
|
14
|
-
* to a `data-aria-*` attribute to avoid screenreader conflicts between the
|
|
15
|
-
* host and internal node.
|
|
16
|
-
*
|
|
17
|
-
* `@ariaProperty` decorated properties should sync with LitElement to the
|
|
18
|
-
* `data-aria-*` attribute, not the native `aria-*` attribute.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```ts
|
|
22
|
-
* class MyElement extends LitElement {
|
|
23
|
-
* \@ariaProperty
|
|
24
|
-
* // TODO(b/210730484): replace with @soyParam annotation
|
|
25
|
-
* \@property({ type: String, attribute: 'data-aria-label', noAccessor: true})
|
|
26
|
-
* ariaLabel!: string;
|
|
27
|
-
* }
|
|
28
|
-
* ```
|
|
29
|
-
* @category Decorator
|
|
30
|
-
* @ExportDecoratedItems
|
|
31
|
-
*/
|
|
32
|
-
export declare function ariaProperty<E extends ReactiveElement, K extends keyof E & (`aria${string}` | 'role')>(prototype: E, property: K): void;
|