@universal-material/web 3.8.0 → 3.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.claude-plugin/plugin.json +12 -0
- package/README.md +12 -0
- package/app-bar/top-app-bar.d.ts +7 -6
- package/app-bar/top-app-bar.d.ts.map +1 -1
- package/app-bar/top-app-bar.js +71 -35
- package/app-bar/top-app-bar.js.map +1 -1
- package/app-bar/top-app-bar.styles.d.ts.map +1 -1
- package/app-bar/top-app-bar.styles.js +18 -1
- package/app-bar/top-app-bar.styles.js.map +1 -1
- package/badge/badge.d.ts +2 -2
- package/badge/badge.d.ts.map +1 -1
- package/badge/badge.js +6 -6
- package/badge/badge.js.map +1 -1
- package/badge/badge.styles.d.ts.map +1 -1
- package/badge/badge.styles.js +1 -0
- package/badge/badge.styles.js.map +1 -1
- package/bundle.min.js +4469 -1277
- package/button/button-base.d.ts +2 -2
- package/button/button-base.d.ts.map +1 -1
- package/button/button-base.js +5 -5
- package/button/button-base.js.map +1 -1
- package/button/button-set.d.ts +3 -3
- package/button/button-set.d.ts.map +1 -1
- package/button/button-set.js +7 -7
- package/button/button-set.js.map +1 -1
- package/button/button.d.ts +7 -7
- package/button/button.d.ts.map +1 -1
- package/button/button.js +14 -14
- package/button/button.js.map +1 -1
- package/button/fab-menu-color-context.d.ts +2 -2
- package/button/fab-menu-color-context.d.ts.map +1 -1
- package/button/fab-menu-color-context.js.map +1 -1
- package/button/fab-menu-item.d.ts +3 -3
- package/button/fab-menu-item.d.ts.map +1 -1
- package/button/fab-menu-item.js +11 -11
- package/button/fab-menu-item.js.map +1 -1
- package/button/fab-menu.d.ts +20 -5
- package/button/fab-menu.d.ts.map +1 -1
- package/button/fab-menu.js +48 -11
- package/button/fab-menu.js.map +1 -1
- package/button/fab.d.ts +22 -7
- package/button/fab.d.ts.map +1 -1
- package/button/fab.js +49 -11
- package/button/fab.js.map +1 -1
- package/button/icon-button.d.ts +7 -7
- package/button/icon-button.d.ts.map +1 -1
- package/button/icon-button.js +8 -8
- package/button/icon-button.js.map +1 -1
- package/button/toggle-button.d.ts +6 -6
- package/button/toggle-button.d.ts.map +1 -1
- package/button/toggle-button.js +10 -10
- package/button/toggle-button.js.map +1 -1
- package/button-field/button-field.d.ts +3 -3
- package/button-field/button-field.d.ts.map +1 -1
- package/button-field/button-field.js +9 -9
- package/button-field/button-field.js.map +1 -1
- package/calendar/calendar-base.d.ts +1 -1
- package/calendar/calendar-base.d.ts.map +1 -1
- package/calendar/calendar-base.js +10 -10
- package/calendar/calendar-base.js.map +1 -1
- package/calendar/calendar.d.ts +2 -2
- package/calendar/calendar.d.ts.map +1 -1
- package/calendar/calendar.js +8 -8
- package/calendar/calendar.js.map +1 -1
- package/calendar/range-calendar.d.ts +2 -2
- package/calendar/range-calendar.d.ts.map +1 -1
- package/calendar/range-calendar.js +9 -9
- package/calendar/range-calendar.js.map +1 -1
- package/card/card-content.d.ts +2 -2
- package/card/card-content.d.ts.map +1 -1
- package/card/card-content.js +5 -5
- package/card/card-content.js.map +1 -1
- package/card/card-media.d.ts +2 -2
- package/card/card-media.d.ts.map +1 -1
- package/card/card-media.js +5 -5
- package/card/card-media.js.map +1 -1
- package/card/card.d.ts +4 -4
- package/card/card.d.ts.map +1 -1
- package/card/card.js +5 -5
- package/card/card.js.map +1 -1
- package/checkbox/checkbox-list-item.d.ts +4 -4
- package/checkbox/checkbox-list-item.d.ts.map +1 -1
- package/checkbox/checkbox-list-item.js +5 -5
- package/checkbox/checkbox-list-item.js.map +1 -1
- package/checkbox/checkbox.d.ts +3 -3
- package/checkbox/checkbox.d.ts.map +1 -1
- package/checkbox/checkbox.js +7 -7
- package/checkbox/checkbox.js.map +1 -1
- package/chip/chip-set.d.ts +3 -3
- package/chip/chip-set.d.ts.map +1 -1
- package/chip/chip-set.js +6 -6
- package/chip/chip-set.js.map +1 -1
- package/chip/chip.d.ts +5 -5
- package/chip/chip.d.ts.map +1 -1
- package/chip/chip.js +20 -20
- package/chip/chip.js.map +1 -1
- package/chip-field/chip-field.d.ts +3 -3
- package/chip-field/chip-field.d.ts.map +1 -1
- package/chip-field/chip-field.js +9 -9
- package/chip-field/chip-field.js.map +1 -1
- package/collapse/collapse.d.ts +26 -0
- package/collapse/collapse.d.ts.map +1 -0
- package/collapse/collapse.js +62 -0
- package/collapse/collapse.js.map +1 -0
- package/collapse/collapse.styles.d.ts +2 -0
- package/collapse/collapse.styles.d.ts.map +1 -0
- package/collapse/collapse.styles.js +8 -0
- package/collapse/collapse.styles.js.map +1 -0
- package/config.js.map +1 -1
- package/css/universal-material.css +2 -1
- package/css/universal-material.min.css +2 -1
- package/custom-elements.json +16615 -12152
- package/datepicker/datepicker.d.ts +6 -4
- package/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker.js +33 -19
- package/datepicker/datepicker.js.map +1 -1
- package/datepicker/datepicker.styles.d.ts.map +1 -1
- package/datepicker/datepicker.styles.js +25 -0
- package/datepicker/datepicker.styles.js.map +1 -1
- package/datepicker/range-datepicker.d.ts +6 -4
- package/datepicker/range-datepicker.d.ts.map +1 -1
- package/datepicker/range-datepicker.js +33 -19
- package/datepicker/range-datepicker.js.map +1 -1
- package/dialog/confirm-dialog-builder.d.ts +3 -3
- package/dialog/confirm-dialog-builder.d.ts.map +1 -1
- package/dialog/confirm-dialog-builder.js.map +1 -1
- package/dialog/dialog-builder.d.ts +5 -4
- package/dialog/dialog-builder.d.ts.map +1 -1
- package/dialog/dialog-builder.js +10 -3
- package/dialog/dialog-builder.js.map +1 -1
- package/dialog/dialog-button-def.d.ts +3 -3
- package/dialog/dialog-button-def.d.ts.map +1 -1
- package/dialog/dialog-button-def.js.map +1 -1
- package/dialog/dialog.d.ts +2 -2
- package/dialog/dialog.d.ts.map +1 -1
- package/dialog/dialog.js +14 -14
- package/dialog/dialog.js.map +1 -1
- package/dialog/message-dialog-builder.d.ts +2 -2
- package/dialog/message-dialog-builder.d.ts.map +1 -1
- package/dialog/message-dialog-builder.js.map +1 -1
- package/elevation/elevation.d.ts +2 -2
- package/elevation/elevation.d.ts.map +1 -1
- package/elevation/elevation.js +4 -4
- package/elevation/elevation.js.map +1 -1
- package/expansion-panel/expansion-panel-container.d.ts +24 -0
- package/expansion-panel/expansion-panel-container.d.ts.map +1 -0
- package/expansion-panel/expansion-panel-container.js +54 -0
- package/expansion-panel/expansion-panel-container.js.map +1 -0
- package/expansion-panel/expansion-panel-container.styles.d.ts +2 -0
- package/expansion-panel/expansion-panel-container.styles.d.ts.map +1 -0
- package/expansion-panel/expansion-panel-container.styles.js +9 -0
- package/expansion-panel/expansion-panel-container.styles.js.map +1 -0
- package/expansion-panel/expansion-panel.d.ts +37 -0
- package/expansion-panel/expansion-panel.d.ts.map +1 -0
- package/expansion-panel/expansion-panel.js +89 -0
- package/expansion-panel/expansion-panel.js.map +1 -0
- package/expansion-panel/expansion-panel.styles.d.ts +2 -0
- package/expansion-panel/expansion-panel.styles.d.ts.map +1 -0
- package/expansion-panel/expansion-panel.styles.js +66 -0
- package/expansion-panel/expansion-panel.styles.js.map +1 -0
- package/field/field-base.d.ts +3 -3
- package/field/field-base.d.ts.map +1 -1
- package/field/field-base.js +20 -20
- package/field/field-base.js.map +1 -1
- package/field/field-defaults-context.d.ts +2 -2
- package/field/field-defaults-context.d.ts.map +1 -1
- package/field/field-defaults-context.js.map +1 -1
- package/field/field-defaults.d.ts +3 -3
- package/field/field-defaults.d.ts.map +1 -1
- package/field/field-defaults.js.map +1 -1
- package/field/field-variant.d.ts +1 -1
- package/field/field-variant.d.ts.map +1 -1
- package/field/field-variant.js.map +1 -1
- package/field/field.d.ts +3 -3
- package/field/field.d.ts.map +1 -1
- package/field/field.js +6 -6
- package/field/field.js.map +1 -1
- package/icon/icon.d.ts +2 -2
- package/icon/icon.d.ts.map +1 -1
- package/icon/icon.js +4 -4
- package/icon/icon.js.map +1 -1
- package/index.d.ts +24 -1
- package/index.d.ts.map +1 -1
- package/index.js +24 -1
- package/index.js.map +1 -1
- package/list/list-item.d.ts +16 -2
- package/list/list-item.d.ts.map +1 -1
- package/list/list-item.js +26 -6
- package/list/list-item.js.map +1 -1
- package/list/list-item.styles.d.ts.map +1 -1
- package/list/list-item.styles.js +13 -0
- package/list/list-item.styles.js.map +1 -1
- package/list/list.d.ts +2 -2
- package/list/list.d.ts.map +1 -1
- package/list/list.js +4 -4
- package/list/list.js.map +1 -1
- package/menu/menu-item.d.ts +3 -3
- package/menu/menu-item.d.ts.map +1 -1
- package/menu/menu-item.js +10 -10
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +2 -2
- package/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +13 -13
- package/menu/menu.js.map +1 -1
- package/navigation/drawer-headline.d.ts +2 -2
- package/navigation/drawer-headline.d.ts.map +1 -1
- package/navigation/drawer-headline.js +6 -6
- package/navigation/drawer-headline.js.map +1 -1
- package/navigation/drawer-item.d.ts +3 -3
- package/navigation/drawer-item.d.ts.map +1 -1
- package/navigation/drawer-item.js +17 -12
- package/navigation/drawer-item.js.map +1 -1
- package/navigation/drawer.d.ts +2 -2
- package/navigation/drawer.d.ts.map +1 -1
- package/navigation/drawer.js +4 -4
- package/navigation/drawer.js.map +1 -1
- package/navigation/side-navigation.d.ts +9 -2
- package/navigation/side-navigation.d.ts.map +1 -1
- package/navigation/side-navigation.js +15 -8
- package/navigation/side-navigation.js.map +1 -1
- package/navigation-bar/navigation-bar-item.d.ts +40 -0
- package/navigation-bar/navigation-bar-item.d.ts.map +1 -0
- package/navigation-bar/navigation-bar-item.js +113 -0
- package/navigation-bar/navigation-bar-item.js.map +1 -0
- package/navigation-bar/navigation-bar-item.styles.d.ts +2 -0
- package/navigation-bar/navigation-bar-item.styles.d.ts.map +1 -0
- package/navigation-bar/navigation-bar-item.styles.js +101 -0
- package/navigation-bar/navigation-bar-item.styles.js.map +1 -0
- package/navigation-bar/navigation-bar.d.ts +40 -0
- package/navigation-bar/navigation-bar.d.ts.map +1 -0
- package/navigation-bar/navigation-bar.js +85 -0
- package/navigation-bar/navigation-bar.js.map +1 -0
- package/navigation-bar/navigation-bar.styles.d.ts +2 -0
- package/navigation-bar/navigation-bar.styles.d.ts.map +1 -0
- package/navigation-bar/navigation-bar.styles.js +44 -0
- package/navigation-bar/navigation-bar.styles.js.map +1 -0
- package/navigation-rail/navigation-rail-headline.d.ts +23 -0
- package/navigation-rail/navigation-rail-headline.d.ts.map +1 -0
- package/navigation-rail/navigation-rail-headline.js +28 -0
- package/navigation-rail/navigation-rail-headline.js.map +1 -0
- package/navigation-rail/navigation-rail-headline.styles.d.ts +2 -0
- package/navigation-rail/navigation-rail-headline.styles.d.ts.map +1 -0
- package/navigation-rail/navigation-rail-headline.styles.js +19 -0
- package/navigation-rail/navigation-rail-headline.styles.js.map +1 -0
- package/navigation-rail/navigation-rail-item.d.ts +58 -0
- package/navigation-rail/navigation-rail-item.d.ts.map +1 -0
- package/navigation-rail/navigation-rail-item.js +160 -0
- package/navigation-rail/navigation-rail-item.js.map +1 -0
- package/navigation-rail/navigation-rail-item.styles.d.ts +2 -0
- package/navigation-rail/navigation-rail-item.styles.d.ts.map +1 -0
- package/navigation-rail/navigation-rail-item.styles.js +182 -0
- package/navigation-rail/navigation-rail-item.styles.js.map +1 -0
- package/navigation-rail/navigation-rail.d.ts +66 -0
- package/navigation-rail/navigation-rail.d.ts.map +1 -0
- package/navigation-rail/navigation-rail.js +223 -0
- package/navigation-rail/navigation-rail.js.map +1 -0
- package/navigation-rail/navigation-rail.styles.d.ts +2 -0
- package/navigation-rail/navigation-rail.styles.d.ts.map +1 -0
- package/navigation-rail/navigation-rail.styles.js +220 -0
- package/navigation-rail/navigation-rail.styles.js.map +1 -0
- package/overflow-menu/overflow-menu.d.ts +8 -2
- package/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/overflow-menu/overflow-menu.js +10 -1
- package/overflow-menu/overflow-menu.js.map +1 -1
- package/package.json +19 -3
- package/progress/circular-progress.d.ts +2 -2
- package/progress/circular-progress.d.ts.map +1 -1
- package/progress/circular-progress.js +6 -6
- package/progress/circular-progress.js.map +1 -1
- package/progress/progress-bar.d.ts +2 -2
- package/progress/progress-bar.d.ts.map +1 -1
- package/progress/progress-bar.js +6 -6
- package/progress/progress-bar.js.map +1 -1
- package/radio/radio-list-item.d.ts +4 -4
- package/radio/radio-list-item.d.ts.map +1 -1
- package/radio/radio-list-item.js +5 -5
- package/radio/radio-list-item.js.map +1 -1
- package/radio/radio.d.ts +3 -3
- package/radio/radio.d.ts.map +1 -1
- package/radio/radio.js +6 -6
- package/radio/radio.js.map +1 -1
- package/ripple/ripple.d.ts +2 -2
- package/ripple/ripple.d.ts.map +1 -1
- package/ripple/ripple.js +9 -9
- package/ripple/ripple.js.map +1 -1
- package/scaffold/pane.d.ts +127 -0
- package/scaffold/pane.d.ts.map +1 -0
- package/scaffold/pane.js +220 -0
- package/scaffold/pane.js.map +1 -0
- package/scaffold/pane.styles.d.ts +2 -0
- package/scaffold/pane.styles.d.ts.map +1 -0
- package/scaffold/pane.styles.js +1909 -0
- package/scaffold/pane.styles.js.map +1 -0
- package/scaffold/scaffold.d.ts +45 -0
- package/scaffold/scaffold.d.ts.map +1 -0
- package/scaffold/scaffold.js +170 -0
- package/scaffold/scaffold.js.map +1 -0
- package/scaffold/scaffold.styles.d.ts +2 -0
- package/scaffold/scaffold.styles.d.ts.map +1 -0
- package/scaffold/scaffold.styles.js +69 -0
- package/scaffold/scaffold.styles.js.map +1 -0
- package/scaffold/scroll-container-context.d.ts +4 -0
- package/scaffold/scroll-container-context.d.ts.map +1 -0
- package/scaffold/scroll-container-context.js +3 -0
- package/scaffold/scroll-container-context.js.map +1 -0
- package/scss/utilities/_divider.scss +4 -0
- package/search/search.d.ts +3 -3
- package/search/search.d.ts.map +1 -1
- package/search/search.js +7 -7
- package/search/search.js.map +1 -1
- package/search/search.styles.d.ts.map +1 -1
- package/search/search.styles.js +7 -2
- package/search/search.styles.js.map +1 -1
- package/select/option.d.ts +3 -3
- package/select/option.d.ts.map +1 -1
- package/select/option.js +8 -8
- package/select/option.js.map +1 -1
- package/select/select-navigation-controller.d.ts +4 -4
- package/select/select-navigation-controller.d.ts.map +1 -1
- package/select/select-navigation-controller.js.map +1 -1
- package/select/select.d.ts +18 -12
- package/select/select.d.ts.map +1 -1
- package/select/select.js +77 -31
- package/select/select.js.map +1 -1
- package/shared/button-wrapper.d.ts +1 -1
- package/shared/button-wrapper.d.ts.map +1 -1
- package/shared/button-wrapper.js +8 -8
- package/shared/button-wrapper.js.map +1 -1
- package/shared/char-count-text-field/native-text-field-wrapper.d.ts +2 -2
- package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +1 -1
- package/shared/char-count-text-field/native-text-field-wrapper.js +6 -6
- package/shared/char-count-text-field/native-text-field-wrapper.js.map +1 -1
- package/shared/menu-field/menu-field-navigation-controller.d.ts +3 -3
- package/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -1
- package/shared/menu-field/menu-field-navigation-controller.js.map +1 -1
- package/shared/menu-field/menu-field.d.ts +5 -5
- package/shared/menu-field/menu-field.d.ts.map +1 -1
- package/shared/menu-field/menu-field.js.map +1 -1
- package/shared/selection-control/selection-control-list-item.d.ts +2 -2
- package/shared/selection-control/selection-control-list-item.d.ts.map +1 -1
- package/shared/selection-control/selection-control-list-item.js +10 -1
- package/shared/selection-control/selection-control-list-item.js.map +1 -1
- package/shared/selection-control/selection-control.d.ts +1 -1
- package/shared/selection-control/selection-control.d.ts.map +1 -1
- package/shared/selection-control/selection-control.js +15 -7
- package/shared/selection-control/selection-control.js.map +1 -1
- package/shared/sets/set-base.d.ts +1 -1
- package/shared/sets/set-base.d.ts.map +1 -1
- package/shared/sets/set-base.js +2 -2
- package/shared/sets/set-base.js.map +1 -1
- package/shared/text-field-base/text-field-base.d.ts +34 -2
- package/shared/text-field-base/text-field-base.d.ts.map +1 -1
- package/shared/text-field-base/text-field-base.js +63 -4
- package/shared/text-field-base/text-field-base.js.map +1 -1
- package/skills/badge/SKILL.md +43 -0
- package/skills/buttons/SKILL.md +115 -0
- package/skills/card/SKILL.md +162 -0
- package/skills/chips/SKILL.md +95 -0
- package/skills/collapse/SKILL.md +37 -0
- package/skills/datepicker/SKILL.md +110 -0
- package/skills/dialog/SKILL.md +92 -0
- package/skills/drawer/SKILL.md +94 -0
- package/skills/expansion-panel/SKILL.md +65 -0
- package/skills/fab/SKILL.md +79 -0
- package/skills/list/SKILL.md +105 -0
- package/skills/menu/SKILL.md +120 -0
- package/skills/navigation-bar/SKILL.md +87 -0
- package/skills/navigation-rail/SKILL.md +127 -0
- package/skills/overview/SKILL.md +44 -0
- package/skills/progress/SKILL.md +63 -0
- package/skills/scaffold/SKILL.md +392 -0
- package/skills/search/SKILL.md +65 -0
- package/skills/select/SKILL.md +120 -0
- package/skills/selection-controls/SKILL.md +88 -0
- package/skills/setup/SKILL.md +58 -0
- package/skills/slider/SKILL.md +119 -0
- package/skills/snackbar/SKILL.md +70 -0
- package/skills/tab-bar/SKILL.md +55 -0
- package/skills/text-field/SKILL.md +114 -0
- package/skills/theming/SKILL.md +80 -0
- package/skills/top-app-bar/SKILL.md +64 -0
- package/skills/typeahead/SKILL.md +113 -0
- package/slider/slider.d.ts +73 -0
- package/slider/slider.d.ts.map +1 -0
- package/slider/slider.js +506 -0
- package/slider/slider.js.map +1 -0
- package/slider/slider.styles.d.ts +2 -0
- package/slider/slider.styles.d.ts.map +1 -0
- package/slider/slider.styles.js +292 -0
- package/slider/slider.styles.js.map +1 -0
- package/snackbar/snackbar.d.ts +4 -4
- package/snackbar/snackbar.d.ts.map +1 -1
- package/snackbar/snackbar.js +28 -28
- package/snackbar/snackbar.js.map +1 -1
- package/snackbar/snackbar.styles.js +1 -1
- package/snackbar/snackbar.styles.js.map +1 -1
- package/switch/switch-list-item.d.ts +4 -4
- package/switch/switch-list-item.d.ts.map +1 -1
- package/switch/switch-list-item.js +5 -5
- package/switch/switch-list-item.js.map +1 -1
- package/switch/switch.d.ts +3 -3
- package/switch/switch.d.ts.map +1 -1
- package/switch/switch.js +5 -5
- package/switch/switch.js.map +1 -1
- package/tab-bar/tab-bar.d.ts +6 -6
- package/tab-bar/tab-bar.d.ts.map +1 -1
- package/tab-bar/tab-bar.js +40 -23
- package/tab-bar/tab-bar.js.map +1 -1
- package/tab-bar/tab.d.ts +5 -5
- package/tab-bar/tab.d.ts.map +1 -1
- package/tab-bar/tab.js +9 -9
- package/tab-bar/tab.js.map +1 -1
- package/text-area/text-area.d.ts +3 -3
- package/text-area/text-area.d.ts.map +1 -1
- package/text-area/text-area.js +9 -9
- package/text-area/text-area.js.map +1 -1
- package/text-field/text-field.d.ts +15 -3
- package/text-field/text-field.d.ts.map +1 -1
- package/text-field/text-field.js +46 -13
- package/text-field/text-field.js.map +1 -1
- package/typeahead/highlight.d.ts +2 -2
- package/typeahead/highlight.d.ts.map +1 -1
- package/typeahead/highlight.js +7 -7
- package/typeahead/highlight.js.map +1 -1
- package/typeahead/typeahead.d.ts +7 -7
- package/typeahead/typeahead.d.ts.map +1 -1
- package/typeahead/typeahead.js +22 -18
- package/typeahead/typeahead.js.map +1 -1
- package/vscode.html-custom-data.json +870 -481
package/button/fab.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { HTMLTemplateResult } from 'lit';
|
|
2
|
-
import {
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
5
|
-
export declare class
|
|
2
|
+
import { ButtonBase } from './button-base.js';
|
|
3
|
+
export type FabColor = 'primary' | 'secondary' | 'tertiary' | 'surface' | 'branded';
|
|
4
|
+
export type FabSize = 'small' | 'medium' | 'large';
|
|
5
|
+
export declare class Fab extends ButtonBase {
|
|
6
6
|
static styles: import("lit").CSSResultGroup[];
|
|
7
7
|
/**
|
|
8
8
|
* The FAB color variant to render.
|
|
9
9
|
*/
|
|
10
|
-
color:
|
|
10
|
+
color: FabColor;
|
|
11
11
|
/**
|
|
12
12
|
* The size of the FAB.
|
|
13
13
|
*/
|
|
14
|
-
size:
|
|
14
|
+
size: FabSize;
|
|
15
15
|
/**
|
|
16
16
|
* The text to display the FAB.
|
|
17
17
|
*/
|
|
@@ -20,13 +20,28 @@ export declare class UmFab extends UmButtonBase {
|
|
|
20
20
|
* Lowers the FAB's elevation.
|
|
21
21
|
*/
|
|
22
22
|
lowered: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* The element the FAB will observe for scroll. Accepts an `HTMLElement`,
|
|
25
|
+
* the id of an element, `'window'` to use the window scroll, or `'none'`
|
|
26
|
+
* to disable. When unset, the FAB consumes the scroll container provided
|
|
27
|
+
* by an ancestor `u-scaffold` via context, falling back to `'window'`.
|
|
28
|
+
* Reserved for future scroll-driven behaviors (e.g. shrink on scroll).
|
|
29
|
+
*/
|
|
30
|
+
scrollContainer: 'none' | 'window' | string | HTMLElement | undefined;
|
|
31
|
+
protected readonly _scrollContainerFromContext: HTMLElement | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* The resolved scroll target according to the precedence
|
|
34
|
+
* explicit > context > window. Returns `null` when the explicit value
|
|
35
|
+
* is `'none'`.
|
|
36
|
+
*/
|
|
37
|
+
protected get _effectiveScrollContainer(): HTMLElement | Window | null;
|
|
23
38
|
get extended(): boolean;
|
|
24
39
|
protected _getContainerClasses(): Record<string, boolean>;
|
|
25
40
|
protected _renderContent(): HTMLTemplateResult;
|
|
26
41
|
}
|
|
27
42
|
declare global {
|
|
28
43
|
interface HTMLElementTagNameMap {
|
|
29
|
-
'u-fab':
|
|
44
|
+
'u-fab': Fab;
|
|
30
45
|
}
|
|
31
46
|
}
|
|
32
47
|
//# sourceMappingURL=fab.d.ts.map
|
package/button/fab.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAIxD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AACpF,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,qBACa,GAAI,SAAQ,UAAU;IAEjC,OAAgB,MAAM,iCAA+B;IAErD;;OAEG;IACS,KAAK,EAAE,QAAQ,CAAa;IAExC;;OAEG;IACS,IAAI,EAAE,OAAO,CAAY;IAErC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC;;OAEG;IACyC,OAAO,UAAS;IAE5D;;;;;;OAMG;IAEH,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAa;IAIlF,SAAS,CAAC,QAAQ,CAAC,2BAA2B,EAAG,WAAW,GAAG,SAAS,CAAC;IAEzE;;;;OAIG;IACH,SAAS,KAAK,yBAAyB,IAAI,WAAW,GAAG,MAAM,GAAG,IAAI,CAoBrE;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;cAEkB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAU/C,cAAc,IAAI,kBAAkB;CAQxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,OAAO,EAAE,GAAG,CAAC;KACd;CACF"}
|
package/button/fab.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
+
import { consume } from '@lit/context';
|
|
2
3
|
import { html, nothing } from 'lit';
|
|
3
|
-
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
-
import {
|
|
4
|
+
import { customElement, property, state } from 'lit/decorators.js';
|
|
5
|
+
import { scrollContainerContext } from '../scaffold/scroll-container-context.js';
|
|
6
|
+
import { ButtonBase } from './button-base.js';
|
|
5
7
|
import { styles } from './fab.styles.js';
|
|
6
|
-
let
|
|
8
|
+
let Fab = class Fab extends ButtonBase {
|
|
7
9
|
constructor() {
|
|
8
10
|
super(...arguments);
|
|
9
11
|
/**
|
|
@@ -22,8 +24,37 @@ let UmFab = class UmFab extends UmButtonBase {
|
|
|
22
24
|
* Lowers the FAB's elevation.
|
|
23
25
|
*/
|
|
24
26
|
this.lowered = false;
|
|
27
|
+
/**
|
|
28
|
+
* The element the FAB will observe for scroll. Accepts an `HTMLElement`,
|
|
29
|
+
* the id of an element, `'window'` to use the window scroll, or `'none'`
|
|
30
|
+
* to disable. When unset, the FAB consumes the scroll container provided
|
|
31
|
+
* by an ancestor `u-scaffold` via context, falling back to `'window'`.
|
|
32
|
+
* Reserved for future scroll-driven behaviors (e.g. shrink on scroll).
|
|
33
|
+
*/
|
|
34
|
+
this.scrollContainer = undefined;
|
|
35
|
+
}
|
|
36
|
+
static { this.styles = [ButtonBase.styles, styles]; }
|
|
37
|
+
/**
|
|
38
|
+
* The resolved scroll target according to the precedence
|
|
39
|
+
* explicit > context > window. Returns `null` when the explicit value
|
|
40
|
+
* is `'none'`.
|
|
41
|
+
*/
|
|
42
|
+
get _effectiveScrollContainer() {
|
|
43
|
+
const explicit = this.scrollContainer;
|
|
44
|
+
if (explicit === 'none') {
|
|
45
|
+
return null;
|
|
46
|
+
}
|
|
47
|
+
if (explicit instanceof HTMLElement) {
|
|
48
|
+
return explicit;
|
|
49
|
+
}
|
|
50
|
+
if (typeof explicit === 'string' && explicit.length > 0) {
|
|
51
|
+
if (explicit === 'window') {
|
|
52
|
+
return window;
|
|
53
|
+
}
|
|
54
|
+
return document.getElementById(explicit);
|
|
55
|
+
}
|
|
56
|
+
return this._scrollContainerFromContext ?? window;
|
|
25
57
|
}
|
|
26
|
-
static { this.styles = [UmButtonBase.styles, styles]; }
|
|
27
58
|
get extended() {
|
|
28
59
|
return !!this.label;
|
|
29
60
|
}
|
|
@@ -46,18 +77,25 @@ let UmFab = class UmFab extends UmButtonBase {
|
|
|
46
77
|
};
|
|
47
78
|
__decorate([
|
|
48
79
|
property()
|
|
49
|
-
],
|
|
80
|
+
], Fab.prototype, "color", void 0);
|
|
50
81
|
__decorate([
|
|
51
82
|
property()
|
|
52
|
-
],
|
|
83
|
+
], Fab.prototype, "size", void 0);
|
|
53
84
|
__decorate([
|
|
54
85
|
property()
|
|
55
|
-
],
|
|
86
|
+
], Fab.prototype, "label", void 0);
|
|
56
87
|
__decorate([
|
|
57
88
|
property({ type: Boolean, reflect: true })
|
|
58
|
-
],
|
|
59
|
-
|
|
89
|
+
], Fab.prototype, "lowered", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
property({ attribute: 'scroll-container' })
|
|
92
|
+
], Fab.prototype, "scrollContainer", void 0);
|
|
93
|
+
__decorate([
|
|
94
|
+
consume({ context: scrollContainerContext, subscribe: true }),
|
|
95
|
+
state()
|
|
96
|
+
], Fab.prototype, "_scrollContainerFromContext", void 0);
|
|
97
|
+
Fab = __decorate([
|
|
60
98
|
customElement('u-fab')
|
|
61
|
-
],
|
|
62
|
-
export {
|
|
99
|
+
], Fab);
|
|
100
|
+
export { Fab };
|
|
63
101
|
//# sourceMappingURL=fab.js.map
|
package/button/fab.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/button/fab.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAE,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAMlC,IAAM,GAAG,GAAT,MAAM,GAAI,SAAQ,UAAU;IAA5B;;QAIL;;WAEG;QACS,UAAK,GAAa,SAAS,CAAC;QAExC;;WAEG;QACS,SAAI,GAAY,QAAQ,CAAC;QAErC;;WAEG;QACS,UAAK,GAAkB,IAAI,CAAC;QAExC;;WAEG;QACyC,YAAO,GAAG,KAAK,CAAC;QAE5D;;;;;;WAMG;QAEH,oBAAe,GAAyD,SAAS,CAAC;IAuDpF,CAAC;aArFiB,WAAM,GAAG,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,AAA9B,CAA+B;IAoCrD;;;;OAIG;IACH,IAAc,yBAAyB;QACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC;QAEtC,IAAI,QAAQ,KAAK,MAAM,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,QAAQ,YAAY,WAAW,EAAE,CAAC;YACpC,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxD,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1B,OAAO,MAAM,CAAC;YAChB,CAAC;YAED,OAAO,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC3C,CAAC;QAED,OAAO,IAAI,CAAC,2BAA2B,IAAI,MAAM,CAAC;IACpD,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,MAAM,QAAQ,GAAG,IAAI,CAAA,SAAS,IAAI,CAAC,KAAK,SAAS,CAAC;QAElD,OAAO,IAAI,CAAA;;QAEP,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO;KAClC,CAAC;IACJ,CAAC;;AA/EW;IAAX,QAAQ,EAAE;kCAA6B;AAK5B;IAAX,QAAQ,EAAE;iCAA0B;AAKzB;IAAX,QAAQ,EAAE;kCAA6B;AAKI;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oCAAiB;AAU5D;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;4CACsC;AAI/D;IAFlB,OAAO,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC7D,KAAK,EAAE;wDACiE;AApC9D,GAAG;IADf,aAAa,CAAC,OAAO,CAAC;GACV,GAAG,CAuFf","sourcesContent":["import { consume } from '@lit/context';\n\nimport { html, HTMLTemplateResult, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { scrollContainerContext } from '../scaffold/scroll-container-context.js';\nimport { ButtonBase } from './button-base.js';\nimport { styles } from './fab.styles.js';\n\nexport type FabColor = 'primary' | 'secondary' | 'tertiary' | 'surface' | 'branded';\nexport type FabSize = 'small' | 'medium' | 'large';\n\n@customElement('u-fab')\nexport class Fab extends ButtonBase {\n\n static override styles = [ButtonBase.styles, styles];\n\n /**\n * The FAB color variant to render.\n */\n @property() color: FabColor = 'primary';\n\n /**\n * The size of the FAB.\n */\n @property() size: FabSize = 'medium';\n\n /**\n * The text to display the FAB.\n */\n @property() label: string | null = null;\n\n /**\n * Lowers the FAB's elevation.\n */\n @property({ type: Boolean, reflect: true }) lowered = false;\n\n /**\n * The element the FAB will observe for scroll. Accepts an `HTMLElement`,\n * the id of an element, `'window'` to use the window scroll, or `'none'`\n * to disable. When unset, the FAB consumes the scroll container provided\n * by an ancestor `u-scaffold` via context, falling back to `'window'`.\n * Reserved for future scroll-driven behaviors (e.g. shrink on scroll).\n */\n @property({ attribute: 'scroll-container' })\n scrollContainer: 'none' | 'window' | string | HTMLElement | undefined = undefined;\n\n @consume({ context: scrollContainerContext, subscribe: true })\n @state()\n protected readonly _scrollContainerFromContext!: HTMLElement | undefined;\n\n /**\n * The resolved scroll target according to the precedence\n * explicit > context > window. Returns `null` when the explicit value\n * is `'none'`.\n */\n protected get _effectiveScrollContainer(): HTMLElement | Window | null {\n const explicit = this.scrollContainer;\n\n if (explicit === 'none') {\n return null;\n }\n\n if (explicit instanceof HTMLElement) {\n return explicit;\n }\n\n if (typeof explicit === 'string' && explicit.length > 0) {\n if (explicit === 'window') {\n return window;\n }\n\n return document.getElementById(explicit);\n }\n\n return this._scrollContainerFromContext ?? window;\n }\n\n get extended(): boolean {\n return !!this.label;\n }\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.color]: true,\n [this.size]: true,\n lowered: this.lowered,\n extended: this.extended,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n const labelTag = html`<span>${this.label}</span>`;\n\n return html`\n <span class=\"icon\" aria-hidden=\"true\"><slot></slot></span>\n ${this.label ? labelTag : nothing}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-fab': Fab;\n }\n}\n"]}
|
package/button/icon-button.d.ts
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { HTMLTemplateResult } from 'lit';
|
|
2
|
-
import {
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
5
|
-
export declare class
|
|
2
|
+
import { ToggleButton } from './toggle-button.js';
|
|
3
|
+
export type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';
|
|
4
|
+
export type IconButtonWidth = 'default' | 'narrow' | 'wide';
|
|
5
|
+
export declare class IconButton extends ToggleButton {
|
|
6
6
|
static styles: import("lit").CSSResultGroup[];
|
|
7
7
|
/**
|
|
8
8
|
* The Icon Button variant to render
|
|
9
9
|
*/
|
|
10
|
-
variant:
|
|
10
|
+
variant: IconButtonVariant;
|
|
11
11
|
/**
|
|
12
12
|
* The width of the Icon Button
|
|
13
13
|
*/
|
|
14
|
-
width:
|
|
14
|
+
width: IconButtonWidth;
|
|
15
15
|
protected _getContainerClasses(): Record<string, boolean>;
|
|
16
16
|
protected _renderContent(): HTMLTemplateResult;
|
|
17
17
|
}
|
|
18
18
|
declare global {
|
|
19
19
|
interface HTMLElementTagNameMap {
|
|
20
|
-
'u-icon-button':
|
|
20
|
+
'u-icon-button': IconButton;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAC7E,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D,qBACa,UAAW,SAAQ,YAAY;IAE1C,OAAgB,MAAM,iCAAiC;IAEvD;;OAEG;IACS,OAAO,EAAE,iBAAiB,CAAc;IAEpD;;OAEG;IACS,KAAK,EAAE,eAAe,CAAa;cAE5B,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;CAaxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}
|
package/button/icon-button.js
CHANGED
|
@@ -2,8 +2,8 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { customElement, property } from 'lit/decorators.js';
|
|
4
4
|
import { styles } from './icon-button.styles.js';
|
|
5
|
-
import {
|
|
6
|
-
let
|
|
5
|
+
import { ToggleButton } from './toggle-button.js';
|
|
6
|
+
let IconButton = class IconButton extends ToggleButton {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
9
|
/**
|
|
@@ -15,7 +15,7 @@ let UmIconButton = class UmIconButton extends UmToggleButton {
|
|
|
15
15
|
*/
|
|
16
16
|
this.width = 'default';
|
|
17
17
|
}
|
|
18
|
-
static { this.styles = [
|
|
18
|
+
static { this.styles = [ToggleButton.styles, styles]; }
|
|
19
19
|
_getContainerClasses() {
|
|
20
20
|
return {
|
|
21
21
|
...super._getContainerClasses(),
|
|
@@ -38,12 +38,12 @@ let UmIconButton = class UmIconButton extends UmToggleButton {
|
|
|
38
38
|
};
|
|
39
39
|
__decorate([
|
|
40
40
|
property()
|
|
41
|
-
],
|
|
41
|
+
], IconButton.prototype, "variant", void 0);
|
|
42
42
|
__decorate([
|
|
43
43
|
property()
|
|
44
|
-
],
|
|
45
|
-
|
|
44
|
+
], IconButton.prototype, "width", void 0);
|
|
45
|
+
IconButton = __decorate([
|
|
46
46
|
customElement('u-icon-button')
|
|
47
|
-
],
|
|
48
|
-
export {
|
|
47
|
+
], IconButton);
|
|
48
|
+
export { IconButton };
|
|
49
49
|
//# sourceMappingURL=icon-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../src/button/icon-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAM3C,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,YAAY;IAArC;;QAIL;;WAEG;QACS,YAAO,GAAsB,UAAU,CAAC;QAEpD;;WAEG;QACS,UAAK,GAAoB,SAAS,CAAC;IAuBjD,CAAC;aAjCiB,WAAM,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,AAAhC,CAAiC;IAYpC,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;YACpB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;SACnB,CAAC;IACJ,CAAC;IAEkB,cAAc;QAE/B,OAAO,IAAI,CAAA;;;;;;+CAMgC,IAAI,CAAC,6BAA6B;;;KAG5E,CAAC;IACJ,CAAC;;AA3BW;IAAX,QAAQ,EAAE;2CAAyC;AAKxC;IAAX,QAAQ,EAAE;yCAAoC;AAZpC,UAAU;IADtB,aAAa,CAAC,eAAe,CAAC;GAClB,UAAU,CAmCtB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './icon-button.styles.js';\nimport { ToggleButton } from './toggle-button.js';\n\nexport type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';\nexport type IconButtonWidth = 'default' | 'narrow' | 'wide';\n\n@customElement('u-icon-button')\nexport class IconButton extends ToggleButton {\n\n static override styles = [ToggleButton.styles, styles];\n\n /**\n * The Icon Button variant to render\n */\n @property() variant: IconButtonVariant = 'standard';\n\n /**\n * The width of the Icon Button\n */\n @property() width: IconButtonWidth = 'default';\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.variant]: true,\n [this.width]: true,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n\n return html`\n <span class=\"icon-container\" aria-hidden=\"true\">\n <span class=\"icon icon-default\">\n <slot></slot>\n </span>\n <span class=\"icon icon-selected\">\n <slot name=\"selected\" @slotchange=\"${this._handleSelectedIconSlotChange}\"></slot>\n </span>\n </span>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-icon-button': IconButton;\n }\n}\n"]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { CSSResultGroup } from '@lit/reactive-element/css-tag';
|
|
2
|
-
import {
|
|
3
|
-
export type
|
|
4
|
-
export type
|
|
5
|
-
export declare abstract class
|
|
2
|
+
import { ButtonBase } from './button-base.js';
|
|
3
|
+
export type ButtonShape = 'round' | 'square';
|
|
4
|
+
export type ButtonSize = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
|
|
5
|
+
export declare abstract class ToggleButton extends ButtonBase {
|
|
6
6
|
static styles: CSSResultGroup;
|
|
7
7
|
/**
|
|
8
8
|
* When true, the button will toggle between selected and unselected
|
|
@@ -20,11 +20,11 @@ export declare abstract class UmToggleButton extends UmButtonBase {
|
|
|
20
20
|
/**
|
|
21
21
|
* Sets the shape of the button
|
|
22
22
|
*/
|
|
23
|
-
shape:
|
|
23
|
+
shape: ButtonShape;
|
|
24
24
|
/**
|
|
25
25
|
* Sets the size of the button
|
|
26
26
|
*/
|
|
27
|
-
size:
|
|
27
|
+
size: ButtonSize;
|
|
28
28
|
/**
|
|
29
29
|
* The `aria-label` of the button when the button is toggleable and selected.
|
|
30
30
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAI/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAEtF,8BAAsB,YAAa,SAAQ,UAAU;IAEnD,OAAgB,MAAM,EAAE,cAAc,CAA+B;IAErE;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACoE,WAAW,UAAS;IAE3F;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IAC0B,KAAK,EAAE,WAAW,CAAW;IAE1D;;OAEG;IAC0B,IAAI,EAAE,UAAU,CAAW;IAExD;;OAEG;IAC6C,iBAAiB,SAAM;IAE9D,iBAAiB,UAAS;cAEhB,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAY/C,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAW5C,YAAY,IAAI,MAAM,GAAG,IAAI;IAMtC,SAAS,CAAC,6BAA6B,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;CAGxD"}
|
package/button/toggle-button.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { property, state } from 'lit/decorators.js';
|
|
3
|
-
import {
|
|
3
|
+
import { ButtonBase } from './button-base.js';
|
|
4
4
|
import { styles } from './toggle-button.styles.js';
|
|
5
|
-
export class
|
|
5
|
+
export class ToggleButton extends ButtonBase {
|
|
6
6
|
constructor() {
|
|
7
7
|
super(...arguments);
|
|
8
8
|
/**
|
|
@@ -32,7 +32,7 @@ export class UmToggleButton extends UmButtonBase {
|
|
|
32
32
|
this.ariaLabelSelected = '';
|
|
33
33
|
this._hasSelectionIcon = false;
|
|
34
34
|
}
|
|
35
|
-
static { this.styles = [
|
|
35
|
+
static { this.styles = [ButtonBase.styles, styles]; }
|
|
36
36
|
_getContainerClasses() {
|
|
37
37
|
return {
|
|
38
38
|
...super._getContainerClasses(),
|
|
@@ -63,23 +63,23 @@ export class UmToggleButton extends UmButtonBase {
|
|
|
63
63
|
}
|
|
64
64
|
__decorate([
|
|
65
65
|
property({ type: Boolean, reflect: true })
|
|
66
|
-
],
|
|
66
|
+
], ToggleButton.prototype, "toggle", void 0);
|
|
67
67
|
__decorate([
|
|
68
68
|
property({ attribute: 'toggle-shape', type: Boolean, reflect: true })
|
|
69
|
-
],
|
|
69
|
+
], ToggleButton.prototype, "toggleShape", void 0);
|
|
70
70
|
__decorate([
|
|
71
71
|
property({ type: Boolean, reflect: true })
|
|
72
|
-
],
|
|
72
|
+
], ToggleButton.prototype, "selected", void 0);
|
|
73
73
|
__decorate([
|
|
74
74
|
property({ reflect: true })
|
|
75
|
-
],
|
|
75
|
+
], ToggleButton.prototype, "shape", void 0);
|
|
76
76
|
__decorate([
|
|
77
77
|
property({ reflect: true })
|
|
78
|
-
],
|
|
78
|
+
], ToggleButton.prototype, "size", void 0);
|
|
79
79
|
__decorate([
|
|
80
80
|
property({ attribute: 'aria-label-selected' })
|
|
81
|
-
],
|
|
81
|
+
], ToggleButton.prototype, "ariaLabelSelected", void 0);
|
|
82
82
|
__decorate([
|
|
83
83
|
state()
|
|
84
|
-
],
|
|
84
|
+
], ToggleButton.prototype, "_hasSelectionIcon", void 0);
|
|
85
85
|
//# sourceMappingURL=toggle-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../src/button/toggle-button.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAKnD,MAAM,OAAgB,YAAa,SAAQ,UAAU;IAArD;;QAIE;;;WAGG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACoE,gBAAW,GAAG,KAAK,CAAC;QAE3F;;WAEG;QACyC,aAAQ,GAAG,KAAK,CAAC;QAE7D;;WAEG;QAC0B,UAAK,GAAgB,OAAO,CAAC;QAE1D;;WAEG;QAC0B,SAAI,GAAe,OAAO,CAAC;QAExD;;WAEG;QAC6C,sBAAiB,GAAG,EAAE,CAAC;QAE9D,sBAAiB,GAAG,KAAK,CAAC;IAkCrC,CAAC;aAnEiB,WAAM,GAAmB,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,AAA9C,CAA+C;IAmClD,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,cAAc,EAAE,IAAI,CAAC,WAAW;YAChC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB;SACzC,CAAC;IACJ,CAAC;IAEkB,YAAY,CAAC,KAAc;QAC5C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAEQ,YAAY;QACnB,OAAO,IAAI,CAAC,QAAQ;YAClB,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,KAAK,CAAC,YAAY,EAAE;YAChD,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3B,CAAC;IAES,6BAA6B,CAAC,CAAQ;QAC9C,IAAI,CAAC,iBAAiB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACxG,CAAC;;AA5D2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAKY;IAAtE,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAqB;AAK/C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAkB;AAKhC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAA8B;AAK7B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAA4B;AAKR;IAA/C,QAAQ,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;uDAAwB;AAE9D;IAAR,KAAK,EAAE;uDAA2B","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { property, state } from 'lit/decorators.js';\n\nimport { ButtonBase } from './button-base.js';\nimport { styles } from './toggle-button.styles.js';\n\nexport type ButtonShape = 'round' | 'square';\nexport type ButtonSize = 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';\n\nexport abstract class ToggleButton extends ButtonBase {\n\n static override styles: CSSResultGroup = [ButtonBase.styles, styles];\n\n /**\n * When true, the button will toggle between selected and unselected\n * states\n */\n @property({ type: Boolean, reflect: true }) toggle = false;\n\n /**\n * When true, the button will toggle between round and square shapes\n */\n @property({ attribute: 'toggle-shape', type: Boolean, reflect: true }) toggleShape = false;\n\n /**\n * Sets the selected state\n */\n @property({ type: Boolean, reflect: true }) selected = false;\n\n /**\n * Sets the shape of the button\n */\n @property({ reflect: true }) shape: ButtonShape = 'round';\n\n /**\n * Sets the size of the button\n */\n @property({ reflect: true }) size: ButtonSize = 'small';\n\n /**\n * The `aria-label` of the button when the button is toggleable and selected.\n */\n @property({ attribute: 'aria-label-selected' }) ariaLabelSelected = '';\n\n @state() _hasSelectionIcon = false;\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n [this.shape]: true,\n [this.size]: true,\n selected: this.selected,\n toggle: this.toggle,\n 'toggle-shape': this.toggleShape,\n 'selection-icon': this._hasSelectionIcon,\n };\n }\n\n protected override _handleClick(event: UIEvent): void {\n super._handleClick(event);\n\n if (!this.toggle) {\n return;\n }\n\n this.selected = !this.selected;\n this.dispatchEvent(new Event('change', { bubbles: true }));\n }\n\n override getAriaLabel(): string | null {\n return this.selected\n ? this.ariaLabelSelected || super.getAriaLabel()\n : super.getAriaLabel();\n }\n\n protected _handleSelectedIconSlotChange(e: Event): void {\n this._hasSelectionIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
|
-
import {
|
|
3
|
-
export declare class
|
|
2
|
+
import { TextFieldBase } from '../shared/text-field-base/text-field-base.js';
|
|
3
|
+
export declare class ButtonField extends TextFieldBase {
|
|
4
4
|
static styles: import("lit").CSSResultGroup[];
|
|
5
5
|
protected _value: string;
|
|
6
6
|
/**
|
|
@@ -15,7 +15,7 @@ export declare class UmButtonField extends UmTextFieldBase {
|
|
|
15
15
|
}
|
|
16
16
|
declare global {
|
|
17
17
|
interface HTMLElementTagNameMap {
|
|
18
|
-
'u-button-field':
|
|
18
|
+
'u-button-field': ButtonField;
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
//# sourceMappingURL=button-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-field.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"button-field.d.ts","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAG7E,qBACa,WAAY,SAAQ,aAAa;IAC5C,OAAgB,MAAM,iCAAkC;IAExD,SAAS,CAAC,MAAM,SAAM;IAEtB;;OAEG;IACH,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAItB;IAEuB,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;cAEzB,aAAa,IAAI,cAAc;cAa/B,kBAAkB,IAAI,cAAc;CAOxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,WAAW,CAAC;KAC/B;CACF"}
|
|
@@ -2,14 +2,14 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
4
4
|
import { html as staticHtml } from 'lit/static-html.js';
|
|
5
|
-
import {
|
|
5
|
+
import { TextFieldBase } from '../shared/text-field-base/text-field-base.js';
|
|
6
6
|
import { styles } from './button-field.styles.js';
|
|
7
|
-
let
|
|
7
|
+
let ButtonField = class ButtonField extends TextFieldBase {
|
|
8
8
|
constructor() {
|
|
9
9
|
super(...arguments);
|
|
10
10
|
this._value = '';
|
|
11
11
|
}
|
|
12
|
-
static { this.styles = [
|
|
12
|
+
static { this.styles = [TextFieldBase.styles, styles]; }
|
|
13
13
|
/**
|
|
14
14
|
* The current value of the field, submitted with the associated form
|
|
15
15
|
*/
|
|
@@ -43,15 +43,15 @@ let UmButtonField = class UmButtonField extends UmTextFieldBase {
|
|
|
43
43
|
};
|
|
44
44
|
__decorate([
|
|
45
45
|
property()
|
|
46
|
-
],
|
|
46
|
+
], ButtonField.prototype, "value", null);
|
|
47
47
|
__decorate([
|
|
48
48
|
query('.button', true)
|
|
49
|
-
],
|
|
49
|
+
], ButtonField.prototype, "_button", void 0);
|
|
50
50
|
__decorate([
|
|
51
51
|
query('.input', true)
|
|
52
|
-
],
|
|
53
|
-
|
|
52
|
+
], ButtonField.prototype, "_input", void 0);
|
|
53
|
+
ButtonField = __decorate([
|
|
54
54
|
customElement('u-button-field')
|
|
55
|
-
],
|
|
56
|
-
export {
|
|
55
|
+
], ButtonField);
|
|
56
|
+
export { ButtonField };
|
|
57
57
|
//# sourceMappingURL=button-field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-field.js","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"button-field.js","sourceRoot":"","sources":["../../src/button-field/button-field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAAvC;;QAGK,WAAM,GAAG,EAAE,CAAC;IAuCxB,CAAC;aAzCiB,WAAM,GAAG,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,AAAjC,CAAkC;IAIxD;;OAEG;IAEH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAKkB,aAAa;QAC9B,OAAO,UAAU,CAAA;;;;;qBAKA,IAAI,CAAC,QAAQ;;gBAElB,IAAI,CAAC,KAAK;;4BAEE,IAAI,CAAC,QAAQ,cAAc,CAAC;IACtD,CAAC;IAEkB,kBAAkB;QACnC,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAhCD;IADC,QAAQ,EAAE;wCAGV;AAQuB;IAAvB,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC;4CAA6B;AAC7B;IAAtB,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC;2CAAsB;AApBjC,WAAW;IADvB,aAAa,CAAC,gBAAgB,CAAC;GACnB,WAAW,CA0CvB","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { TextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { styles } from './button-field.styles.js';\n\n@customElement('u-button-field')\nexport class ButtonField extends TextFieldBase {\n static override styles = [TextFieldBase.styles, styles];\n\n protected _value = '';\n\n /**\n * The current value of the field, submitted with the associated form\n */\n @property()\n get value() {\n return this._value;\n }\n\n set value(value: string) {\n this._value = value;\n this.empty = !value;\n this.elementInternals.setFormValue(value);\n }\n\n @query('.button', true) _button!: HTMLButtonElement;\n @query('.input', true) _input!: HTMLElement;\n\n protected override renderControl(): TemplateResult {\n return staticHtml`\n <button \n class=\"button\"\n aria-expanded=\"false\"\n aria-owns=\"select\"\n ?disabled=${this.disabled}></button>\n <div class=\"input\">\n <slot>${this.value}</slot>\n </div>\n <u-ripple ?disabled=${this.disabled}></u-ripple>`;\n }\n\n protected override renderAfterContent(): TemplateResult {\n return html`\n <u-menu>\n <slot></slot>\n </u-menu>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-button-field': ButtonField;\n }\n}\n"]}
|
|
@@ -4,7 +4,7 @@ import { DirectiveResult } from 'lit-html/directive.js';
|
|
|
4
4
|
import { ClassMapDirective } from 'lit-html/directives/class-map';
|
|
5
5
|
import { DefaultCalendarAdapter } from './default-calendar-adapter.js';
|
|
6
6
|
export type CalendarView = 'day' | 'month' | 'year';
|
|
7
|
-
export declare abstract class
|
|
7
|
+
export declare abstract class CalendarBase extends LitElement {
|
|
8
8
|
#private;
|
|
9
9
|
static styles: CSSResultGroup;
|
|
10
10
|
weekDays: string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAKlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpD,8BAAsB,
|
|
1
|
+
{"version":3,"file":"calendar-base.d.ts","sourceRoot":"","sources":["../../src/calendar/calendar-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAKlE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpD,8BAAsB,YAAa,SAAQ,UAAU;;IACnD,OAAgB,MAAM,EAAE,cAAc,CAAY;IAEzC,QAAQ,EAAE,MAAM,EAAE,CAAM;IACxB,OAAO,CAAC,eAAe,CAAK;IAC5B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,WAAW,CAAC,GAAG,IAAI,CAAQ;IAChF;;;OAGG;IAC0B,gBAAgB,UAAS;IAEtD;;OAEG;IACkD,SAAS,SAAM;IAEpE,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAEpB;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAGQ,oBAAoB,EAAE,IAAI,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAS;IAC3B,cAAc,SAAK;IAE5B;;;OAGG;IACS,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,YAAY,EAAE,MAAM,CAAsB;IAC1C,OAAO,yBAAgC;IAEvC,SAAS;IAYA,iBAAiB;IAejB,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAO/C,MAAM,IAAI,kBAAkB;IA+PrC,SAAS,CAAC,oBAAoB,IAAI,eAAe,CAAC,OAAO,iBAAiB,CAAC,GAAG,IAAI;IAIlF,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAChD,SAAS,CAAC,QAAQ,CAAC,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAE/E,SAAS,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAQpD,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM;IAenD,SAAS,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;CAuB9D"}
|
|
@@ -4,7 +4,7 @@ import { property, state } from 'lit/decorators.js';
|
|
|
4
4
|
import { classMap } from 'lit/directives/class-map.js';
|
|
5
5
|
import { styles } from './calendar-base.styles.js';
|
|
6
6
|
import { DefaultCalendarAdapter } from './default-calendar-adapter.js';
|
|
7
|
-
export class
|
|
7
|
+
export class CalendarBase extends LitElement {
|
|
8
8
|
static { this.styles = [styles]; }
|
|
9
9
|
get year() {
|
|
10
10
|
return this._displayingMonthDate.getFullYear();
|
|
@@ -323,29 +323,29 @@ export class UmCalendarBase extends LitElement {
|
|
|
323
323
|
}
|
|
324
324
|
__decorate([
|
|
325
325
|
state()
|
|
326
|
-
],
|
|
326
|
+
], CalendarBase.prototype, "weekDays", void 0);
|
|
327
327
|
__decorate([
|
|
328
328
|
state()
|
|
329
|
-
],
|
|
329
|
+
], CalendarBase.prototype, "_firstDayOfWeek", void 0);
|
|
330
330
|
__decorate([
|
|
331
331
|
state()
|
|
332
|
-
],
|
|
332
|
+
], CalendarBase.prototype, "dateRenderer", void 0);
|
|
333
333
|
__decorate([
|
|
334
334
|
property({ type: Boolean })
|
|
335
|
-
],
|
|
335
|
+
], CalendarBase.prototype, "dateOutsideMonth", void 0);
|
|
336
336
|
__decorate([
|
|
337
337
|
property({ type: Number, attribute: 'year-range' })
|
|
338
|
-
],
|
|
338
|
+
], CalendarBase.prototype, "yearRange", void 0);
|
|
339
339
|
__decorate([
|
|
340
340
|
state()
|
|
341
|
-
],
|
|
341
|
+
], CalendarBase.prototype, "_displayingMonthDate", void 0);
|
|
342
342
|
__decorate([
|
|
343
343
|
state()
|
|
344
|
-
],
|
|
344
|
+
], CalendarBase.prototype, "view", void 0);
|
|
345
345
|
__decorate([
|
|
346
346
|
state()
|
|
347
|
-
],
|
|
347
|
+
], CalendarBase.prototype, "_yearPageStart", void 0);
|
|
348
348
|
__decorate([
|
|
349
349
|
property()
|
|
350
|
-
],
|
|
350
|
+
], CalendarBase.prototype, "locale", void 0);
|
|
351
351
|
//# sourceMappingURL=calendar-base.js.map
|