@universal-material/web 3.7.2 → 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 +20 -4
- package/app-bar/top-app-bar.d.ts.map +1 -1
- package/app-bar/top-app-bar.js +84 -33
- 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 +5 -2
- package/badge/badge.d.ts.map +1 -1
- package/badge/badge.js +9 -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 +5480 -2170
- package/button/button-base.d.ts +9 -2
- package/button/button-base.d.ts.map +1 -1
- package/button/button-base.js +12 -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 +10 -7
- package/button/button.d.ts.map +1 -1
- package/button/button.js +17 -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 +13 -7
- package/button/icon-button.d.ts.map +1 -1
- package/button/icon-button.js +14 -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 +6 -3
- package/button-field/button-field.d.ts.map +1 -1
- package/button-field/button-field.js +12 -9
- package/button-field/button-field.js.map +1 -1
- package/calendar/calendar-adapter.d.ts +3 -0
- package/calendar/calendar-adapter.d.ts.map +1 -1
- package/calendar/calendar-adapter.js.map +1 -1
- package/calendar/calendar-base.d.ts +18 -1
- package/calendar/calendar-base.d.ts.map +1 -1
- package/calendar/calendar-base.js +188 -25
- package/calendar/calendar-base.js.map +1 -1
- package/calendar/calendar.d.ts +6 -2
- package/calendar/calendar.d.ts.map +1 -1
- package/calendar/calendar.js +12 -8
- package/calendar/calendar.js.map +1 -1
- package/calendar/default-calendar-adapter.d.ts +3 -0
- package/calendar/default-calendar-adapter.d.ts.map +1 -1
- package/calendar/default-calendar-adapter.js +17 -5
- package/calendar/default-calendar-adapter.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 +7 -2
- package/card/card-content.d.ts.map +1 -1
- package/card/card-content.js +10 -5
- package/card/card-content.js.map +1 -1
- package/card/card-media.d.ts +5 -2
- package/card/card-media.d.ts.map +1 -1
- package/card/card-media.js +8 -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 +10 -3
- package/checkbox/checkbox.d.ts.map +1 -1
- package/checkbox/checkbox.js +14 -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 +8 -5
- package/chip/chip.d.ts.map +1 -1
- package/chip/chip.js +23 -20
- package/chip/chip.js.map +1 -1
- package/chip-field/chip-field.d.ts +6 -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 +17175 -9684
- package/datepicker/datepicker.d.ts +54 -3
- package/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker.js +202 -6
- 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/format.d.ts +19 -0
- package/datepicker/format.d.ts.map +1 -0
- package/datepicker/format.js +47 -0
- package/datepicker/format.js.map +1 -0
- package/datepicker/range-datepicker.d.ts +58 -0
- package/datepicker/range-datepicker.d.ts.map +1 -0
- package/datepicker/range-datepicker.js +212 -0
- package/datepicker/range-datepicker.js.map +1 -0
- 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 +10 -2
- package/dialog/dialog.d.ts.map +1 -1
- package/dialog/dialog.js +22 -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 +17 -3
- package/field/field-base.d.ts.map +1 -1
- package/field/field-base.js +30 -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 +7 -3
- package/field/field.d.ts.map +1 -1
- package/field/field.js +10 -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 +29 -1
- package/index.d.ts.map +1 -1
- package/index.js +29 -1
- package/index.js.map +1 -1
- package/list/list-item.d.ts +19 -2
- package/list/list-item.d.ts.map +1 -1
- package/list/list-item.js +29 -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 +9 -3
- package/menu/menu-item.d.ts.map +1 -1
- package/menu/menu-item.js +16 -10
- package/menu/menu-item.js.map +1 -1
- package/menu/menu.d.ts +18 -2
- package/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +37 -18
- package/menu/menu.js.map +1 -1
- package/menu/menu.styles.d.ts.map +1 -1
- package/menu/menu.styles.js +5 -0
- package/menu/menu.styles.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-headline.styles.js +1 -1
- package/navigation/drawer-headline.styles.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-item.d.ts +8 -0
- package/overflow-menu/overflow-menu-item.d.ts.map +1 -1
- package/overflow-menu/overflow-menu-item.js +8 -0
- package/overflow-menu/overflow-menu-item.js.map +1 -1
- 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 +21 -5
- package/progress/circular-progress.d.ts +9 -2
- package/progress/circular-progress.d.ts.map +1 -1
- package/progress/circular-progress.js +9 -6
- package/progress/circular-progress.js.map +1 -1
- package/progress/progress-bar.d.ts +9 -2
- package/progress/progress-bar.d.ts.map +1 -1
- package/progress/progress-bar.js +9 -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 +6 -3
- package/radio/radio.d.ts.map +1 -1
- package/radio/radio.js +9 -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 +6 -3
- package/search/search.d.ts.map +1 -1
- package/search/search.js +10 -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 +9 -3
- package/select/option.d.ts.map +1 -1
- package/select/option.js +14 -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 +22 -12
- package/select/select.d.ts.map +1 -1
- package/select/select.js +81 -31
- package/select/select.js.map +1 -1
- package/shared/button-wrapper.d.ts +4 -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 +15 -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 +16 -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 +14 -1
- package/shared/selection-control/selection-control-list-item.js.map +1 -1
- package/shared/selection-control/selection-control.d.ts +10 -1
- package/shared/selection-control/selection-control.d.ts.map +1 -1
- package/shared/selection-control/selection-control.js +24 -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 +37 -2
- package/shared/text-field-base/text-field-base.d.ts.map +1 -1
- package/shared/text-field-base/text-field-base.js +66 -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 +13 -4
- package/snackbar/snackbar.d.ts.map +1 -1
- package/snackbar/snackbar.js +37 -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 +9 -6
- package/tab-bar/tab-bar.d.ts.map +1 -1
- package/tab-bar/tab-bar.js +43 -23
- package/tab-bar/tab-bar.js.map +1 -1
- package/tab-bar/tab.d.ts +10 -5
- package/tab-bar/tab.d.ts.map +1 -1
- package/tab-bar/tab.js +14 -9
- package/tab-bar/tab.js.map +1 -1
- package/text-area/text-area.d.ts +6 -3
- package/text-area/text-area.d.ts.map +1 -1
- package/text-area/text-area.js +12 -9
- package/text-area/text-area.js.map +1 -1
- package/text-field/text-field.d.ts +31 -3
- package/text-field/text-field.d.ts.map +1 -1
- package/text-field/text-field.js +53 -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-template-render.d.ts +4 -0
- package/typeahead/typeahead-template-render.d.ts.map +1 -1
- package/typeahead/typeahead-template-render.js +4 -0
- package/typeahead/typeahead-template-render.js.map +1 -1
- package/typeahead/typeahead.d.ts +14 -7
- package/typeahead/typeahead.d.ts.map +1 -1
- package/typeahead/typeahead.js +29 -18
- package/typeahead/typeahead.js.map +1 -1
- package/vscode.html-custom-data.json +1146 -326
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"range-calendar.js","sourceRoot":"","sources":["../../src/calendar/range-calendar.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"range-calendar.js","sourceRoot":"","sources":["../../src/calendar/range-calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { DirectiveResult } from 'lit-html/directive.js';\nimport { ClassMapDirective } from 'lit-html/directives/class-map.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { CalendarBase } from './calendar-base.js';\nimport { styles } from './range-calendar.styles.js';\n\n@customElement('u-range-calendar')\nexport class RangeCalendar extends CalendarBase {\n static override styles: CSSResultGroup = [styles, CalendarBase.styles];\n\n @state() startDateValue: Date | null = null;\n @state() endDateValue: Date | null = null;\n\n @property()\n get value(): string | null {\n if (!this.startDateValue && !this.endDateValue) {\n return '';\n }\n\n return `${this._getDateString(this.startDateValue)} - ${this._getDateString(this.endDateValue)}`;\n }\n\n set value(value: string) {\n if (!value) {\n this.startDateValue = null;\n this.endDateValue = null;\n return;\n }\n\n const values = value.split(' - ');\n\n if (values.length !== 2) {\n this.startDateValue = null;\n this.endDateValue = null;\n return;\n }\n\n const startDateString = values[0];\n const endDateString = values[1];\n\n this.startDateValue = this._getDateFromString(startDateString);\n this.endDateValue = this._getDateFromString(endDateString);\n }\n\n #setStartEndDates(startDate: Date | null, endDate: Date | null): void {\n this.startDateValue = startDate;\n this.endDateValue = endDate;\n\n this.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n this.dispatchEvent(new Event('change', { bubbles: true }));\n }\n\n protected override _selectDate(date: Date): void {\n if (!this.startDateValue || !!this.endDateValue) {\n this.#setStartEndDates(date, null);\n return;\n }\n\n if (date > this.startDateValue) {\n this.#setStartEndDates(this.startDateValue, date);\n return;\n }\n\n this.#setStartEndDates(date, this.startDateValue);\n }\n\n protected override _getCalendarClassMap(): DirectiveResult<typeof ClassMapDirective> | null {\n\n const map: Record<string, boolean> = {};\n\n if (!this.startDateValue) {\n return null;\n }\n\n if (this.startDateValue) {\n const className = this.endDateValue\n ? 'selected'\n : 'selecting';\n\n map[className] = true;\n }\n\n map[this.#getStartDateClass()] = true;\n\n if (this.endDateValue) {\n map[this.#getEndDateClass()] = true;\n }\n\n return classMap(map);\n }\n\n #getStartDateClass(): string {\n return this.#getDateClass('start', this.startDateValue!);\n }\n\n #getEndDateClass(): string {\n return this.#getDateClass('end', this.endDateValue!);\n }\n\n #getDateClass(name: string, date: Date): string {\n const month = date.getMonth();\n const year = date.getFullYear();\n\n if (this.month === month && this.year === year) {\n return `on-${name}-date-month`;\n }\n\n if (this.year > year || this.year === year && this.month > month) {\n return `after-${name}-date-month`;\n }\n\n return `before-${name}-date-month`;\n }\n\n protected override _getSelectedDateClasses(date: Date): Record<string, boolean> {\n\n const classes: Record<string, boolean> = {};\n\n if (this.startDateValue?.getTime() === date.getTime()) {\n classes['selected-date'] = true;\n classes['start-date'] = true;\n }\n\n if (this.endDateValue?.getTime() === date.getTime()) {\n classes['selected-date'] = true;\n classes['end-date'] = true;\n }\n\n return classes;\n }\n}\n"]}
|
package/card/card-content.d.ts
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class CardContent extends LitElement {
|
|
3
3
|
static styles: import("lit").CSSResult[];
|
|
4
|
+
/**
|
|
5
|
+
* Whether the default slot has assigned content
|
|
6
|
+
*
|
|
7
|
+
* _Note:_ Readonly
|
|
8
|
+
*/
|
|
4
9
|
hasContent: boolean;
|
|
5
10
|
render(): HTMLTemplateResult;
|
|
6
11
|
private handleSlotChange;
|
|
7
12
|
}
|
|
8
13
|
declare global {
|
|
9
14
|
interface HTMLElementTagNameMap {
|
|
10
|
-
'u-card-content':
|
|
15
|
+
'u-card-content': CardContent;
|
|
11
16
|
}
|
|
12
17
|
}
|
|
13
18
|
//# sourceMappingURL=card-content.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-content.d.ts","sourceRoot":"","sources":["../../src/card/card-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAM3D,qBACa,
|
|
1
|
+
{"version":3,"file":"card-content.d.ts","sourceRoot":"","sources":["../../src/card/card-content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAM3D,qBACa,WAAY,SAAQ,UAAU;IAEzC,OAAgB,MAAM,4BAAwB;IAE9C;;;;OAIG;IACmE,UAAU,UAAS;IAEhF,MAAM,IAAI,kBAAkB;IAKrC,OAAO,CAAC,gBAAgB;CAoBzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,WAAW,CAAC;KAC/B;CACF"}
|
package/card/card-content.js
CHANGED
|
@@ -3,9 +3,14 @@ import { LitElement, html } from 'lit';
|
|
|
3
3
|
import { customElement, property } from 'lit/decorators.js';
|
|
4
4
|
import { styles as baseStyles } from '../shared/base.styles.js';
|
|
5
5
|
import { styles } from './card-content.styles.js';
|
|
6
|
-
let
|
|
6
|
+
let CardContent = class CardContent extends LitElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
|
+
/**
|
|
10
|
+
* Whether the default slot has assigned content
|
|
11
|
+
*
|
|
12
|
+
* _Note:_ Readonly
|
|
13
|
+
*/
|
|
9
14
|
this.hasContent = false;
|
|
10
15
|
}
|
|
11
16
|
static { this.styles = [baseStyles, styles]; }
|
|
@@ -31,9 +36,9 @@ let UmCardContent = class UmCardContent extends LitElement {
|
|
|
31
36
|
};
|
|
32
37
|
__decorate([
|
|
33
38
|
property({ type: Boolean, attribute: 'has-content', reflect: true })
|
|
34
|
-
],
|
|
35
|
-
|
|
39
|
+
], CardContent.prototype, "hasContent", void 0);
|
|
40
|
+
CardContent = __decorate([
|
|
36
41
|
customElement('u-card-content')
|
|
37
|
-
],
|
|
38
|
-
export {
|
|
42
|
+
], CardContent);
|
|
43
|
+
export { CardContent };
|
|
39
44
|
//# sourceMappingURL=card-content.js.map
|
package/card/card-content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-content.js","sourceRoot":"","sources":["../../src/card/card-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,
|
|
1
|
+
{"version":3,"file":"card-content.js","sourceRoot":"","sources":["../../src/card/card-content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAG3C,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAIL;;;;WAIG;QACmE,eAAU,GAAG,KAAK,CAAC;IA2B3F,CAAC;aAlCiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IASrC,MAAM;QACb,OAAO,IAAI,CAAA;2BACY,IAAI,CAAC,gBAAgB,WAAW,CAAC;IAC1D,CAAC;IAEO,gBAAgB,CAAC,CAAQ;QAC/B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;QAEzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QAEtE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpD,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,IAAI,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,EAAE,CAAC;gBAC3B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,OAAO;YACT,CAAC;QACH,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;;AA1BqE;IAArE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAoB;AAT9E,WAAW;IADvB,aAAa,CAAC,gBAAgB,CAAC;GACnB,WAAW,CAoCvB","sourcesContent":["import { HTMLTemplateResult, LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './card-content.styles.js';\n\n@customElement('u-card-content')\nexport class CardContent extends LitElement {\n\n static override styles = [baseStyles, styles];\n\n /**\n * Whether the default slot has assigned content\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-content', reflect: true }) hasContent = false;\n\n override render(): HTMLTemplateResult {\n return html`\n <slot @slotchange=\"${this.handleSlotChange}\"></slot>`;\n }\n\n private handleSlotChange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n\n this.hasContent = slot.assignedElements({ flatten: true }).length > 0;\n\n if (this.hasContent) {\n return;\n }\n\n const nodes = slot.assignedNodes({ flatten: true });\n\n for (const node of nodes) {\n if (node.nodeValue?.trim()) {\n this.hasContent = true;\n return;\n }\n }\n\n this.hasContent = false;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-card-content': CardContent;\n }\n}\n"]}
|
package/card/card-media.d.ts
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
-
export declare class
|
|
2
|
+
export declare class CardMedia extends LitElement {
|
|
3
3
|
static styles: import("lit").CSSResult[];
|
|
4
|
+
/**
|
|
5
|
+
* Whether the media block uses the wide aspect ratio variant
|
|
6
|
+
*/
|
|
4
7
|
wide: boolean;
|
|
5
8
|
render(): HTMLTemplateResult;
|
|
6
9
|
}
|
|
7
10
|
declare global {
|
|
8
11
|
interface HTMLElementTagNameMap {
|
|
9
|
-
'u-card-media':
|
|
12
|
+
'u-card-media': CardMedia;
|
|
10
13
|
}
|
|
11
14
|
}
|
|
12
15
|
//# sourceMappingURL=card-media.d.ts.map
|
package/card/card-media.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-media.d.ts","sourceRoot":"","sources":["../../src/card/card-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAM3D,qBACa,
|
|
1
|
+
{"version":3,"file":"card-media.d.ts","sourceRoot":"","sources":["../../src/card/card-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAM3D,qBACa,SAAU,SAAQ,UAAU;IAEvC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IACyC,IAAI,UAAS;IAEhD,MAAM,IAAI,kBAAkB;CAItC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
|
package/card/card-media.js
CHANGED
|
@@ -3,9 +3,12 @@ import { LitElement, html } from 'lit';
|
|
|
3
3
|
import { customElement, property } from 'lit/decorators.js';
|
|
4
4
|
import { styles as baseStyles } from '../shared/base.styles.js';
|
|
5
5
|
import { styles } from './card-media.styles.js';
|
|
6
|
-
let
|
|
6
|
+
let CardMedia = class CardMedia extends LitElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
|
+
/**
|
|
10
|
+
* Whether the media block uses the wide aspect ratio variant
|
|
11
|
+
*/
|
|
9
12
|
this.wide = false;
|
|
10
13
|
}
|
|
11
14
|
static { this.styles = [baseStyles, styles]; }
|
|
@@ -16,9 +19,9 @@ let UmCardMedia = class UmCardMedia extends LitElement {
|
|
|
16
19
|
};
|
|
17
20
|
__decorate([
|
|
18
21
|
property({ type: Boolean, reflect: true })
|
|
19
|
-
],
|
|
20
|
-
|
|
22
|
+
], CardMedia.prototype, "wide", void 0);
|
|
23
|
+
CardMedia = __decorate([
|
|
21
24
|
customElement('u-card-media')
|
|
22
|
-
],
|
|
23
|
-
export {
|
|
25
|
+
], CardMedia);
|
|
26
|
+
export { CardMedia };
|
|
24
27
|
//# sourceMappingURL=card-media.js.map
|
package/card/card-media.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card-media.js","sourceRoot":"","sources":["../../src/card/card-media.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,
|
|
1
|
+
{"version":3,"file":"card-media.js","sourceRoot":"","sources":["../../src/card/card-media.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGzC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAIL;;WAEG;QACyC,SAAI,GAAG,KAAK,CAAC;IAM3D,CAAC;aAXiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAOrC,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;;AAL2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAc;AAP9C,SAAS;IADrB,aAAa,CAAC,cAAc,CAAC;GACjB,SAAS,CAarB","sourcesContent":["import { HTMLTemplateResult, LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './card-media.styles.js';\n\n@customElement('u-card-media')\nexport class CardMedia extends LitElement {\n\n static override styles = [baseStyles, styles];\n\n /**\n * Whether the media block uses the wide aspect ratio variant\n */\n @property({ type: Boolean, reflect: true }) wide = false;\n\n override render(): HTMLTemplateResult {\n return html`\n <slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-card-media': CardMedia;\n }\n}\n"]}
|
package/card/card.d.ts
CHANGED
|
@@ -2,18 +2,18 @@ import { HTMLTemplateResult, LitElement } from 'lit';
|
|
|
2
2
|
import './card-content.js';
|
|
3
3
|
import './card-media.js';
|
|
4
4
|
import '../elevation/elevation.js';
|
|
5
|
-
export type
|
|
6
|
-
export declare class
|
|
5
|
+
export type CardVariant = 'filled' | 'elevated' | 'outlined';
|
|
6
|
+
export declare class Card extends LitElement {
|
|
7
7
|
static styles: import("lit").CSSResult[];
|
|
8
8
|
/**
|
|
9
9
|
* The Card variant to render.
|
|
10
10
|
*/
|
|
11
|
-
variant:
|
|
11
|
+
variant: CardVariant;
|
|
12
12
|
render(): HTMLTemplateResult;
|
|
13
13
|
}
|
|
14
14
|
declare global {
|
|
15
15
|
interface HTMLElementTagNameMap {
|
|
16
|
-
'u-card':
|
|
16
|
+
'u-card': Card;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=card.d.ts.map
|
package/card/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAEnC,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAE7D,qBACa,IAAK,SAAQ,UAAU;IAClC,OAAgB,MAAM,4BAAwB;IAE9C;;OAEG;IAC0B,OAAO,EAAE,WAAW,CAAY;IAEpD,MAAM,IAAI,kBAAkB;CAUtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}
|
package/card/card.js
CHANGED
|
@@ -6,7 +6,7 @@ import { styles } from './card.styles.js';
|
|
|
6
6
|
import './card-content.js';
|
|
7
7
|
import './card-media.js';
|
|
8
8
|
import '../elevation/elevation.js';
|
|
9
|
-
let
|
|
9
|
+
let Card = class Card extends LitElement {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
12
|
/**
|
|
@@ -28,9 +28,9 @@ let UmCard = class UmCard extends LitElement {
|
|
|
28
28
|
};
|
|
29
29
|
__decorate([
|
|
30
30
|
property({ reflect: true })
|
|
31
|
-
],
|
|
32
|
-
|
|
31
|
+
], Card.prototype, "variant", void 0);
|
|
32
|
+
Card = __decorate([
|
|
33
33
|
customElement('u-card')
|
|
34
|
-
],
|
|
35
|
-
export {
|
|
34
|
+
], Card);
|
|
35
|
+
export { Card };
|
|
36
36
|
//# sourceMappingURL=card.js.map
|
package/card/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/card/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,2BAA2B,CAAC;AAK5B,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;QAGL;;WAEG;QAC0B,YAAO,GAAgB,QAAQ,CAAC;IAY/D,CAAC;aAjBiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,AAAvB,CAAwB;IAOrC,MAAM;QACb,OAAO,IAAI,CAAA;;;;;;;KAOV,CAAC;IACJ,CAAC;;AAX4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAiC;AANlD,IAAI;IADhB,aAAa,CAAC,QAAQ,CAAC;GACX,IAAI,CAkBhB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './card.styles.js';\n\nimport './card-content.js';\nimport './card-media.js';\nimport '../elevation/elevation.js';\n\nexport type CardVariant = 'filled' | 'elevated' | 'outlined';\n\n@customElement('u-card')\nexport class Card extends LitElement {\n static override styles = [baseStyles, styles];\n\n /**\n * The Card variant to render.\n */\n @property({ reflect: true }) variant: CardVariant = 'filled';\n\n override render(): HTMLTemplateResult {\n return html`\n <u-elevation></u-elevation>\n <slot name=\"before-content\"></slot>\n <u-card-content part=\"content\">\n <slot></slot>\n </u-card-content>\n <slot name=\"after-content\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-card': Card;\n }\n}\n"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const
|
|
3
|
-
export declare class
|
|
1
|
+
import { Checkbox } from './checkbox.js';
|
|
2
|
+
declare const CheckboxListItem_base: import("../shared/mixin.js").MixinReturn<typeof Checkbox>;
|
|
3
|
+
export declare class CheckboxListItem extends CheckboxListItem_base {
|
|
4
4
|
}
|
|
5
5
|
declare global {
|
|
6
6
|
interface HTMLElementTagNameMap {
|
|
7
|
-
'u-checkbox-list-item':
|
|
7
|
+
'u-checkbox-list-item': CheckboxListItem;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-list-item.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox-list-item.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;;AAEzC,qBACa,gBAAiB,SAAQ,qBAAuC;CAE5E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,gBAAgB,CAAC;KAC1C;CACF"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
3
|
import { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';
|
|
4
|
-
import {
|
|
5
|
-
let
|
|
4
|
+
import { Checkbox } from './checkbox.js';
|
|
5
|
+
let CheckboxListItem = class CheckboxListItem extends mixinSelectionControlListItem(Checkbox) {
|
|
6
6
|
};
|
|
7
|
-
|
|
7
|
+
CheckboxListItem = __decorate([
|
|
8
8
|
customElement('u-checkbox-list-item')
|
|
9
|
-
],
|
|
10
|
-
export {
|
|
9
|
+
], CheckboxListItem);
|
|
10
|
+
export { CheckboxListItem };
|
|
11
11
|
//# sourceMappingURL=checkbox-list-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-list-item.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox-list-item.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,6BAA6B,EAAE,MAAM,4DAA4D,CAAC;AAC3G,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGlC,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,6BAA6B,CAAC,QAAQ,CAAC;CAE5E,CAAA;AAFY,gBAAgB;IAD5B,aAAa,CAAC,sBAAsB,CAAC;GACzB,gBAAgB,CAE5B","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { mixinSelectionControlListItem } from '../shared/selection-control/selection-control-list-item.js';\nimport { Checkbox } from './checkbox.js';\n\n@customElement('u-checkbox-list-item')\nexport class CheckboxListItem extends mixinSelectionControlListItem(Checkbox) {\n\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-checkbox-list-item': CheckboxListItem;\n }\n}\n"]}
|
package/checkbox/checkbox.d.ts
CHANGED
|
@@ -1,10 +1,17 @@
|
|
|
1
1
|
import { PropertyValues } from '@lit/reactive-element';
|
|
2
2
|
import { HTMLTemplateResult } from 'lit';
|
|
3
|
-
import {
|
|
4
|
-
export declare class
|
|
3
|
+
import { SelectionControl } from '../shared/selection-control/selection-control.js';
|
|
4
|
+
export declare class Checkbox extends SelectionControl {
|
|
5
5
|
#private;
|
|
6
6
|
static styles: import("lit").CSSResult[];
|
|
7
|
+
/**
|
|
8
|
+
* Whether to hide the hover/focus state layer behind the checkbox indicator
|
|
9
|
+
*/
|
|
7
10
|
hideStateLayer: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Whether the checkbox is in the indeterminate (mixed) state.
|
|
13
|
+
* Setting `checked` resets this to `false`.
|
|
14
|
+
*/
|
|
8
15
|
get indeterminate(): boolean;
|
|
9
16
|
set indeterminate(indeterminate: boolean);
|
|
10
17
|
get checked(): boolean;
|
|
@@ -15,7 +22,7 @@ export declare class UmCheckbox extends UmSelectionControl {
|
|
|
15
22
|
}
|
|
16
23
|
declare global {
|
|
17
24
|
interface HTMLElementTagNameMap {
|
|
18
|
-
'u-checkbox':
|
|
25
|
+
'u-checkbox': Checkbox;
|
|
19
26
|
}
|
|
20
27
|
}
|
|
21
28
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAI/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AAGpF,qBACa,QAAS,SAAQ,gBAAgB;;IAC5C,OAAgB,MAAM,4BAGpB;IAIF;;OAEG;IACwE,cAAc,UAAS;IAElG;;;OAGG;IACH,IACI,aAAa,IAAI,OAAO,CAE3B;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,OAAO,EAUvC;IAED,IAAa,OAAO,IAAI,OAAO,CAE9B;IAED,IAAa,OAAO,CAAC,OAAO,EAAE,OAAO,EAGpC;;IAMQ,YAAY,CAAC,iBAAiB,EAAE,cAAc;cAMpC,eAAe,IAAI,kBAAkB;CAKzD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}
|
package/checkbox/checkbox.js
CHANGED
|
@@ -2,14 +2,18 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { html } from 'lit';
|
|
3
3
|
import { customElement, property } from 'lit/decorators.js';
|
|
4
4
|
import { styles as baseStyles } from '../shared/base.styles.js';
|
|
5
|
-
import {
|
|
5
|
+
import { SelectionControl } from '../shared/selection-control/selection-control.js';
|
|
6
6
|
import { styles } from './checkbox.styles.js';
|
|
7
|
-
let
|
|
7
|
+
let Checkbox = class Checkbox extends SelectionControl {
|
|
8
8
|
static { this.styles = [
|
|
9
9
|
baseStyles,
|
|
10
10
|
styles,
|
|
11
11
|
]; }
|
|
12
12
|
#indeterminate;
|
|
13
|
+
/**
|
|
14
|
+
* Whether the checkbox is in the indeterminate (mixed) state.
|
|
15
|
+
* Setting `checked` resets this to `false`.
|
|
16
|
+
*/
|
|
13
17
|
get indeterminate() {
|
|
14
18
|
return this.#indeterminate;
|
|
15
19
|
}
|
|
@@ -32,6 +36,9 @@ let UmCheckbox = class UmCheckbox extends UmSelectionControl {
|
|
|
32
36
|
constructor() {
|
|
33
37
|
super();
|
|
34
38
|
this.#indeterminate = false;
|
|
39
|
+
/**
|
|
40
|
+
* Whether to hide the hover/focus state layer behind the checkbox indicator
|
|
41
|
+
*/
|
|
35
42
|
this.hideStateLayer = false;
|
|
36
43
|
}
|
|
37
44
|
firstUpdated(changedProperties) {
|
|
@@ -46,12 +53,12 @@ let UmCheckbox = class UmCheckbox extends UmSelectionControl {
|
|
|
46
53
|
};
|
|
47
54
|
__decorate([
|
|
48
55
|
property({ type: Boolean, attribute: 'hide-state-layer', reflect: true })
|
|
49
|
-
],
|
|
56
|
+
], Checkbox.prototype, "hideStateLayer", void 0);
|
|
50
57
|
__decorate([
|
|
51
58
|
property({ type: Boolean })
|
|
52
|
-
],
|
|
53
|
-
|
|
59
|
+
], Checkbox.prototype, "indeterminate", null);
|
|
60
|
+
Checkbox = __decorate([
|
|
54
61
|
customElement('u-checkbox')
|
|
55
|
-
],
|
|
56
|
-
export {
|
|
62
|
+
], Checkbox);
|
|
63
|
+
export { Checkbox };
|
|
57
64
|
//# sourceMappingURL=checkbox.js.map
|
package/checkbox/checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAC;AACpF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,gBAAgB;aAC5B,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEF,cAAc,CAAS;IAOvB;;;OAGG;IAEH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAED,IAAI,aAAa,CAAC,aAAsB;QACtC,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QAEpC,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;YAC9C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,IAAa,OAAO;QAClB,OAAO,KAAK,CAAC,OAAO,CAAC;IACvB,CAAC;IAED,IAAa,OAAO,CAAC,OAAgB;QACnC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAtCV,mBAAc,GAAG,KAAK,CAAC;QAEvB;;WAEG;QACwE,mBAAc,GAAG,KAAK,CAAC;IAkClG,CAAC;IAEQ,YAAY,CAAC,iBAAiC;QACrD,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAEtC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;IAC1C,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AA9C0E;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAwB;AAOlG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CAG3B;AApBU,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA0DpB","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { SelectionControl } from '../shared/selection-control/selection-control.js';\nimport { styles } from './checkbox.styles.js';\n\n@customElement('u-checkbox')\nexport class Checkbox extends SelectionControl {\n static override styles = [\n baseStyles,\n styles,\n ];\n\n #indeterminate = false;\n\n /**\n * Whether to hide the hover/focus state layer behind the checkbox indicator\n */\n @property({ type: Boolean, attribute: 'hide-state-layer', reflect: true }) hideStateLayer = false;\n\n /**\n * Whether the checkbox is in the indeterminate (mixed) state.\n * Setting `checked` resets this to `false`.\n */\n @property({ type: Boolean })\n get indeterminate(): boolean {\n return this.#indeterminate;\n }\n\n set indeterminate(indeterminate: boolean) {\n this.#indeterminate = indeterminate;\n\n if (!indeterminate) {\n this.input?.classList.remove('indeterminate');\n return;\n }\n\n this.input?.classList.add('indeterminate');\n this.elementInternals.setFormValue(null);\n }\n\n override get checked(): boolean {\n return super.checked;\n }\n\n override set checked(checked: boolean) {\n super.checked = checked;\n this.indeterminate = false;\n }\n\n constructor() {\n super();\n }\n\n override firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n\n this.indeterminate = this.indeterminate;\n }\n\n protected override renderIndicator(): HTMLTemplateResult {\n return html`\n <div class=\"border\"><div class=\"indicator\"></div></div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-checkbox': Checkbox;\n }\n}\n"]}
|
package/chip/chip-set.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare class
|
|
1
|
+
import { SetBase } from '../shared/sets/set-base.js';
|
|
2
|
+
export declare class ChipSet extends SetBase {
|
|
3
3
|
static styles: import("lit").CSSResultGroup[];
|
|
4
4
|
}
|
|
5
5
|
declare global {
|
|
6
6
|
interface HTMLElementTagNameMap {
|
|
7
|
-
'u-chip-set':
|
|
7
|
+
'u-chip-set': ChipSet;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=chip-set.d.ts.map
|
package/chip/chip-set.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-set.d.ts","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"chip-set.d.ts","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAGrD,qBACa,OAAQ,SAAQ,OAAO;IAClC,OAAgB,MAAM,iCAA4B;CACnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}
|
package/chip/chip-set.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { customElement } from 'lit/decorators.js';
|
|
3
|
-
import {
|
|
3
|
+
import { SetBase } from '../shared/sets/set-base.js';
|
|
4
4
|
import { styles } from './chip-set.styles.js';
|
|
5
|
-
let
|
|
6
|
-
static { this.styles = [
|
|
5
|
+
let ChipSet = class ChipSet extends SetBase {
|
|
6
|
+
static { this.styles = [SetBase.styles, styles]; }
|
|
7
7
|
};
|
|
8
|
-
|
|
8
|
+
ChipSet = __decorate([
|
|
9
9
|
customElement('u-chip-set')
|
|
10
|
-
],
|
|
11
|
-
export {
|
|
10
|
+
], ChipSet);
|
|
11
|
+
export { ChipSet };
|
|
12
12
|
//# sourceMappingURL=chip-set.js.map
|
package/chip/chip-set.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip-set.js","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"chip-set.js","sourceRoot":"","sources":["../../src/chip/chip-set.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGvC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,OAAO;aAClB,WAAM,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,AAA3B,CAA4B;;AADvC,OAAO;IADnB,aAAa,CAAC,YAAY,CAAC;GACf,OAAO,CAEnB","sourcesContent":["import { customElement } from 'lit/decorators.js';\n\nimport { SetBase } from '../shared/sets/set-base.js';\nimport { styles } from './chip-set.styles.js';\n\n@customElement('u-chip-set')\nexport class ChipSet extends SetBase {\n static override styles = [SetBase.styles, styles];\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-chip-set': ChipSet;\n }\n}\n"]}
|
package/chip/chip.d.ts
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import { HTMLTemplateResult } from 'lit';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { Ripple } from '../ripple/ripple.js';
|
|
3
|
+
import { ButtonWrapper } from '../shared/button-wrapper.js';
|
|
4
4
|
import '../ripple/ripple.js';
|
|
5
5
|
import '../elevation/elevation.js';
|
|
6
|
-
export declare class
|
|
6
|
+
export declare class Chip extends ButtonWrapper {
|
|
7
7
|
#private;
|
|
8
8
|
static styles: import("lit").CSSResultGroup[];
|
|
9
9
|
/**
|
|
10
10
|
* Whether the chip is selected or not
|
|
11
11
|
*/
|
|
12
12
|
selected: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Whether the chip is interactive and renders a ripple on click
|
|
15
|
+
*/
|
|
13
16
|
get clickable(): boolean;
|
|
14
17
|
set clickable(value: boolean);
|
|
15
18
|
/**
|
|
@@ -36,7 +39,7 @@ export declare class UmChip extends UmButtonWrapper {
|
|
|
36
39
|
private readonly _assignedLeadingIcons;
|
|
37
40
|
private readonly _assignedSelectedIcons;
|
|
38
41
|
private readonly _assignedTrailingIcons;
|
|
39
|
-
removeRipple:
|
|
42
|
+
removeRipple: Ripple;
|
|
40
43
|
connectedCallback(): void;
|
|
41
44
|
protected _handleClick(event: UIEvent): void;
|
|
42
45
|
protected _getContainerClasses(): Record<string, boolean>;
|
|
@@ -44,7 +47,7 @@ export declare class UmChip extends UmButtonWrapper {
|
|
|
44
47
|
}
|
|
45
48
|
declare global {
|
|
46
49
|
interface HTMLElementTagNameMap {
|
|
47
|
-
'u-chip':
|
|
50
|
+
'u-chip': Chip;
|
|
48
51
|
}
|
|
49
52
|
}
|
|
50
53
|
//# sourceMappingURL=chip.d.ts.map
|
package/chip/chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/chip/chip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAW,MAAM,KAAK,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,qBAAqB,CAAC;AAC7B,OAAO,2BAA2B,CAAC;AAEnC,qBACa,IAAK,SAAQ,aAAa;;IACrC,OAAgB,MAAM,iCAAkC;IAKxD;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;OAEG;IACH,IACI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAG3B;IAED;;OAEG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACH,IACI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAGxB;IAED;;OAEG;IACyC,SAAS,UAAS;IAE9D;;OAEG;IAC0E,gBAAgB,UAAS;IAE7F,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,gBAAgB,CAAS;IAG1C,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAiB;IAGvD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IAGxD,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAiB;IAE/B,YAAY,EAAG,MAAM,CAAC;IAEtC,iBAAiB;cAgCP,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;cAWlC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAe/C,cAAc,IAAI,kBAAkB;CA6CxD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}
|
package/chip/chip.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { html, nothing } from 'lit';
|
|
3
3
|
import { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js';
|
|
4
|
-
import {
|
|
4
|
+
import { ButtonWrapper } from '../shared/button-wrapper.js';
|
|
5
5
|
import { styles } from './chip.styles.js';
|
|
6
6
|
import '../ripple/ripple.js';
|
|
7
7
|
import '../elevation/elevation.js';
|
|
8
|
-
let
|
|
8
|
+
let Chip = class Chip extends ButtonWrapper {
|
|
9
9
|
constructor() {
|
|
10
10
|
super(...arguments);
|
|
11
11
|
this.#clickable = false;
|
|
@@ -30,9 +30,12 @@ let UmChip = class UmChip extends UmButtonWrapper {
|
|
|
30
30
|
this._hasSelectedIcon = false;
|
|
31
31
|
this._hasTrailingIcon = false;
|
|
32
32
|
}
|
|
33
|
-
static { this.styles = [
|
|
33
|
+
static { this.styles = [ButtonWrapper.styles, styles]; }
|
|
34
34
|
#clickable;
|
|
35
35
|
#toggle;
|
|
36
|
+
/**
|
|
37
|
+
* Whether the chip is interactive and renders a ripple on click
|
|
38
|
+
*/
|
|
36
39
|
get clickable() {
|
|
37
40
|
return this.#clickable;
|
|
38
41
|
}
|
|
@@ -60,7 +63,7 @@ let UmChip = class UmChip extends UmButtonWrapper {
|
|
|
60
63
|
if (!e.pointerType) {
|
|
61
64
|
this.removeRipple.createRipple();
|
|
62
65
|
}
|
|
63
|
-
const removeEvent = new Event('remove', { cancelable: true });
|
|
66
|
+
const removeEvent = new Event('remove', { bubbles: true, composed: true, cancelable: true });
|
|
64
67
|
this.dispatchEvent(removeEvent);
|
|
65
68
|
if (!removeEvent.defaultPrevented) {
|
|
66
69
|
this.remove();
|
|
@@ -143,45 +146,45 @@ let UmChip = class UmChip extends UmButtonWrapper {
|
|
|
143
146
|
};
|
|
144
147
|
__decorate([
|
|
145
148
|
property({ type: Boolean, reflect: true })
|
|
146
|
-
],
|
|
149
|
+
], Chip.prototype, "selected", void 0);
|
|
147
150
|
__decorate([
|
|
148
151
|
property({ type: Boolean, reflect: true })
|
|
149
|
-
],
|
|
152
|
+
], Chip.prototype, "clickable", null);
|
|
150
153
|
__decorate([
|
|
151
154
|
property({ type: Boolean, reflect: true })
|
|
152
|
-
],
|
|
155
|
+
], Chip.prototype, "elevated", void 0);
|
|
153
156
|
__decorate([
|
|
154
157
|
property({ type: Boolean, reflect: true })
|
|
155
|
-
],
|
|
158
|
+
], Chip.prototype, "toggle", null);
|
|
156
159
|
__decorate([
|
|
157
160
|
property({ type: Boolean, reflect: true })
|
|
158
|
-
],
|
|
161
|
+
], Chip.prototype, "removable", void 0);
|
|
159
162
|
__decorate([
|
|
160
163
|
property({ type: Boolean, attribute: 'hide-selected-icon', reflect: true })
|
|
161
|
-
],
|
|
164
|
+
], Chip.prototype, "hideSelectedIcon", void 0);
|
|
162
165
|
__decorate([
|
|
163
166
|
state()
|
|
164
|
-
],
|
|
167
|
+
], Chip.prototype, "_hasLeadingIcon", void 0);
|
|
165
168
|
__decorate([
|
|
166
169
|
state()
|
|
167
|
-
],
|
|
170
|
+
], Chip.prototype, "_hasSelectedIcon", void 0);
|
|
168
171
|
__decorate([
|
|
169
172
|
state()
|
|
170
|
-
],
|
|
173
|
+
], Chip.prototype, "_hasTrailingIcon", void 0);
|
|
171
174
|
__decorate([
|
|
172
175
|
queryAssignedElements({ slot: 'leading-icon', flatten: true })
|
|
173
|
-
],
|
|
176
|
+
], Chip.prototype, "_assignedLeadingIcons", void 0);
|
|
174
177
|
__decorate([
|
|
175
178
|
queryAssignedElements({ slot: 'icon-selected', flatten: true })
|
|
176
|
-
],
|
|
179
|
+
], Chip.prototype, "_assignedSelectedIcons", void 0);
|
|
177
180
|
__decorate([
|
|
178
181
|
queryAssignedElements({ slot: 'trailing-icon', flatten: true })
|
|
179
|
-
],
|
|
182
|
+
], Chip.prototype, "_assignedTrailingIcons", void 0);
|
|
180
183
|
__decorate([
|
|
181
184
|
query('#remove-ripple')
|
|
182
|
-
],
|
|
183
|
-
|
|
185
|
+
], Chip.prototype, "removeRipple", void 0);
|
|
186
|
+
Chip = __decorate([
|
|
184
187
|
customElement('u-chip')
|
|
185
|
-
],
|
|
186
|
-
export {
|
|
188
|
+
], Chip);
|
|
189
|
+
export { Chip };
|
|
187
190
|
//# sourceMappingURL=chip.js.map
|