@material/web 1.0.0-pre.8 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -75
- package/all.d.ts +95 -0
- package/all.js +104 -0
- package/all.js.map +1 -0
- package/button/_elevated-button.scss +1 -1
- package/button/_filled-button.scss +1 -1
- package/button/_filled-tonal-button.scss +6 -0
- package/button/_outlined-button.scss +1 -1
- package/button/_text-button.scss +1 -1
- package/button/elevated-button.d.ts +1 -1
- package/button/elevated-button.js +5 -6
- package/button/elevated-button.js.map +1 -1
- package/button/filled-button.d.ts +1 -1
- package/button/filled-button.js +5 -6
- package/button/filled-button.js.map +1 -1
- package/button/filled-tonal-button.d.ts +35 -0
- package/button/filled-tonal-button.js +39 -0
- package/button/filled-tonal-button.js.map +1 -0
- package/button/harness.d.ts +1 -1
- package/button/harness.js +1 -1
- package/button/harness.js.map +1 -1
- package/button/internal/_elevated-button.scss +62 -0
- package/button/internal/_elevation.scss +69 -0
- package/button/internal/_filled-button.scss +61 -0
- package/button/internal/_filled-tonal-button.scss +61 -0
- package/button/internal/_icon.scss +39 -0
- package/button/internal/_outlined-button.scss +110 -0
- package/button/internal/_shared.scss +169 -0
- package/button/internal/_text-button.scss +65 -0
- package/button/internal/_touch-target.scss +19 -0
- package/button/internal/button.d.ts +68 -0
- package/button/internal/button.js +159 -0
- package/button/internal/button.js.map +1 -0
- package/button/internal/elevated-button.d.ts +13 -0
- package/button/internal/elevated-button.js +17 -0
- package/button/internal/elevated-button.js.map +1 -0
- package/button/internal/elevated-styles.css.js +9 -0
- package/button/internal/elevated-styles.css.js.map +1 -0
- package/button/internal/filled-button.d.ts +13 -0
- package/button/internal/filled-button.js +17 -0
- package/button/internal/filled-button.js.map +1 -0
- package/button/internal/filled-styles.css.js +9 -0
- package/button/internal/filled-styles.css.js.map +1 -0
- package/button/internal/filled-tonal-button.d.ts +13 -0
- package/button/internal/filled-tonal-button.js +17 -0
- package/button/internal/filled-tonal-button.js.map +1 -0
- package/button/internal/filled-tonal-styles.css.js +9 -0
- package/button/internal/filled-tonal-styles.css.js.map +1 -0
- package/button/internal/filled-tonal-styles.scss +10 -0
- package/button/internal/outlined-button.d.ts +12 -0
- package/button/internal/outlined-button.js +16 -0
- package/button/internal/outlined-button.js.map +1 -0
- package/button/internal/outlined-styles.css.js +9 -0
- package/button/internal/outlined-styles.css.js.map +1 -0
- package/button/internal/shared-elevation-styles.css.js +9 -0
- package/button/internal/shared-elevation-styles.css.js.map +1 -0
- package/button/internal/shared-styles.css.js +9 -0
- package/button/internal/shared-styles.css.js.map +1 -0
- package/button/internal/text-button.d.ts +11 -0
- package/button/internal/text-button.js +12 -0
- package/button/internal/text-button.js.map +1 -0
- package/button/internal/text-styles.css.js +9 -0
- package/button/internal/text-styles.css.js.map +1 -0
- package/button/outlined-button.d.ts +1 -1
- package/button/outlined-button.js +4 -5
- package/button/outlined-button.js.map +1 -1
- package/button/text-button.d.ts +1 -1
- package/button/text-button.js +4 -5
- package/button/text-button.js.map +1 -1
- package/checkbox/_checkbox.scss +1 -1
- package/checkbox/checkbox.d.ts +1 -1
- package/checkbox/checkbox.js +4 -6
- package/checkbox/checkbox.js.map +1 -1
- package/checkbox/harness.d.ts +1 -1
- package/checkbox/harness.js.map +1 -1
- package/checkbox/internal/_checkbox.scss +416 -0
- package/checkbox/internal/checkbox-styles.css.js +9 -0
- package/checkbox/internal/checkbox-styles.css.js.map +1 -0
- package/checkbox/internal/checkbox.d.ts +138 -0
- package/checkbox/internal/checkbox.js +307 -0
- package/checkbox/internal/checkbox.js.map +1 -0
- package/chips/_assist-chip.scss +1 -1
- package/chips/_filter-chip.scss +1 -1
- package/chips/_input-chip.scss +6 -0
- package/chips/_suggestion-chip.scss +1 -1
- package/chips/assist-chip.d.ts +1 -1
- package/chips/assist-chip.js +5 -6
- package/chips/assist-chip.js.map +1 -1
- package/chips/chip-set.d.ts +20 -0
- package/chips/chip-set.js +22 -0
- package/chips/chip-set.js.map +1 -0
- package/chips/filter-chip.d.ts +1 -1
- package/chips/filter-chip.js +10 -7
- package/chips/filter-chip.js.map +1 -1
- package/chips/harness.d.ts +14 -0
- package/chips/harness.js +37 -0
- package/chips/harness.js.map +1 -0
- package/chips/input-chip.d.ts +20 -0
- package/chips/input-chip.js +25 -0
- package/chips/input-chip.js.map +1 -0
- package/chips/internal/_assist-chip.scss +67 -0
- package/chips/internal/_chip-set.scss +12 -0
- package/chips/internal/_elevated.scss +70 -0
- package/chips/internal/_filter-chip.scss +80 -0
- package/chips/internal/_input-chip.scss +107 -0
- package/chips/internal/_selectable.scss +78 -0
- package/chips/internal/_shared.scss +216 -0
- package/chips/internal/_suggestion-chip.scss +67 -0
- package/chips/internal/_trailing-icon.scss +80 -0
- package/chips/internal/assist-chip.d.ts +24 -0
- package/chips/internal/assist-chip.js +74 -0
- package/chips/internal/assist-chip.js.map +1 -0
- package/chips/internal/assist-styles.css.js +9 -0
- package/chips/internal/assist-styles.css.js.map +1 -0
- package/chips/internal/chip-set-styles.css.js +9 -0
- package/chips/internal/chip-set-styles.css.js.map +1 -0
- package/chips/internal/chip-set-styles.scss +10 -0
- package/chips/internal/chip-set.d.ts +19 -0
- package/chips/internal/chip-set.js +130 -0
- package/chips/internal/chip-set.js.map +1 -0
- package/chips/internal/chip.d.ts +56 -0
- package/chips/internal/chip.js +111 -0
- package/chips/internal/chip.js.map +1 -0
- package/chips/internal/elevated-styles.css.js +9 -0
- package/chips/internal/elevated-styles.css.js.map +1 -0
- package/chips/internal/filter-chip.d.ts +29 -0
- package/chips/internal/filter-chip.js +98 -0
- package/chips/internal/filter-chip.js.map +1 -0
- package/chips/internal/filter-styles.css.js +9 -0
- package/chips/internal/filter-styles.css.js.map +1 -0
- package/chips/internal/input-chip.d.ts +29 -0
- package/chips/internal/input-chip.js +110 -0
- package/chips/internal/input-chip.js.map +1 -0
- package/chips/internal/input-styles.css.js +9 -0
- package/chips/internal/input-styles.css.js.map +1 -0
- package/chips/internal/input-styles.scss +10 -0
- package/chips/internal/multi-action-chip.d.ts +23 -0
- package/chips/internal/multi-action-chip.js +95 -0
- package/chips/internal/multi-action-chip.js.map +1 -0
- package/chips/internal/selectable-styles.css.js +9 -0
- package/chips/internal/selectable-styles.css.js.map +1 -0
- package/chips/internal/selectable-styles.scss +10 -0
- package/chips/internal/shared-styles.css.js +9 -0
- package/chips/internal/shared-styles.css.js.map +1 -0
- package/chips/internal/suggestion-styles.css.js +9 -0
- package/chips/internal/suggestion-styles.css.js.map +1 -0
- package/chips/internal/trailing-icon-styles.css.js +9 -0
- package/chips/internal/trailing-icon-styles.css.js.map +1 -0
- package/chips/internal/trailing-icon-styles.scss +10 -0
- package/chips/internal/trailing-icons.d.ts +16 -0
- package/chips/internal/trailing-icons.js +38 -0
- package/chips/internal/trailing-icons.js.map +1 -0
- package/chips/suggestion-chip.d.ts +1 -1
- package/chips/suggestion-chip.js +5 -6
- package/chips/suggestion-chip.js.map +1 -1
- package/color/_color.scss +197 -0
- package/common.d.ts +57 -0
- package/common.js +66 -0
- package/common.js.map +1 -0
- package/dialog/_dialog.scss +1 -1
- package/dialog/dialog.d.ts +1 -1
- package/dialog/dialog.js +3 -4
- package/dialog/dialog.js.map +1 -1
- package/dialog/harness.d.ts +2 -7
- package/dialog/harness.js +2 -43
- package/dialog/harness.js.map +1 -1
- package/dialog/internal/_dialog.scss +278 -0
- package/dialog/internal/animations.d.ts +47 -0
- package/dialog/internal/animations.js +117 -0
- package/dialog/internal/animations.js.map +1 -0
- package/dialog/internal/dialog-styles.css.js +9 -0
- package/dialog/internal/dialog-styles.css.js.map +1 -0
- package/dialog/internal/dialog.d.ts +110 -0
- package/dialog/internal/dialog.js +371 -0
- package/dialog/internal/dialog.js.map +1 -0
- package/divider/_divider.scss +1 -1
- package/divider/divider.d.ts +1 -1
- package/divider/divider.js +3 -4
- package/divider/divider.js.map +1 -1
- package/divider/internal/_divider.scss +64 -0
- package/docs/theming/README.md +129 -0
- package/elevation/_elevation.scss +1 -1
- package/elevation/elevation.d.ts +1 -1
- package/elevation/elevation.js +3 -4
- package/elevation/elevation.js.map +1 -1
- package/elevation/internal/_elevation.scss +172 -0
- package/elevation/internal/elevation-styles.css.js +9 -0
- package/elevation/internal/elevation-styles.css.js.map +1 -0
- package/elevation/internal/elevation.d.ts +13 -0
- package/elevation/internal/elevation.js +21 -0
- package/elevation/internal/elevation.js.map +1 -0
- package/fab/_fab.scss +2 -2
- package/fab/branded-fab.d.ts +3 -3
- package/fab/branded-fab.js +5 -6
- package/fab/branded-fab.js.map +1 -1
- package/fab/fab.d.ts +3 -3
- package/fab/fab.js +5 -6
- package/fab/fab.js.map +1 -1
- package/fab/harness.d.ts +1 -1
- package/fab/harness.js.map +1 -1
- package/fab/internal/_fab.scss +261 -0
- package/fab/internal/_shared.scss +245 -0
- package/fab/internal/fab-branded-styles.css.js +9 -0
- package/fab/internal/fab-branded-styles.css.js.map +1 -0
- package/fab/internal/fab-styles.css.js +9 -0
- package/fab/internal/fab-styles.css.js.map +1 -0
- package/fab/internal/fab.d.ts +25 -0
- package/fab/internal/fab.js.map +1 -0
- package/fab/internal/forced-colors-styles.css.js +9 -0
- package/fab/internal/forced-colors-styles.css.js.map +1 -0
- package/fab/internal/forced-colors-styles.scss +29 -0
- package/fab/internal/shared-styles.css.js +9 -0
- package/fab/internal/shared-styles.css.js.map +1 -0
- package/fab/internal/shared.d.ts +42 -0
- package/fab/internal/shared.js +94 -0
- package/fab/internal/shared.js.map +1 -0
- package/field/_filled-field.scss +1 -1
- package/field/_outlined-field.scss +1 -1
- package/field/filled-field.d.ts +1 -1
- package/field/filled-field.js +4 -5
- package/field/filled-field.js.map +1 -1
- package/field/harness.d.ts +1 -1
- package/field/harness.js.map +1 -1
- package/field/internal/_content.scss +199 -0
- package/field/internal/_filled-field.scss +215 -0
- package/field/internal/_label.scss +94 -0
- package/field/internal/_outlined-field.scss +356 -0
- package/field/internal/_shared.scss +78 -0
- package/field/internal/_supporting-text.scss +50 -0
- package/field/internal/field.d.ts +65 -0
- package/field/internal/field.js +337 -0
- package/field/internal/field.js.map +1 -0
- package/field/internal/filled-styles.css.js +9 -0
- package/field/internal/filled-styles.css.js.map +1 -0
- package/field/internal/outlined-field.d.ts +12 -0
- package/field/internal/outlined-field.js.map +1 -0
- package/field/internal/outlined-styles.css.js +9 -0
- package/field/internal/outlined-styles.css.js.map +1 -0
- package/field/internal/shared-styles.css.js +9 -0
- package/field/internal/shared-styles.css.js.map +1 -0
- package/field/outlined-field.d.ts +1 -1
- package/field/outlined-field.js +4 -5
- package/field/outlined-field.js.map +1 -1
- package/focus/_focus-ring.scss +1 -1
- package/focus/internal/_focus-ring.scss +139 -0
- package/focus/internal/focus-ring-styles.css.js +9 -0
- package/focus/internal/focus-ring-styles.css.js.map +1 -0
- package/focus/internal/focus-ring.d.ts +37 -0
- package/focus/internal/focus-ring.js +100 -0
- package/focus/internal/focus-ring.js.map +1 -0
- package/focus/md-focus-ring.d.ts +20 -0
- package/focus/md-focus-ring.js +22 -0
- package/focus/md-focus-ring.js.map +1 -0
- package/icon/_icon.scss +1 -1
- package/icon/icon.d.ts +2 -1
- package/icon/icon.js +4 -4
- package/icon/icon.js.map +1 -1
- package/icon/internal/_icon.scss +66 -0
- package/icon/internal/icon-styles.css.js +9 -0
- package/icon/internal/icon-styles.css.js.map +1 -0
- package/icon/internal/icon.d.ts +13 -0
- package/icon/internal/icon.js +28 -0
- package/icon/internal/icon.js.map +1 -0
- package/iconbutton/_filled-icon-button.scss +1 -1
- package/iconbutton/_filled-tonal-icon-button.scss +1 -1
- package/iconbutton/_icon-button.scss +6 -0
- package/iconbutton/_outlined-icon-button.scss +1 -1
- package/iconbutton/filled-icon-button.d.ts +5 -5
- package/iconbutton/filled-icon-button.js +6 -7
- package/iconbutton/filled-icon-button.js.map +1 -1
- package/iconbutton/filled-tonal-icon-button.d.ts +5 -5
- package/iconbutton/filled-tonal-icon-button.js +6 -7
- package/iconbutton/filled-tonal-icon-button.js.map +1 -1
- package/iconbutton/harness.d.ts +1 -1
- package/iconbutton/harness.js.map +1 -1
- package/iconbutton/icon-button.d.ts +34 -0
- package/iconbutton/icon-button.js +38 -0
- package/iconbutton/icon-button.js.map +1 -0
- package/iconbutton/internal/_filled-icon-button.scss +171 -0
- package/iconbutton/internal/_filled-tonal-icon-button.scss +173 -0
- package/iconbutton/internal/_icon-button.scss +131 -0
- package/iconbutton/internal/_outlined-icon-button.scss +182 -0
- package/iconbutton/internal/_shared.scss +116 -0
- package/iconbutton/internal/filled-styles.css.js +9 -0
- package/iconbutton/internal/filled-styles.css.js.map +1 -0
- package/iconbutton/internal/filled-tonal-styles.css.js +9 -0
- package/iconbutton/internal/filled-tonal-styles.css.js.map +1 -0
- package/iconbutton/internal/icon-button.d.ts +81 -0
- package/iconbutton/internal/icon-button.js +207 -0
- package/iconbutton/internal/icon-button.js.map +1 -0
- package/iconbutton/internal/outlined-styles.css.js +9 -0
- package/iconbutton/internal/outlined-styles.css.js.map +1 -0
- package/iconbutton/internal/shared-styles.css.js +9 -0
- package/iconbutton/internal/shared-styles.css.js.map +1 -0
- package/iconbutton/internal/standard-styles.css.js +9 -0
- package/iconbutton/internal/standard-styles.css.js.map +1 -0
- package/iconbutton/internal/standard-styles.scss +10 -0
- package/iconbutton/outlined-icon-button.d.ts +4 -4
- package/iconbutton/outlined-icon-button.js +5 -6
- package/iconbutton/outlined-icon-button.js.map +1 -1
- package/internal/README.md +6 -0
- package/internal/aria/aria.d.ts +154 -0
- package/internal/aria/aria.js +239 -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 +114 -0
- package/internal/controller/attachable-controller.js +123 -0
- package/internal/controller/attachable-controller.js.map +1 -0
- package/internal/controller/element-internals.d.ts +35 -0
- package/internal/controller/element-internals.js +24 -0
- package/internal/controller/element-internals.js.map +1 -0
- package/internal/controller/form-submitter.d.ts +72 -0
- package/internal/controller/form-submitter.js +71 -0
- package/internal/controller/form-submitter.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/_var.scss +237 -0
- package/labs/README.md +6 -0
- package/labs/badge/_badge.scss +6 -0
- package/labs/badge/badge.d.ts +18 -0
- package/labs/badge/badge.js +20 -0
- package/labs/badge/badge.js.map +1 -0
- package/labs/badge/internal/_badge.scss +76 -0
- package/labs/badge/internal/badge-styles.css.js +9 -0
- package/labs/badge/internal/badge-styles.css.js.map +1 -0
- package/labs/item/internal/_item.scss +99 -0
- package/labs/item/internal/item-styles.css.js +9 -0
- package/labs/item/internal/item-styles.css.js.map +1 -0
- package/labs/item/internal/item-styles.scss +10 -0
- package/labs/item/internal/item.d.ts +22 -0
- package/labs/item/internal/item.js +78 -0
- package/labs/item/internal/item.js.map +1 -0
- package/labs/item/item.d.ts +70 -0
- package/labs/item/item.js +72 -0
- package/labs/item/item.js.map +1 -0
- package/labs/navigationbar/_navigation-bar.scss +6 -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/internal/_navigation-bar.scss +70 -0
- package/labs/navigationbar/internal/constants.d.ts +17 -0
- package/labs/navigationbar/internal/constants.js.map +1 -0
- package/labs/navigationbar/internal/navigation-bar-styles.css.js +9 -0
- package/labs/navigationbar/internal/navigation-bar-styles.css.js.map +1 -0
- package/labs/navigationbar/internal/navigation-bar.d.ts +27 -0
- package/labs/navigationbar/internal/navigation-bar.js +138 -0
- package/labs/navigationbar/internal/navigation-bar.js.map +1 -0
- package/labs/navigationbar/internal/state.d.ts +23 -0
- package/labs/navigationbar/internal/state.js.map +1 -0
- package/labs/navigationbar/navigation-bar.d.ts +18 -0
- package/labs/navigationbar/navigation-bar.js +20 -0
- package/labs/navigationbar/navigation-bar.js.map +1 -0
- package/labs/navigationdrawer/_navigation-drawer-modal.scss +6 -0
- package/labs/navigationdrawer/_navigation-drawer.scss +6 -0
- package/labs/navigationdrawer/internal/_navigation-drawer-modal.scss +110 -0
- package/labs/navigationdrawer/internal/_navigation-drawer.scss +97 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js +9 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal-styles.css.js.map +1 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal.js +81 -0
- package/labs/navigationdrawer/internal/navigation-drawer-modal.js.map +1 -0
- package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js +9 -0
- package/labs/navigationdrawer/internal/navigation-drawer-styles.css.js.map +1 -0
- package/labs/navigationdrawer/internal/navigation-drawer.d.ts +17 -0
- package/labs/navigationdrawer/internal/navigation-drawer.js +64 -0
- package/labs/navigationdrawer/internal/navigation-drawer.js.map +1 -0
- package/labs/navigationdrawer/navigation-drawer-modal.d.ts +18 -0
- package/labs/navigationdrawer/navigation-drawer-modal.js +21 -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 +21 -0
- package/labs/navigationdrawer/navigation-drawer.js.map +1 -0
- package/labs/navigationtab/_navigation-tab.scss +6 -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/internal/_navigation-tab.scss +262 -0
- package/labs/navigationtab/internal/navigation-tab-styles.css.js +9 -0
- package/labs/navigationtab/internal/navigation-tab-styles.css.js.map +1 -0
- package/labs/navigationtab/internal/navigation-tab.d.ts +30 -0
- package/labs/navigationtab/internal/navigation-tab.js +117 -0
- package/labs/navigationtab/internal/navigation-tab.js.map +1 -0
- package/labs/navigationtab/navigation-tab.d.ts +18 -0
- package/labs/navigationtab/navigation-tab.js +20 -0
- package/labs/navigationtab/navigation-tab.js.map +1 -0
- package/labs/segmentedbutton/internal/_outlined-segmented-button.scss +42 -0
- package/labs/segmentedbutton/internal/_shared.scss +358 -0
- package/labs/segmentedbutton/internal/outlined-styles.css.js +9 -0
- package/labs/segmentedbutton/internal/outlined-styles.css.js.map +1 -0
- package/labs/segmentedbutton/internal/segmented-button.d.ts +44 -0
- package/labs/segmentedbutton/internal/segmented-button.js +157 -0
- package/labs/segmentedbutton/internal/segmented-button.js.map +1 -0
- package/labs/segmentedbutton/internal/shared-styles.css.js +9 -0
- package/labs/segmentedbutton/internal/shared-styles.css.js.map +1 -0
- package/labs/segmentedbutton/outlined-segmented-button.d.ts +20 -0
- package/labs/segmentedbutton/outlined-segmented-button.js +23 -0
- package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -0
- package/labs/segmentedbuttonset/internal/_outlined-segmented-button-set.scss +53 -0
- package/labs/segmentedbuttonset/internal/outlined-styles.css.js +9 -0
- package/labs/segmentedbuttonset/internal/outlined-styles.css.js.map +1 -0
- package/labs/segmentedbuttonset/internal/segmented-button-set.d.ts +26 -0
- package/labs/segmentedbuttonset/internal/segmented-button-set.js +108 -0
- package/labs/segmentedbuttonset/internal/segmented-button-set.js.map +1 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.d.ts +20 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js +23 -0
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -0
- package/list/_list-item.scss +1 -1
- package/list/_list.scss +1 -1
- package/list/harness.d.ts +28 -4
- package/list/harness.js +27 -3
- package/list/harness.js.map +1 -1
- package/list/internal/_list.scss +46 -0
- package/list/internal/list-controller.d.ts +108 -0
- package/list/internal/list-controller.js +176 -0
- package/list/internal/list-controller.js.map +1 -0
- package/list/internal/list-navigation-helpers.d.ts +132 -0
- package/list/internal/list-navigation-helpers.js +218 -0
- package/list/internal/list-navigation-helpers.js.map +1 -0
- package/list/internal/list-styles.css.js +9 -0
- package/list/internal/list-styles.css.js.map +1 -0
- package/list/internal/list.d.ts +44 -0
- package/list/internal/list.js +73 -0
- package/list/internal/list.js.map +1 -0
- package/list/internal/listitem/_list-item.scss +146 -0
- package/list/internal/listitem/forced-colors-styles.css.js +9 -0
- package/list/internal/listitem/forced-colors-styles.css.js.map +1 -0
- package/list/internal/listitem/forced-colors-styles.scss +19 -0
- package/list/internal/listitem/harness.d.ts +27 -0
- package/list/internal/listitem/harness.js +25 -0
- package/list/internal/listitem/harness.js.map +1 -0
- package/list/internal/listitem/list-item-styles.css.js +9 -0
- package/list/internal/listitem/list-item-styles.css.js.map +1 -0
- package/list/internal/listitem/list-item.d.ts +77 -0
- package/list/internal/listitem/list-item.js +194 -0
- package/list/internal/listitem/list-item.js.map +1 -0
- package/list/list-item.d.ts +15 -8
- package/list/list-item.js +17 -12
- package/list/list-item.js.map +1 -1
- package/list/list.d.ts +1 -1
- package/list/list.js +3 -4
- package/list/list.js.map +1 -1
- package/menu/_menu-item.scss +1 -1
- package/menu/_menu.scss +1 -1
- package/menu/harness.d.ts +5 -5
- package/menu/harness.js +4 -6
- package/menu/harness.js.map +1 -1
- package/menu/internal/_menu.scss +124 -0
- package/menu/internal/controllers/menuItemController.d.ts +107 -0
- package/menu/internal/controllers/menuItemController.js +99 -0
- package/menu/internal/controllers/menuItemController.js.map +1 -0
- package/menu/internal/controllers/shared.d.ts +221 -0
- package/menu/internal/controllers/shared.js +137 -0
- package/menu/internal/controllers/shared.js.map +1 -0
- package/menu/internal/controllers/surfacePositionController.d.ts +152 -0
- package/menu/internal/controllers/surfacePositionController.js +316 -0
- package/menu/internal/controllers/surfacePositionController.js.map +1 -0
- package/menu/internal/controllers/typeaheadController.d.ts +157 -0
- package/menu/internal/controllers/typeaheadController.js +254 -0
- package/menu/internal/controllers/typeaheadController.js.map +1 -0
- package/menu/internal/menu-styles.css.js +9 -0
- package/menu/internal/menu-styles.css.js.map +1 -0
- package/menu/internal/menu.d.ts +259 -0
- package/menu/internal/menu.js +788 -0
- package/menu/internal/menu.js.map +1 -0
- package/menu/internal/menuitem/_menu-item.scss +180 -0
- package/menu/internal/menuitem/forced-colors-styles.css.js +9 -0
- package/menu/internal/menuitem/forced-colors-styles.css.js.map +1 -0
- package/menu/internal/menuitem/forced-colors-styles.scss +26 -0
- package/menu/internal/menuitem/harness.d.ts +11 -0
- package/menu/internal/menuitem/harness.js +12 -0
- package/menu/internal/menuitem/harness.js.map +1 -0
- package/menu/internal/menuitem/menu-item-styles.css.js +9 -0
- package/menu/internal/menuitem/menu-item-styles.css.js.map +1 -0
- package/menu/internal/menuitem/menu-item.d.ts +80 -0
- package/menu/internal/menuitem/menu-item.js +200 -0
- package/menu/internal/menuitem/menu-item.js.map +1 -0
- package/menu/internal/submenu/_sub-menu.scss +12 -0
- package/menu/internal/submenu/sub-menu-styles.css.js +9 -0
- package/menu/internal/submenu/sub-menu-styles.css.js.map +1 -0
- package/menu/internal/submenu/sub-menu-styles.scss +10 -0
- package/menu/internal/submenu/sub-menu.d.ts +101 -0
- package/menu/internal/submenu/sub-menu.js +351 -0
- package/menu/internal/submenu/sub-menu.js.map +1 -0
- package/menu/menu-item.d.ts +3 -3
- package/menu/menu-item.js +5 -9
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +21 -13
- package/menu/menu.js +22 -15
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu.d.ts +62 -0
- package/menu/sub-menu.js +64 -0
- package/menu/sub-menu.js.map +1 -0
- package/package.json +85 -16
- package/progress/_circular-progress.scss +6 -0
- package/progress/_linear-progress.scss +6 -0
- package/progress/circular-progress.d.ts +24 -0
- package/progress/circular-progress.js +26 -0
- package/progress/circular-progress.js.map +1 -0
- package/progress/harness.d.ts +20 -0
- package/progress/harness.js +25 -0
- package/progress/harness.js.map +1 -0
- package/progress/internal/_circular-progress.scss +287 -0
- package/progress/internal/_linear-progress.scss +340 -0
- package/progress/internal/circular-progress-styles.css.js +9 -0
- package/progress/internal/circular-progress-styles.css.js.map +1 -0
- package/progress/internal/circular-progress.d.ts +14 -0
- package/progress/internal/circular-progress.js +49 -0
- package/progress/internal/circular-progress.js.map +1 -0
- package/progress/internal/linear-progress-styles.css.js +9 -0
- package/progress/internal/linear-progress-styles.css.js.map +1 -0
- package/progress/internal/linear-progress.d.ts +16 -0
- package/progress/internal/linear-progress.js +47 -0
- package/progress/internal/linear-progress.js.map +1 -0
- package/progress/internal/progress.d.ts +34 -0
- package/progress/internal/progress.js +70 -0
- package/progress/internal/progress.js.map +1 -0
- package/progress/linear-progress.d.ts +23 -0
- package/progress/linear-progress.js +25 -0
- package/progress/linear-progress.js.map +1 -0
- package/radio/_radio.scss +1 -1
- package/radio/harness.d.ts +2 -2
- package/radio/harness.js +1 -1
- package/radio/harness.js.map +1 -1
- package/radio/internal/_radio.scss +185 -0
- package/radio/internal/forced-colors-styles.css.js +9 -0
- package/radio/internal/forced-colors-styles.css.js.map +1 -0
- package/radio/internal/forced-colors-styles.scss +29 -0
- package/radio/internal/radio-styles.css.js +9 -0
- package/radio/internal/radio-styles.css.js.map +1 -0
- package/radio/internal/radio.d.ts +56 -0
- package/radio/internal/radio.js +165 -0
- package/radio/internal/radio.js.map +1 -0
- package/radio/internal/single-selection-controller.js +197 -0
- package/radio/internal/single-selection-controller.js.map +1 -0
- package/radio/radio.d.ts +1 -1
- package/radio/radio.js +4 -5
- package/radio/radio.js.map +1 -1
- package/ripple/_ripple.scss +1 -1
- package/ripple/internal/_ripple.scss +96 -0
- package/ripple/internal/ripple-styles.css.js +9 -0
- package/ripple/internal/ripple-styles.css.js.map +1 -0
- package/ripple/internal/ripple.d.ts +76 -0
- package/ripple/internal/ripple.js +408 -0
- package/ripple/internal/ripple.js.map +1 -0
- package/ripple/ripple.d.ts +1 -1
- package/ripple/ripple.js +3 -4
- package/ripple/ripple.js.map +1 -1
- package/select/_filled-select.scss +1 -1
- package/select/_outlined-select.scss +1 -1
- package/select/filled-select.d.ts +1 -1
- package/select/filled-select.js +5 -6
- package/select/filled-select.js.map +1 -1
- package/select/harness.d.ts +4 -4
- package/select/harness.js +3 -5
- package/select/harness.js.map +1 -1
- package/select/internal/_filled-select.scss +231 -0
- package/select/internal/_outlined-select.scss +189 -0
- package/select/internal/_shared.scss +84 -0
- package/select/internal/filled-select-styles.css.js +9 -0
- package/select/internal/filled-select-styles.css.js.map +1 -0
- package/select/internal/outlined-select-styles.css.js +9 -0
- package/select/internal/outlined-select-styles.css.js.map +1 -0
- package/select/internal/select.d.ts +313 -0
- package/select/internal/select.js +773 -0
- package/select/internal/select.js.map +1 -0
- package/select/internal/selectoption/harness.d.ts +11 -0
- package/select/internal/selectoption/harness.js +12 -0
- package/select/internal/selectoption/harness.js.map +1 -0
- package/select/internal/selectoption/select-option.d.ts +82 -0
- package/select/internal/selectoption/select-option.js +183 -0
- package/select/internal/selectoption/select-option.js.map +1 -0
- package/select/internal/selectoption/selectOptionController.d.ts +91 -0
- package/select/internal/selectoption/selectOptionController.js +118 -0
- package/select/internal/selectoption/selectOptionController.js.map +1 -0
- package/select/internal/shared-styles.css.js +9 -0
- package/select/internal/shared-styles.css.js.map +1 -0
- package/select/internal/shared.d.ts +18 -0
- package/select/internal/shared.js +23 -0
- package/select/internal/shared.js.map +1 -0
- package/select/outlined-select.d.ts +1 -1
- package/select/outlined-select.js +5 -6
- package/select/outlined-select.js.map +1 -1
- package/select/select-option.d.ts +1 -1
- package/select/select-option.js +5 -8
- package/select/select-option.js.map +1 -1
- package/slider/_slider.scss +1 -1
- package/slider/harness.d.ts +1 -1
- package/slider/harness.js +7 -5
- package/slider/harness.js.map +1 -1
- package/slider/internal/_slider.scss +508 -0
- package/slider/internal/forced-colors-styles.css.js +9 -0
- package/slider/internal/forced-colors-styles.css.js.map +1 -0
- package/slider/internal/forced-colors-styles.scss +88 -0
- package/slider/internal/slider-styles.css.js +9 -0
- package/slider/internal/slider-styles.css.js.map +1 -0
- package/slider/internal/slider.d.ts +187 -0
- package/slider/internal/slider.js +718 -0
- package/slider/internal/slider.js.map +1 -0
- package/slider/slider.d.ts +1 -1
- package/slider/slider.js +4 -5
- package/slider/slider.js.map +1 -1
- package/switch/_switch.scss +1 -1
- package/switch/harness.d.ts +2 -2
- package/switch/harness.js +1 -1
- package/switch/harness.js.map +1 -1
- package/switch/internal/README.md +55 -0
- package/switch/internal/_handle.scss +160 -0
- package/switch/internal/_icon.scss +92 -0
- package/switch/internal/_switch.scss +154 -0
- package/switch/internal/_track.scss +91 -0
- package/switch/internal/forced-colors-styles.css.js +9 -0
- package/switch/internal/forced-colors-styles.css.js.map +1 -0
- package/switch/internal/forced-colors-styles.scss +42 -0
- package/switch/internal/switch-styles.css.js +9 -0
- package/switch/internal/switch-styles.css.js.map +1 -0
- package/switch/internal/switch.d.ts +150 -0
- package/switch/internal/switch.js +326 -0
- package/switch/internal/switch.js.map +1 -0
- package/switch/switch.d.ts +1 -1
- package/switch/switch.js +5 -5
- package/switch/switch.js.map +1 -1
- package/tabs/_primary-tab.scss +6 -0
- package/tabs/_secondary-tab.scss +6 -0
- package/tabs/harness.d.ts +23 -0
- package/tabs/harness.js +51 -0
- package/tabs/harness.js.map +1 -0
- package/tabs/internal/_primary-tab.scss +70 -0
- package/tabs/internal/_secondary-tab.scss +61 -0
- package/tabs/internal/_tab.scss +205 -0
- package/tabs/internal/_tabs.scss +45 -0
- package/tabs/internal/primary-tab-styles.css.js +9 -0
- package/tabs/internal/primary-tab-styles.css.js.map +1 -0
- package/tabs/internal/primary-tab-styles.scss +10 -0
- package/tabs/internal/primary-tab.d.ts +20 -0
- package/tabs/internal/primary-tab.js +30 -0
- package/tabs/internal/primary-tab.js.map +1 -0
- package/tabs/internal/secondary-tab-styles.css.d.ts +1 -0
- package/tabs/internal/secondary-tab-styles.css.js +9 -0
- package/tabs/internal/secondary-tab-styles.css.js.map +1 -0
- package/tabs/internal/secondary-tab-styles.scss +10 -0
- package/tabs/internal/secondary-tab.d.ts +12 -0
- package/tabs/internal/secondary-tab.js +16 -0
- package/tabs/internal/secondary-tab.js.map +1 -0
- package/tabs/internal/tab-styles.css.d.ts +1 -0
- package/tabs/internal/tab-styles.css.js +9 -0
- package/tabs/internal/tab-styles.css.js.map +1 -0
- package/tabs/internal/tab-styles.scss +10 -0
- package/tabs/internal/tab.d.ts +61 -0
- package/tabs/internal/tab.js +188 -0
- package/tabs/internal/tab.js.map +1 -0
- package/tabs/internal/tabs-styles.css.d.ts +1 -0
- package/tabs/internal/tabs-styles.css.js +9 -0
- package/tabs/internal/tabs-styles.css.js.map +1 -0
- package/tabs/internal/tabs-styles.scss +10 -0
- package/tabs/internal/tabs.d.ts +74 -0
- package/tabs/internal/tabs.js +283 -0
- package/tabs/internal/tabs.js.map +1 -0
- package/tabs/primary-tab.d.ts +18 -0
- package/tabs/primary-tab.js +22 -0
- package/tabs/primary-tab.js.map +1 -0
- package/tabs/secondary-tab.d.ts +18 -0
- package/tabs/secondary-tab.js +22 -0
- package/tabs/secondary-tab.js.map +1 -0
- package/tabs/tabs.d.ts +18 -0
- package/tabs/tabs.js +21 -0
- package/tabs/tabs.js.map +1 -0
- package/textfield/_filled-text-field.scss +1 -1
- package/textfield/_outlined-text-field.scss +1 -1
- package/textfield/filled-text-field.d.ts +2 -2
- package/textfield/filled-text-field.js +5 -6
- package/textfield/filled-text-field.js.map +1 -1
- package/textfield/harness.d.ts +5 -5
- package/textfield/harness.js +5 -12
- package/textfield/harness.js.map +1 -1
- package/textfield/internal/_filled-text-field.scss +203 -0
- package/textfield/internal/_input.scss +79 -0
- package/textfield/internal/_outlined-text-field.scss +176 -0
- package/textfield/internal/_shared.scss +47 -0
- package/textfield/internal/filled-forced-colors-styles.css.d.ts +1 -0
- package/textfield/internal/filled-styles.css.d.ts +1 -0
- package/textfield/internal/filled-styles.css.js +9 -0
- package/textfield/internal/filled-styles.css.js.map +1 -0
- package/textfield/internal/outlined-forced-colors-styles.css.d.ts +1 -0
- package/textfield/internal/outlined-styles.css.d.ts +1 -0
- package/textfield/internal/outlined-styles.css.js +9 -0
- package/textfield/internal/outlined-styles.css.js.map +1 -0
- package/textfield/internal/shared-styles.css.d.ts +1 -0
- package/textfield/internal/shared-styles.css.js +9 -0
- package/textfield/internal/shared-styles.css.js.map +1 -0
- package/textfield/internal/text-field.d.ts +350 -0
- package/textfield/internal/text-field.js +754 -0
- package/textfield/internal/text-field.js.map +1 -0
- package/textfield/outlined-text-field.d.ts +2 -2
- package/textfield/outlined-text-field.js +5 -6
- package/textfield/outlined-text-field.js.map +1 -1
- package/tokens/_index.scss +9 -40
- package/tokens/_md-comp-assist-chip.scss +9 -17
- package/tokens/_md-comp-badge.scss +2 -15
- package/tokens/_md-comp-checkbox.scss +72 -46
- package/tokens/_md-comp-circular-progress.scss +65 -0
- package/tokens/_md-comp-dialog.scss +55 -19
- package/tokens/_md-comp-divider.scss +13 -2
- package/tokens/_md-comp-elevated-button.scss +39 -35
- package/tokens/_md-comp-elevation.scss +11 -2
- package/tokens/_md-comp-fab-branded.scss +20 -15
- package/tokens/_md-comp-fab.scss +27 -31
- package/tokens/_md-comp-filled-button.scss +39 -35
- package/tokens/_md-comp-filled-field.scss +46 -20
- package/tokens/_md-comp-filled-icon-button.scss +35 -13
- package/tokens/_md-comp-filled-select.scss +38 -17
- package/tokens/_md-comp-filled-text-field.scss +20 -21
- package/tokens/_md-comp-filled-tonal-button.scss +39 -35
- package/tokens/_md-comp-filled-tonal-icon-button.scss +35 -13
- package/tokens/_md-comp-filter-chip.scss +10 -18
- package/tokens/_md-comp-focus-ring.scss +4 -2
- package/tokens/_md-comp-full-screen-dialog.scss +1 -1
- package/tokens/_md-comp-icon-button.scss +35 -15
- package/tokens/_md-comp-icon.scss +32 -0
- package/tokens/_md-comp-input-chip.scss +15 -16
- package/tokens/_md-comp-item.scss +87 -0
- package/tokens/_md-comp-linear-progress.scss +50 -0
- package/tokens/_md-comp-list-item.scss +125 -139
- package/tokens/_md-comp-list.scss +11 -109
- package/tokens/_md-comp-menu-item.scss +15 -10
- package/tokens/_md-comp-menu-list-item.scss +162 -0
- package/tokens/_md-comp-menu.scss +15 -12
- package/tokens/_md-comp-navigation-bar.scss +1 -1
- package/tokens/_md-comp-navigation-drawer.scss +1 -1
- package/tokens/_md-comp-outlined-button.scss +41 -37
- package/tokens/_md-comp-outlined-field.scss +42 -16
- package/tokens/_md-comp-outlined-icon-button.scss +37 -16
- package/tokens/_md-comp-outlined-segmented-button.scss +22 -24
- package/tokens/_md-comp-outlined-select.scss +24 -16
- package/tokens/_md-comp-outlined-text-field.scss +19 -20
- package/tokens/_md-comp-primary-tab.scss +131 -0
- package/tokens/_md-comp-radio.scss +73 -0
- package/tokens/_md-comp-ripple.scss +40 -0
- package/tokens/_md-comp-secondary-tab.scss +131 -0
- package/tokens/_md-comp-slider.scss +71 -23
- package/tokens/_md-comp-suggestion-chip.scss +9 -16
- package/tokens/_md-comp-switch.scss +75 -35
- package/tokens/_md-comp-test-table.scss +14 -3
- package/tokens/_md-comp-text-button.scss +39 -35
- package/tokens/_md-ref-palette.scss +102 -2
- package/tokens/_md-ref-typeface.scss +24 -12
- package/tokens/_md-sys-color.scss +99 -5
- package/tokens/_md-sys-elevation.scss +1 -1
- package/tokens/_md-sys-motion.scss +1 -1
- package/tokens/_md-sys-shape.scss +1 -1
- package/tokens/_md-sys-state.scss +1 -1
- package/tokens/_md-sys-typescale.scss +115 -17
- package/tokens/_values.scss +1 -1
- package/tokens/v0_192/_md-comp-assist-chip.scss +111 -0
- package/tokens/v0_192/_md-comp-badge.scss +61 -0
- package/tokens/v0_192/_md-comp-banner.scss +76 -0
- package/tokens/v0_192/_md-comp-bottom-app-bar.scss +36 -0
- package/tokens/v0_192/_md-comp-carousel-item.scss +66 -0
- package/tokens/v0_192/_md-comp-checkbox.scss +129 -0
- package/tokens/v0_192/_md-comp-circular-progress-indicator.scss +41 -0
- package/tokens/v0_192/_md-comp-data-table.scss +99 -0
- package/tokens/v0_192/_md-comp-date-input-modal.scss +90 -0
- package/tokens/v0_192/_md-comp-date-picker-docked.scss +247 -0
- package/tokens/v0_192/_md-comp-date-picker-modal.scss +306 -0
- package/tokens/v0_192/_md-comp-dialog.scss +124 -0
- package/tokens/v0_192/_md-comp-divider.scss +28 -0
- package/tokens/v0_192/_md-comp-elevated-button.scss +92 -0
- package/tokens/v0_192/_md-comp-elevated-card.scss +60 -0
- package/tokens/v0_192/_md-comp-extended-fab-branded.scss +89 -0
- package/tokens/v0_192/_md-comp-extended-fab-primary.scss +97 -0
- package/tokens/v0_192/_md-comp-extended-fab-secondary.scss +98 -0
- package/tokens/v0_192/_md-comp-extended-fab-surface.scss +93 -0
- package/tokens/v0_192/_md-comp-extended-fab-tertiary.scss +98 -0
- package/tokens/v0_192/_md-comp-fab-branded-large.scss +63 -0
- package/tokens/v0_192/_md-comp-fab-branded.scss +63 -0
- package/tokens/v0_192/_md-comp-fab-primary-large.scss +68 -0
- package/tokens/v0_192/_md-comp-fab-primary-small.scss +68 -0
- package/tokens/v0_192/_md-comp-fab-primary.scss +68 -0
- package/tokens/v0_192/_md-comp-fab-secondary-large.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-secondary-small.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-secondary.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-surface-large.scss +67 -0
- package/tokens/v0_192/_md-comp-fab-surface-small.scss +67 -0
- package/tokens/v0_192/_md-comp-fab-surface.scss +67 -0
- package/tokens/v0_192/_md-comp-fab-tertiary-large.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-tertiary-small.scss +69 -0
- package/tokens/v0_192/_md-comp-fab-tertiary.scss +69 -0
- package/tokens/v0_192/_md-comp-filled-autocomplete.scss +239 -0
- package/tokens/v0_192/_md-comp-filled-button.scss +92 -0
- package/tokens/v0_192/_md-comp-filled-card.scss +62 -0
- package/tokens/v0_192/_md-comp-filled-icon-button.scss +83 -0
- package/tokens/v0_192/_md-comp-filled-menu-button.scss +101 -0
- package/tokens/v0_192/_md-comp-filled-select.scss +273 -0
- package/tokens/v0_192/_md-comp-filled-text-field.scss +193 -0
- package/tokens/v0_192/_md-comp-filled-tonal-button.scss +102 -0
- package/tokens/v0_192/_md-comp-filled-tonal-icon-button.scss +90 -0
- package/tokens/v0_192/_md-comp-filter-chip.scss +210 -0
- package/tokens/v0_192/_md-comp-full-screen-dialog.scss +114 -0
- package/tokens/v0_192/_md-comp-icon-button.scss +74 -0
- package/tokens/v0_192/_md-comp-input-chip.scss +187 -0
- package/tokens/v0_192/_md-comp-linear-progress-indicator.scss +43 -0
- package/tokens/v0_192/_md-comp-list.scss +255 -0
- package/tokens/v0_192/_md-comp-menu.scss +44 -0
- package/tokens/v0_192/_md-comp-navigation-bar.scss +115 -0
- package/tokens/v0_192/_md-comp-navigation-drawer.scss +165 -0
- package/tokens/v0_192/_md-comp-navigation-rail.scss +119 -0
- package/tokens/v0_192/_md-comp-outlined-autocomplete.scss +229 -0
- package/tokens/v0_192/_md-comp-outlined-button.scss +87 -0
- package/tokens/v0_192/_md-comp-outlined-card.scss +66 -0
- package/tokens/v0_192/_md-comp-outlined-icon-button.scss +83 -0
- package/tokens/v0_192/_md-comp-outlined-menu-button.scss +97 -0
- package/tokens/v0_192/_md-comp-outlined-segmented-button.scss +115 -0
- package/tokens/v0_192/_md-comp-outlined-select.scss +263 -0
- package/tokens/v0_192/_md-comp-outlined-text-field.scss +174 -0
- package/tokens/v0_192/_md-comp-plain-tooltip.scss +58 -0
- package/tokens/v0_192/_md-comp-primary-navigation-tab.scss +124 -0
- package/tokens/v0_192/_md-comp-radio-button.scss +71 -0
- package/tokens/v0_192/_md-comp-rich-tooltip.scss +122 -0
- package/tokens/v0_192/_md-comp-scrim.scss +28 -0
- package/tokens/v0_192/_md-comp-search-bar.scss +100 -0
- package/tokens/v0_192/_md-comp-search-view.scss +94 -0
- package/tokens/v0_192/_md-comp-secondary-navigation-tab.scss +87 -0
- package/tokens/v0_192/_md-comp-sheet-bottom.scss +46 -0
- package/tokens/v0_192/_md-comp-sheet-floating.scss +35 -0
- package/tokens/v0_192/_md-comp-sheet-side.scss +94 -0
- package/tokens/v0_192/_md-comp-slider.scss +118 -0
- package/tokens/v0_192/_md-comp-snackbar.scss +130 -0
- package/tokens/v0_192/_md-comp-standard-menu-button.scss +101 -0
- package/tokens/v0_192/_md-comp-suggestion-chip.scss +127 -0
- package/tokens/v0_192/_md-comp-switch.scss +141 -0
- package/tokens/v0_192/_md-comp-text-button.scss +80 -0
- package/tokens/v0_192/_md-comp-time-input.scss +220 -0
- package/tokens/v0_192/_md-comp-time-picker.scss +267 -0
- package/tokens/v0_192/_md-comp-top-app-bar-large.scss +64 -0
- package/tokens/v0_192/_md-comp-top-app-bar-medium.scss +64 -0
- package/tokens/v0_192/_md-comp-top-app-bar-small-centered.scss +71 -0
- package/tokens/v0_192/_md-comp-top-app-bar-small.scss +67 -0
- package/tokens/v0_192/_md-ref-palette.scss +109 -0
- package/tokens/v0_192/_md-ref-typeface.scss +23 -0
- package/tokens/v0_192/_md-sys-color.scss +135 -0
- package/tokens/v0_192/_md-sys-elevation.scss +24 -0
- package/tokens/v0_192/_md-sys-motion.scss +55 -0
- package/tokens/v0_192/_md-sys-shape.scss +33 -0
- package/tokens/v0_192/_md-sys-state.scss +22 -0
- package/tokens/v0_192/_md-sys-typescale.scss +286 -0
- package/tokens/v0_192/index.test.css.d.ts +1 -0
- package/tokens/v0_192/lib.test.css.d.ts +1 -0
- package/typography/_typeface.scss +49 -0
- package/typography/_typescale.scss +50 -0
- package/aria/aria.d.ts +0 -43
- package/aria/aria.js +0 -80
- package/aria/aria.js.map +0 -1
- package/aria/delegate.d.ts +0 -37
- package/aria/delegate.js +0 -53
- package/aria/delegate.js.map +0 -1
- package/badge/_badge.scss +0 -6
- package/badge/badge.d.ts +0 -18
- package/badge/badge.js +0 -21
- package/badge/badge.js.map +0 -1
- package/badge/lib/_badge.scss +0 -69
- package/badge/lib/badge-styles.css.js +0 -9
- package/badge/lib/badge-styles.css.js.map +0 -1
- package/button/_tonal-button.scss +0 -6
- package/button/lib/_elevated-button.scss +0 -62
- package/button/lib/_elevation.scss +0 -68
- package/button/lib/_filled-button.scss +0 -62
- package/button/lib/_icon.scss +0 -42
- package/button/lib/_outlined-button.scss +0 -103
- package/button/lib/_shared.scss +0 -159
- package/button/lib/_text-button.scss +0 -65
- package/button/lib/_tonal-button.scss +0 -61
- package/button/lib/_touch-target.scss +0 -18
- package/button/lib/button.d.ts +0 -69
- package/button/lib/button.js +0 -174
- package/button/lib/button.js.map +0 -1
- package/button/lib/elevated-button.d.ts +0 -18
- package/button/lib/elevated-button.js +0 -23
- package/button/lib/elevated-button.js.map +0 -1
- package/button/lib/elevated-styles.css.js +0 -9
- package/button/lib/elevated-styles.css.js.map +0 -1
- package/button/lib/filled-button.d.ts +0 -18
- package/button/lib/filled-button.js +0 -23
- package/button/lib/filled-button.js.map +0 -1
- package/button/lib/filled-styles.css.js +0 -9
- package/button/lib/filled-styles.css.js.map +0 -1
- package/button/lib/outlined-button.d.ts +0 -17
- package/button/lib/outlined-button.js +0 -22
- package/button/lib/outlined-button.js.map +0 -1
- package/button/lib/outlined-styles.css.js +0 -9
- package/button/lib/outlined-styles.css.js.map +0 -1
- package/button/lib/shared-elevation-styles.css.js +0 -9
- package/button/lib/shared-elevation-styles.css.js.map +0 -1
- package/button/lib/shared-styles.css.js +0 -9
- package/button/lib/shared-styles.css.js.map +0 -1
- package/button/lib/text-button.d.ts +0 -16
- package/button/lib/text-button.js +0 -18
- package/button/lib/text-button.js.map +0 -1
- package/button/lib/text-styles.css.js +0 -9
- package/button/lib/text-styles.css.js.map +0 -1
- package/button/lib/tonal-button.d.ts +0 -18
- package/button/lib/tonal-button.js +0 -23
- package/button/lib/tonal-button.js.map +0 -1
- package/button/lib/tonal-styles.css.js +0 -9
- package/button/lib/tonal-styles.css.js.map +0 -1
- package/button/lib/tonal-styles.scss +0 -10
- package/button/tonal-button.d.ts +0 -35
- package/button/tonal-button.js +0 -40
- package/button/tonal-button.js.map +0 -1
- package/checkbox/lib/_checkbox.scss +0 -457
- package/checkbox/lib/checkbox-styles.css.js +0 -9
- package/checkbox/lib/checkbox-styles.css.js.map +0 -1
- package/checkbox/lib/checkbox.d.ts +0 -64
- package/checkbox/lib/checkbox.js +0 -190
- package/checkbox/lib/checkbox.js.map +0 -1
- package/checkbox/lib/forced-colors-styles.css.js +0 -9
- package/checkbox/lib/forced-colors-styles.css.js.map +0 -1
- package/checkbox/lib/forced-colors-styles.scss +0 -49
- package/chips/lib/_assist-chip.scss +0 -61
- package/chips/lib/_elevated.scss +0 -60
- package/chips/lib/_filter-chip.scss +0 -175
- package/chips/lib/_shared.scss +0 -177
- package/chips/lib/_suggestion-chip.scss +0 -61
- package/chips/lib/assist-chip.d.ts +0 -23
- package/chips/lib/assist-chip.js +0 -76
- package/chips/lib/assist-chip.js.map +0 -1
- package/chips/lib/assist-styles.css.js +0 -9
- package/chips/lib/assist-styles.css.js.map +0 -1
- package/chips/lib/chip.d.ts +0 -37
- package/chips/lib/chip.js +0 -89
- package/chips/lib/chip.js.map +0 -1
- package/chips/lib/elevated-styles.css.js +0 -9
- package/chips/lib/elevated-styles.css.js.map +0 -1
- package/chips/lib/filter-chip.d.ts +0 -26
- package/chips/lib/filter-chip.js +0 -80
- package/chips/lib/filter-chip.js.map +0 -1
- package/chips/lib/filter-styles.css.js +0 -9
- package/chips/lib/filter-styles.css.js.map +0 -1
- package/chips/lib/shared-styles.css.js +0 -9
- package/chips/lib/shared-styles.css.js.map +0 -1
- package/chips/lib/suggestion-styles.css.js +0 -9
- package/chips/lib/suggestion-styles.css.js.map +0 -1
- package/circularprogress/_circular-progress.scss +0 -6
- package/circularprogress/circular-progress.d.ts +0 -24
- package/circularprogress/circular-progress.js +0 -27
- package/circularprogress/circular-progress.js.map +0 -1
- package/circularprogress/harness.d.ts +0 -13
- package/circularprogress/harness.js +0 -16
- package/circularprogress/harness.js.map +0 -1
- package/circularprogress/lib/_circular-progress.scss +0 -288
- package/circularprogress/lib/circular-progress-styles.css.js +0 -9
- package/circularprogress/lib/circular-progress-styles.css.js.map +0 -1
- package/circularprogress/lib/circular-progress.d.ts +0 -27
- package/circularprogress/lib/circular-progress.js +0 -94
- package/circularprogress/lib/circular-progress.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 -74
- package/controller/form-controller.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/dialog/lib/_dialog.scss +0 -378
- package/dialog/lib/_tokens.scss +0 -87
- package/dialog/lib/dialog-styles.css.js +0 -9
- package/dialog/lib/dialog-styles.css.js.map +0 -1
- package/dialog/lib/dialog.d.ts +0 -190
- package/dialog/lib/dialog.js +0 -545
- package/dialog/lib/dialog.js.map +0 -1
- package/divider/lib/_divider.scss +0 -56
- package/elevation/lib/_elevation.scss +0 -165
- package/elevation/lib/elevation-styles.css.js +0 -9
- package/elevation/lib/elevation-styles.css.js.map +0 -1
- package/elevation/lib/elevation.d.ts +0 -12
- package/elevation/lib/elevation.js +0 -15
- package/elevation/lib/elevation.js.map +0 -1
- package/fab/lib/_fab.scss +0 -245
- package/fab/lib/_shared.scss +0 -224
- package/fab/lib/fab-branded-styles.css.js +0 -9
- package/fab/lib/fab-branded-styles.css.js.map +0 -1
- package/fab/lib/fab-styles.css.js +0 -9
- package/fab/lib/fab-styles.css.js.map +0 -1
- package/fab/lib/fab.d.ts +0 -25
- package/fab/lib/fab.js.map +0 -1
- package/fab/lib/forced-colors-styles.css.js +0 -9
- package/fab/lib/forced-colors-styles.css.js.map +0 -1
- package/fab/lib/forced-colors-styles.scss +0 -26
- package/fab/lib/shared-styles.css.js +0 -9
- package/fab/lib/shared-styles.css.js.map +0 -1
- package/fab/lib/shared.d.ts +0 -49
- package/fab/lib/shared.js +0 -113
- package/fab/lib/shared.js.map +0 -1
- package/field/lib/_content.scss +0 -175
- package/field/lib/_filled-field.scss +0 -189
- package/field/lib/_label.scss +0 -74
- package/field/lib/_outlined-field.scss +0 -313
- package/field/lib/_shared.scss +0 -65
- package/field/lib/_supporting-text.scss +0 -56
- package/field/lib/field.d.ts +0 -41
- package/field/lib/field.js +0 -236
- package/field/lib/field.js.map +0 -1
- package/field/lib/filled-styles.css.js +0 -9
- package/field/lib/filled-styles.css.js.map +0 -1
- package/field/lib/outlined-field.d.ts +0 -13
- package/field/lib/outlined-field.js.map +0 -1
- package/field/lib/outlined-styles.css.js +0 -9
- package/field/lib/outlined-styles.css.js.map +0 -1
- package/field/lib/shared-styles.css.js +0 -9
- package/field/lib/shared-styles.css.js.map +0 -1
- package/focus/focus-ring.d.ts +0 -20
- package/focus/focus-ring.js +0 -23
- package/focus/focus-ring.js.map +0 -1
- package/focus/lib/_focus-ring.scss +0 -86
- package/focus/lib/focus-ring-styles.css.js +0 -9
- package/focus/lib/focus-ring-styles.css.js.map +0 -1
- package/focus/lib/focus-ring.d.ts +0 -72
- package/focus/lib/focus-ring.js +0 -139
- package/focus/lib/focus-ring.js.map +0 -1
- package/icon/lib/_icon.scss +0 -61
- package/icon/lib/_md-comp-icon.scss +0 -18
- package/icon/lib/icon-styles.css.js +0 -9
- package/icon/lib/icon-styles.css.js.map +0 -1
- package/icon/lib/icon.d.ts +0 -12
- package/icon/lib/icon.js +0 -15
- package/icon/lib/icon.js.map +0 -1
- package/iconbutton/_standard-icon-button.scss +0 -6
- package/iconbutton/lib/_filled-icon-button.scss +0 -157
- package/iconbutton/lib/_filled-tonal-icon-button.scss +0 -159
- package/iconbutton/lib/_outlined-icon-button.scss +0 -180
- package/iconbutton/lib/_shared.scss +0 -163
- package/iconbutton/lib/_standard-icon-button.scss +0 -115
- package/iconbutton/lib/filled-styles.css.js +0 -9
- package/iconbutton/lib/filled-styles.css.js.map +0 -1
- package/iconbutton/lib/filled-tonal-styles.css.js +0 -9
- package/iconbutton/lib/filled-tonal-styles.css.js.map +0 -1
- package/iconbutton/lib/icon-button.d.ts +0 -63
- package/iconbutton/lib/icon-button.js +0 -179
- package/iconbutton/lib/icon-button.js.map +0 -1
- package/iconbutton/lib/outlined-styles.css.js +0 -9
- package/iconbutton/lib/outlined-styles.css.js.map +0 -1
- package/iconbutton/lib/shared-styles.css.js +0 -9
- package/iconbutton/lib/shared-styles.css.js.map +0 -1
- package/iconbutton/lib/standard-styles.css.js +0 -9
- package/iconbutton/lib/standard-styles.css.js.map +0 -1
- package/iconbutton/lib/standard-styles.scss +0 -10
- package/iconbutton/standard-icon-button.d.ts +0 -34
- package/iconbutton/standard-icon-button.js +0 -39
- package/iconbutton/standard-icon-button.js.map +0 -1
- package/linearprogress/_linear-progress.scss +0 -6
- package/linearprogress/harness.d.ts +0 -13
- package/linearprogress/harness.js +0 -18
- package/linearprogress/harness.js.map +0 -1
- package/linearprogress/lib/_linear-progress.scss +0 -386
- package/linearprogress/lib/linear-progress-styles.css.js +0 -9
- package/linearprogress/lib/linear-progress-styles.css.js.map +0 -1
- package/linearprogress/lib/linear-progress.d.ts +0 -35
- package/linearprogress/lib/linear-progress.js +0 -127
- package/linearprogress/lib/linear-progress.js.map +0 -1
- package/linearprogress/linear-progress.d.ts +0 -23
- package/linearprogress/linear-progress.js +0 -26
- package/linearprogress/linear-progress.js.map +0 -1
- package/list/lib/_list.scss +0 -55
- package/list/lib/list-styles.css.js +0 -9
- package/list/lib/list-styles.css.js.map +0 -1
- package/list/lib/list.d.ts +0 -110
- package/list/lib/list.js +0 -260
- package/list/lib/list.js.map +0 -1
- package/list/lib/listitem/_list-item.scss +0 -425
- package/list/lib/listitem/forced-colors-styles.css.js +0 -9
- package/list/lib/listitem/forced-colors-styles.css.js.map +0 -1
- package/list/lib/listitem/forced-colors-styles.scss +0 -23
- package/list/lib/listitem/harness.d.ts +0 -13
- package/list/lib/listitem/harness.js +0 -17
- package/list/lib/listitem/harness.js.map +0 -1
- package/list/lib/listitem/list-item-styles.css.js +0 -9
- package/list/lib/listitem/list-item-styles.css.js.map +0 -1
- package/list/lib/listitem/list-item.d.ts +0 -129
- package/list/lib/listitem/list-item.js +0 -236
- package/list/lib/listitem/list-item.js.map +0 -1
- package/list/lib/listitemlink/list-item-link.d.ts +0 -17
- package/list/lib/listitemlink/list-item-link.js +0 -38
- package/list/lib/listitemlink/list-item-link.js.map +0 -1
- package/list/list-item-link.d.ts +0 -53
- package/list/list-item-link.js +0 -57
- package/list/list-item-link.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.scss +0 -103
- package/menu/lib/menu-styles.css.js +0 -9
- package/menu/lib/menu-styles.css.js.map +0 -1
- package/menu/lib/menu.d.ts +0 -211
- package/menu/lib/menu.js +0 -650
- package/menu/lib/menu.js.map +0 -1
- package/menu/lib/menuitem/_menu-item.scss +0 -60
- package/menu/lib/menuitem/forced-colors-styles.css.js +0 -9
- package/menu/lib/menuitem/forced-colors-styles.css.js.map +0 -1
- package/menu/lib/menuitem/forced-colors-styles.scss +0 -22
- package/menu/lib/menuitem/harness.d.ts +0 -11
- package/menu/lib/menuitem/harness.js +0 -12
- package/menu/lib/menuitem/harness.js.map +0 -1
- package/menu/lib/menuitem/menu-item-styles.css.js +0 -9
- package/menu/lib/menuitem/menu-item-styles.css.js.map +0 -1
- package/menu/lib/menuitem/menu-item.d.ts +0 -28
- package/menu/lib/menuitem/menu-item.js +0 -51
- package/menu/lib/menuitem/menu-item.js.map +0 -1
- package/menu/lib/menuitemlink/menu-item-link.d.ts +0 -23
- package/menu/lib/menuitemlink/menu-item-link.js +0 -49
- package/menu/lib/menuitemlink/menu-item-link.js.map +0 -1
- package/menu/lib/shared.d.ts +0 -178
- package/menu/lib/shared.js +0 -142
- package/menu/lib/shared.js.map +0 -1
- package/menu/lib/submenuitem/harness.d.ts +0 -11
- package/menu/lib/submenuitem/harness.js +0 -12
- package/menu/lib/submenuitem/harness.js.map +0 -1
- package/menu/lib/submenuitem/sub-menu-item.d.ts +0 -99
- package/menu/lib/submenuitem/sub-menu-item.js +0 -293
- package/menu/lib/submenuitem/sub-menu-item.js.map +0 -1
- package/menu/lib/surfacePositionController.d.ts +0 -125
- package/menu/lib/surfacePositionController.js +0 -200
- package/menu/lib/surfacePositionController.js.map +0 -1
- package/menu/lib/typeaheadController.d.ts +0 -157
- package/menu/lib/typeaheadController.js +0 -252
- package/menu/lib/typeaheadController.js.map +0 -1
- package/menu/menu-item-link.d.ts +0 -33
- package/menu/menu-item-link.js +0 -38
- package/menu/menu-item-link.js.map +0 -1
- package/menu/sub-menu-item.d.ts +0 -60
- package/menu/sub-menu-item.js +0 -65
- package/menu/sub-menu-item.js.map +0 -1
- package/motion/animation.d.ts +0 -80
- package/motion/animation.js +0 -101
- package/motion/animation.js.map +0 -1
- package/navigationbar/_navigation-bar.scss +0 -6
- 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 -68
- package/navigationbar/lib/constants.d.ts +0 -17
- package/navigationbar/lib/constants.js.map +0 -1
- 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.d.ts +0 -27
- package/navigationbar/lib/navigation-bar.js +0 -140
- package/navigationbar/lib/navigation-bar.js.map +0 -1
- package/navigationbar/lib/state.d.ts +0 -23
- package/navigationbar/lib/state.js.map +0 -1
- package/navigationbar/navigation-bar.d.ts +0 -18
- package/navigationbar/navigation-bar.js +0 -21
- package/navigationbar/navigation-bar.js.map +0 -1
- package/navigationdrawer/_navigation-drawer-modal.scss +0 -6
- package/navigationdrawer/_navigation-drawer.scss +0 -6
- package/navigationdrawer/lib/_navigation-drawer-modal.scss +0 -107
- package/navigationdrawer/lib/_navigation-drawer.scss +0 -94
- 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.js +0 -83
- 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.d.ts +0 -17
- package/navigationdrawer/lib/navigation-drawer.js +0 -66
- package/navigationdrawer/lib/navigation-drawer.js.map +0 -1
- package/navigationdrawer/navigation-drawer-modal.d.ts +0 -18
- package/navigationdrawer/navigation-drawer-modal.js +0 -22
- package/navigationdrawer/navigation-drawer-modal.js.map +0 -1
- package/navigationdrawer/navigation-drawer.d.ts +0 -18
- package/navigationdrawer/navigation-drawer.js +0 -22
- package/navigationdrawer/navigation-drawer.js.map +0 -1
- package/navigationtab/_navigation-tab.scss +0 -6
- 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 -261
- 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.d.ts +0 -35
- package/navigationtab/lib/navigation-tab.js +0 -135
- package/navigationtab/lib/navigation-tab.js.map +0 -1
- package/navigationtab/navigation-tab.d.ts +0 -18
- package/navigationtab/navigation-tab.js +0 -21
- package/navigationtab/navigation-tab.js.map +0 -1
- package/radio/lib/_radio.scss +0 -167
- package/radio/lib/forced-colors-styles.css.js +0 -9
- package/radio/lib/forced-colors-styles.css.js.map +0 -1
- package/radio/lib/forced-colors-styles.scss +0 -29
- package/radio/lib/radio-styles.css.js +0 -9
- package/radio/lib/radio-styles.css.js.map +0 -1
- package/radio/lib/radio.d.ts +0 -54
- package/radio/lib/radio.js +0 -152
- package/radio/lib/radio.js.map +0 -1
- package/radio/lib/single-selection-controller.js +0 -193
- package/radio/lib/single-selection-controller.js.map +0 -1
- package/ripple/directive.d.ts +0 -31
- package/ripple/directive.js +0 -79
- package/ripple/directive.js.map +0 -1
- package/ripple/lib/_md-comp-ripple.scss +0 -30
- package/ripple/lib/_ripple.scss +0 -114
- package/ripple/lib/ripple-styles.css.js +0 -9
- package/ripple/lib/ripple-styles.css.js.map +0 -1
- package/ripple/lib/ripple.d.ts +0 -64
- package/ripple/lib/ripple.js +0 -354
- package/ripple/lib/ripple.js.map +0 -1
- package/sass/_assert.scss +0 -23
- package/sass/_color-scheme.scss +0 -92
- package/sass/_color.scss +0 -170
- package/sass/_dom.scss +0 -52
- package/sass/_feature-flags.scss +0 -119
- package/sass/_map-ext.scss +0 -51
- package/sass/_theme.scss +0 -249
- package/sass/_touch-target.scss +0 -22
- package/sass/_var.scss +0 -245
- package/segmentedbutton/lib/_outlined-segmented-button.scss +0 -46
- package/segmentedbutton/lib/_shared.scss +0 -382
- package/segmentedbutton/lib/outlined-styles.css.js +0 -9
- package/segmentedbutton/lib/outlined-styles.css.js.map +0 -1
- package/segmentedbutton/lib/segmented-button.d.ts +0 -48
- package/segmentedbutton/lib/segmented-button.js +0 -175
- 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/outlined-segmented-button.d.ts +0 -20
- package/segmentedbutton/outlined-segmented-button.js +0 -24
- package/segmentedbutton/outlined-segmented-button.js.map +0 -1
- package/segmentedbuttonset/lib/_outlined-segmented-button-set.scss +0 -53
- package/segmentedbuttonset/lib/outlined-styles.css.js +0 -9
- package/segmentedbuttonset/lib/outlined-styles.css.js.map +0 -1
- package/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -26
- package/segmentedbuttonset/lib/segmented-button-set.js +0 -110
- package/segmentedbuttonset/lib/segmented-button-set.js.map +0 -1
- package/segmentedbuttonset/outlined-segmented-button-set.d.ts +0 -20
- package/segmentedbuttonset/outlined-segmented-button-set.js +0 -24
- package/segmentedbuttonset/outlined-segmented-button-set.js.map +0 -1
- package/select/lib/_filled-select.scss +0 -222
- package/select/lib/_outlined-select.scss +0 -180
- package/select/lib/_shared.scss +0 -48
- package/select/lib/filled-select-styles.css.js +0 -9
- package/select/lib/filled-select-styles.css.js.map +0 -1
- package/select/lib/outlined-select-styles.css.js +0 -9
- package/select/lib/outlined-select-styles.css.js.map +0 -1
- package/select/lib/select.d.ts +0 -216
- package/select/lib/select.js +0 -589
- package/select/lib/select.js.map +0 -1
- package/select/lib/selectoption/harness.d.ts +0 -11
- package/select/lib/selectoption/harness.js +0 -12
- package/select/lib/selectoption/harness.js.map +0 -1
- package/select/lib/selectoption/select-option.d.ts +0 -30
- package/select/lib/selectoption/select-option.js +0 -71
- package/select/lib/selectoption/select-option.js.map +0 -1
- package/select/lib/shared-styles.css.js +0 -9
- package/select/lib/shared-styles.css.js.map +0 -1
- package/select/lib/shared.d.ts +0 -52
- package/select/lib/shared.js +0 -41
- package/select/lib/shared.js.map +0 -1
- package/slider/lib/_slider.scss +0 -476
- package/slider/lib/forced-colors-styles.css.js +0 -9
- package/slider/lib/forced-colors-styles.css.js.map +0 -1
- package/slider/lib/forced-colors-styles.scss +0 -53
- package/slider/lib/slider-styles.css.js +0 -9
- package/slider/lib/slider-styles.css.js.map +0 -1
- package/slider/lib/slider.d.ts +0 -124
- package/slider/lib/slider.js +0 -485
- package/slider/lib/slider.js.map +0 -1
- package/switch/lib/README.md +0 -55
- package/switch/lib/_handle.scss +0 -168
- package/switch/lib/_icon.scss +0 -73
- package/switch/lib/_switch.scss +0 -226
- package/switch/lib/_track.scss +0 -98
- package/switch/lib/switch-styles.css.js +0 -9
- package/switch/lib/switch-styles.css.js.map +0 -1
- package/switch/lib/switch.d.ts +0 -75
- package/switch/lib/switch.js +0 -215
- package/switch/lib/switch.js.map +0 -1
- package/textfield/lib/_filled-text-field.scss +0 -205
- package/textfield/lib/_input.scss +0 -61
- package/textfield/lib/_outlined-text-field.scss +0 -161
- package/textfield/lib/_shared.scss +0 -41
- package/textfield/lib/filled-styles.css.js +0 -9
- package/textfield/lib/filled-styles.css.js.map +0 -1
- package/textfield/lib/outlined-styles.css.js +0 -9
- package/textfield/lib/outlined-styles.css.js.map +0 -1
- package/textfield/lib/shared-styles.css.js +0 -9
- package/textfield/lib/shared-styles.css.js.map +0 -1
- package/textfield/lib/text-field.d.ts +0 -338
- package/textfield/lib/text-field.js +0 -720
- package/textfield/lib/text-field.js.map +0 -1
- package/tokens/_md-comp-banner.scss +0 -23
- package/tokens/_md-comp-bottom-app-bar.scss +0 -21
- package/tokens/_md-comp-carousel-item.scss +0 -23
- package/tokens/_md-comp-circular-progress-indicator.scss +0 -63
- package/tokens/_md-comp-data-table.scss +0 -23
- package/tokens/_md-comp-date-input-modal.scss +0 -23
- package/tokens/_md-comp-date-picker-docked.scss +0 -25
- package/tokens/_md-comp-date-picker-modal.scss +0 -25
- package/tokens/_md-comp-elevated-card.scss +0 -23
- package/tokens/_md-comp-filled-autocomplete.scss +0 -25
- package/tokens/_md-comp-filled-card.scss +0 -23
- package/tokens/_md-comp-filled-menu-button.scss +0 -25
- package/tokens/_md-comp-linear-progress-indicator.scss +0 -50
- package/tokens/_md-comp-navigation-rail.scss +0 -25
- package/tokens/_md-comp-outlined-autocomplete.scss +0 -28
- package/tokens/_md-comp-outlined-card.scss +0 -23
- package/tokens/_md-comp-outlined-menu-button.scss +0 -23
- package/tokens/_md-comp-plain-tooltip.scss +0 -21
- package/tokens/_md-comp-primary-navigation-tab.scss +0 -50
- package/tokens/_md-comp-radio-button.scss +0 -19
- package/tokens/_md-comp-rich-tooltip.scss +0 -25
- package/tokens/_md-comp-scrim.scss +0 -17
- package/tokens/_md-comp-search-bar.scss +0 -25
- package/tokens/_md-comp-search-view.scss +0 -23
- package/tokens/_md-comp-secondary-navigation-tab.scss +0 -49
- package/tokens/_md-comp-sheet-bottom.scss +0 -21
- package/tokens/_md-comp-sheet-floating.scss +0 -21
- package/tokens/_md-comp-sheet-side.scss +0 -25
- package/tokens/_md-comp-snackbar.scss +0 -25
- package/tokens/_md-comp-standard-menu-button.scss +0 -23
- package/tokens/_md-comp-time-input.scss +0 -25
- package/tokens/_md-comp-time-picker.scss +0 -25
- package/tokens/_md-comp-top-app-bar-large.scss +0 -23
- package/tokens/_md-comp-top-app-bar-medium.scss +0 -23
- package/tokens/_md-comp-top-app-bar-small-centered.scss +0 -26
- package/tokens/_md-comp-top-app-bar-small.scss +0 -23
- package/tokens/v0_172/_md-comp-assist-chip.scss +0 -108
- package/tokens/v0_172/_md-comp-badge.scss +0 -58
- package/tokens/v0_172/_md-comp-banner.scss +0 -73
- package/tokens/v0_172/_md-comp-bottom-app-bar.scss +0 -33
- package/tokens/v0_172/_md-comp-carousel-item.scss +0 -63
- package/tokens/v0_172/_md-comp-checkbox.scss +0 -126
- package/tokens/v0_172/_md-comp-circular-progress-indicator.scss +0 -39
- package/tokens/v0_172/_md-comp-data-table.scss +0 -96
- package/tokens/v0_172/_md-comp-date-input-modal.scss +0 -87
- package/tokens/v0_172/_md-comp-date-picker-docked.scss +0 -244
- package/tokens/v0_172/_md-comp-date-picker-modal.scss +0 -303
- package/tokens/v0_172/_md-comp-dialog.scss +0 -121
- package/tokens/v0_172/_md-comp-divider.scss +0 -25
- package/tokens/v0_172/_md-comp-elevated-button.scss +0 -89
- package/tokens/v0_172/_md-comp-elevated-card.scss +0 -57
- package/tokens/v0_172/_md-comp-extended-fab-branded.scss +0 -86
- package/tokens/v0_172/_md-comp-extended-fab-primary.scss +0 -94
- package/tokens/v0_172/_md-comp-extended-fab-secondary.scss +0 -95
- package/tokens/v0_172/_md-comp-extended-fab-surface.scss +0 -90
- package/tokens/v0_172/_md-comp-extended-fab-tertiary.scss +0 -95
- package/tokens/v0_172/_md-comp-fab-branded-large.scss +0 -60
- package/tokens/v0_172/_md-comp-fab-branded.scss +0 -60
- package/tokens/v0_172/_md-comp-fab-primary-large.scss +0 -65
- package/tokens/v0_172/_md-comp-fab-primary-small.scss +0 -65
- package/tokens/v0_172/_md-comp-fab-primary.scss +0 -65
- package/tokens/v0_172/_md-comp-fab-secondary-large.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-secondary-small.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-secondary.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-surface-large.scss +0 -64
- package/tokens/v0_172/_md-comp-fab-surface-small.scss +0 -64
- package/tokens/v0_172/_md-comp-fab-surface.scss +0 -64
- package/tokens/v0_172/_md-comp-fab-tertiary-large.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-tertiary-small.scss +0 -66
- package/tokens/v0_172/_md-comp-fab-tertiary.scss +0 -66
- package/tokens/v0_172/_md-comp-filled-autocomplete.scss +0 -265
- package/tokens/v0_172/_md-comp-filled-button.scss +0 -89
- package/tokens/v0_172/_md-comp-filled-card.scss +0 -59
- package/tokens/v0_172/_md-comp-filled-icon-button.scss +0 -79
- package/tokens/v0_172/_md-comp-filled-menu-button.scss +0 -98
- package/tokens/v0_172/_md-comp-filled-select.scss +0 -270
- package/tokens/v0_172/_md-comp-filled-text-field.scss +0 -190
- package/tokens/v0_172/_md-comp-filled-tonal-button.scss +0 -99
- package/tokens/v0_172/_md-comp-filled-tonal-icon-button.scss +0 -86
- package/tokens/v0_172/_md-comp-filter-chip.scss +0 -207
- package/tokens/v0_172/_md-comp-full-screen-dialog.scss +0 -111
- package/tokens/v0_172/_md-comp-icon-button.scss +0 -70
- package/tokens/v0_172/_md-comp-input-chip.scss +0 -184
- package/tokens/v0_172/_md-comp-linear-progress-indicator.scss +0 -41
- package/tokens/v0_172/_md-comp-list.scss +0 -248
- package/tokens/v0_172/_md-comp-menu.scss +0 -35
- package/tokens/v0_172/_md-comp-navigation-bar.scss +0 -112
- package/tokens/v0_172/_md-comp-navigation-drawer.scss +0 -162
- package/tokens/v0_172/_md-comp-navigation-rail.scss +0 -116
- package/tokens/v0_172/_md-comp-outlined-autocomplete.scss +0 -255
- package/tokens/v0_172/_md-comp-outlined-button.scss +0 -84
- package/tokens/v0_172/_md-comp-outlined-card.scss +0 -63
- package/tokens/v0_172/_md-comp-outlined-icon-button.scss +0 -79
- package/tokens/v0_172/_md-comp-outlined-menu-button.scss +0 -94
- package/tokens/v0_172/_md-comp-outlined-segmented-button.scss +0 -112
- package/tokens/v0_172/_md-comp-outlined-select.scss +0 -260
- package/tokens/v0_172/_md-comp-outlined-text-field.scss +0 -171
- package/tokens/v0_172/_md-comp-plain-tooltip.scss +0 -55
- package/tokens/v0_172/_md-comp-primary-navigation-tab.scss +0 -121
- package/tokens/v0_172/_md-comp-radio-button.scss +0 -68
- package/tokens/v0_172/_md-comp-rich-tooltip.scss +0 -119
- package/tokens/v0_172/_md-comp-scrim.scss +0 -25
- package/tokens/v0_172/_md-comp-search-bar.scss +0 -97
- package/tokens/v0_172/_md-comp-search-view.scss +0 -91
- package/tokens/v0_172/_md-comp-secondary-navigation-tab.scss +0 -84
- package/tokens/v0_172/_md-comp-sheet-bottom.scss +0 -44
- package/tokens/v0_172/_md-comp-sheet-floating.scss +0 -32
- package/tokens/v0_172/_md-comp-sheet-side.scss +0 -91
- package/tokens/v0_172/_md-comp-slider.scss +0 -115
- package/tokens/v0_172/_md-comp-snackbar.scss +0 -127
- package/tokens/v0_172/_md-comp-standard-menu-button.scss +0 -98
- package/tokens/v0_172/_md-comp-suggestion-chip.scss +0 -124
- package/tokens/v0_172/_md-comp-switch.scss +0 -138
- package/tokens/v0_172/_md-comp-text-button.scss +0 -77
- package/tokens/v0_172/_md-comp-time-input.scss +0 -217
- package/tokens/v0_172/_md-comp-time-picker.scss +0 -264
- package/tokens/v0_172/_md-comp-top-app-bar-large.scss +0 -61
- package/tokens/v0_172/_md-comp-top-app-bar-medium.scss +0 -61
- package/tokens/v0_172/_md-comp-top-app-bar-small-centered.scss +0 -68
- package/tokens/v0_172/_md-comp-top-app-bar-small.scss +0 -64
- package/tokens/v0_172/_md-ref-palette.scss +0 -107
- package/tokens/v0_172/_md-ref-typeface.scss +0 -21
- package/tokens/v0_172/_md-sys-color.scss +0 -904
- package/tokens/v0_172/_md-sys-elevation.scss +0 -21
- package/tokens/v0_172/_md-sys-motion.scss +0 -53
- package/tokens/v0_172/_md-sys-shape.scss +0 -30
- package/tokens/v0_172/_md-sys-state.scss +0 -19
- package/tokens/v0_172/_md-sys-typescale.scss +0 -284
- package/types/aria.d.ts +0 -106
- package/types/keys.d.ts +0 -57
- /package/button/{lib → internal}/elevated-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/elevated-styles.scss +0 -0
- /package/button/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/filled-styles.scss +0 -0
- /package/{iconbutton/lib → button/internal}/filled-tonal-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/outlined-styles.scss +0 -0
- /package/button/{lib → internal}/shared-elevation-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/shared-elevation-styles.scss +0 -0
- /package/button/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/shared-styles.scss +0 -0
- /package/button/{lib → internal}/text-styles.css.d.ts +0 -0
- /package/button/{lib → internal}/text-styles.scss +0 -0
- /package/checkbox/{lib → internal}/checkbox-styles.css.d.ts +0 -0
- /package/checkbox/{lib → internal}/checkbox-styles.scss +0 -0
- /package/chips/{lib → internal}/assist-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/assist-styles.scss +0 -0
- /package/{badge/lib/badge-styles.css.d.ts → chips/internal/chip-set-styles.css.d.ts} +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/elevated-styles.scss +0 -0
- /package/chips/{lib → internal}/filter-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/filter-styles.scss +0 -0
- /package/{button/lib/tonal-styles.css.d.ts → chips/internal/input-styles.css.d.ts} +0 -0
- /package/{checkbox/lib/forced-colors-styles.css.d.ts → chips/internal/selectable-styles.css.d.ts} +0 -0
- /package/chips/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/shared-styles.scss +0 -0
- /package/chips/{lib → internal}/suggestion-chip.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-chip.js +0 -0
- /package/chips/{lib → internal}/suggestion-chip.js.map +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-styles.scss +0 -0
- /package/{circularprogress/lib/circular-progress-styles.css.d.ts → chips/internal/trailing-icon-styles.css.d.ts} +0 -0
- /package/dialog/{lib → internal}/dialog-styles.css.d.ts +0 -0
- /package/dialog/{lib → internal}/dialog-styles.scss +0 -0
- /package/divider/{lib → internal}/divider-styles.css.d.ts +0 -0
- /package/divider/{lib → internal}/divider-styles.css.js +0 -0
- /package/divider/{lib → internal}/divider-styles.css.js.map +0 -0
- /package/divider/{lib → internal}/divider-styles.scss +0 -0
- /package/divider/{lib → internal}/divider.d.ts +0 -0
- /package/divider/{lib → internal}/divider.js +0 -0
- /package/divider/{lib → internal}/divider.js.map +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.d.ts +0 -0
- /package/elevation/{lib → internal}/elevation-styles.scss +0 -0
- /package/fab/{lib → internal}/_fab-branded.scss +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.scss +0 -0
- /package/fab/{lib → internal}/fab-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/fab-styles.scss +0 -0
- /package/fab/{lib → internal}/fab.js +0 -0
- /package/fab/{lib → internal}/forced-colors-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/fab/{lib → internal}/shared-styles.scss +0 -0
- /package/field/{lib → internal}/filled-field.d.ts +0 -0
- /package/field/{lib → internal}/filled-field.js +0 -0
- /package/field/{lib → internal}/filled-field.js.map +0 -0
- /package/field/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/field/{lib → internal}/filled-styles.scss +0 -0
- /package/field/{lib → internal}/outlined-field.js +0 -0
- /package/field/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/field/{lib → internal}/outlined-styles.scss +0 -0
- /package/field/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/field/{lib → internal}/shared-styles.scss +0 -0
- /package/focus/{lib → internal}/focus-ring-styles.css.d.ts +0 -0
- /package/focus/{lib → internal}/focus-ring-styles.scss +0 -0
- /package/icon/{lib → internal}/icon-styles.css.d.ts +0 -0
- /package/icon/{lib → internal}/icon-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/filled-styles.css.d.ts +0 -0
- /package/iconbutton/{lib → internal}/filled-styles.scss +0 -0
- /package/iconbutton/{lib/outlined-styles.css.d.ts → internal/filled-tonal-styles.css.d.ts} +0 -0
- /package/iconbutton/{lib → internal}/filled-tonal-styles.scss +0 -0
- /package/{segmentedbutton/lib → iconbutton/internal}/outlined-styles.css.d.ts +0 -0
- /package/iconbutton/{lib → internal}/outlined-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/iconbutton/{lib → internal}/shared-styles.scss +0 -0
- /package/iconbutton/{lib → internal}/standard-styles.css.d.ts +0 -0
- /package/{controller → internal/controller}/events.d.ts +0 -0
- /package/{controller → internal/controller}/events.js +0 -0
- /package/{controller → internal/controller}/events.js.map +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/{sass → internal/sass}/_string-ext.scss +0 -0
- /package/{linearprogress/lib/linear-progress-styles.css.d.ts → labs/badge/internal/badge-styles.css.d.ts} +0 -0
- /package/{badge/lib → labs/badge/internal}/badge-styles.scss +0 -0
- /package/{badge/lib → labs/badge/internal}/badge.d.ts +0 -0
- /package/{badge/lib → labs/badge/internal}/badge.js +0 -0
- /package/{badge/lib → labs/badge/internal}/badge.js.map +0 -0
- /package/{list/lib/list-styles.css.d.ts → labs/item/internal/item-styles.css.d.ts} +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/constants.js +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/navigation-bar-styles.css.d.ts +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/navigation-bar-styles.scss +0 -0
- /package/{navigationbar/lib → labs/navigationbar/internal}/state.js +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/_shared.scss +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal-styles.css.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal-styles.scss +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-modal.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-styles.css.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/navigation-drawer-styles.scss +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.d.ts +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.js +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.css.js.map +0 -0
- /package/{navigationdrawer/lib → labs/navigationdrawer/internal}/shared-styles.scss +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/navigation-tab-styles.css.d.ts +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/navigation-tab-styles.scss +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/state.d.ts +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/state.js +0 -0
- /package/{navigationtab/lib → labs/navigationtab/internal}/state.js.map +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.d.ts +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.js +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-segmented-button.js.map +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbutton/internal}/outlined-styles.css.d.ts +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/outlined-styles.scss +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/shared-styles.css.d.ts +0 -0
- /package/{segmentedbutton/lib → labs/segmentedbutton/internal}/shared-styles.scss +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/_shared.scss +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.d.ts +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.js +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-segmented-button-set.js.map +0 -0
- /package/{textfield/lib → labs/segmentedbuttonset/internal}/outlined-styles.css.d.ts +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/outlined-styles.scss +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.d.ts +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.js +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.css.js.map +0 -0
- /package/{segmentedbuttonset/lib → labs/segmentedbuttonset/internal}/shared-styles.scss +0 -0
- /package/list/{lib/listitem/forced-colors-styles.css.d.ts → internal/list-styles.css.d.ts} +0 -0
- /package/list/{lib → internal}/list-styles.scss +0 -0
- /package/{menu/lib → list/internal/listitem}/forced-colors-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/listitem/list-item-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/listitem/list-item-styles.scss +0 -0
- /package/menu/{lib/menuitem → internal}/forced-colors-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/forced-colors-styles.css.js +0 -0
- /package/menu/{lib → internal}/forced-colors-styles.css.js.map +0 -0
- /package/menu/{lib → internal}/forced-colors-styles.scss +0 -0
- /package/menu/{lib → internal}/menu-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/menu-styles.scss +0 -0
- /package/{radio/lib → menu/internal/menuitem}/forced-colors-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/menuitem/menu-item-styles.css.d.ts +0 -0
- /package/menu/{lib → internal}/menuitem/menu-item-styles.scss +0 -0
- /package/{radio/lib/radio-styles.css.d.ts → menu/internal/submenu/sub-menu-styles.css.d.ts} +0 -0
- /package/menu/{lib → internal}/types.d.ts +0 -0
- /package/menu/{lib → internal}/types.js +0 -0
- /package/menu/{lib → internal}/types.js.map +0 -0
- /package/{ripple/lib/ripple-styles.css.d.ts → progress/internal/circular-progress-styles.css.d.ts} +0 -0
- /package/{circularprogress/lib → progress/internal}/circular-progress-styles.scss +0 -0
- /package/{select/lib/filled-forced-colors-styles.css.d.ts → progress/internal/linear-progress-styles.css.d.ts} +0 -0
- /package/{linearprogress/lib → progress/internal}/linear-progress-styles.scss +0 -0
- /package/{slider/lib → radio/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/{select/lib/filled-select-styles.css.d.ts → radio/internal/radio-styles.css.d.ts} +0 -0
- /package/radio/{lib → internal}/radio-styles.scss +0 -0
- /package/radio/{lib → internal}/single-selection-controller.d.ts +0 -0
- /package/{select/lib/outlined-forced-colors-styles.css.d.ts → ripple/internal/ripple-styles.css.d.ts} +0 -0
- /package/ripple/{lib → internal}/ripple-styles.scss +0 -0
- /package/{textfield/lib → select/internal}/filled-forced-colors-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
- /package/select/{lib → internal}/filled-forced-colors-styles.scss +0 -0
- /package/select/{lib/outlined-select-styles.css.d.ts → internal/filled-select-styles.css.d.ts} +0 -0
- /package/select/{lib → internal}/filled-select-styles.scss +0 -0
- /package/select/{lib → internal}/filled-select.d.ts +0 -0
- /package/select/{lib → internal}/filled-select.js +0 -0
- /package/select/{lib → internal}/filled-select.js.map +0 -0
- /package/{textfield/lib → select/internal}/outlined-forced-colors-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
- /package/select/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
- /package/select/{lib/shared-styles.css.d.ts → internal/outlined-select-styles.css.d.ts} +0 -0
- /package/select/{lib → internal}/outlined-select-styles.scss +0 -0
- /package/select/{lib → internal}/outlined-select.d.ts +0 -0
- /package/select/{lib → internal}/outlined-select.js +0 -0
- /package/select/{lib → internal}/outlined-select.js.map +0 -0
- /package/{textfield/lib → select/internal}/shared-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/shared-styles.scss +0 -0
- /package/slider/{lib/slider-styles.css.d.ts → internal/forced-colors-styles.css.d.ts} +0 -0
- /package/{switch/lib/switch-styles.css.d.ts → slider/internal/slider-styles.css.d.ts} +0 -0
- /package/slider/{lib → internal}/slider-styles.scss +0 -0
- /package/{textfield/lib/filled-styles.css.d.ts → switch/internal/forced-colors-styles.css.d.ts} +0 -0
- /package/{tokens/v0_172/index.test.css.d.ts → switch/internal/switch-styles.css.d.ts} +0 -0
- /package/switch/{lib → internal}/switch-styles.scss +0 -0
- /package/{tokens/v0_172/lib.test.css.d.ts → tabs/internal/primary-tab-styles.css.d.ts} +0 -0
- /package/textfield/{lib → internal}/_icon.scss +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.css.js.map +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.scss +0 -0
- /package/textfield/{lib → internal}/filled-styles.scss +0 -0
- /package/textfield/{lib → internal}/filled-text-field.d.ts +0 -0
- /package/textfield/{lib → internal}/filled-text-field.js +0 -0
- /package/textfield/{lib → internal}/filled-text-field.js.map +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.css.js.map +0 -0
- /package/textfield/{lib → internal}/outlined-forced-colors-styles.scss +0 -0
- /package/textfield/{lib → internal}/outlined-styles.scss +0 -0
- /package/textfield/{lib → internal}/outlined-text-field.d.ts +0 -0
- /package/textfield/{lib → internal}/outlined-text-field.js +0 -0
- /package/textfield/{lib → internal}/outlined-text-field.js.map +0 -0
- /package/textfield/{lib → internal}/shared-styles.scss +0 -0
- /package/tokens/{v0_172 → v0_192}/_index.scss +0 -0
- /package/tokens/{v0_172 → v0_192}/index.test.css.js +0 -0
- /package/tokens/{v0_172 → v0_192}/index.test.css.js.map +0 -0
- /package/tokens/{v0_172 → v0_192}/index.test.scss +0 -0
- /package/tokens/{v0_172 → v0_192}/lib.test.css.js +0 -0
- /package/tokens/{v0_172 → v0_192}/lib.test.css.js.map +0 -0
- /package/tokens/{v0_172 → v0_192}/lib.test.scss +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../menu/menu.js';\n\nimport {html, isServer, LitElement, nothing, PropertyValues} from 'lit';\nimport {property, query, queryAssignedElements, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {html as staticHtml, StaticValue} from 'lit/static-html.js';\n\nimport {Field} from '../../field/internal/field.js';\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\nimport {redispatchEvent} from '../../internal/controller/events.js';\nimport {getActiveItem} from '../../list/internal/list-navigation-helpers.js';\nimport {CloseMenuEvent, isElementInSubtree, isSelectableKey} from '../../menu/internal/controllers/shared.js';\nimport {TYPEAHEAD_RECORD} from '../../menu/internal/controllers/typeaheadController.js';\nimport {DEFAULT_TYPEAHEAD_BUFFER_TIME, Menu} from '../../menu/internal/menu.js';\n\nimport {createRequestDeselectionEvent, createRequestSelectionEvent, SelectOption} from './selectoption/selectOptionController.js';\nimport {getSelectedItems, SelectOptionRecord} from './shared.js';\n\nconst VALUE = Symbol('value');\n\n/**\n * @fires input Fired when a selection is made by the user via mouse or keyboard\n * interaction.\n * @fires change Fired when a selection is made by the user via mouse or\n * keyboard interaction.\n * @fires opening Fired when the select's menu is about to open.\n * @fires opened Fired when the select's menu has finished animations and\n * opened.\n * @fires closing Fired when the select's menu is about to close.\n * @fires closed Fired when the select's menu has finished animations and\n * closed.\n */\nexport abstract class Select extends LitElement {\n static {\n requestUpdateOnAriaChange(Select);\n }\n\n /** @nocollapse */\n static readonly formAssociated = true;\n\n /**\n * Opens the menu synchronously with no animation.\n */\n @property({type: Boolean}) quick = false;\n /**\n * Whether or not the select is required.\n */\n @property({type: Boolean}) required = false;\n /**\n * Disables the select.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n /**\n * The error message that replaces supporting text when `error` is true. If\n * `errorText` is an empty string, then the supporting text will continue to\n * show.\n *\n * This error message overrides the error message displayed by\n * `reportValidity()`.\n */\n @property({type: String, attribute: 'error-text'}) errorText = '';\n /**\n * The floating label for the field.\n */\n @property() label = '';\n /**\n * Conveys additional information below the select, such as how it should\n * be used.\n */\n @property({type: String, attribute: 'supporting-text'}) supportingText = '';\n /**\n * Gets or sets whether or not the select is in a visually invalid state.\n *\n * This error state overrides the error state controlled by\n * `reportValidity()`.\n */\n @property({type: Boolean, reflect: true}) error = false;\n /**\n * Whether or not the underlying md-menu should be position: fixed to display\n * in a top-level manner, or position: absolute.\n *\n * position:fixed is useful for cases where select is inside of another\n * element with stacking context and hidden overflows such as `md-dialog`.\n */\n @property({attribute: 'menu-positioning'})\n menuPositioning: 'absolute'|'fixed' = 'absolute';\n /**\n * The max time between the keystrokes of the typeahead select / menu behavior\n * before it clears the typeahead buffer.\n */\n @property({type: Number, attribute: 'typeahead-delay'})\n typeaheadDelay = DEFAULT_TYPEAHEAD_BUFFER_TIME;\n /**\n * Whether or not the text field has a leading icon. Used for SSR.\n */\n @property({type: Boolean, attribute: 'has-leading-icon'})\n hasLeadingIcon = false;\n /**\n * Text to display in the field. Only set for SSR.\n */\n @property({attribute: 'display-text'}) displayText = '';\n\n /**\n * The value of the currently selected option.\n *\n * Note: For SSR, set `[selected]` on the requested option and `displayText`\n * rather than setting `value` setting `value` will incur a DOM query.\n */\n @property()\n get value(): string {\n return this[VALUE];\n }\n\n set value(value: string) {\n if (isServer) return;\n this.lastUserSetValue = value;\n this.select(value);\n }\n\n [VALUE] = '';\n\n get options() {\n // NOTE: this does a DOM query.\n return (this.menu?.items ?? []) as SelectOption[];\n }\n\n /**\n * The index of the currently selected option.\n *\n * Note: For SSR, set `[selected]` on the requested option and `displayText`\n * rather than setting `selectedIndex` setting `selectedIndex` will incur a\n * DOM query.\n */\n @property({type: Number, attribute: 'selected-index'})\n get selectedIndex(): number {\n // tslint:disable-next-line:enforce-name-casing\n const [_option, index] = (this.getSelectedOptions() ?? [])[0] ?? [];\n return index ?? -1;\n }\n\n set selectedIndex(index: number) {\n this.lastUserSetSelectedIndex = index;\n this.selectIndex(index);\n }\n\n /**\n * Returns an array of selected options.\n *\n * NOTE: md-select only suppoprts single selection.\n */\n get selectedOptions() {\n return (this.getSelectedOptions() ?? []).map(([option]) => option);\n }\n\n /**\n * The HTML name to use in form submission.\n */\n get name() {\n return this.getAttribute('name') ?? '';\n }\n set name(name: string) {\n this.setAttribute('name', name);\n }\n\n /**\n * The associated form element with which this element's value will submit.\n */\n get form() {\n return this.internals.form;\n }\n\n /**\n * The labels this element is associated with.\n */\n get labels() {\n return this.internals.labels;\n }\n\n /**\n * Returns a ValidityState object that represents the validity states of the\n * checkbox.\n *\n * Note that selects will only set `valueMissing` if unselected and\n * `required`.\n */\n get validity() {\n this.syncValidity();\n return this.internals.validity;\n }\n\n /**\n * Returns the native validation error message.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation#constraint_validation_process\n */\n get validationMessage() {\n this.syncValidity();\n return this.internals.validationMessage;\n }\n\n /**\n * Returns whether an element will successfully validate based on forms\n * validation rules and constraints.\n *\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation#constraint_validation_process\n */\n get willValidate() {\n this.syncValidity();\n return this.internals.willValidate;\n }\n\n protected abstract readonly fieldTag: StaticValue;\n\n /**\n * Used for initializing select when the user sets the `value` directly.\n */\n private lastUserSetValue: string|null = null;\n\n /**\n * Used for initializing select when the user sets the `selectedIndex`\n * directly.\n */\n private lastUserSetSelectedIndex: number|null = null;\n\n /**\n * Used for `input` and `change` event change detection.\n */\n private lastSelectedOption: SelectOption|null = null;\n\n // tslint:disable-next-line:enforce-name-casing\n private lastSelectedOptionRecords: SelectOptionRecord[] = [];\n\n /**\n * Whether or not a native error has been reported via `reportValidity()`.\n */\n @state() private nativeError = false;\n\n /**\n * The validation message displayed from a native error via\n * `reportValidity()`.\n */\n @state() private nativeErrorText = '';\n private get hasError() {\n return this.error || this.nativeError;\n }\n\n @state() private focused = false;\n @state() private open = false;\n @query('.field') private readonly field!: Field|null;\n @query('md-menu') private readonly menu!: Menu|null;\n @query('#label') private readonly labelEl!: HTMLElement;\n @queryAssignedElements({slot: 'leading-icon', flatten: true})\n private readonly leadingIcons!: Element[];\n private customValidationMessage = '';\n private readonly internals =\n (this as HTMLElement /* needed for closure */).attachInternals();\n\n /**\n * Selects an option given the value of the option, and updates MdSelect's\n * value.\n */\n select(value: string) {\n const optionToSelect = this.options.find(option => option.value === value);\n if (optionToSelect) {\n this.selectItem(optionToSelect);\n }\n }\n\n /**\n * Selects an option given the index of the option, and updates MdSelect's\n * value.\n */\n selectIndex(index: number) {\n const optionToSelect = this.options[index];\n if (optionToSelect) {\n this.selectItem(optionToSelect);\n }\n }\n\n /**\n * Reset the select to its default value.\n */\n reset() {\n for (const option of this.options) {\n option.selected = option.hasAttribute('selected');\n }\n\n this.updateValueAndDisplayText();\n this.nativeError = false;\n this.nativeErrorText = '';\n }\n\n /**\n * Checks the select's native validation and returns whether or not the\n * element is valid.\n *\n * If invalid, this method will dispatch the `invalid` event.\n *\n * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/checkValidity\n *\n * @return true if the select is valid, or false if not.\n */\n checkValidity() {\n this.syncValidity();\n return this.internals.checkValidity();\n }\n\n /**\n * Checks the select's native validation and returns whether or not the\n * element is valid.\n *\n * If invalid, this method will dispatch the `invalid` event.\n *\n * This method will display or clear an error text message equal to the\n * select's `validationMessage`, unless the invalid event is canceled.\n *\n * Use `setCustomValidity()` to customize the `validationMessage`.\n *\n * This method can also be used to re-announce error messages to screen\n * readers.\n *\n * @return true if the select is valid, or false if not.\n */\n reportValidity() {\n let invalidEvent: Event|undefined;\n this.addEventListener('invalid', event => {\n invalidEvent = event;\n }, {once: true});\n\n const valid = this.checkValidity();\n if (invalidEvent?.defaultPrevented) {\n return valid;\n }\n\n const prevMessage = this.getErrorText();\n this.nativeError = !valid;\n this.nativeErrorText = this.validationMessage;\n\n if (prevMessage === this.getErrorText()) {\n this.field?.reannounceError();\n }\n\n return valid;\n }\n\n /**\n * Sets the select's native validation error message. This is used to\n * customize `validationMessage`.\n *\n * When the error is not an empty string, the select is considered invalid\n * and `validity.customError` will be true.\n *\n * https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/setCustomValidity\n *\n * @param error The error message to display.\n */\n setCustomValidity(error: string) {\n this.customValidationMessage = error;\n this.syncValidity();\n }\n\n protected override update(changed: PropertyValues<Select>) {\n // In SSR the options will be ready to query, so try to figure out what\n // the value and display text should be.\n if (!this.hasUpdated) {\n this.initUserSelection();\n }\n\n super.update(changed);\n }\n\n protected override render() {\n return html`\n <span\n class=\"select ${classMap(this.getRenderClasses())}\"\n @focusout=${this.handleFocusout}>\n ${this.renderField()}\n ${this.renderMenu()}\n </span>\n `;\n }\n\n protected override updated(changed: PropertyValues<Select>) {\n if (changed.has('required')) {\n this.syncValidity();\n }\n }\n\n protected override async firstUpdated(changed: PropertyValues<Select>) {\n await this.menu?.updateComplete;\n // If this has been handled on update already due to SSR, try again.\n if (!this.lastSelectedOptionRecords.length) {\n this.initUserSelection();\n }\n\n // Case for when the DOM is streaming, there are no children, and a child\n // has [selected] set on it, we need to wait for DOM to render something.\n if (!this.lastSelectedOptionRecords.length && !isServer &&\n !this.options.length) {\n setTimeout(() => {\n this.updateValueAndDisplayText();\n });\n }\n\n super.firstUpdated(changed);\n }\n\n private getRenderClasses() {\n return {\n 'disabled': this.disabled,\n 'error': this.error,\n 'open': this.open,\n };\n }\n\n private renderField() {\n // TODO(b/290078041): add aria-label/describedby\n return staticHtml`\n <${this.fieldTag}\n aria-haspopup=\"listbox\"\n role=\"combobox\"\n part=\"field\"\n id=\"field\"\n tabindex=${this.disabled ? '-1' : '0'}\n aria-label=${(this as ARIAMixinStrict).ariaLabel || nothing}\n aria-describedby=\"description\"\n aria-expanded=${this.open ? 'true' : nothing}\n aria-controls=\"listbox\"\n class=\"field\"\n label=${this.label}\n .focused=${this.focused || this.open}\n .populated=${!!this.displayText}\n .disabled=${this.disabled}\n .required=${this.required}\n .error=${this.hasError}\n ?has-start=${this.hasLeadingIcon}\n has-end\n supporting-text=${this.supportingText}\n error-text=${this.getErrorText()}\n @keydown=${this.handleKeydown}\n @click=${this.handleClick}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}>\n ${this.renderFieldContent()}\n <div id=\"description\" slot=\"aria-describedby\"></div>\n </${this.fieldTag}>`;\n }\n\n private renderFieldContent() {\n return [\n this.renderLeadingIcon(),\n this.renderLabel(),\n this.renderTrailingIcon(),\n ];\n }\n\n private renderLeadingIcon() {\n return html`\n <span class=\"icon leading\" slot=\"start\">\n <slot name=\"leading-icon\" @slotchange=${this.handleIconChange}></slot>\n </span>\n `;\n }\n\n private renderTrailingIcon() {\n return html`\n <span class=\"icon trailing\" slot=\"end\">\n <slot name=\"trailing-icon\" @slotchange=${this.handleIconChange}>\n <svg height=\"5\" viewBox=\"7 10 10 5\" focusable=\"false\">\n <polygon class=\"down\" stroke=\"none\" fill-rule=\"evenodd\" points=\"7 10 12 15 17 10\"></polygon>\n <polygon class=\"up\" stroke=\"none\" fill-rule=\"evenodd\" points=\"7 15 12 10 17 15\"></polygon>\n </svg>\n </slot>\n </span>\n `;\n }\n\n private renderLabel() {\n // need to render so that line-height can apply and give it a\n // non-zero height\n return html`<div id=\"label\">${this.displayText || html` `}</div>`;\n }\n\n private renderMenu() {\n const ariaLabel = this.label || (this as ARIAMixinStrict).ariaLabel;\n return html`\n <md-menu\n id=\"listbox\"\n default-focus=\"none\"\n role=\"listbox\"\n tabindex=\"-1\"\n aria-label=${ariaLabel || nothing}\n stay-open-on-focusout\n part=\"menu\"\n exportparts=\"focus-ring: menu-focus-ring\"\n anchor=\"field\"\n .open=${this.open}\n .quick=${this.quick}\n .positioning=${this.menuPositioning}\n .typeaheadDelay=${this.typeaheadDelay}\n @opening=${this.handleOpening}\n @opened=${this.redispatchEvent}\n @closing=${this.redispatchEvent}\n @closed=${this.handleClosed}\n @close-menu=${this.handleCloseMenu}\n @request-selection=${this.handleRequestSelection}\n @request-deselection=${this.handleRequestDeselection}>\n ${this.renderMenuContent()}\n </md-menu>`;\n }\n\n private renderMenuContent() {\n return html`<slot></slot>`;\n }\n\n /**\n * Handles opening the select on keydown and typahead selection when the menu\n * is closed.\n */\n private handleKeydown(event: KeyboardEvent) {\n if (this.open || this.disabled || !this.menu) {\n return;\n }\n\n const typeaheadController = this.menu.typeaheadController;\n const isOpenKey = event.code === 'Space' || event.code === 'ArrowDown' ||\n event.code === 'Enter';\n\n // Do not open if currently typing ahead because the user may be typing the\n // spacebar to match a word with a space\n if (!typeaheadController.isTypingAhead && isOpenKey) {\n event.preventDefault();\n this.open = true;\n return;\n }\n\n const isPrintableKey = event.key.length === 1;\n\n // Handles typing ahead when the menu is closed by delegating the event to\n // the underlying menu's typeaheadController\n if (isPrintableKey) {\n typeaheadController.onKeydown(event);\n event.preventDefault();\n\n const {lastActiveRecord} = typeaheadController;\n\n if (!lastActiveRecord) {\n return;\n }\n\n this.labelEl?.setAttribute?.('aria-live', 'polite');\n const hasChanged = this.selectItem(\n lastActiveRecord[TYPEAHEAD_RECORD.ITEM] as SelectOption);\n\n if (hasChanged) {\n this.dispatchInteractionEvents();\n }\n }\n }\n\n private handleClick() {\n this.open = true;\n }\n\n private handleFocus() {\n this.focused = true;\n }\n\n private handleBlur() {\n this.focused = false;\n }\n\n /**\n * Handles closing the menu when the focus leaves the select's subtree.\n */\n private handleFocusout(event: FocusEvent) {\n // Don't close the menu if we are switching focus between menu,\n // select-option, and field\n if (event.relatedTarget && isElementInSubtree(event.relatedTarget, this)) {\n return;\n }\n\n this.open = false;\n }\n\n /**\n * Gets a list of all selected select options as a list item record array.\n *\n * @return An array of selected list option records.\n */\n private getSelectedOptions() {\n if (!this.menu) {\n this.lastSelectedOptionRecords = [];\n return null;\n }\n\n const items = this.menu.items as SelectOption[];\n this.lastSelectedOptionRecords = getSelectedItems(items);\n return this.lastSelectedOptionRecords;\n }\n\n override async getUpdateComplete() {\n await this.menu?.updateComplete;\n return super.getUpdateComplete();\n }\n\n /**\n * Gets the selected options from the DOM, and updates the value and display\n * text to the first selected option's value and headline respectively.\n *\n * @return Whether or not the selected option has changed since last update.\n */\n private updateValueAndDisplayText() {\n const selectedOptions = this.getSelectedOptions() ?? [];\n // Used to determine whether or not we need to fire an input / change event\n // which fire whenever the option element changes (value or selectedIndex)\n // on user interaction.\n let hasSelectedOptionChanged = false;\n\n if (selectedOptions.length) {\n const [firstSelectedOption] = selectedOptions[0];\n hasSelectedOptionChanged =\n this.lastSelectedOption !== firstSelectedOption;\n this.lastSelectedOption = firstSelectedOption;\n this[VALUE] = firstSelectedOption.value;\n this.displayText = firstSelectedOption.displayText;\n\n } else {\n hasSelectedOptionChanged = this.lastSelectedOption !== null;\n this.lastSelectedOption = null;\n this[VALUE] = '';\n this.displayText = '';\n }\n\n this.internals.setFormValue(this.value);\n this.syncValidity();\n return hasSelectedOptionChanged;\n }\n\n /**\n * Focuses and activates the last selected item upon opening, and resets other\n * active items.\n */\n private async handleOpening(e: Event) {\n this.labelEl?.removeAttribute?.('aria-live');\n this.redispatchEvent(e);\n\n const items = this.menu!.items as SelectOption[];\n const activeItem = getActiveItem(items)?.item;\n let [selectedItem] = this.lastSelectedOptionRecords[0] ?? [null];\n\n // This is true if the user keys through the list but clicks out of the menu\n // thus no close-menu event is fired by an item and we can't clean up in\n // handleCloseMenu.\n if (activeItem && activeItem !== selectedItem) {\n activeItem.tabIndex = -1;\n }\n\n // in the case that nothing is selected, focus the first item\n selectedItem = selectedItem ?? items[0];\n\n if (selectedItem) {\n selectedItem.tabIndex = 0;\n selectedItem.focus();\n }\n }\n\n private redispatchEvent(e: Event) {\n redispatchEvent(this, e);\n }\n\n private handleClosed(e: Event) {\n this.open = false;\n this.redispatchEvent(e);\n }\n\n /**\n * Determines the reason for closing, and updates the UI accordingly.\n */\n private handleCloseMenu(event: CloseMenuEvent) {\n const reason = event.detail.reason;\n const item = event.detail.itemPath[0] as SelectOption;\n this.open = false;\n let hasChanged = false;\n\n if (reason.kind === 'click-selection') {\n hasChanged = this.selectItem(item);\n } else if (reason.kind === 'keydown' && isSelectableKey(reason.key)) {\n hasChanged = this.selectItem(item);\n } else {\n // This can happen on ESC being pressed\n item.tabIndex = -1;\n item.blur();\n }\n\n // Dispatch interaction events since selection has been made via keyboard\n // or mouse.\n if (hasChanged) {\n this.dispatchInteractionEvents();\n }\n }\n\n /**\n * Selects a given option, deselects other options, and updates the UI.\n *\n * @return Whether the last selected option has changed.\n */\n private selectItem(item: SelectOption) {\n this.lastSelectedOptionRecords.forEach(([option]) => {\n if (item !== option) {\n option.selected = false;\n }\n });\n item.selected = true;\n\n return this.updateValueAndDisplayText();\n }\n\n /**\n * Handles updating selection when an option element requests selection via\n * property / attribute change.\n */\n private handleRequestSelection(\n event: ReturnType<typeof createRequestSelectionEvent>) {\n const requestingOptionEl = event.target as SelectOption & HTMLElement;\n\n // No-op if this item is already selected.\n if (this.lastSelectedOptionRecords.some(\n ([option]) => option === requestingOptionEl)) {\n return;\n }\n\n this.selectItem(requestingOptionEl);\n }\n\n /**\n * Handles updating selection when an option element requests deselection via\n * property / attribute change.\n */\n private handleRequestDeselection(\n event: ReturnType<typeof createRequestDeselectionEvent>) {\n const requestingOptionEl = event.target as SelectOption & HTMLElement;\n\n // No-op if this item is not even in the list of tracked selected items.\n if (!this.lastSelectedOptionRecords.some(\n ([option]) => option === requestingOptionEl)) {\n return;\n }\n\n this.updateValueAndDisplayText();\n }\n\n /**\n * Attempts to initialize the selected option from user-settable values like\n * SSR, setting `value`, or `selectedIndex` at startup.\n */\n private initUserSelection() {\n // User has set `.value` directly, but internals have not yet booted up.\n if (this.lastUserSetValue && !this.lastSelectedOptionRecords.length) {\n this.select(this.lastUserSetValue);\n\n // User has set `.selectedIndex` directly, but internals have not yet\n // booted up.\n } else if (\n this.lastUserSetSelectedIndex !== null &&\n !this.lastSelectedOptionRecords.length) {\n this.selectIndex(this.lastUserSetSelectedIndex);\n\n // Regular boot up!\n } else {\n this.updateValueAndDisplayText();\n }\n }\n\n private handleIconChange() {\n this.hasLeadingIcon = this.leadingIcons.length > 0;\n }\n\n /**\n * Dispatches the `input` and `change` events.\n */\n private dispatchInteractionEvents() {\n this.dispatchEvent(new Event('input', {bubbles: true, composed: true}));\n this.dispatchEvent(new Event('change', {bubbles: true}));\n }\n\n private getErrorText() {\n return this.error ? this.errorText : this.nativeErrorText;\n }\n\n private syncValidity() {\n const valueMissing = this.required && !this.value;\n const customError = !!this.customValidationMessage;\n const validationMessage = this.customValidationMessage ||\n valueMissing && this.getRequiredValidationMessage() || '';\n\n this.internals.setValidity({valueMissing, customError}, validationMessage);\n }\n\n // Returns the platform `<select>` validation message for i18n.\n private getRequiredValidationMessage() {\n const select = document.createElement('select');\n select.required = true;\n return select.validationMessage;\n }\n\n /** @private */\n formResetCallback() {\n this.reset();\n }\n\n /** @private */\n formStateRestoreCallback(state: string) {\n this.value = state;\n }\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2022 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { ListItemHarness } from '../../../list/internal/listitem/harness.js';
|
|
7
|
+
/**
|
|
8
|
+
* Test harness for menu item.
|
|
9
|
+
*/
|
|
10
|
+
export declare class SelectOptionHarness extends ListItemHarness {
|
|
11
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2022 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { ListItemHarness } from '../../../list/internal/listitem/harness.js';
|
|
7
|
+
/**
|
|
8
|
+
* Test harness for menu item.
|
|
9
|
+
*/
|
|
10
|
+
export class SelectOptionHarness extends ListItemHarness {
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=harness.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,eAAe,EAAC,MAAM,4CAA4C,CAAC;AAE3E;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,eAAe;CAAG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ListItemHarness} from '../../../list/internal/listitem/harness.js';\n\n/**\n * Test harness for menu item.\n */\nexport class SelectOptionHarness extends ListItemHarness {}\n"]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import '../../../ripple/ripple.js';
|
|
7
|
+
import '../../../focus/md-focus-ring.js';
|
|
8
|
+
import '../../../labs/item/item.js';
|
|
9
|
+
import { LitElement } from 'lit';
|
|
10
|
+
import { ClassInfo } from 'lit/directives/class-map.js';
|
|
11
|
+
import { SelectOption } from './selectOptionController.js';
|
|
12
|
+
/**
|
|
13
|
+
* @fires close-menu Closes the encapsulating menu on
|
|
14
|
+
* @fires request-selection Requests the parent md-select to select this element
|
|
15
|
+
* (and deselect others if single-selection) when `selected` changed to `true`.
|
|
16
|
+
* @fires request-deselection Requests the parent md-select to deselect this
|
|
17
|
+
* element when `selected` changed to `false`.
|
|
18
|
+
*/
|
|
19
|
+
export declare class SelectOptionEl extends LitElement implements SelectOption {
|
|
20
|
+
/** @nocollapse */
|
|
21
|
+
static shadowRootOptions: {
|
|
22
|
+
delegatesFocus: boolean;
|
|
23
|
+
mode: ShadowRootMode;
|
|
24
|
+
slotAssignment?: SlotAssignmentMode;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Disables the item and makes it non-selectable and non-interactive.
|
|
28
|
+
*/
|
|
29
|
+
disabled: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* READONLY: self-identifies as a menu item and sets its identifying attribute
|
|
32
|
+
*/
|
|
33
|
+
isMenuItem: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Sets the item in the selected visual state when a submenu is opened.
|
|
36
|
+
*/
|
|
37
|
+
selected: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Form value of the option.
|
|
40
|
+
*/
|
|
41
|
+
value: string;
|
|
42
|
+
protected readonly listItemRoot: HTMLElement | null;
|
|
43
|
+
protected readonly headlineElements: HTMLElement[];
|
|
44
|
+
type: "option";
|
|
45
|
+
/**
|
|
46
|
+
* The text that is selectable via typeahead. If not set, defaults to the
|
|
47
|
+
* innerText of the item slotted into the `"headline"` slot.
|
|
48
|
+
*/
|
|
49
|
+
get typeaheadText(): string;
|
|
50
|
+
set typeaheadText(text: string);
|
|
51
|
+
/**
|
|
52
|
+
* The text that is displayed in the select field when selected. If not set,
|
|
53
|
+
* defaults to the textContent of the item slotted into the `"headline"` slot.
|
|
54
|
+
*/
|
|
55
|
+
get displayText(): string;
|
|
56
|
+
set displayText(text: string);
|
|
57
|
+
private readonly selectOptionController;
|
|
58
|
+
protected render(): import("lit-html").TemplateResult<1>;
|
|
59
|
+
/**
|
|
60
|
+
* Renders the root list item.
|
|
61
|
+
*
|
|
62
|
+
* @param content the child content of the list item.
|
|
63
|
+
*/
|
|
64
|
+
protected renderListItem(content: unknown): import("lit-html").TemplateResult<1>;
|
|
65
|
+
/**
|
|
66
|
+
* Handles rendering of the ripple element.
|
|
67
|
+
*/
|
|
68
|
+
protected renderRipple(): import("lit-html").TemplateResult<1>;
|
|
69
|
+
/**
|
|
70
|
+
* Handles rendering of the focus ring.
|
|
71
|
+
*/
|
|
72
|
+
protected renderFocusRing(): import("lit-html").TemplateResult<1>;
|
|
73
|
+
/**
|
|
74
|
+
* Classes applied to the list item root.
|
|
75
|
+
*/
|
|
76
|
+
protected getRenderClasses(): ClassInfo;
|
|
77
|
+
/**
|
|
78
|
+
* Handles rendering the headline and supporting text.
|
|
79
|
+
*/
|
|
80
|
+
protected renderBody(): import("lit-html").TemplateResult<1>;
|
|
81
|
+
focus(): void;
|
|
82
|
+
}
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { __decorate } from "tslib";
|
|
7
|
+
import '../../../ripple/ripple.js';
|
|
8
|
+
import '../../../focus/md-focus-ring.js';
|
|
9
|
+
import '../../../labs/item/item.js';
|
|
10
|
+
import { html, LitElement, nothing } from 'lit';
|
|
11
|
+
import { property, query, queryAssignedElements } from 'lit/decorators.js';
|
|
12
|
+
import { classMap } from 'lit/directives/class-map.js';
|
|
13
|
+
import { requestUpdateOnAriaChange } from '../../../internal/aria/delegate.js';
|
|
14
|
+
import { SelectOptionController } from './selectOptionController.js';
|
|
15
|
+
/**
|
|
16
|
+
* @fires close-menu Closes the encapsulating menu on
|
|
17
|
+
* @fires request-selection Requests the parent md-select to select this element
|
|
18
|
+
* (and deselect others if single-selection) when `selected` changed to `true`.
|
|
19
|
+
* @fires request-deselection Requests the parent md-select to deselect this
|
|
20
|
+
* element when `selected` changed to `false`.
|
|
21
|
+
*/
|
|
22
|
+
export class SelectOptionEl extends LitElement {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
/**
|
|
26
|
+
* Disables the item and makes it non-selectable and non-interactive.
|
|
27
|
+
*/
|
|
28
|
+
this.disabled = false;
|
|
29
|
+
/**
|
|
30
|
+
* READONLY: self-identifies as a menu item and sets its identifying attribute
|
|
31
|
+
*/
|
|
32
|
+
this.isMenuItem = true;
|
|
33
|
+
/**
|
|
34
|
+
* Sets the item in the selected visual state when a submenu is opened.
|
|
35
|
+
*/
|
|
36
|
+
this.selected = false;
|
|
37
|
+
/**
|
|
38
|
+
* Form value of the option.
|
|
39
|
+
*/
|
|
40
|
+
this.value = '';
|
|
41
|
+
this.type = 'option';
|
|
42
|
+
this.selectOptionController = new SelectOptionController(this, {
|
|
43
|
+
getHeadlineElements: () => {
|
|
44
|
+
return this.headlineElements;
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* The text that is selectable via typeahead. If not set, defaults to the
|
|
50
|
+
* innerText of the item slotted into the `"headline"` slot.
|
|
51
|
+
*/
|
|
52
|
+
get typeaheadText() {
|
|
53
|
+
return this.selectOptionController.typeaheadText;
|
|
54
|
+
}
|
|
55
|
+
set typeaheadText(text) {
|
|
56
|
+
this.selectOptionController.setTypeaheadText(text);
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* The text that is displayed in the select field when selected. If not set,
|
|
60
|
+
* defaults to the textContent of the item slotted into the `"headline"` slot.
|
|
61
|
+
*/
|
|
62
|
+
get displayText() {
|
|
63
|
+
return this.selectOptionController.displayText;
|
|
64
|
+
}
|
|
65
|
+
set displayText(text) {
|
|
66
|
+
this.selectOptionController.setDisplayText(text);
|
|
67
|
+
}
|
|
68
|
+
render() {
|
|
69
|
+
return this.renderListItem(html `
|
|
70
|
+
<md-item>
|
|
71
|
+
<div slot="container">
|
|
72
|
+
${this.renderRipple()}
|
|
73
|
+
${this.renderFocusRing()}
|
|
74
|
+
</div>
|
|
75
|
+
<slot name="start" slot="start"></slot>
|
|
76
|
+
<slot name="end" slot="end"></slot>
|
|
77
|
+
${this.renderBody()}
|
|
78
|
+
</md-item>
|
|
79
|
+
`);
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* Renders the root list item.
|
|
83
|
+
*
|
|
84
|
+
* @param content the child content of the list item.
|
|
85
|
+
*/
|
|
86
|
+
renderListItem(content) {
|
|
87
|
+
return html `
|
|
88
|
+
<li
|
|
89
|
+
id="item"
|
|
90
|
+
tabindex=${this.disabled ? -1 : 0}
|
|
91
|
+
role=${this.selectOptionController.role}
|
|
92
|
+
aria-label=${this.ariaLabel || nothing}
|
|
93
|
+
aria-selected=${this.ariaSelected || nothing}
|
|
94
|
+
aria-checked=${this.ariaChecked || nothing}
|
|
95
|
+
aria-expanded=${this.ariaExpanded || nothing}
|
|
96
|
+
aria-haspopup=${this.ariaHasPopup || nothing}
|
|
97
|
+
class="list-item ${classMap(this.getRenderClasses())}"
|
|
98
|
+
@click=${this.selectOptionController.onClick}
|
|
99
|
+
@keydown=${this.selectOptionController.onKeydown}
|
|
100
|
+
>${content}</li>
|
|
101
|
+
`;
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Handles rendering of the ripple element.
|
|
105
|
+
*/
|
|
106
|
+
renderRipple() {
|
|
107
|
+
return html `
|
|
108
|
+
<md-ripple
|
|
109
|
+
part="ripple"
|
|
110
|
+
for="item"
|
|
111
|
+
?disabled=${this.disabled}></md-ripple>`;
|
|
112
|
+
}
|
|
113
|
+
/**
|
|
114
|
+
* Handles rendering of the focus ring.
|
|
115
|
+
*/
|
|
116
|
+
renderFocusRing() {
|
|
117
|
+
return html `
|
|
118
|
+
<md-focus-ring
|
|
119
|
+
part="focus-ring"
|
|
120
|
+
for="item"
|
|
121
|
+
inward></md-focus-ring>`;
|
|
122
|
+
}
|
|
123
|
+
/**
|
|
124
|
+
* Classes applied to the list item root.
|
|
125
|
+
*/
|
|
126
|
+
getRenderClasses() {
|
|
127
|
+
return {
|
|
128
|
+
'disabled': this.disabled,
|
|
129
|
+
'selected': this.selected,
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
/**
|
|
133
|
+
* Handles rendering the headline and supporting text.
|
|
134
|
+
*/
|
|
135
|
+
renderBody() {
|
|
136
|
+
return html `
|
|
137
|
+
<slot></slot>
|
|
138
|
+
<slot name="overline" slot="overline"></slot>
|
|
139
|
+
<slot name="headline" slot="headline"></slot>
|
|
140
|
+
<slot name="supporting-text" slot="supporting-text"></slot>
|
|
141
|
+
<slot name="trailing-supporting-text"
|
|
142
|
+
slot="trailing-supporting-text"></slot>
|
|
143
|
+
`;
|
|
144
|
+
}
|
|
145
|
+
focus() {
|
|
146
|
+
// TODO(b/300334509): needed for some cases where delegatesFocus doesn't
|
|
147
|
+
// work programmatically like in FF and select-option
|
|
148
|
+
this.listItemRoot?.focus();
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
(() => {
|
|
152
|
+
requestUpdateOnAriaChange(SelectOptionEl);
|
|
153
|
+
})();
|
|
154
|
+
/** @nocollapse */
|
|
155
|
+
SelectOptionEl.shadowRootOptions = {
|
|
156
|
+
...LitElement.shadowRootOptions,
|
|
157
|
+
delegatesFocus: true
|
|
158
|
+
};
|
|
159
|
+
__decorate([
|
|
160
|
+
property({ type: Boolean, reflect: true })
|
|
161
|
+
], SelectOptionEl.prototype, "disabled", void 0);
|
|
162
|
+
__decorate([
|
|
163
|
+
property({ type: Boolean, attribute: 'md-menu-item', reflect: true })
|
|
164
|
+
], SelectOptionEl.prototype, "isMenuItem", void 0);
|
|
165
|
+
__decorate([
|
|
166
|
+
property({ type: Boolean })
|
|
167
|
+
], SelectOptionEl.prototype, "selected", void 0);
|
|
168
|
+
__decorate([
|
|
169
|
+
property()
|
|
170
|
+
], SelectOptionEl.prototype, "value", void 0);
|
|
171
|
+
__decorate([
|
|
172
|
+
query('.list-item')
|
|
173
|
+
], SelectOptionEl.prototype, "listItemRoot", void 0);
|
|
174
|
+
__decorate([
|
|
175
|
+
queryAssignedElements({ slot: 'headline' })
|
|
176
|
+
], SelectOptionEl.prototype, "headlineElements", void 0);
|
|
177
|
+
__decorate([
|
|
178
|
+
property({ attribute: 'typeahead-text' })
|
|
179
|
+
], SelectOptionEl.prototype, "typeaheadText", null);
|
|
180
|
+
__decorate([
|
|
181
|
+
property({ attribute: 'display-text' })
|
|
182
|
+
], SelectOptionEl.prototype, "displayText", null);
|
|
183
|
+
//# sourceMappingURL=select-option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-option.js","sourceRoot":"","sources":["select-option.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../../ripple/ripple.js';\nimport '../../../focus/md-focus-ring.js';\nimport '../../../labs/item/item.js';\n\nimport {html, LitElement, nothing} from 'lit';\nimport {property, query, queryAssignedElements} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\n\nimport {ARIAMixinStrict} from '../../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../../internal/aria/delegate.js';\n\nimport {SelectOption, SelectOptionController} from './selectOptionController.js';\n\n/**\n * @fires close-menu Closes the encapsulating menu on\n * @fires request-selection Requests the parent md-select to select this element\n * (and deselect others if single-selection) when `selected` changed to `true`.\n * @fires request-deselection Requests the parent md-select to deselect this\n * element when `selected` changed to `false`.\n */\nexport class SelectOptionEl extends LitElement implements SelectOption {\n static {\n requestUpdateOnAriaChange(SelectOptionEl);\n }\n\n /** @nocollapse */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true\n };\n\n /**\n * Disables the item and makes it non-selectable and non-interactive.\n */\n @property({type: Boolean, reflect: true}) disabled = false;\n\n /**\n * READONLY: self-identifies as a menu item and sets its identifying attribute\n */\n @property({type: Boolean, attribute: 'md-menu-item', reflect: true})\n isMenuItem = true;\n\n /**\n * Sets the item in the selected visual state when a submenu is opened.\n */\n @property({type: Boolean}) selected = false;\n /**\n * Form value of the option.\n */\n @property() value = '';\n\n @query('.list-item') protected readonly listItemRoot!: HTMLElement|null;\n\n @queryAssignedElements({slot: 'headline'})\n protected readonly headlineElements!: HTMLElement[];\n\n type = 'option' as const;\n\n /**\n * The text that is selectable via typeahead. If not set, defaults to the\n * innerText of the item slotted into the `\"headline\"` slot.\n */\n get typeaheadText() {\n return this.selectOptionController.typeaheadText;\n }\n\n @property({attribute: 'typeahead-text'})\n set typeaheadText(text: string) {\n this.selectOptionController.setTypeaheadText(text);\n }\n\n /**\n * The text that is displayed in the select field when selected. If not set,\n * defaults to the textContent of the item slotted into the `\"headline\"` slot.\n */\n get displayText() {\n return this.selectOptionController.displayText;\n }\n\n @property({attribute: 'display-text'})\n set displayText(text: string) {\n this.selectOptionController.setDisplayText(text);\n }\n\n private readonly selectOptionController = new SelectOptionController(this, {\n getHeadlineElements: () => {\n return this.headlineElements;\n }\n });\n\n protected override render() {\n return this.renderListItem(html`\n <md-item>\n <div slot=\"container\">\n ${this.renderRipple()}\n ${this.renderFocusRing()}\n </div>\n <slot name=\"start\" slot=\"start\"></slot>\n <slot name=\"end\" slot=\"end\"></slot>\n ${this.renderBody()}\n </md-item>\n `);\n }\n\n /**\n * Renders the root list item.\n *\n * @param content the child content of the list item.\n */\n protected renderListItem(content: unknown) {\n return html`\n <li\n id=\"item\"\n tabindex=${this.disabled ? -1 : 0}\n role=${this.selectOptionController.role}\n aria-label=${(this as ARIAMixinStrict).ariaLabel || nothing}\n aria-selected=${(this as ARIAMixinStrict).ariaSelected || nothing}\n aria-checked=${(this as ARIAMixinStrict).ariaChecked || nothing}\n aria-expanded=${(this as ARIAMixinStrict).ariaExpanded || nothing}\n aria-haspopup=${(this as ARIAMixinStrict).ariaHasPopup || nothing}\n class=\"list-item ${classMap(this.getRenderClasses())}\"\n @click=${this.selectOptionController.onClick}\n @keydown=${this.selectOptionController.onKeydown}\n >${content}</li>\n `;\n }\n\n /**\n * Handles rendering of the ripple element.\n */\n protected renderRipple() {\n return html`\n <md-ripple\n part=\"ripple\"\n for=\"item\"\n ?disabled=${this.disabled}></md-ripple>`;\n }\n\n /**\n * Handles rendering of the focus ring.\n */\n protected renderFocusRing() {\n return html`\n <md-focus-ring\n part=\"focus-ring\"\n for=\"item\"\n inward></md-focus-ring>`;\n }\n\n /**\n * Classes applied to the list item root.\n */\n protected getRenderClasses(): ClassInfo {\n return {\n 'disabled': this.disabled,\n 'selected': this.selected,\n };\n }\n\n /**\n * Handles rendering the headline and supporting text.\n */\n protected renderBody() {\n return html`\n <slot></slot>\n <slot name=\"overline\" slot=\"overline\"></slot>\n <slot name=\"headline\" slot=\"headline\"></slot>\n <slot name=\"supporting-text\" slot=\"supporting-text\"></slot>\n <slot name=\"trailing-supporting-text\"\n slot=\"trailing-supporting-text\"></slot>\n `;\n }\n\n override focus() {\n // TODO(b/300334509): needed for some cases where delegatesFocus doesn't\n // work programmatically like in FF and select-option\n this.listItemRoot?.focus();\n }\n}\n"]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { ReactiveController, ReactiveControllerHost } from 'lit';
|
|
7
|
+
import { MenuItem, MenuItemControllerConfig } from '../../../menu/internal/controllers/menuItemController.js';
|
|
8
|
+
/**
|
|
9
|
+
* The interface specific to a Select Option
|
|
10
|
+
*/
|
|
11
|
+
interface SelectOptionSelf {
|
|
12
|
+
/**
|
|
13
|
+
* The form value associated with the Select Option. (Note: the visual portion
|
|
14
|
+
* of the SelectOption is the headline defined in ListItem)
|
|
15
|
+
*/
|
|
16
|
+
value: string;
|
|
17
|
+
/**
|
|
18
|
+
* Whether or not the SelectOption is selected.
|
|
19
|
+
*/
|
|
20
|
+
selected: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* The text to display in the select when selected. Defaults to the
|
|
23
|
+
* textContent of the Element slotted into the headline.
|
|
24
|
+
*/
|
|
25
|
+
displayText: string;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* The interface to implement for a select option. Additionally, the element
|
|
29
|
+
* must have `md-list-item` and `md-menu-item` attributes on the host.
|
|
30
|
+
*/
|
|
31
|
+
export type SelectOption = SelectOptionSelf & MenuItem;
|
|
32
|
+
/**
|
|
33
|
+
* Creates an event fired by a SelectOption to request selection from md-select.
|
|
34
|
+
* Typically fired after `selected` changes from `false` to `true`.
|
|
35
|
+
*/
|
|
36
|
+
export declare function createRequestSelectionEvent(): Event;
|
|
37
|
+
/**
|
|
38
|
+
* Creates an event fired by a SelectOption to request deselection from
|
|
39
|
+
* md-select. Typically fired after `selected` changes from `true` to `false`.
|
|
40
|
+
*/
|
|
41
|
+
export declare function createRequestDeselectionEvent(): Event;
|
|
42
|
+
/**
|
|
43
|
+
* The options used to inialize SelectOptionController.
|
|
44
|
+
*/
|
|
45
|
+
export type SelectOptionConfig = MenuItemControllerConfig;
|
|
46
|
+
/**
|
|
47
|
+
* A controller that provides most functionality and md-select compatibility for
|
|
48
|
+
* an element that implements the SelectOption interface.
|
|
49
|
+
*/
|
|
50
|
+
export declare class SelectOptionController implements ReactiveController {
|
|
51
|
+
private readonly host;
|
|
52
|
+
private readonly menuItemController;
|
|
53
|
+
private readonly getHeadlineElements;
|
|
54
|
+
private internalDisplayText;
|
|
55
|
+
private lastSelected;
|
|
56
|
+
private firstUpdate;
|
|
57
|
+
/**
|
|
58
|
+
* The recommended role of the select option.
|
|
59
|
+
*/
|
|
60
|
+
get role(): "menuitem" | "option";
|
|
61
|
+
/**
|
|
62
|
+
* The text that is selectable via typeahead. If not set, defaults to the
|
|
63
|
+
* innerText of the item slotted into the `"headline"` slot.
|
|
64
|
+
*/
|
|
65
|
+
get typeaheadText(): string;
|
|
66
|
+
setTypeaheadText(text: string): void;
|
|
67
|
+
/**
|
|
68
|
+
* The text that is displayed in the select field when selected. If not set,
|
|
69
|
+
* defaults to the textContent of the item slotted into the `"headline"` slot.
|
|
70
|
+
*/
|
|
71
|
+
get displayText(): string;
|
|
72
|
+
setDisplayText(text: string): void;
|
|
73
|
+
/**
|
|
74
|
+
* @param host The SelectOption in which to attach this controller to.
|
|
75
|
+
* @param config The object that configures this controller's behavior.
|
|
76
|
+
*/
|
|
77
|
+
constructor(host: ReactiveControllerHost & SelectOption, config: SelectOptionConfig);
|
|
78
|
+
hostUpdate(): void;
|
|
79
|
+
hostUpdated(): void;
|
|
80
|
+
/**
|
|
81
|
+
* Bind this click listener to the interactive element. Handles closing the
|
|
82
|
+
* menu.
|
|
83
|
+
*/
|
|
84
|
+
onClick: () => void;
|
|
85
|
+
/**
|
|
86
|
+
* Bind this click listener to the interactive element. Handles closing the
|
|
87
|
+
* menu.
|
|
88
|
+
*/
|
|
89
|
+
onKeydown: (e: KeyboardEvent) => void;
|
|
90
|
+
}
|
|
91
|
+
export {};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2023 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import { MenuItemController } from '../../../menu/internal/controllers/menuItemController.js';
|
|
7
|
+
/**
|
|
8
|
+
* Creates an event fired by a SelectOption to request selection from md-select.
|
|
9
|
+
* Typically fired after `selected` changes from `false` to `true`.
|
|
10
|
+
*/
|
|
11
|
+
export function createRequestSelectionEvent() {
|
|
12
|
+
return new Event('request-selection', {
|
|
13
|
+
bubbles: true,
|
|
14
|
+
composed: true,
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Creates an event fired by a SelectOption to request deselection from
|
|
19
|
+
* md-select. Typically fired after `selected` changes from `true` to `false`.
|
|
20
|
+
*/
|
|
21
|
+
export function createRequestDeselectionEvent() {
|
|
22
|
+
return new Event('request-deselection', {
|
|
23
|
+
bubbles: true,
|
|
24
|
+
composed: true,
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* A controller that provides most functionality and md-select compatibility for
|
|
29
|
+
* an element that implements the SelectOption interface.
|
|
30
|
+
*/
|
|
31
|
+
export class SelectOptionController {
|
|
32
|
+
/**
|
|
33
|
+
* The recommended role of the select option.
|
|
34
|
+
*/
|
|
35
|
+
get role() {
|
|
36
|
+
return this.menuItemController.role;
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* The text that is selectable via typeahead. If not set, defaults to the
|
|
40
|
+
* innerText of the item slotted into the `"headline"` slot.
|
|
41
|
+
*/
|
|
42
|
+
get typeaheadText() {
|
|
43
|
+
return this.menuItemController.typeaheadText;
|
|
44
|
+
}
|
|
45
|
+
setTypeaheadText(text) {
|
|
46
|
+
this.menuItemController.setTypeaheadText(text);
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* The text that is displayed in the select field when selected. If not set,
|
|
50
|
+
* defaults to the textContent of the item slotted into the `"headline"` slot.
|
|
51
|
+
*/
|
|
52
|
+
get displayText() {
|
|
53
|
+
if (this.internalDisplayText !== null) {
|
|
54
|
+
return this.internalDisplayText;
|
|
55
|
+
}
|
|
56
|
+
const headlineElements = this.getHeadlineElements();
|
|
57
|
+
const textParts = [];
|
|
58
|
+
headlineElements.forEach((headlineElement) => {
|
|
59
|
+
if (headlineElement.textContent && headlineElement.textContent.trim()) {
|
|
60
|
+
textParts.push(headlineElement.textContent.trim());
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
return textParts.join(' ');
|
|
64
|
+
}
|
|
65
|
+
setDisplayText(text) {
|
|
66
|
+
this.internalDisplayText = text;
|
|
67
|
+
}
|
|
68
|
+
/**
|
|
69
|
+
* @param host The SelectOption in which to attach this controller to.
|
|
70
|
+
* @param config The object that configures this controller's behavior.
|
|
71
|
+
*/
|
|
72
|
+
constructor(host, config) {
|
|
73
|
+
this.host = host;
|
|
74
|
+
this.internalDisplayText = null;
|
|
75
|
+
this.lastSelected = this.host.selected;
|
|
76
|
+
this.firstUpdate = true;
|
|
77
|
+
/**
|
|
78
|
+
* Bind this click listener to the interactive element. Handles closing the
|
|
79
|
+
* menu.
|
|
80
|
+
*/
|
|
81
|
+
this.onClick = () => {
|
|
82
|
+
this.menuItemController.onClick();
|
|
83
|
+
};
|
|
84
|
+
/**
|
|
85
|
+
* Bind this click listener to the interactive element. Handles closing the
|
|
86
|
+
* menu.
|
|
87
|
+
*/
|
|
88
|
+
this.onKeydown = (e) => {
|
|
89
|
+
this.menuItemController.onKeydown(e);
|
|
90
|
+
};
|
|
91
|
+
this.menuItemController = new MenuItemController(host, config);
|
|
92
|
+
this.getHeadlineElements = config.getHeadlineElements;
|
|
93
|
+
host.addController(this);
|
|
94
|
+
}
|
|
95
|
+
hostUpdate() {
|
|
96
|
+
if (this.lastSelected !== this.host.selected) {
|
|
97
|
+
this.host.ariaSelected = this.host.selected ? 'true' : 'false';
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
hostUpdated() {
|
|
101
|
+
// Do not dispatch event on first update / boot-up.
|
|
102
|
+
if (this.lastSelected !== this.host.selected && !this.firstUpdate) {
|
|
103
|
+
// This section is really useful for when the user sets selected on the
|
|
104
|
+
// option programmatically. Most other cases (click and keyboard) are
|
|
105
|
+
// handled by md-select because it needs to coordinate the
|
|
106
|
+
// single-selection behavior.
|
|
107
|
+
if (this.host.selected) {
|
|
108
|
+
this.host.dispatchEvent(createRequestSelectionEvent());
|
|
109
|
+
}
|
|
110
|
+
else {
|
|
111
|
+
this.host.dispatchEvent(createRequestDeselectionEvent());
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
this.lastSelected = this.host.selected;
|
|
115
|
+
this.firstUpdate = false;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
//# sourceMappingURL=selectOptionController.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectOptionController.js","sourceRoot":"","sources":["selectOptionController.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\nimport {MenuItem, MenuItemController, MenuItemControllerConfig} from '../../../menu/internal/controllers/menuItemController.js';\n\n/**\n * The interface specific to a Select Option\n */\ninterface SelectOptionSelf {\n /**\n * The form value associated with the Select Option. (Note: the visual portion\n * of the SelectOption is the headline defined in ListItem)\n */\n value: string;\n /**\n * Whether or not the SelectOption is selected.\n */\n selected: boolean;\n /**\n * The text to display in the select when selected. Defaults to the\n * textContent of the Element slotted into the headline.\n */\n displayText: string;\n}\n\n/**\n * The interface to implement for a select option. Additionally, the element\n * must have `md-list-item` and `md-menu-item` attributes on the host.\n */\nexport type SelectOption = SelectOptionSelf&MenuItem;\n\n/**\n * Creates an event fired by a SelectOption to request selection from md-select.\n * Typically fired after `selected` changes from `false` to `true`.\n */\nexport function createRequestSelectionEvent() {\n return new Event('request-selection', {\n bubbles: true,\n composed: true,\n });\n}\n\n/**\n * Creates an event fired by a SelectOption to request deselection from\n * md-select. Typically fired after `selected` changes from `true` to `false`.\n */\nexport function createRequestDeselectionEvent() {\n return new Event('request-deselection', {\n bubbles: true,\n composed: true,\n });\n}\n\n/**\n * The options used to inialize SelectOptionController.\n */\nexport type SelectOptionConfig = MenuItemControllerConfig;\n\n/**\n * A controller that provides most functionality and md-select compatibility for\n * an element that implements the SelectOption interface.\n */\nexport class SelectOptionController implements ReactiveController {\n private readonly menuItemController: MenuItemController;\n private readonly getHeadlineElements:\n SelectOptionConfig['getHeadlineElements'];\n private internalDisplayText: string|null = null;\n private lastSelected = this.host.selected;\n private firstUpdate = true;\n\n /**\n * The recommended role of the select option.\n */\n get role() {\n return this.menuItemController.role;\n }\n\n /**\n * The text that is selectable via typeahead. If not set, defaults to the\n * innerText of the item slotted into the `\"headline\"` slot.\n */\n get typeaheadText() {\n return this.menuItemController.typeaheadText;\n }\n\n setTypeaheadText(text: string) {\n this.menuItemController.setTypeaheadText(text);\n }\n\n /**\n * The text that is displayed in the select field when selected. If not set,\n * defaults to the textContent of the item slotted into the `\"headline\"` slot.\n */\n get displayText() {\n if (this.internalDisplayText !== null) {\n return this.internalDisplayText;\n }\n\n const headlineElements = this.getHeadlineElements();\n\n const textParts: string[] = [];\n headlineElements.forEach((headlineElement) => {\n if (headlineElement.textContent && headlineElement.textContent.trim()) {\n textParts.push(headlineElement.textContent.trim());\n }\n });\n\n return textParts.join(' ');\n }\n\n setDisplayText(text: string) {\n this.internalDisplayText = text;\n }\n\n /**\n * @param host The SelectOption in which to attach this controller to.\n * @param config The object that configures this controller's behavior.\n */\n constructor(\n private readonly host: ReactiveControllerHost&SelectOption,\n config: SelectOptionConfig) {\n this.menuItemController = new MenuItemController(host, config);\n this.getHeadlineElements = config.getHeadlineElements;\n host.addController(this);\n }\n\n hostUpdate() {\n if (this.lastSelected !== this.host.selected) {\n this.host.ariaSelected = this.host.selected ? 'true' : 'false';\n }\n }\n\n hostUpdated() {\n // Do not dispatch event on first update / boot-up.\n if (this.lastSelected !== this.host.selected && !this.firstUpdate) {\n // This section is really useful for when the user sets selected on the\n // option programmatically. Most other cases (click and keyboard) are\n // handled by md-select because it needs to coordinate the\n // single-selection behavior.\n if (this.host.selected) {\n this.host.dispatchEvent(createRequestSelectionEvent());\n } else {\n this.host.dispatchEvent(createRequestDeselectionEvent());\n }\n }\n\n this.lastSelected = this.host.selected;\n this.firstUpdate = false;\n }\n\n /**\n * Bind this click listener to the interactive element. Handles closing the\n * menu.\n */\n onClick = () => {\n this.menuItemController.onClick();\n };\n\n /**\n * Bind this click listener to the interactive element. Handles closing the\n * menu.\n */\n onKeydown = (e: KeyboardEvent) => {\n this.menuItemController.onKeydown(e);\n };\n}"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
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{color:unset;min-width:210px;display:flex}.field{cursor:default;outline:none}.select{position:relative;flex-direction:column}.icon.trailing svg,.icon ::slotted(*){fill:currentColor}.icon ::slotted(*){width:inherit;height:inherit;font-size:inherit}.icon slot{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.icon.trailing :is(.up,.down){opacity:0;transition:opacity 75ms linear 75ms}.select:not(.open) .down,.select.open .up{opacity:1}.field,.select,md-menu{min-width:inherit;width:inherit;max-width:inherit;display:flex}.field,.select{width:100%}:host{display:inline-flex}:host([disabled]){pointer-events:none}/*# sourceMappingURL=shared-styles.css.map */
|
|
8
|
+
`;
|
|
9
|
+
//# sourceMappingURL=shared-styles.css.js.map
|