@material/web 1.0.0-pre.13 → 1.0.0-pre.15
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 +9 -9
- package/all.d.ts +93 -0
- package/all.js +102 -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 +4 -4
- package/button/elevated-button.js.map +1 -1
- package/button/filled-button.d.ts +1 -1
- package/button/filled-button.js +4 -4
- package/button/filled-button.js.map +1 -1
- package/button/filled-tonal-button.d.ts +35 -0
- package/button/filled-tonal-button.js +40 -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/_elevation.scss +65 -0
- package/button/internal/_filled-tonal-button.scss +61 -0
- package/button/internal/_icon.scss +39 -0
- package/button/internal/_outlined-button.scss +104 -0
- package/button/internal/_shared.scss +159 -0
- package/button/internal/_touch-target.scss +19 -0
- package/button/internal/button.d.ts +67 -0
- package/button/internal/button.js +157 -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 +3 -3
- package/button/outlined-button.js.map +1 -1
- package/button/text-button.d.ts +1 -1
- package/button/text-button.js +3 -3
- 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 +3 -4
- 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 +415 -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 +137 -0
- package/checkbox/internal/checkbox.js +299 -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 +1 -1
- package/chips/_suggestion-chip.scss +1 -1
- package/chips/assist-chip.d.ts +1 -1
- package/chips/assist-chip.js +5 -5
- package/chips/assist-chip.js.map +1 -1
- package/chips/chip-set.d.ts +1 -1
- package/chips/chip-set.js +2 -2
- package/chips/chip-set.js.map +1 -1
- package/chips/filter-chip.d.ts +1 -1
- package/chips/filter-chip.js +7 -7
- package/chips/filter-chip.js.map +1 -1
- package/chips/harness.d.ts +1 -1
- package/chips/harness.js.map +1 -1
- package/chips/input-chip.d.ts +1 -1
- package/chips/input-chip.js +6 -6
- package/chips/input-chip.js.map +1 -1
- package/chips/internal/_shared.scss +200 -0
- package/chips/internal/_trailing-icon.scss +80 -0
- package/chips/internal/chip-set.js +163 -0
- package/chips/internal/chip-set.js.map +1 -0
- package/chips/internal/chip.d.ts +45 -0
- package/chips/internal/chip.js +93 -0
- package/chips/internal/chip.js.map +1 -0
- package/chips/internal/filter-chip.d.ts +33 -0
- package/chips/internal/filter-chip.js +109 -0
- package/chips/internal/filter-chip.js.map +1 -0
- package/chips/internal/shared-styles.css.js +9 -0
- package/chips/internal/shared-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-icons.d.ts +15 -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 -5
- package/chips/suggestion-chip.js.map +1 -1
- 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 +2 -2
- 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 +260 -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 +103 -0
- package/dialog/internal/dialog.js +338 -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 +2 -2
- package/divider/divider.js.map +1 -1
- package/elevation/_elevation.scss +1 -1
- package/elevation/elevation.d.ts +1 -1
- package/elevation/elevation.js +2 -2
- package/elevation/elevation.js.map +1 -1
- package/fab/_fab.scss +2 -2
- package/fab/branded-fab.d.ts +3 -3
- package/fab/branded-fab.js +4 -4
- package/fab/branded-fab.js.map +1 -1
- package/fab/fab.d.ts +3 -3
- package/fab/fab.js +4 -4
- 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 +260 -0
- package/fab/internal/_shared.scss +239 -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 +26 -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 +51 -0
- package/fab/internal/shared.js +110 -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 +3 -3
- 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 +191 -0
- package/field/internal/_filled-field.scss +203 -0
- package/field/internal/_label.scss +91 -0
- package/field/internal/_outlined-field.scss +323 -0
- package/field/internal/_shared.scss +70 -0
- package/field/internal/_supporting-text.scss +47 -0
- package/field/internal/field.d.ts +64 -0
- package/field/internal/field.js +318 -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-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 +3 -3
- 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 +35 -0
- package/focus/internal/focus-ring.js +89 -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 +23 -0
- package/focus/md-focus-ring.js.map +1 -0
- package/icon/_icon.scss +1 -1
- package/icon/icon.d.ts +1 -1
- package/icon/icon.js +2 -2
- package/icon/icon.js.map +1 -1
- package/icon/internal/_icon.scss +61 -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 +24 -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 +1 -1
- package/iconbutton/filled-icon-button.js +3 -3
- package/iconbutton/filled-icon-button.js.map +1 -1
- package/iconbutton/filled-tonal-icon-button.d.ts +1 -1
- package/iconbutton/filled-tonal-icon-button.js +3 -3
- 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 +39 -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 +117 -0
- package/iconbutton/internal/_outlined-icon-button.scss +178 -0
- package/iconbutton/internal/_shared.scss +103 -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 +68 -0
- package/iconbutton/internal/icon-button.js +181 -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 +1 -1
- package/iconbutton/outlined-icon-button.js +3 -3
- package/iconbutton/outlined-icon-button.js.map +1 -1
- package/internal/aria/delegate.d.ts +1 -1
- package/internal/aria/delegate.js +1 -1
- package/internal/aria/delegate.js.map +1 -1
- 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 +60 -0
- package/internal/controller/form-submitter.js +69 -0
- package/internal/controller/form-submitter.js.map +1 -0
- package/labs/badge/_badge.scss +1 -1
- package/labs/badge/badge.d.ts +1 -1
- package/labs/badge/badge.js +2 -2
- package/labs/badge/badge.js.map +1 -1
- package/labs/navigationbar/_navigation-bar.scss +1 -1
- package/labs/navigationbar/harness.d.ts +1 -1
- package/labs/navigationbar/harness.js.map +1 -1
- package/labs/navigationbar/internal/constants.d.ts +17 -0
- package/labs/navigationbar/internal/constants.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 +1 -1
- package/labs/navigationbar/navigation-bar.js +2 -2
- package/labs/navigationbar/navigation-bar.js.map +1 -1
- package/labs/navigationdrawer/_navigation-drawer-modal.scss +1 -1
- package/labs/navigationdrawer/_navigation-drawer.scss +1 -1
- 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.js +64 -0
- package/labs/navigationdrawer/internal/navigation-drawer.js.map +1 -0
- package/labs/navigationdrawer/navigation-drawer-modal.d.ts +1 -1
- package/labs/navigationdrawer/navigation-drawer-modal.js +3 -3
- package/labs/navigationdrawer/navigation-drawer-modal.js.map +1 -1
- package/labs/navigationdrawer/navigation-drawer.d.ts +1 -1
- package/labs/navigationdrawer/navigation-drawer.js +3 -3
- package/labs/navigationdrawer/navigation-drawer.js.map +1 -1
- package/labs/navigationtab/_navigation-tab.scss +1 -1
- package/labs/navigationtab/harness.d.ts +1 -1
- package/labs/navigationtab/harness.js.map +1 -1
- package/labs/navigationtab/internal/_navigation-tab.scss +259 -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 +1 -1
- package/labs/navigationtab/navigation-tab.js +2 -2
- package/labs/navigationtab/navigation-tab.js.map +1 -1
- 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/outlined-segmented-button.d.ts +1 -1
- package/labs/segmentedbutton/outlined-segmented-button.js +3 -3
- package/labs/segmentedbutton/outlined-segmented-button.js.map +1 -1
- 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 +1 -1
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js +3 -3
- package/labs/segmentedbuttonset/outlined-segmented-button-set.js.map +1 -1
- package/list/_list-item.scss +1 -1
- package/list/_list.scss +1 -1
- package/list/harness.d.ts +3 -3
- package/list/harness.js +2 -2
- package/list/harness.js.map +1 -1
- package/list/internal/list.d.ts +135 -0
- package/list/internal/list.js +303 -0
- package/list/internal/list.js.map +1 -0
- package/list/internal/listitem/_list-item.scss +394 -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 +145 -0
- package/list/internal/listitem/list-item.js +263 -0
- package/list/internal/listitem/list-item.js.map +1 -0
- package/list/list-item.d.ts +2 -2
- package/list/list-item.js +3 -3
- package/list/list-item.js.map +1 -1
- package/list/list.d.ts +1 -1
- package/list/list.js +2 -2
- 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 +3 -3
- package/menu/harness.js +2 -2
- package/menu/harness.js.map +1 -1
- package/menu/internal/_menu.scss +105 -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 +225 -0
- package/menu/internal/menu.js +672 -0
- package/menu/internal/menu.js.map +1 -0
- package/menu/internal/menuitem/_menu-item.scss +60 -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 +22 -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 +37 -0
- package/menu/internal/menuitem/menu-item.js +65 -0
- package/menu/internal/menuitem/menu-item.js.map +1 -0
- package/menu/internal/shared.d.ts +185 -0
- package/menu/internal/shared.js +131 -0
- package/menu/internal/shared.js.map +1 -0
- package/menu/internal/submenuitem/harness.d.ts +11 -0
- package/menu/internal/submenuitem/harness.js +12 -0
- package/menu/internal/submenuitem/harness.js.map +1 -0
- package/menu/internal/submenuitem/sub-menu-item.d.ts +109 -0
- package/menu/internal/submenuitem/sub-menu-item.js +308 -0
- package/menu/internal/submenuitem/sub-menu-item.js.map +1 -0
- package/menu/internal/typeaheadController.d.ts +157 -0
- package/menu/internal/typeaheadController.js +252 -0
- package/menu/internal/typeaheadController.js.map +1 -0
- package/menu/menu-item.d.ts +3 -3
- package/menu/menu-item.js +5 -6
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +4 -4
- package/menu/menu.js +3 -4
- package/menu/menu.js.map +1 -1
- package/menu/sub-menu-item.d.ts +3 -3
- package/menu/sub-menu-item.js +5 -6
- package/menu/sub-menu-item.js.map +1 -1
- package/package.json +3 -4
- 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 +27 -0
- package/progress/circular-progress.js.map +1 -0
- package/progress/harness.d.ts +20 -0
- package/progress/harness.js +27 -0
- package/progress/harness.js.map +1 -0
- package/progress/internal/_circular-progress.scss +285 -0
- package/progress/internal/_linear-progress.scss +379 -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 +27 -0
- package/progress/internal/linear-progress.js +91 -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 +26 -0
- package/progress/linear-progress.js.map +1 -0
- package/radio/_radio.scss +1 -1
- package/radio/harness.d.ts +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 +58 -0
- package/radio/internal/radio.js +159 -0
- package/radio/internal/radio.js.map +1 -0
- package/radio/internal/single-selection-controller.js +196 -0
- package/radio/internal/single-selection-controller.js.map +1 -0
- package/radio/radio.d.ts +1 -1
- package/radio/radio.js +3 -3
- package/radio/radio.js.map +1 -1
- package/ripple/_ripple.scss +1 -1
- package/ripple/internal/ripple.js +397 -0
- package/ripple/internal/ripple.js.map +1 -0
- package/ripple/ripple.d.ts +1 -1
- package/ripple/ripple.js +2 -2
- 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 +4 -4
- package/select/filled-select.js.map +1 -1
- package/select/harness.d.ts +3 -3
- package/select/harness.js +1 -1
- package/select/harness.js.map +1 -1
- package/select/internal/_filled-select.scss +222 -0
- package/select/internal/_outlined-select.scss +180 -0
- package/select/internal/_shared.scss +82 -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 +201 -0
- package/select/internal/select.js +550 -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 +28 -0
- package/select/internal/selectoption/select-option.js +70 -0
- package/select/internal/selectoption/select-option.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 +48 -0
- package/select/internal/shared.js +43 -0
- package/select/internal/shared.js.map +1 -0
- package/select/outlined-select.d.ts +1 -1
- package/select/outlined-select.js +4 -4
- package/select/outlined-select.js.map +1 -1
- package/select/select-option.d.ts +1 -1
- package/select/select-option.js +5 -5
- 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.map +1 -1
- package/slider/internal/_slider.scss +478 -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 +173 -0
- package/slider/internal/slider.js +621 -0
- package/slider/internal/slider.js.map +1 -0
- package/slider/slider.d.ts +1 -1
- package/slider/slider.js +3 -3
- package/slider/slider.js.map +1 -1
- package/switch/_switch.scss +1 -1
- package/switch/harness.d.ts +1 -1
- package/switch/harness.js.map +1 -1
- package/switch/internal/_handle.scss +159 -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 +41 -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 +79 -0
- package/switch/internal/switch.js +208 -0
- package/switch/internal/switch.js.map +1 -0
- package/switch/switch.d.ts +1 -1
- package/switch/switch.js +3 -3
- package/switch/switch.js.map +1 -1
- package/tabs/_tab.scss +1 -1
- package/tabs/harness.d.ts +2 -2
- package/tabs/harness.js.map +1 -1
- package/tabs/internal/_tab.scss +295 -0
- package/tabs/internal/_tabs.scss +45 -0
- package/tabs/internal/tab-styles.css.js +9 -0
- package/tabs/internal/tab-styles.css.js.map +1 -0
- package/tabs/internal/tab.d.ts +62 -0
- package/tabs/internal/tab.js +161 -0
- package/tabs/internal/tab.js.map +1 -0
- package/tabs/internal/tabs.d.ts +88 -0
- package/tabs/internal/tabs.js +307 -0
- package/tabs/internal/tabs.js.map +1 -0
- package/tabs/tab.d.ts +2 -2
- package/tabs/tab.js +2 -2
- package/tabs/tab.js.map +1 -1
- package/tabs/tabs.d.ts +2 -2
- package/tabs/tabs.js +2 -2
- package/tabs/tabs.js.map +1 -1
- 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 +4 -4
- package/textfield/filled-text-field.js.map +1 -1
- package/textfield/harness.d.ts +5 -5
- package/textfield/harness.js +5 -1
- package/textfield/harness.js.map +1 -1
- package/textfield/internal/_filled-text-field.scss +194 -0
- package/textfield/internal/_input.scss +72 -0
- package/textfield/internal/_outlined-text-field.scss +167 -0
- package/textfield/internal/_shared.scss +47 -0
- package/textfield/internal/filled-styles.css.js +9 -0
- package/textfield/internal/filled-styles.css.js.map +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.js +9 -0
- package/textfield/internal/shared-styles.css.js.map +1 -0
- package/textfield/internal/text-field.d.ts +326 -0
- package/textfield/internal/text-field.js +702 -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 +4 -4
- package/textfield/outlined-text-field.js.map +1 -1
- package/tokens/_index.scss +1 -0
- package/tokens/_md-comp-checkbox.scss +58 -34
- package/tokens/_md-comp-dialog.scss +2 -1
- package/tokens/_md-comp-elevated-button.scss +14 -12
- package/tokens/_md-comp-filled-button.scss +14 -12
- package/tokens/_md-comp-filled-field.scss +18 -11
- package/tokens/_md-comp-filled-icon-button.scss +23 -8
- package/tokens/_md-comp-filled-select.scss +19 -1
- package/tokens/_md-comp-filled-text-field.scss +2 -1
- package/tokens/_md-comp-filled-tonal-button.scss +14 -12
- package/tokens/_md-comp-filled-tonal-icon-button.scss +23 -8
- package/tokens/_md-comp-icon-button.scss +24 -11
- package/tokens/_md-comp-icon.scss +32 -0
- package/tokens/_md-comp-list-item.scss +1 -1
- package/tokens/_md-comp-outlined-button.scss +14 -12
- package/tokens/_md-comp-outlined-field.scss +14 -8
- package/tokens/_md-comp-outlined-icon-button.scss +26 -12
- package/tokens/_md-comp-outlined-segmented-button.scss +2 -2
- package/tokens/_md-comp-outlined-text-field.scss +2 -1
- package/tokens/_md-comp-radio-button.scss +20 -9
- package/tokens/_md-comp-switch.scss +66 -32
- package/tokens/_md-comp-text-button.scss +14 -12
- package/button/_tonal-button.scss +0 -6
- package/button/lib/_elevation.scss +0 -68
- package/button/lib/_icon.scss +0 -42
- package/button/lib/_outlined-button.scss +0 -107
- package/button/lib/_shared.scss +0 -162
- package/button/lib/_tonal-button.scss +0 -61
- package/button/lib/_touch-target.scss +0 -18
- package/button/lib/button.d.ts +0 -71
- package/button/lib/button.js +0 -190
- 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 -451
- 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 -66
- package/checkbox/lib/checkbox.js +0 -187
- 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/_shared.scss +0 -190
- package/chips/lib/_trailing-icon.scss +0 -78
- package/chips/lib/chip-set.js +0 -165
- package/chips/lib/chip-set.js.map +0 -1
- package/chips/lib/chip.d.ts +0 -45
- package/chips/lib/chip.js +0 -95
- package/chips/lib/chip.js.map +0 -1
- package/chips/lib/filter-chip.d.ts +0 -32
- package/chips/lib/filter-chip.js +0 -103
- package/chips/lib/filter-chip.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/trailing-icon-styles.css.js +0 -9
- package/chips/lib/trailing-icon-styles.css.js.map +0 -1
- package/chips/lib/trailing-icons.d.ts +0 -15
- package/chips/lib/trailing-icons.js +0 -38
- package/chips/lib/trailing-icons.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/dialog/lib/_dialog.scss +0 -376
- package/dialog/lib/_tokens.scss +0 -68
- 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 -196
- package/dialog/lib/dialog.js +0 -561
- package/dialog/lib/dialog.js.map +0 -1
- package/fab/lib/_fab.scss +0 -253
- package/fab/lib/_shared.scss +0 -222
- 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 -26
- 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 -55
- package/fab/lib/shared.js +0 -120
- 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 -46
- package/field/lib/field.d.ts +0 -65
- package/field/lib/field.js +0 -321
- 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-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 -129
- 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 -34
- package/focus/lib/focus-ring.js +0 -79
- 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 -169
- package/iconbutton/lib/_filled-tonal-icon-button.scss +0 -171
- package/iconbutton/lib/_outlined-icon-button.scss +0 -178
- package/iconbutton/lib/_shared.scss +0 -104
- package/iconbutton/lib/_standard-icon-button.scss +0 -112
- 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 -59
- package/iconbutton/lib/icon-button.js +0 -166
- 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/labs/navigationbar/lib/constants.d.ts +0 -17
- package/labs/navigationbar/lib/constants.js.map +0 -1
- package/labs/navigationbar/lib/navigation-bar.d.ts +0 -27
- package/labs/navigationbar/lib/navigation-bar.js +0 -140
- package/labs/navigationbar/lib/navigation-bar.js.map +0 -1
- package/labs/navigationbar/lib/state.d.ts +0 -23
- package/labs/navigationbar/lib/state.js.map +0 -1
- package/labs/navigationdrawer/lib/navigation-drawer-modal.js +0 -83
- package/labs/navigationdrawer/lib/navigation-drawer-modal.js.map +0 -1
- package/labs/navigationdrawer/lib/navigation-drawer.js +0 -66
- package/labs/navigationdrawer/lib/navigation-drawer.js.map +0 -1
- package/labs/navigationtab/lib/_navigation-tab.scss +0 -257
- package/labs/navigationtab/lib/navigation-tab-styles.css.js +0 -9
- package/labs/navigationtab/lib/navigation-tab-styles.css.js.map +0 -1
- package/labs/navigationtab/lib/navigation-tab.d.ts +0 -30
- package/labs/navigationtab/lib/navigation-tab.js +0 -119
- package/labs/navigationtab/lib/navigation-tab.js.map +0 -1
- package/labs/segmentedbutton/lib/outlined-styles.css.js +0 -9
- package/labs/segmentedbutton/lib/outlined-styles.css.js.map +0 -1
- package/labs/segmentedbutton/lib/segmented-button.d.ts +0 -44
- package/labs/segmentedbutton/lib/segmented-button.js +0 -159
- package/labs/segmentedbutton/lib/segmented-button.js.map +0 -1
- package/labs/segmentedbuttonset/lib/outlined-styles.css.js +0 -9
- package/labs/segmentedbuttonset/lib/outlined-styles.css.js.map +0 -1
- package/labs/segmentedbuttonset/lib/segmented-button-set.d.ts +0 -26
- package/labs/segmentedbuttonset/lib/segmented-button-set.js +0 -110
- package/labs/segmentedbuttonset/lib/segmented-button-set.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.d.ts +0 -135
- package/list/lib/list.js +0 -305
- package/list/lib/list.js.map +0 -1
- package/list/lib/listitem/_list-item.scss +0 -424
- 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 -133
- package/list/lib/listitem/list-item.js +0 -230
- package/list/lib/listitem/list-item.js.map +0 -1
- package/list/lib/listitemlink/list-item-link-only.d.ts +0 -23
- package/list/lib/listitemlink/list-item-link-only.js +0 -36
- package/list/lib/listitemlink/list-item-link-only.js.map +0 -1
- package/list/lib/listitemlink/list-item-link.d.ts +0 -18
- package/list/lib/listitemlink/list-item-link.js +0 -42
- 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/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 -225
- package/menu/lib/menu.js +0 -673
- 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/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/radio/lib/_radio.scss +0 -169
- 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 -57
- package/radio/lib/radio.js +0 -154
- package/radio/lib/radio.js.map +0 -1
- package/radio/lib/single-selection-controller.js +0 -192
- package/radio/lib/single-selection-controller.js.map +0 -1
- package/ripple/lib/ripple.js +0 -389
- package/ripple/lib/ripple.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 -56
- 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 -206
- package/select/lib/select.js +0 -553
- 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 -29
- 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/slider-styles.css.js +0 -9
- package/slider/lib/slider-styles.css.js.map +0 -1
- package/slider/lib/slider.d.ts +0 -173
- package/slider/lib/slider.js +0 -623
- package/slider/lib/slider.js.map +0 -1
- package/switch/lib/_handle.scss +0 -159
- package/switch/lib/_icon.scss +0 -92
- package/switch/lib/_switch.scss +0 -152
- package/switch/lib/_track.scss +0 -91
- package/switch/lib/forced-colors-styles.css.d.ts +0 -1
- package/switch/lib/forced-colors-styles.css.js +0 -9
- package/switch/lib/forced-colors-styles.css.js.map +0 -1
- package/switch/lib/forced-colors-styles.scss +0 -41
- 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 -79
- package/switch/lib/switch.js +0 -210
- package/switch/lib/switch.js.map +0 -1
- package/tabs/lib/_tab.scss +0 -293
- package/tabs/lib/_tabs.scss +0 -44
- package/tabs/lib/tab-styles.css.js +0 -9
- package/tabs/lib/tab-styles.css.js.map +0 -1
- package/tabs/lib/tab.d.ts +0 -68
- package/tabs/lib/tab.js +0 -164
- package/tabs/lib/tab.js.map +0 -1
- package/tabs/lib/tabs.d.ts +0 -91
- package/tabs/lib/tabs.js +0 -312
- package/tabs/lib/tabs.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 -37
- 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 -320
- package/textfield/lib/text-field.js +0 -641
- package/textfield/lib/text-field.js.map +0 -1
- /package/button/{lib → internal}/_elevated-button.scss +0 -0
- /package/button/{lib → internal}/_filled-button.scss +0 -0
- /package/button/{lib → internal}/_text-button.scss +0 -0
- /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-chip.scss +0 -0
- /package/chips/{lib → internal}/_chip-set.scss +0 -0
- /package/chips/{lib → internal}/_elevated.scss +0 -0
- /package/chips/{lib → internal}/_filter-chip.scss +0 -0
- /package/chips/{lib → internal}/_input-chip.scss +0 -0
- /package/chips/{lib → internal}/_selectable.scss +0 -0
- /package/chips/{lib → internal}/_suggestion-chip.scss +0 -0
- /package/chips/{lib → internal}/assist-chip.d.ts +0 -0
- /package/chips/{lib → internal}/assist-chip.js +0 -0
- /package/chips/{lib → internal}/assist-chip.js.map +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/assist-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/assist-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/assist-styles.css.js +0 -0
- /package/chips/{lib → internal}/assist-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/assist-styles.scss +0 -0
- /package/chips/{lib → internal}/chip-set-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/chip-set-styles.css.js +0 -0
- /package/chips/{lib → internal}/chip-set-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/chip-set-styles.scss +0 -0
- /package/chips/{lib → internal}/chip-set.d.ts +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.js +0 -0
- /package/chips/{lib → internal}/elevated-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/elevated-styles.scss +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/filter-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/filter-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/filter-styles.css.js +0 -0
- /package/chips/{lib → internal}/filter-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/filter-styles.scss +0 -0
- /package/chips/{lib → internal}/input-chip.d.ts +0 -0
- /package/chips/{lib → internal}/input-chip.js +0 -0
- /package/chips/{lib → internal}/input-chip.js.map +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/input-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/input-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/input-styles.css.js +0 -0
- /package/chips/{lib → internal}/input-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/input-styles.scss +0 -0
- /package/chips/{lib → internal}/multi-action-chip.d.ts +0 -0
- /package/chips/{lib → internal}/multi-action-chip.js +0 -0
- /package/chips/{lib → internal}/multi-action-chip.js.map +0 -0
- /package/chips/{lib → internal}/selectable-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/selectable-styles.css.js +0 -0
- /package/chips/{lib → internal}/selectable-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/selectable-styles.scss +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-forced-colors-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.js +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/suggestion-forced-colors-styles.scss +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.js +0 -0
- /package/chips/{lib → internal}/suggestion-styles.css.js.map +0 -0
- /package/chips/{lib → internal}/suggestion-styles.scss +0 -0
- /package/chips/{lib → internal}/trailing-icon-styles.css.d.ts +0 -0
- /package/chips/{lib → internal}/trailing-icon-styles.scss +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.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.scss +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.d.ts +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.js +0 -0
- /package/elevation/{lib → internal}/elevation-styles.css.js.map +0 -0
- /package/elevation/{lib → internal}/elevation-styles.scss +0 -0
- /package/elevation/{lib → internal}/elevation.d.ts +0 -0
- /package/elevation/{lib → internal}/elevation.js +0 -0
- /package/elevation/{lib → internal}/elevation.js.map +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.css.js +0 -0
- /package/fab/{lib → internal}/fab-branded-styles.css.js.map +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/{checkbox/lib → fab/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.d.ts +0 -0
- /package/field/{lib → internal}/outlined-field.js +0 -0
- /package/field/{lib → internal}/outlined-field.js.map +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/{button/lib/tonal-styles.css.d.ts → iconbutton/internal/filled-tonal-styles.css.d.ts} +0 -0
- /package/iconbutton/{lib → internal}/filled-tonal-styles.scss +0 -0
- /package/iconbutton/{lib → 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/labs/badge/{lib → internal}/_badge.scss +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.css.d.ts +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.css.js +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.css.js.map +0 -0
- /package/labs/badge/{lib → internal}/badge-styles.scss +0 -0
- /package/labs/badge/{lib → internal}/badge.d.ts +0 -0
- /package/labs/badge/{lib → internal}/badge.js +0 -0
- /package/labs/badge/{lib → internal}/badge.js.map +0 -0
- /package/labs/navigationbar/{lib → internal}/_navigation-bar.scss +0 -0
- /package/labs/navigationbar/{lib → internal}/constants.js +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.d.ts +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.js +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.css.js.map +0 -0
- /package/labs/navigationbar/{lib → internal}/navigation-bar-styles.scss +0 -0
- /package/labs/navigationbar/{lib → internal}/state.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/_navigation-drawer-modal.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/_navigation-drawer.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/_shared.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.css.js.map +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal-styles.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-modal.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.css.js.map +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer-styles.scss +0 -0
- /package/labs/navigationdrawer/{lib → internal}/navigation-drawer.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.js +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.css.js.map +0 -0
- /package/labs/navigationdrawer/{lib → internal}/shared-styles.scss +0 -0
- /package/labs/navigationtab/{lib → internal}/navigation-tab-styles.css.d.ts +0 -0
- /package/labs/navigationtab/{lib → internal}/navigation-tab-styles.scss +0 -0
- /package/labs/navigationtab/{lib → internal}/state.d.ts +0 -0
- /package/labs/navigationtab/{lib → internal}/state.js +0 -0
- /package/labs/navigationtab/{lib → internal}/state.js.map +0 -0
- /package/labs/segmentedbutton/{lib → internal}/_outlined-segmented-button.scss +0 -0
- /package/labs/segmentedbutton/{lib → internal}/_shared.scss +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.d.ts +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.js +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-segmented-button.js.map +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/labs/segmentedbutton/{lib → internal}/outlined-styles.scss +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.js +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.css.js.map +0 -0
- /package/labs/segmentedbutton/{lib → internal}/shared-styles.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/_outlined-segmented-button-set.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/_shared.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.d.ts +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.js +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-segmented-button-set.js.map +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.css.d.ts +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/outlined-styles.scss +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.js +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.css.js.map +0 -0
- /package/labs/segmentedbuttonset/{lib → internal}/shared-styles.scss +0 -0
- /package/list/{lib → internal}/_list.scss +0 -0
- /package/list/{lib → internal}/list-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/list-styles.css.js +0 -0
- /package/list/{lib → internal}/list-styles.css.js.map +0 -0
- /package/list/{lib → internal}/list-styles.scss +0 -0
- /package/{fab/lib → list/internal/listitem}/forced-colors-styles.css.d.ts +0 -0
- /package/list/{lib → internal}/listitem/forced-colors-styles.css.js +0 -0
- /package/list/{lib → internal}/listitem/forced-colors-styles.css.js.map +0 -0
- /package/list/{lib → internal}/listitem/forced-colors-styles.scss +0 -0
- /package/list/{lib → internal}/listitem/harness.d.ts +0 -0
- /package/list/{lib → internal}/listitem/harness.js +0 -0
- /package/list/{lib → internal}/listitem/harness.js.map +0 -0
- /package/list/{lib → internal}/listitem/list-item-only.d.ts +0 -0
- /package/list/{lib → internal}/listitem/list-item-only.js +0 -0
- /package/list/{lib → internal}/listitem/list-item-only.js.map +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/{list/lib/listitem → menu/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/menu/{lib → 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/menu/{lib → internal}/surfacePositionController.d.ts +0 -0
- /package/menu/{lib → internal}/surfacePositionController.js +0 -0
- /package/menu/{lib → internal}/surfacePositionController.js.map +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/{circularprogress/lib → progress/internal}/circular-progress-styles.css.d.ts +0 -0
- /package/{circularprogress/lib → progress/internal}/circular-progress-styles.scss +0 -0
- /package/{linearprogress/lib → progress/internal}/linear-progress-styles.css.d.ts +0 -0
- /package/{linearprogress/lib → progress/internal}/linear-progress-styles.scss +0 -0
- /package/{menu/lib/menuitem → radio/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/radio/{lib → 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/ripple/{lib → internal}/_ripple.scss +0 -0
- /package/ripple/{lib → internal}/ripple-styles.css.d.ts +0 -0
- /package/ripple/{lib → internal}/ripple-styles.css.js +0 -0
- /package/ripple/{lib → internal}/ripple-styles.css.js.map +0 -0
- /package/ripple/{lib → internal}/ripple-styles.scss +0 -0
- /package/ripple/{lib → internal}/ripple.d.ts +0 -0
- /package/select/{lib → 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 → 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/select/{lib → 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 → 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/select/{lib → internal}/shared-styles.css.d.ts +0 -0
- /package/select/{lib → internal}/shared-styles.scss +0 -0
- /package/{radio/lib → slider/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/slider/{lib → internal}/forced-colors-styles.css.js +0 -0
- /package/slider/{lib → internal}/forced-colors-styles.css.js.map +0 -0
- /package/slider/{lib → internal}/forced-colors-styles.scss +0 -0
- /package/slider/{lib → internal}/slider-styles.css.d.ts +0 -0
- /package/slider/{lib → internal}/slider-styles.scss +0 -0
- /package/switch/{lib → internal}/README.md +0 -0
- /package/{slider/lib → switch/internal}/forced-colors-styles.css.d.ts +0 -0
- /package/switch/{lib → internal}/switch-styles.css.d.ts +0 -0
- /package/switch/{lib → internal}/switch-styles.scss +0 -0
- /package/tabs/{lib → internal}/tab-styles.css.d.ts +0 -0
- /package/tabs/{lib → internal}/tab-styles.scss +0 -0
- /package/tabs/{lib → internal}/tabs-styles.css.d.ts +0 -0
- /package/tabs/{lib → internal}/tabs-styles.css.js +0 -0
- /package/tabs/{lib → internal}/tabs-styles.css.js.map +0 -0
- /package/tabs/{lib → internal}/tabs-styles.scss +0 -0
- /package/textfield/{lib → internal}/_icon.scss +0 -0
- /package/textfield/{lib → internal}/filled-forced-colors-styles.css.d.ts +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.css.d.ts +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.d.ts +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.css.d.ts +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.css.d.ts +0 -0
- /package/textfield/{lib → internal}/shared-styles.scss +0 -0
package/chips/lib/chip-set.js
DELETED
|
@@ -1,165 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import { html, isServer, LitElement, nothing } from 'lit';
|
|
9
|
-
import { property, queryAssignedElements } from 'lit/decorators.js';
|
|
10
|
-
import { requestUpdateOnAriaChange } from '../../internal/aria/delegate.js';
|
|
11
|
-
import { Chip } from './chip.js';
|
|
12
|
-
/**
|
|
13
|
-
* A chip set component.
|
|
14
|
-
*/
|
|
15
|
-
export class ChipSet extends LitElement {
|
|
16
|
-
get chips() {
|
|
17
|
-
return this.childElements.filter((child) => child instanceof Chip);
|
|
18
|
-
}
|
|
19
|
-
constructor() {
|
|
20
|
-
super();
|
|
21
|
-
this.type = '';
|
|
22
|
-
this.singleSelect = false;
|
|
23
|
-
if (!isServer) {
|
|
24
|
-
this.addEventListener('focusin', this.updateTabIndices.bind(this));
|
|
25
|
-
this.addEventListener('keydown', this.handleKeyDown.bind(this));
|
|
26
|
-
this.addEventListener('selected', this.handleSelected.bind(this));
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
updated(changed) {
|
|
30
|
-
if (changed.has('singleSelect') && this.singleSelect) {
|
|
31
|
-
let hasSelectedChip = false;
|
|
32
|
-
for (const chip of this.chips) {
|
|
33
|
-
if (chip.selected === true) {
|
|
34
|
-
if (!hasSelectedChip) {
|
|
35
|
-
hasSelectedChip = true;
|
|
36
|
-
continue;
|
|
37
|
-
}
|
|
38
|
-
chip.selected = false;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
render() {
|
|
44
|
-
const { ariaLabel } = this;
|
|
45
|
-
const isFilter = this.type === 'filter';
|
|
46
|
-
const role = isFilter ? 'listbox' : 'grid';
|
|
47
|
-
const multiselectable = isFilter ? !this.singleSelect : nothing;
|
|
48
|
-
return html `
|
|
49
|
-
<div class="content"
|
|
50
|
-
role=${role}
|
|
51
|
-
aria-label=${ariaLabel || nothing}
|
|
52
|
-
aria-multiselectable=${multiselectable}>
|
|
53
|
-
<slot @slotchange=${this.updateTabIndices}></slot>
|
|
54
|
-
</div>
|
|
55
|
-
`;
|
|
56
|
-
}
|
|
57
|
-
handleKeyDown(event) {
|
|
58
|
-
const isDown = event.key === 'ArrowDown';
|
|
59
|
-
const isUp = event.key === 'ArrowUp';
|
|
60
|
-
const isLeft = event.key === 'ArrowLeft';
|
|
61
|
-
const isRight = event.key === 'ArrowRight';
|
|
62
|
-
const isHome = event.key === 'Home';
|
|
63
|
-
const isEnd = event.key === 'End';
|
|
64
|
-
// Ignore non-navigation keys
|
|
65
|
-
if (!isLeft && !isRight && !isDown && !isUp && !isHome && !isEnd) {
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
const { chips } = this;
|
|
69
|
-
// Don't try to select another chip if there aren't any.
|
|
70
|
-
if (chips.length < 2) {
|
|
71
|
-
return;
|
|
72
|
-
}
|
|
73
|
-
// Prevent default interactions, such as scrolling.
|
|
74
|
-
event.preventDefault();
|
|
75
|
-
if (isHome || isEnd) {
|
|
76
|
-
const index = isHome ? 0 : chips.length - 1;
|
|
77
|
-
chips[index].focus({ trailing: isEnd });
|
|
78
|
-
this.updateTabIndices();
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
// Check if moving forwards or backwards
|
|
82
|
-
const isRtl = getComputedStyle(this).direction === 'rtl';
|
|
83
|
-
const forwards = isRtl ? isLeft || isUp : isRight || isDown;
|
|
84
|
-
const focusedChip = chips.find(chip => chip.matches(':focus-within'));
|
|
85
|
-
if (!focusedChip) {
|
|
86
|
-
// If there is not already a chip focused, select the first or last chip
|
|
87
|
-
// based on the direction we're traveling.
|
|
88
|
-
const nextChip = forwards ? chips[0] : chips[chips.length - 1];
|
|
89
|
-
nextChip.focus({ trailing: !forwards });
|
|
90
|
-
this.updateTabIndices();
|
|
91
|
-
return;
|
|
92
|
-
}
|
|
93
|
-
const currentIndex = chips.indexOf(focusedChip);
|
|
94
|
-
let nextIndex = forwards ? currentIndex + 1 : currentIndex - 1;
|
|
95
|
-
// Search for the next sibling that is not disabled to select.
|
|
96
|
-
// If we return to the host index, there is nothing to select.
|
|
97
|
-
while (nextIndex !== currentIndex) {
|
|
98
|
-
if (nextIndex >= chips.length) {
|
|
99
|
-
// Return to start if moving past the last item.
|
|
100
|
-
nextIndex = 0;
|
|
101
|
-
}
|
|
102
|
-
else if (nextIndex < 0) {
|
|
103
|
-
// Go to end if moving before the first item.
|
|
104
|
-
nextIndex = chips.length - 1;
|
|
105
|
-
}
|
|
106
|
-
// Check if the next sibling is disabled. If so,
|
|
107
|
-
// move the index and continue searching.
|
|
108
|
-
const nextChip = chips[nextIndex];
|
|
109
|
-
if (nextChip.disabled) {
|
|
110
|
-
if (forwards) {
|
|
111
|
-
nextIndex++;
|
|
112
|
-
}
|
|
113
|
-
else {
|
|
114
|
-
nextIndex--;
|
|
115
|
-
}
|
|
116
|
-
continue;
|
|
117
|
-
}
|
|
118
|
-
nextChip.focus({ trailing: !forwards });
|
|
119
|
-
this.updateTabIndices();
|
|
120
|
-
break;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
updateTabIndices() {
|
|
124
|
-
const { chips } = this;
|
|
125
|
-
let hasFocusedChip = false;
|
|
126
|
-
for (const chip of chips) {
|
|
127
|
-
if (chip.matches(':focus-within')) {
|
|
128
|
-
chip.removeAttribute('tabindex');
|
|
129
|
-
hasFocusedChip = true;
|
|
130
|
-
}
|
|
131
|
-
else {
|
|
132
|
-
chip.tabIndex = -1;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
if (!hasFocusedChip) {
|
|
136
|
-
chips[0]?.removeAttribute('tabindex');
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
handleSelected(event) {
|
|
140
|
-
if (!this.singleSelect) {
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
if (event.target.selected === true) {
|
|
144
|
-
for (const chip of this.chips) {
|
|
145
|
-
if (chip !== event.target && chip.selected) {
|
|
146
|
-
chip.selected = false;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
_a = ChipSet;
|
|
153
|
-
(() => {
|
|
154
|
-
requestUpdateOnAriaChange(_a);
|
|
155
|
-
})();
|
|
156
|
-
__decorate([
|
|
157
|
-
property()
|
|
158
|
-
], ChipSet.prototype, "type", void 0);
|
|
159
|
-
__decorate([
|
|
160
|
-
property({ type: Boolean, attribute: 'single-select' })
|
|
161
|
-
], ChipSet.prototype, "singleSelect", void 0);
|
|
162
|
-
__decorate([
|
|
163
|
-
queryAssignedElements()
|
|
164
|
-
], ChipSet.prototype, "childElements", void 0);
|
|
165
|
-
//# sourceMappingURL=chip-set.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chip-set.js","sourceRoot":"","sources":["chip-set.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 {html, isServer, LitElement, nothing, PropertyValues} from 'lit';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\n\nimport {Chip} from './chip.js';\n\n/**\n * The type of chip a chip set controls.\n */\nexport type ChipSetType = 'assist'|'suggestion'|'filter'|'input'|'';\n\n/**\n * A chip set component.\n */\nexport class ChipSet extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n get chips() {\n return this.childElements.filter(\n (child): child is Chip => child instanceof Chip);\n }\n\n @property() type: ChipSetType = '';\n @property({type: Boolean, attribute: 'single-select'}) singleSelect = false;\n\n @queryAssignedElements() private readonly childElements!: HTMLElement[];\n\n constructor() {\n super();\n if (!isServer) {\n this.addEventListener('focusin', this.updateTabIndices.bind(this));\n this.addEventListener('keydown', this.handleKeyDown.bind(this));\n this.addEventListener('selected', this.handleSelected.bind(this));\n }\n }\n\n protected override updated(changed: PropertyValues<this>) {\n if (changed.has('singleSelect') && this.singleSelect) {\n let hasSelectedChip = false;\n for (const chip of this.chips as MaybeSelectableChip[]) {\n if (chip.selected === true) {\n if (!hasSelectedChip) {\n hasSelectedChip = true;\n continue;\n }\n\n chip.selected = false;\n }\n }\n }\n }\n\n protected override render() {\n const {ariaLabel} = this as ARIAMixinStrict;\n const isFilter = this.type === 'filter';\n const role = isFilter ? 'listbox' : 'grid';\n const multiselectable = isFilter ? !this.singleSelect : nothing;\n return html`\n <div class=\"content\"\n role=${role}\n aria-label=${ariaLabel || nothing}\n aria-multiselectable=${multiselectable}>\n <slot @slotchange=${this.updateTabIndices}></slot>\n </div>\n `;\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const isDown = event.key === 'ArrowDown';\n const isUp = event.key === 'ArrowUp';\n const isLeft = event.key === 'ArrowLeft';\n const isRight = event.key === 'ArrowRight';\n const isHome = event.key === 'Home';\n const isEnd = event.key === 'End';\n // Ignore non-navigation keys\n if (!isLeft && !isRight && !isDown && !isUp && !isHome && !isEnd) {\n return;\n }\n\n const {chips} = this as {chips: MaybeMultiActionChip[]};\n // Don't try to select another chip if there aren't any.\n if (chips.length < 2) {\n return;\n }\n\n // Prevent default interactions, such as scrolling.\n event.preventDefault();\n\n if (isHome || isEnd) {\n const index = isHome ? 0 : chips.length - 1;\n chips[index].focus({trailing: isEnd});\n this.updateTabIndices();\n return;\n }\n\n // Check if moving forwards or backwards\n const isRtl = getComputedStyle(this).direction === 'rtl';\n const forwards = isRtl ? isLeft || isUp : isRight || isDown;\n const focusedChip = chips.find(chip => chip.matches(':focus-within'));\n if (!focusedChip) {\n // If there is not already a chip focused, select the first or last chip\n // based on the direction we're traveling.\n const nextChip = forwards ? chips[0] : chips[chips.length - 1];\n nextChip.focus({trailing: !forwards});\n this.updateTabIndices();\n return;\n }\n\n const currentIndex = chips.indexOf(focusedChip);\n let nextIndex = forwards ? currentIndex + 1 : currentIndex - 1;\n // Search for the next sibling that is not disabled to select.\n // If we return to the host index, there is nothing to select.\n while (nextIndex !== currentIndex) {\n if (nextIndex >= chips.length) {\n // Return to start if moving past the last item.\n nextIndex = 0;\n } else if (nextIndex < 0) {\n // Go to end if moving before the first item.\n nextIndex = chips.length - 1;\n }\n\n // Check if the next sibling is disabled. If so,\n // move the index and continue searching.\n const nextChip = chips[nextIndex];\n if (nextChip.disabled) {\n if (forwards) {\n nextIndex++;\n } else {\n nextIndex--;\n }\n\n continue;\n }\n\n nextChip.focus({trailing: !forwards});\n this.updateTabIndices();\n break;\n }\n }\n\n private updateTabIndices() {\n const {chips} = this;\n let hasFocusedChip = false;\n for (const chip of chips) {\n if (chip.matches(':focus-within')) {\n chip.removeAttribute('tabindex');\n hasFocusedChip = true;\n } else {\n chip.tabIndex = -1;\n }\n }\n\n if (!hasFocusedChip) {\n chips[0]?.removeAttribute('tabindex');\n }\n }\n\n private handleSelected(event: Event) {\n if (!this.singleSelect) {\n return;\n }\n\n if ((event.target as MaybeSelectableChip).selected === true) {\n for (const chip of this.chips as MaybeSelectableChip[]) {\n if (chip !== event.target && chip.selected) {\n chip.selected = false;\n }\n }\n }\n }\n}\n\ninterface MaybeMultiActionChip extends Chip {\n focus(options?: FocusOptions&{trailing?: boolean}): void;\n}\n\ninterface MaybeSelectableChip extends Chip {\n selected?: boolean;\n}\n"]}
|
package/chips/lib/chip.d.ts
DELETED
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../focus/focus-ring.js';
|
|
7
|
-
import '../../ripple/ripple.js';
|
|
8
|
-
import { LitElement, nothing, TemplateResult } from 'lit';
|
|
9
|
-
/**
|
|
10
|
-
* A chip component.
|
|
11
|
-
*/
|
|
12
|
-
export declare abstract class Chip extends LitElement {
|
|
13
|
-
/** @nocollapse */
|
|
14
|
-
static shadowRootOptions: {
|
|
15
|
-
delegatesFocus: boolean;
|
|
16
|
-
mode: ShadowRootMode;
|
|
17
|
-
slotAssignment?: SlotAssignmentMode;
|
|
18
|
-
};
|
|
19
|
-
disabled: boolean;
|
|
20
|
-
label: string;
|
|
21
|
-
/**
|
|
22
|
-
* The `id` of the action the primary focus ring and ripple are for.
|
|
23
|
-
*/
|
|
24
|
-
protected abstract readonly primaryId: string;
|
|
25
|
-
/**
|
|
26
|
-
* Whether or not the primary ripple is disabled (defaults to `disabled`).
|
|
27
|
-
* Some chip actions such as links cannot be disabled.
|
|
28
|
-
*/
|
|
29
|
-
protected get rippleDisabled(): boolean;
|
|
30
|
-
/**
|
|
31
|
-
* The aria role of the container. Defaults to `row` for grid chip sets.
|
|
32
|
-
* Listbox chip sets should remove this since they do not contain cells.
|
|
33
|
-
*/
|
|
34
|
-
protected containerRole?: 'row';
|
|
35
|
-
protected render(): TemplateResult<1>;
|
|
36
|
-
protected getContainerClasses(): {
|
|
37
|
-
disabled: boolean;
|
|
38
|
-
};
|
|
39
|
-
protected renderActions(): typeof nothing | TemplateResult<2 | 1>;
|
|
40
|
-
protected renderActionCell(content: TemplateResult | typeof nothing): TemplateResult | typeof nothing;
|
|
41
|
-
protected abstract renderAction(): TemplateResult;
|
|
42
|
-
protected renderContent(): TemplateResult<1>;
|
|
43
|
-
protected renderOutline(): TemplateResult<1>;
|
|
44
|
-
protected renderLeadingIcon(): TemplateResult;
|
|
45
|
-
}
|
package/chips/lib/chip.js
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
var _a;
|
|
7
|
-
import { __decorate } from "tslib";
|
|
8
|
-
import '../../focus/focus-ring.js';
|
|
9
|
-
import '../../ripple/ripple.js';
|
|
10
|
-
import { html, LitElement, nothing } from 'lit';
|
|
11
|
-
import { property, state } from 'lit/decorators.js';
|
|
12
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
13
|
-
import { requestUpdateOnAriaChange } from '../../internal/aria/delegate.js';
|
|
14
|
-
/**
|
|
15
|
-
* A chip component.
|
|
16
|
-
*/
|
|
17
|
-
export class Chip extends LitElement {
|
|
18
|
-
constructor() {
|
|
19
|
-
super(...arguments);
|
|
20
|
-
this.disabled = false;
|
|
21
|
-
this.label = '';
|
|
22
|
-
/**
|
|
23
|
-
* The aria role of the container. Defaults to `row` for grid chip sets.
|
|
24
|
-
* Listbox chip sets should remove this since they do not contain cells.
|
|
25
|
-
*/
|
|
26
|
-
this.containerRole = 'row';
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* Whether or not the primary ripple is disabled (defaults to `disabled`).
|
|
30
|
-
* Some chip actions such as links cannot be disabled.
|
|
31
|
-
*/
|
|
32
|
-
get rippleDisabled() {
|
|
33
|
-
return this.disabled;
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
return html `
|
|
37
|
-
<div class="container ${classMap(this.getContainerClasses())}"
|
|
38
|
-
role=${this.containerRole || nothing}>
|
|
39
|
-
${this.renderOutline()}
|
|
40
|
-
<md-focus-ring for=${this.primaryId}></md-focus-ring>
|
|
41
|
-
<md-ripple for=${this.primaryId}
|
|
42
|
-
?disabled=${this.rippleDisabled}></md-ripple>
|
|
43
|
-
${this.renderActions()}
|
|
44
|
-
</div>
|
|
45
|
-
`;
|
|
46
|
-
}
|
|
47
|
-
getContainerClasses() {
|
|
48
|
-
return {
|
|
49
|
-
disabled: this.disabled,
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
renderActions() {
|
|
53
|
-
return this.renderActionCell(this.renderAction());
|
|
54
|
-
}
|
|
55
|
-
renderActionCell(content) {
|
|
56
|
-
if (content === nothing) {
|
|
57
|
-
return content;
|
|
58
|
-
}
|
|
59
|
-
return html `<div class="cell" role="cell">${content}</div>`;
|
|
60
|
-
}
|
|
61
|
-
renderContent() {
|
|
62
|
-
return html `
|
|
63
|
-
<span class="leading icon" aria-hidden="true">
|
|
64
|
-
${this.renderLeadingIcon()}
|
|
65
|
-
</span>
|
|
66
|
-
<span class="label">${this.label}</span>
|
|
67
|
-
<span class="touch"></span>
|
|
68
|
-
`;
|
|
69
|
-
}
|
|
70
|
-
renderOutline() {
|
|
71
|
-
return html `<span class="outline"></span>`;
|
|
72
|
-
}
|
|
73
|
-
renderLeadingIcon() {
|
|
74
|
-
return html `<slot name="icon"></slot>`;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
_a = Chip;
|
|
78
|
-
(() => {
|
|
79
|
-
requestUpdateOnAriaChange(_a);
|
|
80
|
-
})();
|
|
81
|
-
/** @nocollapse */
|
|
82
|
-
Chip.shadowRootOptions = {
|
|
83
|
-
...LitElement.shadowRootOptions,
|
|
84
|
-
delegatesFocus: true
|
|
85
|
-
};
|
|
86
|
-
__decorate([
|
|
87
|
-
property({ type: Boolean })
|
|
88
|
-
], Chip.prototype, "disabled", void 0);
|
|
89
|
-
__decorate([
|
|
90
|
-
property()
|
|
91
|
-
], Chip.prototype, "label", void 0);
|
|
92
|
-
__decorate([
|
|
93
|
-
state()
|
|
94
|
-
], Chip.prototype, "containerRole", void 0);
|
|
95
|
-
//# sourceMappingURL=chip.js.map
|
package/chips/lib/chip.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"chip.js","sourceRoot":"","sources":["chip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAErD,OAAO,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAE1E;;GAEG;AACH,MAAM,OAAgB,IAAK,SAAQ,UAAU;IAA7C;;QAW6B,aAAQ,GAAG,KAAK,CAAC;QAChC,UAAK,GAAG,EAAE,CAAC;QAevB;;;WAGG;QACgB,kBAAa,GAAW,KAAK,CAAC;IAqDnD,CAAC;IAjEC;;;OAGG;IACH,IAAc,cAAc;QAC1B,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAQkB,MAAM;QACvB,OAAO,IAAI,CAAA;8BACe,QAAQ,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;iBACjD,IAAI,CAAC,aAAa,IAAI,OAAO;UACpC,IAAI,CAAC,aAAa,EAAE;6BACD,IAAI,CAAC,SAAS;yBAClB,IAAI,CAAC,SAAS;sBACjB,IAAI,CAAC,cAAc;UAC/B,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAES,mBAAmB;QAC3B,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IACpD,CAAC;IAES,gBAAgB,CAAC,OACc;QACvC,IAAI,OAAO,KAAK,OAAO,EAAE;YACvB,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,IAAI,CAAA,iCAAiC,OAAO,QAAQ,CAAC;IAC9D,CAAC;IAIS,aAAa;QACrB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,iBAAiB,EAAE;;4BAEN,IAAI,CAAC,KAAK;;KAEjC,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;IAES,iBAAiB;QACzB,OAAO,IAAI,CAAA,2BAA2B,CAAC;IACzC,CAAC;;;AAlFD;IACE,yBAAyB,CAAC,EAAI,CAAC,CAAC;AAClC,CAAC,GAAA,CAAA;AAED,kBAAkB;AACF,sBAAiB,GAAG;IAClC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAEyB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;sCAAkB;AAChC;IAAX,QAAQ,EAAE;mCAAY;AAmBd;IAAR,KAAK,EAAE;2CAAyC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, LitElement, nothing, TemplateResult} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {requestUpdateOnAriaChange} from '../../internal/aria/delegate.js';\n\n/**\n * A chip component.\n */\nexport abstract class Chip extends LitElement {\n static {\n requestUpdateOnAriaChange(this);\n }\n\n /** @nocollapse */\n static override shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true\n };\n\n @property({type: Boolean}) disabled = false;\n @property() label = '';\n\n /**\n * The `id` of the action the primary focus ring and ripple are for.\n */\n protected abstract readonly primaryId: string;\n\n /**\n * Whether or not the primary ripple is disabled (defaults to `disabled`).\n * Some chip actions such as links cannot be disabled.\n */\n protected get rippleDisabled() {\n return this.disabled;\n }\n\n /**\n * The aria role of the container. Defaults to `row` for grid chip sets.\n * Listbox chip sets should remove this since they do not contain cells.\n */\n @state() protected containerRole?: 'row' = 'row';\n\n protected override render() {\n return html`\n <div class=\"container ${classMap(this.getContainerClasses())}\"\n role=${this.containerRole || nothing}>\n ${this.renderOutline()}\n <md-focus-ring for=${this.primaryId}></md-focus-ring>\n <md-ripple for=${this.primaryId}\n ?disabled=${this.rippleDisabled}></md-ripple>\n ${this.renderActions()}\n </div>\n `;\n }\n\n protected getContainerClasses() {\n return {\n disabled: this.disabled,\n };\n }\n\n protected renderActions() {\n return this.renderActionCell(this.renderAction());\n }\n\n protected renderActionCell(content: TemplateResult|\n typeof nothing): TemplateResult|typeof nothing {\n if (content === nothing) {\n return content;\n }\n\n return html`<div class=\"cell\" role=\"cell\">${content}</div>`;\n }\n\n protected abstract renderAction(): TemplateResult;\n\n protected renderContent() {\n return html`\n <span class=\"leading icon\" aria-hidden=\"true\">\n ${this.renderLeadingIcon()}\n </span>\n <span class=\"label\">${this.label}</span>\n <span class=\"touch\"></span>\n `;\n }\n\n protected renderOutline() {\n return html`<span class=\"outline\"></span>`;\n }\n\n protected renderLeadingIcon(): TemplateResult {\n return html`<slot name=\"icon\"></slot>`;\n }\n}\n"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../elevation/elevation.js';
|
|
7
|
-
import { nothing, PropertyValues, TemplateResult } from 'lit';
|
|
8
|
-
import { MultiActionChip } from './multi-action-chip.js';
|
|
9
|
-
/**
|
|
10
|
-
* A filter chip component.
|
|
11
|
-
*/
|
|
12
|
-
export declare class FilterChip extends MultiActionChip {
|
|
13
|
-
elevated: boolean;
|
|
14
|
-
removable: boolean;
|
|
15
|
-
selected: boolean;
|
|
16
|
-
protected get primaryId(): string;
|
|
17
|
-
protected readonly primaryAction: HTMLElement | null;
|
|
18
|
-
protected readonly trailingAction: HTMLElement | null;
|
|
19
|
-
constructor();
|
|
20
|
-
protected updated(changed: PropertyValues<this>): void;
|
|
21
|
-
protected getContainerClasses(): {
|
|
22
|
-
elevated: boolean;
|
|
23
|
-
selected: boolean;
|
|
24
|
-
'has-trailing': boolean;
|
|
25
|
-
disabled: boolean;
|
|
26
|
-
};
|
|
27
|
-
protected renderActionCell(content: TemplateResult | typeof nothing): typeof nothing | TemplateResult<2 | 1>;
|
|
28
|
-
protected renderAction(): TemplateResult<1>;
|
|
29
|
-
protected renderLeadingIcon(): TemplateResult<2 | 1>;
|
|
30
|
-
protected renderTrailingAction(): TemplateResult<1> | typeof nothing;
|
|
31
|
-
protected renderOutline(): TemplateResult<1>;
|
|
32
|
-
}
|
package/chips/lib/filter-chip.js
DELETED
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { __decorate } from "tslib";
|
|
7
|
-
import '../../elevation/elevation.js';
|
|
8
|
-
import { html, nothing, svg } from 'lit';
|
|
9
|
-
import { property, query } from 'lit/decorators.js';
|
|
10
|
-
import { MultiActionChip } from './multi-action-chip.js';
|
|
11
|
-
import { renderRemoveButton } from './trailing-icons.js';
|
|
12
|
-
/**
|
|
13
|
-
* A filter chip component.
|
|
14
|
-
*/
|
|
15
|
-
export class FilterChip extends MultiActionChip {
|
|
16
|
-
get primaryId() {
|
|
17
|
-
return 'option';
|
|
18
|
-
}
|
|
19
|
-
constructor() {
|
|
20
|
-
super();
|
|
21
|
-
this.elevated = false;
|
|
22
|
-
this.removable = false;
|
|
23
|
-
this.selected = false;
|
|
24
|
-
// Remove the `row` role from the container, since filter chips do not use a
|
|
25
|
-
// `grid` navigation model.
|
|
26
|
-
this.containerRole = undefined;
|
|
27
|
-
this.addEventListener('click', () => {
|
|
28
|
-
if (this.disabled) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
this.selected = !this.selected;
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
updated(changed) {
|
|
35
|
-
if (changed.has('selected') && changed.get('selected') !== undefined) {
|
|
36
|
-
// Dispatch when `selected` changes, except for the first update.
|
|
37
|
-
this.dispatchEvent(new Event('selected', { bubbles: true }));
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
getContainerClasses() {
|
|
41
|
-
return {
|
|
42
|
-
...super.getContainerClasses(),
|
|
43
|
-
elevated: this.elevated,
|
|
44
|
-
selected: this.selected,
|
|
45
|
-
'has-trailing': this.removable,
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
renderActionCell(content) {
|
|
49
|
-
// Filter chips use a `listbox`/`option` model, and do not need `gridcell`
|
|
50
|
-
// wrappers around their actions.
|
|
51
|
-
return content;
|
|
52
|
-
}
|
|
53
|
-
renderAction() {
|
|
54
|
-
const { ariaLabel } = this;
|
|
55
|
-
return html `
|
|
56
|
-
<button class="primary action"
|
|
57
|
-
id="option"
|
|
58
|
-
aria-label=${ariaLabel || nothing}
|
|
59
|
-
aria-selected=${this.selected}
|
|
60
|
-
?disabled=${this.disabled || nothing}
|
|
61
|
-
role="option"
|
|
62
|
-
>${this.renderContent()}</button>
|
|
63
|
-
`;
|
|
64
|
-
}
|
|
65
|
-
renderLeadingIcon() {
|
|
66
|
-
if (!this.selected) {
|
|
67
|
-
return super.renderLeadingIcon();
|
|
68
|
-
}
|
|
69
|
-
return svg `
|
|
70
|
-
<svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true">
|
|
71
|
-
<path d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z" />
|
|
72
|
-
</svg>
|
|
73
|
-
`;
|
|
74
|
-
}
|
|
75
|
-
renderTrailingAction() {
|
|
76
|
-
if (this.removable) {
|
|
77
|
-
return renderRemoveButton({ ariaLabel: this.ariaLabelRemove, disabled: this.disabled });
|
|
78
|
-
}
|
|
79
|
-
return nothing;
|
|
80
|
-
}
|
|
81
|
-
renderOutline() {
|
|
82
|
-
if (this.elevated) {
|
|
83
|
-
return html `<md-elevation></md-elevation>`;
|
|
84
|
-
}
|
|
85
|
-
return super.renderOutline();
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
__decorate([
|
|
89
|
-
property({ type: Boolean })
|
|
90
|
-
], FilterChip.prototype, "elevated", void 0);
|
|
91
|
-
__decorate([
|
|
92
|
-
property({ type: Boolean })
|
|
93
|
-
], FilterChip.prototype, "removable", void 0);
|
|
94
|
-
__decorate([
|
|
95
|
-
property({ type: Boolean, reflect: true })
|
|
96
|
-
], FilterChip.prototype, "selected", void 0);
|
|
97
|
-
__decorate([
|
|
98
|
-
query('.primary.action')
|
|
99
|
-
], FilterChip.prototype, "primaryAction", void 0);
|
|
100
|
-
__decorate([
|
|
101
|
-
query('.trailing.action')
|
|
102
|
-
], FilterChip.prototype, "trailingAction", void 0);
|
|
103
|
-
//# sourceMappingURL=filter-chip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"filter-chip.js","sourceRoot":"","sources":["filter-chip.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 '../../elevation/elevation.js';\n\nimport {html, nothing, PropertyValues, svg, TemplateResult} from 'lit';\nimport {property, query} from 'lit/decorators.js';\n\nimport {ARIAMixinStrict} from '../../internal/aria/aria.js';\n\nimport {MultiActionChip} from './multi-action-chip.js';\nimport {renderRemoveButton} from './trailing-icons.js';\n\n/**\n * A filter chip component.\n */\nexport class FilterChip extends MultiActionChip {\n @property({type: Boolean}) elevated = false;\n @property({type: Boolean}) removable = false;\n @property({type: Boolean, reflect: true}) selected = false;\n\n protected get primaryId() {\n return 'option';\n }\n\n @query('.primary.action') protected readonly primaryAction!: HTMLElement|null;\n @query('.trailing.action')\n protected readonly trailingAction!: HTMLElement|null;\n\n constructor() {\n super();\n // Remove the `row` role from the container, since filter chips do not use a\n // `grid` navigation model.\n this.containerRole = undefined;\n this.addEventListener('click', () => {\n if (this.disabled) {\n return;\n }\n\n this.selected = !this.selected;\n });\n }\n\n protected override updated(changed: PropertyValues<this>) {\n if (changed.has('selected') && changed.get('selected') !== undefined) {\n // Dispatch when `selected` changes, except for the first update.\n this.dispatchEvent(new Event('selected', {bubbles: true}));\n }\n }\n\n protected override getContainerClasses() {\n return {\n ...super.getContainerClasses(),\n elevated: this.elevated,\n selected: this.selected,\n 'has-trailing': this.removable,\n };\n }\n\n protected override renderActionCell(content: TemplateResult|typeof nothing) {\n // Filter chips use a `listbox`/`option` model, and do not need `gridcell`\n // wrappers around their actions.\n return content;\n }\n\n protected override renderAction() {\n const {ariaLabel} = this as ARIAMixinStrict;\n return html`\n <button class=\"primary action\"\n id=\"option\"\n aria-label=${ariaLabel || nothing}\n aria-selected=${this.selected}\n ?disabled=${this.disabled || nothing}\n role=\"option\"\n >${this.renderContent()}</button>\n `;\n }\n\n protected override renderLeadingIcon() {\n if (!this.selected) {\n return super.renderLeadingIcon();\n }\n\n return svg`\n <svg class=\"checkmark\" viewBox=\"0 0 18 18\" aria-hidden=\"true\">\n <path d=\"M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z\" />\n </svg>\n `;\n }\n\n protected override renderTrailingAction() {\n if (this.removable) {\n return renderRemoveButton(\n {ariaLabel: this.ariaLabelRemove, disabled: this.disabled});\n }\n\n return nothing;\n }\n\n protected override renderOutline() {\n if (this.elevated) {\n return html`<md-elevation></md-elevation>`;\n }\n\n return super.renderOutline();\n }\n}\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;gap:8px;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:8px;padding-inline-end:16px}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:focus .outline{border-color:var(--_focus-outline-color)}.disabled .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font:var(--_label-text-type);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:hover .label{color:var(--_hover-label-text-color)}:focus .label{color:var(--_focus-label-text-color)}:active .label{color:var(--_pressed-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}:hover .leading.icon{color:var(--_hover-leading-icon-color)}:focus .leading.icon{color:var(--_focus-leading-icon-color)}:active .leading.icon{color:var(--_pressed-leading-icon-color)}.disabled .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}/*# sourceMappingURL=shared-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=shared-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{border-start-start-radius:var(--_container-shape-start-start);border-start-end-radius:var(--_container-shape-start-end);border-end-start-radius:var(--_container-shape-end-start);border-end-end-radius:var(--_container-shape-end-end);display:inline-flex;height:var(--_container-height);--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);--md-focus-ring-shape-start-start: var(--_container-shape-start-start);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-start)}.container{border-radius:inherit;box-sizing:border-box;display:flex;height:100%;position:relative;width:100%}.container::before{border-radius:inherit;content:\"\";inset:0;pointer-events:none;position:absolute}.container:not(.disabled){cursor:pointer}.container.disabled{pointer-events:none}.cell{display:flex}.action{align-items:baseline;appearance:none;background:none;border:none;border-radius:inherit;display:flex;gap:8px;outline:none;padding:0;position:relative;text-decoration:none}.primary.action{padding-inline-start:8px;padding-inline-end:16px}.touch{height:48px;inset:50% 0 0;position:absolute;transform:translateY(-50%);width:100%}.outline{border:var(--_outline-width) solid var(--_outline-color);border-radius:inherit;inset:0;pointer-events:none;position:absolute}:focus .outline{border-color:var(--_focus-outline-color)}.disabled .outline{border-color:var(--_disabled-outline-color);opacity:var(--_disabled-outline-opacity)}md-ripple{border-radius:inherit}.label,.icon,.touch{z-index:1}.label{align-items:center;color:var(--_label-text-color);display:flex;font:var(--_label-text-type);height:100%;text-overflow:ellipsis;user-select:none;white-space:nowrap}:hover .label{color:var(--_hover-label-text-color)}:focus .label{color:var(--_focus-label-text-color)}:active .label{color:var(--_pressed-label-text-color)}.disabled .label{color:var(--_disabled-label-text-color);opacity:var(--_disabled-label-text-opacity)}.icon{align-self:center;display:flex;fill:currentColor;position:relative}.icon ::slotted(:first-child){font-size:var(--_icon-size);height:var(--_icon-size);width:var(--_icon-size)}.leading.icon{color:var(--_leading-icon-color)}:hover .leading.icon{color:var(--_hover-leading-icon-color)}:focus .leading.icon{color:var(--_focus-leading-icon-color)}:active .leading.icon{color:var(--_pressed-leading-icon-color)}.disabled .leading.icon{color:var(--_disabled-leading-icon-color);opacity:var(--_disabled-leading-icon-opacity)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2022 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { css } from 'lit';
|
|
7
|
-
export const styles = css `.trailing.action{align-items:center;justify-content:center;padding:0 8px;--md-focus-ring-shape-start-start: var(--_container-shape-start-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-outward-offset: -2px}.trailing.action md-ripple{border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:hover .trailing.icon{color:var(--_hover-trailing-icon-color)}:focus .trailing.icon{color:var(--_focus-trailing-icon-color)}:active .trailing.icon{color:var(--_pressed-trailing-icon-color)}.disabled .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.selected .trailing.icon{color:var(--_selected-trailing-icon-color)}.selected:hover .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}.selected:focus .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}.selected:active .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}/*# sourceMappingURL=trailing-icon-styles.css.map */
|
|
8
|
-
`;
|
|
9
|
-
//# sourceMappingURL=trailing-icon-styles.css.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"trailing-icon-styles.css.js","sourceRoot":"","sources":["trailing-icon-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`.trailing.action{align-items:center;justify-content:center;padding:0 8px;--md-focus-ring-shape-start-start: var(--_container-shape-start-end);--md-focus-ring-shape-end-start: var(--_container-shape-end-end);--md-focus-ring-shape-end-end: var(--_container-shape-end-end);--md-focus-ring-shape-start-end: var(--_container-shape-start-end);--md-focus-ring-outward-offset: -2px}.trailing.action md-ripple{border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:hover .trailing.icon{color:var(--_hover-trailing-icon-color)}:focus .trailing.icon{color:var(--_focus-trailing-icon-color)}:active .trailing.icon{color:var(--_pressed-trailing-icon-color)}.disabled .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}.selected .trailing.icon{color:var(--_selected-trailing-icon-color)}.selected:hover .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}.selected:focus .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}.selected:active .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)}/*# sourceMappingURL=trailing-icon-styles.css.map */\n`;\n "]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../focus/focus-ring.js';
|
|
7
|
-
import '../../ripple/ripple.js';
|
|
8
|
-
interface RemoveButtonProperties {
|
|
9
|
-
ariaLabel: string;
|
|
10
|
-
disabled: boolean;
|
|
11
|
-
tabbable?: boolean;
|
|
12
|
-
}
|
|
13
|
-
/** @protected */
|
|
14
|
-
export declare function renderRemoveButton({ ariaLabel, disabled, tabbable }: RemoveButtonProperties): import("lit-html").TemplateResult<1>;
|
|
15
|
-
export {};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import '../../focus/focus-ring.js';
|
|
7
|
-
import '../../ripple/ripple.js';
|
|
8
|
-
import { html, nothing } from 'lit';
|
|
9
|
-
/** @protected */
|
|
10
|
-
export function renderRemoveButton({ ariaLabel, disabled, tabbable = false }) {
|
|
11
|
-
return html `
|
|
12
|
-
<button class="trailing action"
|
|
13
|
-
aria-label=${ariaLabel}
|
|
14
|
-
?disabled=${disabled}
|
|
15
|
-
tabindex=${!tabbable ? -1 : nothing}
|
|
16
|
-
@click=${handleRemoveClick}
|
|
17
|
-
>
|
|
18
|
-
<md-focus-ring></md-focus-ring>
|
|
19
|
-
<md-ripple></md-ripple>
|
|
20
|
-
<svg class="trailing icon" viewBox="0 96 960 960">
|
|
21
|
-
<path d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z" />
|
|
22
|
-
</svg>
|
|
23
|
-
<span class="touch"></span>
|
|
24
|
-
</button>
|
|
25
|
-
`;
|
|
26
|
-
}
|
|
27
|
-
function handleRemoveClick(event) {
|
|
28
|
-
if (this.disabled) {
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
event.stopPropagation();
|
|
32
|
-
const preventDefault = !this.dispatchEvent(new Event('remove', { cancelable: true }));
|
|
33
|
-
if (preventDefault) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
this.remove();
|
|
37
|
-
}
|
|
38
|
-
//# sourceMappingURL=trailing-icons.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"trailing-icons.js","sourceRoot":"","sources":["trailing-icons.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AAUlC,iBAAiB;AACjB,MAAM,UAAU,kBAAkB,CAC9B,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAyB;IACjE,OAAO,IAAI,CAAA;;mBAEM,SAAS;kBACV,QAAQ;iBACT,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;eAC1B,iBAAiB;;;;;;;;;GAS7B,CAAC;AACJ,CAAC;AAED,SAAS,iBAAiB,CAAa,KAAY;IACjD,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,OAAO;KACR;IAED,KAAK,CAAC,eAAe,EAAE,CAAC;IACxB,MAAM,cAAc,GAChB,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IACjE,IAAI,cAAc,EAAE;QAClB,OAAO;KACR;IAED,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../focus/focus-ring.js';\nimport '../../ripple/ripple.js';\n\nimport {html, nothing} from 'lit';\n\nimport {Chip} from './chip.js';\n\ninterface RemoveButtonProperties {\n ariaLabel: string;\n disabled: boolean;\n tabbable?: boolean;\n}\n\n/** @protected */\nexport function renderRemoveButton(\n {ariaLabel, disabled, tabbable = false}: RemoveButtonProperties) {\n return html`\n <button class=\"trailing action\"\n aria-label=${ariaLabel}\n ?disabled=${disabled}\n tabindex=${!tabbable ? -1 : nothing}\n @click=${handleRemoveClick}\n >\n <md-focus-ring></md-focus-ring>\n <md-ripple></md-ripple>\n <svg class=\"trailing icon\" viewBox=\"0 96 960 960\">\n <path d=\"m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z\" />\n </svg>\n <span class=\"touch\"></span>\n </button>\n `;\n}\n\nfunction handleRemoveClick(this: Chip, event: Event) {\n if (this.disabled) {\n return;\n }\n\n event.stopPropagation();\n const preventDefault =\n !this.dispatchEvent(new Event('remove', {cancelable: true}));\n if (preventDefault) {\n return;\n }\n\n this.remove();\n}\n"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2023 Google LLC
|
|
4
|
-
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/
|
|
6
|
-
import { CircularProgress } from './lib/circular-progress.js';
|
|
7
|
-
declare global {
|
|
8
|
-
interface HTMLElementTagNameMap {
|
|
9
|
-
'md-circular-progress': MdCircularProgress;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* @summary Circular progress indicators display progress by animating along an
|
|
14
|
-
* invisible circular track in a clockwise direction. They can be applied
|
|
15
|
-
* directly to a surface, such as a button or card.
|
|
16
|
-
*
|
|
17
|
-
* @description
|
|
18
|
-
* Progress indicators inform users about the status of ongoing processes.
|
|
19
|
-
* - Determinate indicators display how long a process will take.
|
|
20
|
-
* - Indeterminate indicators express an unspecified amount of wait time.
|
|
21
|
-
*/
|
|
22
|
-
export declare class MdCircularProgress extends CircularProgress {
|
|
23
|
-
static styles: import("lit").CSSResult[];
|
|
24
|
-
}
|