@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,544 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { Corner, CornerBit, cssClasses, numbers, strings } from './constants.js';
|
|
7
|
-
export class MDCMenuSurfaceFoundation {
|
|
8
|
-
constructor(adapter) {
|
|
9
|
-
this.isSurfaceOpen = false;
|
|
10
|
-
this.isQuickOpen = false;
|
|
11
|
-
this.isHoistedElement = false;
|
|
12
|
-
this.isFixedPosition = false;
|
|
13
|
-
this.isHorizontallyCenteredOnViewport = false;
|
|
14
|
-
this.maxHeight = 0;
|
|
15
|
-
this.openBottomBias = 0;
|
|
16
|
-
this.openAnimationEndTimerId = 0;
|
|
17
|
-
this.closeAnimationEndTimerId = 0;
|
|
18
|
-
this.animationRequestId = 0;
|
|
19
|
-
this.anchorCorner = Corner.TOP_START;
|
|
20
|
-
/**
|
|
21
|
-
* Corner of the menu surface to which menu surface is attached to anchor.
|
|
22
|
-
*
|
|
23
|
-
* Anchor corner --->+----------+
|
|
24
|
-
* | ANCHOR |
|
|
25
|
-
* +----------+
|
|
26
|
-
* Origin corner --->+--------------+
|
|
27
|
-
* | |
|
|
28
|
-
* | |
|
|
29
|
-
* | MENU SURFACE |
|
|
30
|
-
* | |
|
|
31
|
-
* | |
|
|
32
|
-
* +--------------+
|
|
33
|
-
*/
|
|
34
|
-
this.originCorner = Corner.TOP_START;
|
|
35
|
-
this.anchorMargin = { top: 0, right: 0, bottom: 0, left: 0 };
|
|
36
|
-
this.position = { x: 0, y: 0 };
|
|
37
|
-
this.adapter = { ...MDCMenuSurfaceFoundation.defaultAdapter, ...adapter };
|
|
38
|
-
}
|
|
39
|
-
static get cssClasses() {
|
|
40
|
-
return cssClasses;
|
|
41
|
-
}
|
|
42
|
-
static get strings() {
|
|
43
|
-
return strings;
|
|
44
|
-
}
|
|
45
|
-
static get numbers() {
|
|
46
|
-
return numbers;
|
|
47
|
-
}
|
|
48
|
-
static get Corner() {
|
|
49
|
-
return Corner;
|
|
50
|
-
}
|
|
51
|
-
/**
|
|
52
|
-
* @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.
|
|
53
|
-
*/
|
|
54
|
-
static get defaultAdapter() {
|
|
55
|
-
// tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
|
|
56
|
-
return {
|
|
57
|
-
addClass: () => undefined,
|
|
58
|
-
removeClass: () => undefined,
|
|
59
|
-
hasClass: () => false,
|
|
60
|
-
hasAnchor: () => false,
|
|
61
|
-
isElementInContainer: () => false,
|
|
62
|
-
isFocused: () => false,
|
|
63
|
-
isRtl: () => false,
|
|
64
|
-
getInnerDimensions: () => ({ height: 0, width: 0 }),
|
|
65
|
-
getAnchorDimensions: () => null,
|
|
66
|
-
getWindowDimensions: () => ({ height: 0, width: 0 }),
|
|
67
|
-
getBodyDimensions: () => ({ height: 0, width: 0 }),
|
|
68
|
-
getWindowScroll: () => ({ x: 0, y: 0 }),
|
|
69
|
-
setPosition: () => undefined,
|
|
70
|
-
setMaxHeight: () => undefined,
|
|
71
|
-
setTransformOrigin: () => undefined,
|
|
72
|
-
saveFocus: () => undefined,
|
|
73
|
-
restoreFocus: () => undefined,
|
|
74
|
-
notifyClose: () => undefined,
|
|
75
|
-
notifyClosing: () => undefined,
|
|
76
|
-
notifyOpen: () => undefined,
|
|
77
|
-
notifyOpening: () => undefined,
|
|
78
|
-
};
|
|
79
|
-
// tslint:enable:object-literal-sort-keys
|
|
80
|
-
}
|
|
81
|
-
init() {
|
|
82
|
-
const { ROOT, OPEN } = MDCMenuSurfaceFoundation.cssClasses;
|
|
83
|
-
if (!this.adapter.hasClass(ROOT)) {
|
|
84
|
-
throw new Error(`${ROOT} class required in root element.`);
|
|
85
|
-
}
|
|
86
|
-
if (this.adapter.hasClass(OPEN)) {
|
|
87
|
-
this.isSurfaceOpen = true;
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
destroy() {
|
|
91
|
-
clearTimeout(this.openAnimationEndTimerId);
|
|
92
|
-
clearTimeout(this.closeAnimationEndTimerId);
|
|
93
|
-
// Cancel any currently running animations.
|
|
94
|
-
cancelAnimationFrame(this.animationRequestId);
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* @param corner Default anchor corner alignment of top-left menu surface
|
|
98
|
-
* corner.
|
|
99
|
-
*/
|
|
100
|
-
setAnchorCorner(corner) {
|
|
101
|
-
this.anchorCorner = corner;
|
|
102
|
-
}
|
|
103
|
-
/**
|
|
104
|
-
* Flips menu corner horizontally.
|
|
105
|
-
*/
|
|
106
|
-
flipCornerHorizontally() {
|
|
107
|
-
this.originCorner = this.originCorner ^ CornerBit.RIGHT;
|
|
108
|
-
}
|
|
109
|
-
/**
|
|
110
|
-
* @param margin Set of margin values from anchor.
|
|
111
|
-
*/
|
|
112
|
-
setAnchorMargin(margin) {
|
|
113
|
-
this.anchorMargin.top = margin.top || 0;
|
|
114
|
-
this.anchorMargin.right = margin.right || 0;
|
|
115
|
-
this.anchorMargin.bottom = margin.bottom || 0;
|
|
116
|
-
this.anchorMargin.left = margin.left || 0;
|
|
117
|
-
}
|
|
118
|
-
/** Used to indicate if the menu-surface is hoisted to the body. */
|
|
119
|
-
setIsHoisted(isHoisted) {
|
|
120
|
-
this.isHoistedElement = isHoisted;
|
|
121
|
-
}
|
|
122
|
-
/**
|
|
123
|
-
* Used to set the menu-surface calculations based on a fixed position menu.
|
|
124
|
-
*/
|
|
125
|
-
setFixedPosition(isFixedPosition) {
|
|
126
|
-
this.isFixedPosition = isFixedPosition;
|
|
127
|
-
}
|
|
128
|
-
/**
|
|
129
|
-
* @return Returns true if menu is in fixed (`position: fixed`) position.
|
|
130
|
-
*/
|
|
131
|
-
isFixed() {
|
|
132
|
-
return this.isFixedPosition;
|
|
133
|
-
}
|
|
134
|
-
/** Sets the menu-surface position on the page. */
|
|
135
|
-
setAbsolutePosition(x, y) {
|
|
136
|
-
this.position.x = this.isFinite(x) ? x : 0;
|
|
137
|
-
this.position.y = this.isFinite(y) ? y : 0;
|
|
138
|
-
}
|
|
139
|
-
/** Sets whether menu-surface should be horizontally centered to viewport. */
|
|
140
|
-
setIsHorizontallyCenteredOnViewport(isCentered) {
|
|
141
|
-
this.isHorizontallyCenteredOnViewport = isCentered;
|
|
142
|
-
}
|
|
143
|
-
setQuickOpen(quickOpen) {
|
|
144
|
-
this.isQuickOpen = quickOpen;
|
|
145
|
-
}
|
|
146
|
-
/**
|
|
147
|
-
* Sets maximum menu-surface height on open.
|
|
148
|
-
* @param maxHeight The desired max-height. Set to 0 (default) to
|
|
149
|
-
* automatically calculate max height based on available viewport space.
|
|
150
|
-
*/
|
|
151
|
-
setMaxHeight(maxHeight) {
|
|
152
|
-
this.maxHeight = maxHeight;
|
|
153
|
-
}
|
|
154
|
-
/**
|
|
155
|
-
* Set to a positive integer to influence the menu to preferentially open
|
|
156
|
-
* below the anchor instead of above.
|
|
157
|
-
* @param bias A value of `x` simulates an extra `x` pixels of available space
|
|
158
|
-
* below the menu during positioning calculations.
|
|
159
|
-
*/
|
|
160
|
-
setOpenBottomBias(bias) {
|
|
161
|
-
this.openBottomBias = bias;
|
|
162
|
-
}
|
|
163
|
-
isOpen() {
|
|
164
|
-
return this.isSurfaceOpen;
|
|
165
|
-
}
|
|
166
|
-
/**
|
|
167
|
-
* Open the menu surface.
|
|
168
|
-
*/
|
|
169
|
-
open() {
|
|
170
|
-
if (this.isSurfaceOpen) {
|
|
171
|
-
return;
|
|
172
|
-
}
|
|
173
|
-
this.adapter.notifyOpening();
|
|
174
|
-
this.adapter.saveFocus();
|
|
175
|
-
if (this.isQuickOpen) {
|
|
176
|
-
this.isSurfaceOpen = true;
|
|
177
|
-
this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
|
|
178
|
-
this.dimensions = this.adapter.getInnerDimensions();
|
|
179
|
-
this.autoposition();
|
|
180
|
-
this.adapter.notifyOpen();
|
|
181
|
-
}
|
|
182
|
-
else {
|
|
183
|
-
this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
|
|
184
|
-
this.animationRequestId = requestAnimationFrame(() => {
|
|
185
|
-
this.dimensions = this.adapter.getInnerDimensions();
|
|
186
|
-
this.autoposition();
|
|
187
|
-
this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
|
|
188
|
-
this.openAnimationEndTimerId = setTimeout(() => {
|
|
189
|
-
this.openAnimationEndTimerId = 0;
|
|
190
|
-
this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);
|
|
191
|
-
this.adapter.notifyOpen();
|
|
192
|
-
}, numbers.TRANSITION_OPEN_DURATION);
|
|
193
|
-
});
|
|
194
|
-
this.isSurfaceOpen = true;
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
/**
|
|
198
|
-
* Closes the menu surface.
|
|
199
|
-
*/
|
|
200
|
-
close(skipRestoreFocus = false) {
|
|
201
|
-
if (!this.isSurfaceOpen) {
|
|
202
|
-
return;
|
|
203
|
-
}
|
|
204
|
-
this.adapter.notifyClosing();
|
|
205
|
-
if (this.isQuickOpen) {
|
|
206
|
-
this.isSurfaceOpen = false;
|
|
207
|
-
if (!skipRestoreFocus) {
|
|
208
|
-
this.maybeRestoreFocus();
|
|
209
|
-
}
|
|
210
|
-
this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
|
|
211
|
-
this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);
|
|
212
|
-
this.adapter.notifyClose();
|
|
213
|
-
return;
|
|
214
|
-
}
|
|
215
|
-
this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
|
|
216
|
-
requestAnimationFrame(() => {
|
|
217
|
-
this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);
|
|
218
|
-
this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);
|
|
219
|
-
this.closeAnimationEndTimerId = setTimeout(() => {
|
|
220
|
-
this.closeAnimationEndTimerId = 0;
|
|
221
|
-
this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);
|
|
222
|
-
this.adapter.notifyClose();
|
|
223
|
-
}, numbers.TRANSITION_CLOSE_DURATION);
|
|
224
|
-
});
|
|
225
|
-
this.isSurfaceOpen = false;
|
|
226
|
-
if (!skipRestoreFocus) {
|
|
227
|
-
this.maybeRestoreFocus();
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
/** Handle clicks and close if not within menu-surface element. */
|
|
231
|
-
handleBodyClick(evt) {
|
|
232
|
-
const el = evt.target;
|
|
233
|
-
if (this.adapter.isElementInContainer(el)) {
|
|
234
|
-
return;
|
|
235
|
-
}
|
|
236
|
-
this.close();
|
|
237
|
-
}
|
|
238
|
-
/** Handle keys that close the surface. */
|
|
239
|
-
handleKeydown(evt) {
|
|
240
|
-
const { keyCode, key } = evt;
|
|
241
|
-
const isEscape = key === 'Escape' || keyCode === 27;
|
|
242
|
-
if (isEscape) {
|
|
243
|
-
this.close();
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
autoposition() {
|
|
247
|
-
// Compute measurements for autoposition methods reuse.
|
|
248
|
-
this.measurements = this.getAutoLayoutmeasurements();
|
|
249
|
-
const corner = this.getOriginCorner();
|
|
250
|
-
const maxMenuSurfaceHeight = this.getMenuSurfaceMaxHeight(corner);
|
|
251
|
-
const verticalAlignment = this.hasBit(corner, CornerBit.BOTTOM) ? 'bottom' : 'top';
|
|
252
|
-
let horizontalAlignment = this.hasBit(corner, CornerBit.RIGHT) ? 'right' : 'left';
|
|
253
|
-
const horizontalOffset = this.getHorizontalOriginOffset(corner);
|
|
254
|
-
const verticalOffset = this.getVerticalOriginOffset(corner);
|
|
255
|
-
const { anchorSize, surfaceSize } = this.measurements;
|
|
256
|
-
const position = {
|
|
257
|
-
[horizontalAlignment]: horizontalOffset,
|
|
258
|
-
[verticalAlignment]: verticalOffset,
|
|
259
|
-
};
|
|
260
|
-
// Center align when anchor width is comparable or greater than menu
|
|
261
|
-
// surface, otherwise keep corner.
|
|
262
|
-
if (anchorSize.width / surfaceSize.width >
|
|
263
|
-
numbers.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO) {
|
|
264
|
-
horizontalAlignment = 'center';
|
|
265
|
-
}
|
|
266
|
-
// If the menu-surface has been hoisted to the body, it's no longer relative
|
|
267
|
-
// to the anchor element
|
|
268
|
-
if (this.isHoistedElement || this.isFixedPosition) {
|
|
269
|
-
this.adjustPositionForHoistedElement(position);
|
|
270
|
-
}
|
|
271
|
-
this.adapter.setTransformOrigin(`${horizontalAlignment} ${verticalAlignment}`);
|
|
272
|
-
this.adapter.setPosition(position);
|
|
273
|
-
this.adapter.setMaxHeight(maxMenuSurfaceHeight ? maxMenuSurfaceHeight + 'px' : '');
|
|
274
|
-
// If it is opened from the top then add is-open-below class
|
|
275
|
-
if (!this.hasBit(corner, CornerBit.BOTTOM)) {
|
|
276
|
-
this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
/**
|
|
280
|
-
* @return Measurements used to position menu surface popup.
|
|
281
|
-
*/
|
|
282
|
-
getAutoLayoutmeasurements() {
|
|
283
|
-
let anchorRect = this.adapter.getAnchorDimensions();
|
|
284
|
-
const bodySize = this.adapter.getBodyDimensions();
|
|
285
|
-
const viewportSize = this.adapter.getWindowDimensions();
|
|
286
|
-
const windowScroll = this.adapter.getWindowScroll();
|
|
287
|
-
if (!anchorRect) {
|
|
288
|
-
// tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together
|
|
289
|
-
anchorRect = {
|
|
290
|
-
top: this.position.y,
|
|
291
|
-
right: this.position.x,
|
|
292
|
-
bottom: this.position.y,
|
|
293
|
-
left: this.position.x,
|
|
294
|
-
width: 0,
|
|
295
|
-
height: 0,
|
|
296
|
-
};
|
|
297
|
-
// tslint:enable:object-literal-sort-keys
|
|
298
|
-
}
|
|
299
|
-
return {
|
|
300
|
-
anchorSize: anchorRect,
|
|
301
|
-
bodySize,
|
|
302
|
-
surfaceSize: this.dimensions,
|
|
303
|
-
viewportDistance: {
|
|
304
|
-
// tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together
|
|
305
|
-
top: anchorRect.top,
|
|
306
|
-
right: viewportSize.width - anchorRect.right,
|
|
307
|
-
bottom: viewportSize.height - anchorRect.bottom,
|
|
308
|
-
left: anchorRect.left,
|
|
309
|
-
// tslint:enable:object-literal-sort-keys
|
|
310
|
-
},
|
|
311
|
-
viewportSize,
|
|
312
|
-
windowScroll,
|
|
313
|
-
};
|
|
314
|
-
}
|
|
315
|
-
/**
|
|
316
|
-
* Computes the corner of the anchor from which to animate and position the
|
|
317
|
-
* menu surface.
|
|
318
|
-
*
|
|
319
|
-
* Only LEFT or RIGHT bit is used to position the menu surface ignoring RTL
|
|
320
|
-
* context. E.g., menu surface will be positioned from right side on TOP_END.
|
|
321
|
-
*/
|
|
322
|
-
getOriginCorner() {
|
|
323
|
-
let corner = this.originCorner;
|
|
324
|
-
const { viewportDistance, anchorSize, surfaceSize } = this.measurements;
|
|
325
|
-
const { MARGIN_TO_EDGE } = MDCMenuSurfaceFoundation.numbers;
|
|
326
|
-
const isAnchoredToBottom = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);
|
|
327
|
-
let availableTop;
|
|
328
|
-
let availableBottom;
|
|
329
|
-
if (isAnchoredToBottom) {
|
|
330
|
-
availableTop =
|
|
331
|
-
viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.bottom;
|
|
332
|
-
availableBottom =
|
|
333
|
-
viewportDistance.bottom - MARGIN_TO_EDGE - this.anchorMargin.bottom;
|
|
334
|
-
}
|
|
335
|
-
else {
|
|
336
|
-
availableTop =
|
|
337
|
-
viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.top;
|
|
338
|
-
availableBottom = viewportDistance.bottom - MARGIN_TO_EDGE +
|
|
339
|
-
anchorSize.height - this.anchorMargin.top;
|
|
340
|
-
}
|
|
341
|
-
const isAvailableBottom = availableBottom - surfaceSize.height > 0;
|
|
342
|
-
if (!isAvailableBottom &&
|
|
343
|
-
availableTop > availableBottom + this.openBottomBias) {
|
|
344
|
-
// Attach bottom side of surface to the anchor.
|
|
345
|
-
corner = this.setBit(corner, CornerBit.BOTTOM);
|
|
346
|
-
}
|
|
347
|
-
const isRtl = this.adapter.isRtl();
|
|
348
|
-
const isFlipRtl = this.hasBit(this.anchorCorner, CornerBit.FLIP_RTL);
|
|
349
|
-
const hasRightBit = this.hasBit(this.anchorCorner, CornerBit.RIGHT) ||
|
|
350
|
-
this.hasBit(corner, CornerBit.RIGHT);
|
|
351
|
-
// Whether surface attached to right side of anchor element.
|
|
352
|
-
let isAnchoredToRight = false;
|
|
353
|
-
// Anchored to start
|
|
354
|
-
if (isRtl && isFlipRtl) {
|
|
355
|
-
isAnchoredToRight = !hasRightBit;
|
|
356
|
-
}
|
|
357
|
-
else {
|
|
358
|
-
// Anchored to right
|
|
359
|
-
isAnchoredToRight = hasRightBit;
|
|
360
|
-
}
|
|
361
|
-
let availableLeft;
|
|
362
|
-
let availableRight;
|
|
363
|
-
if (isAnchoredToRight) {
|
|
364
|
-
availableLeft =
|
|
365
|
-
viewportDistance.left + anchorSize.width + this.anchorMargin.right;
|
|
366
|
-
availableRight = viewportDistance.right - this.anchorMargin.right;
|
|
367
|
-
}
|
|
368
|
-
else {
|
|
369
|
-
availableLeft = viewportDistance.left + this.anchorMargin.left;
|
|
370
|
-
availableRight =
|
|
371
|
-
viewportDistance.right + anchorSize.width - this.anchorMargin.left;
|
|
372
|
-
}
|
|
373
|
-
const isAvailableLeft = availableLeft - surfaceSize.width > 0;
|
|
374
|
-
const isAvailableRight = availableRight - surfaceSize.width > 0;
|
|
375
|
-
const isOriginCornerAlignedToEnd = this.hasBit(corner, CornerBit.FLIP_RTL) &&
|
|
376
|
-
this.hasBit(corner, CornerBit.RIGHT);
|
|
377
|
-
if (isAvailableRight && isOriginCornerAlignedToEnd && isRtl ||
|
|
378
|
-
!isAvailableLeft && isOriginCornerAlignedToEnd) {
|
|
379
|
-
// Attach left side of surface to the anchor.
|
|
380
|
-
corner = this.unsetBit(corner, CornerBit.RIGHT);
|
|
381
|
-
}
|
|
382
|
-
else if (isAvailableLeft && isAnchoredToRight && isRtl ||
|
|
383
|
-
(isAvailableLeft && !isAnchoredToRight && hasRightBit) ||
|
|
384
|
-
(!isAvailableRight && availableLeft >= availableRight)) {
|
|
385
|
-
// Attach right side of surface to the anchor.
|
|
386
|
-
corner = this.setBit(corner, CornerBit.RIGHT);
|
|
387
|
-
}
|
|
388
|
-
return corner;
|
|
389
|
-
}
|
|
390
|
-
/**
|
|
391
|
-
* @param corner Origin corner of the menu surface.
|
|
392
|
-
* @return Maximum height of the menu surface, based on available space. 0
|
|
393
|
-
* indicates should not be set.
|
|
394
|
-
*/
|
|
395
|
-
getMenuSurfaceMaxHeight(corner) {
|
|
396
|
-
if (this.maxHeight > 0) {
|
|
397
|
-
return this.maxHeight;
|
|
398
|
-
}
|
|
399
|
-
const { viewportDistance } = this.measurements;
|
|
400
|
-
let maxHeight = 0;
|
|
401
|
-
const isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);
|
|
402
|
-
const isBottomAnchored = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);
|
|
403
|
-
const { MARGIN_TO_EDGE } = MDCMenuSurfaceFoundation.numbers;
|
|
404
|
-
// When maximum height is not specified, it is handled from CSS.
|
|
405
|
-
if (isBottomAligned) {
|
|
406
|
-
maxHeight = viewportDistance.top + this.anchorMargin.top - MARGIN_TO_EDGE;
|
|
407
|
-
if (!isBottomAnchored) {
|
|
408
|
-
maxHeight += this.measurements.anchorSize.height;
|
|
409
|
-
}
|
|
410
|
-
}
|
|
411
|
-
else {
|
|
412
|
-
maxHeight = viewportDistance.bottom - this.anchorMargin.bottom +
|
|
413
|
-
this.measurements.anchorSize.height - MARGIN_TO_EDGE;
|
|
414
|
-
if (isBottomAnchored) {
|
|
415
|
-
maxHeight -= this.measurements.anchorSize.height;
|
|
416
|
-
}
|
|
417
|
-
}
|
|
418
|
-
return maxHeight;
|
|
419
|
-
}
|
|
420
|
-
/**
|
|
421
|
-
* @param corner Origin corner of the menu surface.
|
|
422
|
-
* @return Horizontal offset of menu surface origin corner from corresponding
|
|
423
|
-
* anchor corner.
|
|
424
|
-
*/
|
|
425
|
-
getHorizontalOriginOffset(corner) {
|
|
426
|
-
const { anchorSize } = this.measurements;
|
|
427
|
-
// isRightAligned corresponds to using the 'right' property on the surface.
|
|
428
|
-
const isRightAligned = this.hasBit(corner, CornerBit.RIGHT);
|
|
429
|
-
const avoidHorizontalOverlap = this.hasBit(this.anchorCorner, CornerBit.RIGHT);
|
|
430
|
-
if (isRightAligned) {
|
|
431
|
-
const rightOffset = avoidHorizontalOverlap ?
|
|
432
|
-
anchorSize.width - this.anchorMargin.left :
|
|
433
|
-
this.anchorMargin.right;
|
|
434
|
-
// For hoisted or fixed elements, adjust the offset by the difference
|
|
435
|
-
// between viewport width and body width so when we calculate the right
|
|
436
|
-
// value (`adjustPositionForHoistedElement`) based on the element
|
|
437
|
-
// position, the right property is correct.
|
|
438
|
-
if (this.isHoistedElement || this.isFixedPosition) {
|
|
439
|
-
return rightOffset -
|
|
440
|
-
(this.measurements.viewportSize.width -
|
|
441
|
-
this.measurements.bodySize.width);
|
|
442
|
-
}
|
|
443
|
-
return rightOffset;
|
|
444
|
-
}
|
|
445
|
-
return avoidHorizontalOverlap ? anchorSize.width - this.anchorMargin.right :
|
|
446
|
-
this.anchorMargin.left;
|
|
447
|
-
}
|
|
448
|
-
/**
|
|
449
|
-
* @param corner Origin corner of the menu surface.
|
|
450
|
-
* @return Vertical offset of menu surface origin corner from corresponding
|
|
451
|
-
* anchor corner.
|
|
452
|
-
*/
|
|
453
|
-
getVerticalOriginOffset(corner) {
|
|
454
|
-
const { anchorSize } = this.measurements;
|
|
455
|
-
const isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);
|
|
456
|
-
const avoidVerticalOverlap = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);
|
|
457
|
-
let y = 0;
|
|
458
|
-
if (isBottomAligned) {
|
|
459
|
-
y = avoidVerticalOverlap ? anchorSize.height - this.anchorMargin.top :
|
|
460
|
-
-this.anchorMargin.bottom;
|
|
461
|
-
}
|
|
462
|
-
else {
|
|
463
|
-
y = avoidVerticalOverlap ?
|
|
464
|
-
(anchorSize.height + this.anchorMargin.bottom) :
|
|
465
|
-
this.anchorMargin.top;
|
|
466
|
-
}
|
|
467
|
-
return y;
|
|
468
|
-
}
|
|
469
|
-
/**
|
|
470
|
-
* Calculates the offsets for positioning the menu-surface when the
|
|
471
|
-
* menu-surface has been hoisted to the body.
|
|
472
|
-
*/
|
|
473
|
-
adjustPositionForHoistedElement(position) {
|
|
474
|
-
const { windowScroll, viewportDistance, surfaceSize, viewportSize } = this.measurements;
|
|
475
|
-
const props = Object.keys(position);
|
|
476
|
-
for (const prop of props) {
|
|
477
|
-
let value = position[prop] || 0;
|
|
478
|
-
if (this.isHorizontallyCenteredOnViewport &&
|
|
479
|
-
(prop === 'left' || prop === 'right')) {
|
|
480
|
-
position[prop] = (viewportSize.width - surfaceSize.width) / 2;
|
|
481
|
-
continue;
|
|
482
|
-
}
|
|
483
|
-
// Hoisted surfaces need to have the anchor elements location on the page
|
|
484
|
-
// added to the position properties for proper alignment on the body.
|
|
485
|
-
value += viewportDistance[prop];
|
|
486
|
-
// Surfaces that are absolutely positioned need to have additional
|
|
487
|
-
// calculations for scroll and bottom positioning.
|
|
488
|
-
if (!this.isFixedPosition) {
|
|
489
|
-
if (prop === 'top') {
|
|
490
|
-
value += windowScroll.y;
|
|
491
|
-
}
|
|
492
|
-
else if (prop === 'bottom') {
|
|
493
|
-
value -= windowScroll.y;
|
|
494
|
-
}
|
|
495
|
-
else if (prop === 'left') {
|
|
496
|
-
value += windowScroll.x;
|
|
497
|
-
}
|
|
498
|
-
else { // prop === 'right'
|
|
499
|
-
value -= windowScroll.x;
|
|
500
|
-
}
|
|
501
|
-
}
|
|
502
|
-
position[prop] = value;
|
|
503
|
-
}
|
|
504
|
-
}
|
|
505
|
-
/**
|
|
506
|
-
* The last focused element when the menu surface was opened should regain
|
|
507
|
-
* focus, if the user is focused on or within the menu surface when it is
|
|
508
|
-
* closed.
|
|
509
|
-
*/
|
|
510
|
-
maybeRestoreFocus() {
|
|
511
|
-
const isRootFocused = this.adapter.isFocused();
|
|
512
|
-
const ownerDocument = this.adapter.getOwnerDocument ?
|
|
513
|
-
this.adapter.getOwnerDocument() :
|
|
514
|
-
document;
|
|
515
|
-
const childHasFocus = ownerDocument.activeElement &&
|
|
516
|
-
this.adapter.isElementInContainer(ownerDocument.activeElement);
|
|
517
|
-
if (isRootFocused || childHasFocus) {
|
|
518
|
-
// Wait before restoring focus when closing the menu surface. This is
|
|
519
|
-
// important because if a touch event triggered the menu close, and the
|
|
520
|
-
// subsequent mouse event occurs after focus is restored, then the
|
|
521
|
-
// restored focus would be lost.
|
|
522
|
-
setTimeout(() => {
|
|
523
|
-
this.adapter.restoreFocus();
|
|
524
|
-
}, numbers.TOUCH_EVENT_WAIT_MS);
|
|
525
|
-
}
|
|
526
|
-
}
|
|
527
|
-
hasBit(corner, bit) {
|
|
528
|
-
return Boolean(corner & bit); // tslint:disable-line:no-bitwise
|
|
529
|
-
}
|
|
530
|
-
setBit(corner, bit) {
|
|
531
|
-
return corner | bit; // tslint:disable-line:no-bitwise
|
|
532
|
-
}
|
|
533
|
-
unsetBit(corner, bit) {
|
|
534
|
-
return corner ^ bit;
|
|
535
|
-
}
|
|
536
|
-
/**
|
|
537
|
-
* isFinite that doesn't force conversion to number type.
|
|
538
|
-
* Equivalent to Number.isFinite in ES2015, which is not supported in IE.
|
|
539
|
-
*/
|
|
540
|
-
isFinite(num) {
|
|
541
|
-
return typeof num === 'number' && isFinite(num);
|
|
542
|
-
}
|
|
543
|
-
}
|
|
544
|
-
//# sourceMappingURL=foundation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCMenuSurfaceAdapter} from './adapter.js';\nimport {Corner, CornerBit, cssClasses, numbers, strings} from './constants.js';\nimport {MDCMenuDimensions, MDCMenuDistance, MDCMenuPoint} from './types.js';\n\ninterface AutoLayoutMeasurements {\n anchorSize: MDCMenuDimensions;\n bodySize: MDCMenuDimensions;\n surfaceSize: MDCMenuDimensions;\n viewportDistance: MDCMenuDistance;\n viewportSize: MDCMenuDimensions;\n windowScroll: MDCMenuPoint;\n}\n\nexport class MDCMenuSurfaceFoundation {\n static get cssClasses() {\n return cssClasses;\n }\n\n static get strings() {\n return strings;\n }\n\n static get numbers() {\n return numbers;\n }\n\n static get Corner() {\n return Corner;\n }\n\n /**\n * @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.\n */\n static get defaultAdapter(): MDCMenuSurfaceAdapter {\n // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.\n return {\n addClass: () => undefined,\n removeClass: () => undefined,\n hasClass: () => false,\n hasAnchor: () => false,\n\n isElementInContainer: () => false,\n isFocused: () => false,\n isRtl: () => false,\n\n getInnerDimensions: () => ({height: 0, width: 0}),\n getAnchorDimensions: () => null,\n getWindowDimensions: () => ({height: 0, width: 0}),\n getBodyDimensions: () => ({height: 0, width: 0}),\n getWindowScroll: () => ({x: 0, y: 0}),\n setPosition: () => undefined,\n setMaxHeight: () => undefined,\n setTransformOrigin: () => undefined,\n\n saveFocus: () => undefined,\n restoreFocus: () => undefined,\n\n notifyClose: () => undefined,\n notifyClosing: () => undefined,\n notifyOpen: () => undefined,\n notifyOpening: () => undefined,\n };\n // tslint:enable:object-literal-sort-keys\n }\n\n private readonly adapter: MDCMenuSurfaceAdapter;\n private isSurfaceOpen = false;\n private isQuickOpen = false;\n private isHoistedElement = false;\n private isFixedPosition = false;\n private isHorizontallyCenteredOnViewport = false;\n\n private maxHeight = 0;\n private openBottomBias = 0;\n\n private openAnimationEndTimerId = 0;\n private closeAnimationEndTimerId = 0;\n private animationRequestId = 0;\n\n private anchorCorner: Corner = Corner.TOP_START;\n\n /**\n * Corner of the menu surface to which menu surface is attached to anchor.\n *\n * Anchor corner --->+----------+\n * | ANCHOR |\n * +----------+\n * Origin corner --->+--------------+\n * | |\n * | |\n * | MENU SURFACE |\n * | |\n * | |\n * +--------------+\n */\n private originCorner: Corner = Corner.TOP_START;\n private readonly anchorMargin:\n MDCMenuDistance = {top: 0, right: 0, bottom: 0, left: 0};\n private readonly position: MDCMenuPoint = {x: 0, y: 0};\n\n private dimensions!: MDCMenuDimensions; // assigned in open()\n private measurements!: AutoLayoutMeasurements; // assigned in open()\n\n constructor(adapter: Partial<MDCMenuSurfaceAdapter>) {\n this.adapter = {...MDCMenuSurfaceFoundation.defaultAdapter, ...adapter};\n }\n\n init() {\n const {ROOT, OPEN} = MDCMenuSurfaceFoundation.cssClasses;\n\n if (!this.adapter.hasClass(ROOT)) {\n throw new Error(`${ROOT} class required in root element.`);\n }\n\n if (this.adapter.hasClass(OPEN)) {\n this.isSurfaceOpen = true;\n }\n }\n\n destroy() {\n clearTimeout(this.openAnimationEndTimerId);\n clearTimeout(this.closeAnimationEndTimerId);\n // Cancel any currently running animations.\n cancelAnimationFrame(this.animationRequestId);\n }\n\n /**\n * @param corner Default anchor corner alignment of top-left menu surface\n * corner.\n */\n setAnchorCorner(corner: Corner) {\n this.anchorCorner = corner;\n }\n\n /**\n * Flips menu corner horizontally.\n */\n flipCornerHorizontally() {\n this.originCorner = this.originCorner ^ CornerBit.RIGHT;\n }\n\n /**\n * @param margin Set of margin values from anchor.\n */\n setAnchorMargin(margin: Partial<MDCMenuDistance>) {\n this.anchorMargin.top = margin.top || 0;\n this.anchorMargin.right = margin.right || 0;\n this.anchorMargin.bottom = margin.bottom || 0;\n this.anchorMargin.left = margin.left || 0;\n }\n\n /** Used to indicate if the menu-surface is hoisted to the body. */\n setIsHoisted(isHoisted: boolean) {\n this.isHoistedElement = isHoisted;\n }\n\n /**\n * Used to set the menu-surface calculations based on a fixed position menu.\n */\n setFixedPosition(isFixedPosition: boolean) {\n this.isFixedPosition = isFixedPosition;\n }\n\n /**\n * @return Returns true if menu is in fixed (`position: fixed`) position.\n */\n isFixed() {\n return this.isFixedPosition;\n }\n\n /** Sets the menu-surface position on the page. */\n setAbsolutePosition(x: number, y: number) {\n this.position.x = this.isFinite(x) ? x : 0;\n this.position.y = this.isFinite(y) ? y : 0;\n }\n\n /** Sets whether menu-surface should be horizontally centered to viewport. */\n setIsHorizontallyCenteredOnViewport(isCentered: boolean) {\n this.isHorizontallyCenteredOnViewport = isCentered;\n }\n\n setQuickOpen(quickOpen: boolean) {\n this.isQuickOpen = quickOpen;\n }\n\n /**\n * Sets maximum menu-surface height on open.\n * @param maxHeight The desired max-height. Set to 0 (default) to\n * automatically calculate max height based on available viewport space.\n */\n setMaxHeight(maxHeight: number) {\n this.maxHeight = maxHeight;\n }\n\n /**\n * Set to a positive integer to influence the menu to preferentially open\n * below the anchor instead of above.\n * @param bias A value of `x` simulates an extra `x` pixels of available space\n * below the menu during positioning calculations.\n */\n setOpenBottomBias(bias: number) {\n this.openBottomBias = bias;\n }\n\n isOpen() {\n return this.isSurfaceOpen;\n }\n\n /**\n * Open the menu surface.\n */\n open() {\n if (this.isSurfaceOpen) {\n return;\n }\n\n this.adapter.notifyOpening();\n this.adapter.saveFocus();\n\n if (this.isQuickOpen) {\n this.isSurfaceOpen = true;\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n this.dimensions = this.adapter.getInnerDimensions();\n this.autoposition();\n this.adapter.notifyOpen();\n } else {\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);\n this.animationRequestId = requestAnimationFrame(() => {\n this.dimensions = this.adapter.getInnerDimensions();\n this.autoposition();\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n this.openAnimationEndTimerId = setTimeout(() => {\n this.openAnimationEndTimerId = 0;\n this.adapter.removeClass(\n MDCMenuSurfaceFoundation.cssClasses.ANIMATING_OPEN);\n this.adapter.notifyOpen();\n }, numbers.TRANSITION_OPEN_DURATION);\n });\n\n this.isSurfaceOpen = true;\n }\n }\n\n /**\n * Closes the menu surface.\n */\n close(skipRestoreFocus = false) {\n if (!this.isSurfaceOpen) {\n return;\n }\n\n this.adapter.notifyClosing();\n\n if (this.isQuickOpen) {\n this.isSurfaceOpen = false;\n if (!skipRestoreFocus) {\n this.maybeRestoreFocus();\n }\n\n this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n this.adapter.removeClass(\n MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);\n this.adapter.notifyClose();\n\n return;\n }\n\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);\n requestAnimationFrame(() => {\n this.adapter.removeClass(MDCMenuSurfaceFoundation.cssClasses.OPEN);\n this.adapter.removeClass(\n MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);\n this.closeAnimationEndTimerId = setTimeout(() => {\n this.closeAnimationEndTimerId = 0;\n this.adapter.removeClass(\n MDCMenuSurfaceFoundation.cssClasses.ANIMATING_CLOSED);\n this.adapter.notifyClose();\n }, numbers.TRANSITION_CLOSE_DURATION);\n });\n\n this.isSurfaceOpen = false;\n if (!skipRestoreFocus) {\n this.maybeRestoreFocus();\n }\n }\n\n /** Handle clicks and close if not within menu-surface element. */\n handleBodyClick(evt: MouseEvent) {\n const el = evt.target as Element;\n if (this.adapter.isElementInContainer(el)) {\n return;\n }\n this.close();\n }\n\n /** Handle keys that close the surface. */\n handleKeydown(evt: KeyboardEvent) {\n const {keyCode, key} = evt;\n\n const isEscape = key === 'Escape' || keyCode === 27;\n if (isEscape) {\n this.close();\n }\n }\n\n private autoposition() {\n // Compute measurements for autoposition methods reuse.\n this.measurements = this.getAutoLayoutmeasurements();\n\n const corner = this.getOriginCorner();\n const maxMenuSurfaceHeight = this.getMenuSurfaceMaxHeight(corner);\n const verticalAlignment =\n this.hasBit(corner, CornerBit.BOTTOM) ? 'bottom' : 'top';\n let horizontalAlignment =\n this.hasBit(corner, CornerBit.RIGHT) ? 'right' : 'left';\n const horizontalOffset = this.getHorizontalOriginOffset(corner);\n const verticalOffset = this.getVerticalOriginOffset(corner);\n const {anchorSize, surfaceSize} = this.measurements;\n\n const position: Partial<MDCMenuDistance> = {\n [horizontalAlignment]: horizontalOffset,\n [verticalAlignment]: verticalOffset,\n };\n\n // Center align when anchor width is comparable or greater than menu\n // surface, otherwise keep corner.\n if (anchorSize.width / surfaceSize.width >\n numbers.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO) {\n horizontalAlignment = 'center';\n }\n\n // If the menu-surface has been hoisted to the body, it's no longer relative\n // to the anchor element\n if (this.isHoistedElement || this.isFixedPosition) {\n this.adjustPositionForHoistedElement(position);\n }\n\n this.adapter.setTransformOrigin(\n `${horizontalAlignment} ${verticalAlignment}`);\n this.adapter.setPosition(position);\n this.adapter.setMaxHeight(\n maxMenuSurfaceHeight ? maxMenuSurfaceHeight + 'px' : '');\n\n // If it is opened from the top then add is-open-below class\n if (!this.hasBit(corner, CornerBit.BOTTOM)) {\n this.adapter.addClass(MDCMenuSurfaceFoundation.cssClasses.IS_OPEN_BELOW);\n }\n }\n\n /**\n * @return Measurements used to position menu surface popup.\n */\n private getAutoLayoutmeasurements(): AutoLayoutMeasurements {\n let anchorRect = this.adapter.getAnchorDimensions();\n const bodySize = this.adapter.getBodyDimensions();\n const viewportSize = this.adapter.getWindowDimensions();\n const windowScroll = this.adapter.getWindowScroll();\n\n if (!anchorRect) {\n // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together\n anchorRect = {\n top: this.position.y,\n right: this.position.x,\n bottom: this.position.y,\n left: this.position.x,\n width: 0,\n height: 0,\n } as any;\n // tslint:enable:object-literal-sort-keys\n }\n\n return {\n anchorSize: anchorRect!,\n bodySize,\n surfaceSize: this.dimensions,\n viewportDistance: {\n // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together\n top: anchorRect!.top,\n right: viewportSize.width - anchorRect!.right,\n bottom: viewportSize.height - anchorRect!.bottom,\n left: anchorRect!.left,\n // tslint:enable:object-literal-sort-keys\n },\n viewportSize,\n windowScroll,\n };\n }\n\n /**\n * Computes the corner of the anchor from which to animate and position the\n * menu surface.\n *\n * Only LEFT or RIGHT bit is used to position the menu surface ignoring RTL\n * context. E.g., menu surface will be positioned from right side on TOP_END.\n */\n private getOriginCorner(): Corner {\n let corner = this.originCorner;\n\n const {viewportDistance, anchorSize, surfaceSize} = this.measurements;\n const {MARGIN_TO_EDGE} = MDCMenuSurfaceFoundation.numbers;\n\n const isAnchoredToBottom = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);\n\n let availableTop;\n let availableBottom;\n if (isAnchoredToBottom) {\n availableTop =\n viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.bottom;\n availableBottom =\n viewportDistance.bottom - MARGIN_TO_EDGE - this.anchorMargin.bottom;\n } else {\n availableTop =\n viewportDistance.top - MARGIN_TO_EDGE + this.anchorMargin.top;\n availableBottom = viewportDistance.bottom - MARGIN_TO_EDGE +\n anchorSize.height - this.anchorMargin.top;\n }\n\n const isAvailableBottom = availableBottom - surfaceSize.height > 0;\n if (!isAvailableBottom &&\n availableTop > availableBottom + this.openBottomBias) {\n // Attach bottom side of surface to the anchor.\n corner = this.setBit(corner, CornerBit.BOTTOM);\n }\n\n const isRtl = this.adapter.isRtl();\n const isFlipRtl = this.hasBit(this.anchorCorner, CornerBit.FLIP_RTL);\n const hasRightBit = this.hasBit(this.anchorCorner, CornerBit.RIGHT) ||\n this.hasBit(corner, CornerBit.RIGHT);\n\n // Whether surface attached to right side of anchor element.\n let isAnchoredToRight = false;\n\n // Anchored to start\n if (isRtl && isFlipRtl) {\n isAnchoredToRight = !hasRightBit;\n } else {\n // Anchored to right\n isAnchoredToRight = hasRightBit;\n }\n\n let availableLeft;\n let availableRight;\n if (isAnchoredToRight) {\n availableLeft =\n viewportDistance.left + anchorSize.width + this.anchorMargin.right;\n availableRight = viewportDistance.right - this.anchorMargin.right;\n } else {\n availableLeft = viewportDistance.left + this.anchorMargin.left;\n availableRight =\n viewportDistance.right + anchorSize.width - this.anchorMargin.left;\n }\n\n const isAvailableLeft = availableLeft - surfaceSize.width > 0;\n const isAvailableRight = availableRight - surfaceSize.width > 0;\n const isOriginCornerAlignedToEnd =\n this.hasBit(corner, CornerBit.FLIP_RTL) &&\n this.hasBit(corner, CornerBit.RIGHT);\n\n if (isAvailableRight && isOriginCornerAlignedToEnd && isRtl ||\n !isAvailableLeft && isOriginCornerAlignedToEnd) {\n // Attach left side of surface to the anchor.\n corner = this.unsetBit(corner, CornerBit.RIGHT);\n } else if (\n isAvailableLeft && isAnchoredToRight && isRtl ||\n (isAvailableLeft && !isAnchoredToRight && hasRightBit) ||\n (!isAvailableRight && availableLeft >= availableRight)) {\n // Attach right side of surface to the anchor.\n corner = this.setBit(corner, CornerBit.RIGHT);\n }\n\n return corner;\n }\n\n /**\n * @param corner Origin corner of the menu surface.\n * @return Maximum height of the menu surface, based on available space. 0\n * indicates should not be set.\n */\n private getMenuSurfaceMaxHeight(corner: Corner): number {\n if (this.maxHeight > 0) {\n return this.maxHeight;\n }\n\n const {viewportDistance} = this.measurements;\n\n let maxHeight = 0;\n const isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);\n const isBottomAnchored = this.hasBit(this.anchorCorner, CornerBit.BOTTOM);\n const {MARGIN_TO_EDGE} = MDCMenuSurfaceFoundation.numbers;\n\n // When maximum height is not specified, it is handled from CSS.\n if (isBottomAligned) {\n maxHeight = viewportDistance.top + this.anchorMargin.top - MARGIN_TO_EDGE;\n if (!isBottomAnchored) {\n maxHeight += this.measurements.anchorSize.height;\n }\n } else {\n maxHeight = viewportDistance.bottom - this.anchorMargin.bottom +\n this.measurements.anchorSize.height - MARGIN_TO_EDGE;\n if (isBottomAnchored) {\n maxHeight -= this.measurements.anchorSize.height;\n }\n }\n\n return maxHeight;\n }\n\n /**\n * @param corner Origin corner of the menu surface.\n * @return Horizontal offset of menu surface origin corner from corresponding\n * anchor corner.\n */\n private getHorizontalOriginOffset(corner: Corner): number {\n const {anchorSize} = this.measurements;\n\n // isRightAligned corresponds to using the 'right' property on the surface.\n const isRightAligned = this.hasBit(corner, CornerBit.RIGHT);\n const avoidHorizontalOverlap =\n this.hasBit(this.anchorCorner, CornerBit.RIGHT);\n\n if (isRightAligned) {\n const rightOffset = avoidHorizontalOverlap ?\n anchorSize.width - this.anchorMargin.left :\n this.anchorMargin.right;\n\n // For hoisted or fixed elements, adjust the offset by the difference\n // between viewport width and body width so when we calculate the right\n // value (`adjustPositionForHoistedElement`) based on the element\n // position, the right property is correct.\n if (this.isHoistedElement || this.isFixedPosition) {\n return rightOffset -\n (this.measurements.viewportSize.width -\n this.measurements.bodySize.width);\n }\n\n return rightOffset;\n }\n\n return avoidHorizontalOverlap ? anchorSize.width - this.anchorMargin.right :\n this.anchorMargin.left;\n }\n\n /**\n * @param corner Origin corner of the menu surface.\n * @return Vertical offset of menu surface origin corner from corresponding\n * anchor corner.\n */\n private getVerticalOriginOffset(corner: Corner): number {\n const {anchorSize} = this.measurements;\n const isBottomAligned = this.hasBit(corner, CornerBit.BOTTOM);\n const avoidVerticalOverlap =\n this.hasBit(this.anchorCorner, CornerBit.BOTTOM);\n\n let y = 0;\n if (isBottomAligned) {\n y = avoidVerticalOverlap ? anchorSize.height - this.anchorMargin.top :\n -this.anchorMargin.bottom;\n } else {\n y = avoidVerticalOverlap ?\n (anchorSize.height + this.anchorMargin.bottom) :\n this.anchorMargin.top;\n }\n return y;\n }\n\n /**\n * Calculates the offsets for positioning the menu-surface when the\n * menu-surface has been hoisted to the body.\n */\n private adjustPositionForHoistedElement(position: Partial<MDCMenuDistance>) {\n const {windowScroll, viewportDistance, surfaceSize, viewportSize} =\n this.measurements;\n\n const props =\n Object.keys(position) as Array<keyof Partial<MDCMenuDistance>>;\n\n for (const prop of props) {\n let value = position[prop] || 0;\n\n if (this.isHorizontallyCenteredOnViewport &&\n (prop === 'left' || prop === 'right')) {\n position[prop] = (viewportSize.width - surfaceSize.width) / 2;\n continue;\n }\n\n // Hoisted surfaces need to have the anchor elements location on the page\n // added to the position properties for proper alignment on the body.\n value += viewportDistance[prop];\n\n // Surfaces that are absolutely positioned need to have additional\n // calculations for scroll and bottom positioning.\n if (!this.isFixedPosition) {\n if (prop === 'top') {\n value += windowScroll.y;\n } else if (prop === 'bottom') {\n value -= windowScroll.y;\n } else if (prop === 'left') {\n value += windowScroll.x;\n } else { // prop === 'right'\n value -= windowScroll.x;\n }\n }\n\n position[prop] = value;\n }\n }\n\n /**\n * The last focused element when the menu surface was opened should regain\n * focus, if the user is focused on or within the menu surface when it is\n * closed.\n */\n private maybeRestoreFocus() {\n const isRootFocused = this.adapter.isFocused();\n const ownerDocument = this.adapter.getOwnerDocument ?\n this.adapter.getOwnerDocument() :\n document;\n const childHasFocus = ownerDocument.activeElement &&\n this.adapter.isElementInContainer(ownerDocument.activeElement);\n if (isRootFocused || childHasFocus) {\n // Wait before restoring focus when closing the menu surface. This is\n // important because if a touch event triggered the menu close, and the\n // subsequent mouse event occurs after focus is restored, then the\n // restored focus would be lost.\n setTimeout(() => {\n this.adapter.restoreFocus();\n }, numbers.TOUCH_EVENT_WAIT_MS);\n }\n }\n\n private hasBit(corner: Corner, bit: CornerBit): boolean {\n return Boolean(corner & bit); // tslint:disable-line:no-bitwise\n }\n\n private setBit(corner: Corner, bit: CornerBit): Corner {\n return corner | bit; // tslint:disable-line:no-bitwise\n }\n\n private unsetBit(corner: Corner, bit: CornerBit): Corner {\n return corner ^ bit;\n }\n\n /**\n * isFinite that doesn't force conversion to number type.\n * Equivalent to Number.isFinite in ES2015, which is not supported in IE.\n */\n private isFinite(num: number): boolean {\n return typeof num === 'number' && isFinite(num);\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{--_container-elevation: var(--md-menu-surface-container-elevation, 2);--_container-shadow-color: var(--md-menu-surface-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-menu-surface-container-shape, 4px);--_container-surface-tint-layer-color: var(--md-menu-surface-container-surface-tint-layer-color, var(--md-sys-color-primary, #6750a4))}.md3-menu-surface{border-radius:var(--_container-shape);box-sizing:border-box;display:none;opacity:0;overflow:auto;margin:0;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);padding:0;position:absolute;transform:scale(1);transform-origin:top left;transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);will-change:transform,opacity;z-index:8;--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);--md-elevation-surface-tint-color:var(--_container-surface-tint-layer-color)}.md3-menu-surface md-elevation{z-index:0}.md3-menu-surface:focus{outline:none}.md3-menu-surface--animating-open{display:inline-block;opacity:0;transform:scale(0.8)}.md3-menu-surface--open{display:inline-block;opacity:1;transform:scale(1)}.md3-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity .075s linear}.md3-menu-surface--anchor{overflow:visible;position:relative}.md3-menu-surface--fixed{position:fixed}.md3-menu-surface--fullwidth{width:100%}.md3-menu-surface--is-open-below{border-top-left-radius:0px;border-top-right-radius:0px}/*# sourceMappingURL=menu-surface-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=menu-surface-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-surface-styles.css.js","sourceRoot":"","sources":["menu-surface-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_container-elevation: var(--md-menu-surface-container-elevation, 2);--_container-shadow-color: var(--md-menu-surface-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-menu-surface-container-shape, 4px);--_container-surface-tint-layer-color: var(--md-menu-surface-container-surface-tint-layer-color, var(--md-sys-color-primary, #6750a4))}.md3-menu-surface{border-radius:var(--_container-shape);box-sizing:border-box;display:none;opacity:0;overflow:auto;margin:0;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);padding:0;position:absolute;transform:scale(1);transform-origin:top left;transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);will-change:transform,opacity;z-index:8;--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);--md-elevation-surface-tint-color:var(--_container-surface-tint-layer-color)}.md3-menu-surface md-elevation{z-index:0}.md3-menu-surface:focus{outline:none}.md3-menu-surface--animating-open{display:inline-block;opacity:0;transform:scale(0.8)}.md3-menu-surface--open{display:inline-block;opacity:1;transform:scale(1)}.md3-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity .075s linear}.md3-menu-surface--anchor{overflow:visible;position:relative}.md3-menu-surface--fixed{position:fixed}.md3-menu-surface--fullwidth{width:100%}.md3-menu-surface--is-open-below{border-top-left-radius:0px;border-top-right-radius:0px}/*# sourceMappingURL=menu-surface-styles.css.map */\n`;\n "]}
|