@universal-material/web 3.0.140 → 3.0.142
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/app-bar/top-app-bar.d.ts +47 -0
- package/app-bar/top-app-bar.d.ts.map +1 -0
- package/app-bar/top-app-bar.js +174 -0
- package/app-bar/top-app-bar.js.map +1 -0
- package/app-bar/top-app-bar.styles.d.ts +2 -0
- package/app-bar/top-app-bar.styles.d.ts.map +1 -0
- package/app-bar/top-app-bar.styles.js +117 -0
- package/app-bar/top-app-bar.styles.js.map +1 -0
- package/button/button-base.d.ts +12 -0
- package/button/button-base.d.ts.map +1 -0
- package/button/button-base.js +46 -0
- package/button/button-base.js.map +1 -0
- package/button/button-base.styles.d.ts +2 -0
- package/button/button-base.styles.d.ts.map +1 -0
- package/button/button-base.styles.js +16 -0
- package/button/button-base.styles.js.map +1 -0
- package/button/button-set.d.ts +15 -0
- package/button/button-set.d.ts.map +1 -0
- package/button/button-set.js +23 -0
- package/button/button-set.js.map +1 -0
- package/button/button-set.styles.d.ts +2 -0
- package/button/button-set.styles.d.ts.map +1 -0
- package/button/button-set.styles.js +20 -0
- package/button/button-set.styles.js.map +1 -0
- package/button/button.d.ts +33 -0
- package/button/button.d.ts.map +1 -0
- package/button/button.js +55 -0
- package/button/button.js.map +1 -0
- package/button/button.styles.d.ts +2 -0
- package/button/button.styles.d.ts.map +1 -0
- package/button/button.styles.js +103 -0
- package/button/button.styles.js.map +1 -0
- package/button/fab.d.ts +31 -0
- package/button/fab.d.ts.map +1 -0
- package/button/fab.js +57 -0
- package/button/fab.js.map +1 -0
- package/button/fab.styles.d.ts +2 -0
- package/button/fab.styles.d.ts.map +1 -0
- package/button/fab.styles.js +89 -0
- package/button/fab.styles.js.map +1 -0
- package/button/icon-button.d.ts +34 -0
- package/button/icon-button.d.ts.map +1 -0
- package/button/icon-button.js +75 -0
- package/button/icon-button.js.map +1 -0
- package/button/icon-button.styles.d.ts +2 -0
- package/button/icon-button.styles.d.ts.map +1 -0
- package/button/icon-button.styles.js +77 -0
- package/button/icon-button.styles.js.map +1 -0
- package/button-field/button-field.d.ts +18 -0
- package/button-field/button-field.d.ts.map +1 -0
- package/button-field/button-field.js +54 -0
- package/button-field/button-field.js.map +1 -0
- package/button-field/button-field.styles.d.ts +2 -0
- package/button-field/button-field.styles.d.ts.map +1 -0
- package/button-field/button-field.styles.js +17 -0
- package/button-field/button-field.styles.js.map +1 -0
- package/calendar/calendar-adapter.d.ts +6 -0
- package/calendar/calendar-adapter.d.ts.map +1 -0
- package/calendar/calendar-adapter.js +2 -0
- package/calendar/calendar-adapter.js.map +1 -0
- package/calendar/calendar-base.d.ts +30 -0
- package/calendar/calendar-base.d.ts.map +1 -0
- package/calendar/calendar-base.js +188 -0
- package/calendar/calendar-base.js.map +1 -0
- package/calendar/calendar-base.styles.d.ts +2 -0
- package/calendar/calendar-base.styles.d.ts.map +1 -0
- package/calendar/calendar-base.styles.js +81 -0
- package/calendar/calendar-base.styles.js.map +1 -0
- package/calendar/calendar.d.ts +11 -0
- package/calendar/calendar.d.ts.map +1 -0
- package/calendar/calendar.js +43 -0
- package/calendar/calendar.js.map +1 -0
- package/calendar/calendar.styles.d.ts +2 -0
- package/calendar/calendar.styles.d.ts.map +1 -0
- package/calendar/calendar.styles.js +5 -0
- package/calendar/calendar.styles.js.map +1 -0
- package/calendar/default-calendar-adapter.d.ts +10 -0
- package/calendar/default-calendar-adapter.d.ts.map +1 -0
- package/calendar/default-calendar-adapter.js +32 -0
- package/calendar/default-calendar-adapter.js.map +1 -0
- package/calendar/range-calendar.d.ts +16 -0
- package/calendar/range-calendar.d.ts.map +1 -0
- package/calendar/range-calendar.js +113 -0
- package/calendar/range-calendar.js.map +1 -0
- package/calendar/range-calendar.styles.d.ts +2 -0
- package/calendar/range-calendar.styles.d.ts.map +1 -0
- package/calendar/range-calendar.styles.js +41 -0
- package/calendar/range-calendar.styles.js.map +1 -0
- package/card/card-content.d.ts +13 -0
- package/card/card-content.d.ts.map +1 -0
- package/card/card-content.js +39 -0
- package/card/card-content.js.map +1 -0
- package/card/card-content.styles.d.ts +2 -0
- package/card/card-content.styles.d.ts.map +1 -0
- package/card/card-content.styles.js +19 -0
- package/card/card-content.styles.js.map +1 -0
- package/card/card-media.d.ts +12 -0
- package/card/card-media.d.ts.map +1 -0
- package/card/card-media.js +24 -0
- package/card/card-media.js.map +1 -0
- package/card/card-media.styles.d.ts +2 -0
- package/card/card-media.styles.d.ts.map +1 -0
- package/card/card-media.styles.js +13 -0
- package/card/card-media.styles.js.map +1 -0
- package/card/card.d.ts +19 -0
- package/card/card.d.ts.map +1 -0
- package/card/card.js +36 -0
- package/card/card.js.map +1 -0
- package/card/card.styles.d.ts +2 -0
- package/card/card.styles.d.ts.map +1 -0
- package/card/card.styles.js +31 -0
- package/card/card.styles.js.map +1 -0
- package/checkbox/checkbox-list-item.d.ts +11 -0
- package/checkbox/checkbox-list-item.d.ts.map +1 -0
- package/checkbox/checkbox-list-item.js +11 -0
- package/checkbox/checkbox-list-item.js.map +1 -0
- package/checkbox/checkbox.d.ts +21 -0
- package/checkbox/checkbox.d.ts.map +1 -0
- package/checkbox/checkbox.js +53 -0
- package/checkbox/checkbox.js.map +1 -0
- package/checkbox/checkbox.styles.d.ts +2 -0
- package/checkbox/checkbox.styles.d.ts.map +1 -0
- package/checkbox/checkbox.styles.js +62 -0
- package/checkbox/checkbox.styles.js.map +1 -0
- package/chip/chip-set.d.ts +10 -0
- package/chip/chip-set.d.ts.map +1 -0
- package/chip/chip-set.js +12 -0
- package/chip/chip-set.js.map +1 -0
- package/chip/chip-set.styles.d.ts +2 -0
- package/chip/chip-set.styles.d.ts.map +1 -0
- package/chip/chip-set.styles.js +7 -0
- package/chip/chip-set.styles.js.map +1 -0
- package/chip/chip.d.ts +64 -0
- package/chip/chip.d.ts.map +1 -0
- package/chip/chip.js +187 -0
- package/chip/chip.js.map +1 -0
- package/chip/chip.styles.d.ts +2 -0
- package/chip/chip.styles.d.ts.map +1 -0
- package/chip/chip.styles.js +168 -0
- package/chip/chip.styles.js.map +1 -0
- package/chip-field/chip-field.d.ts +42 -0
- package/chip-field/chip-field.d.ts.map +1 -0
- package/chip-field/chip-field.js +145 -0
- package/chip-field/chip-field.js.map +1 -0
- package/chip-field/chip-field.styles.d.ts +2 -0
- package/chip-field/chip-field.styles.d.ts.map +1 -0
- package/chip-field/chip-field.styles.js +22 -0
- package/chip-field/chip-field.styles.js.map +1 -0
- package/config.d.ts +16 -0
- package/config.d.ts.map +1 -0
- package/config.js +25 -0
- package/config.js.map +1 -0
- package/custom-elements.json +21401 -0
- package/datepicker/datepicker.d.ts +1 -0
- package/datepicker/datepicker.d.ts.map +1 -0
- package/datepicker/datepicker.js +2 -0
- package/datepicker/datepicker.js.map +1 -0
- package/datepicker/datepicker.styles.d.ts +2 -0
- package/datepicker/datepicker.styles.d.ts.map +1 -0
- package/datepicker/datepicker.styles.js +5 -0
- package/datepicker/datepicker.styles.js.map +1 -0
- package/dialog/confirm-dialog-builder.d.ts +12 -0
- package/dialog/confirm-dialog-builder.d.ts.map +1 -0
- package/dialog/confirm-dialog-builder.js +26 -0
- package/dialog/confirm-dialog-builder.js.map +1 -0
- package/dialog/dialog-builder.d.ts +15 -0
- package/dialog/dialog-builder.d.ts.map +1 -0
- package/dialog/dialog-builder.js +42 -0
- package/dialog/dialog-builder.js.map +1 -0
- package/dialog/dialog-button-def.d.ts +6 -0
- package/dialog/dialog-button-def.d.ts.map +1 -0
- package/dialog/dialog-button-def.js +2 -0
- package/dialog/dialog-button-def.js.map +1 -0
- package/dialog/dialog.d.ts +44 -0
- package/dialog/dialog.d.ts.map +1 -0
- package/dialog/dialog.js +216 -0
- package/dialog/dialog.js.map +1 -0
- package/dialog/dialog.styles.d.ts +2 -0
- package/dialog/dialog.styles.d.ts.map +1 -0
- package/dialog/dialog.styles.js +165 -0
- package/dialog/dialog.styles.js.map +1 -0
- package/dialog/message-dialog-builder.d.ts +10 -0
- package/dialog/message-dialog-builder.d.ts.map +1 -0
- package/dialog/message-dialog-builder.js +16 -0
- package/dialog/message-dialog-builder.js.map +1 -0
- package/elevation/elevation.d.ts +11 -0
- package/elevation/elevation.d.ts.map +1 -0
- package/elevation/elevation.js +16 -0
- package/elevation/elevation.js.map +1 -0
- package/elevation/elevation.styles.d.ts +2 -0
- package/elevation/elevation.styles.d.ts.map +1 -0
- package/elevation/elevation.styles.js +28 -0
- package/elevation/elevation.styles.js.map +1 -0
- package/field/field-base.d.ts +68 -0
- package/field/field-base.d.ts.map +1 -0
- package/field/field-base.js +174 -0
- package/field/field-base.js.map +1 -0
- package/field/field-base.styles.d.ts +2 -0
- package/field/field-base.styles.d.ts.map +1 -0
- package/field/field-base.styles.js +372 -0
- package/field/field-base.styles.js.map +1 -0
- package/field/field-defaults-context.d.ts +5 -0
- package/field/field-defaults-context.d.ts.map +1 -0
- package/field/field-defaults-context.js +3 -0
- package/field/field-defaults-context.js.map +1 -0
- package/field/field-defaults.d.ts +5 -0
- package/field/field-defaults.d.ts.map +1 -0
- package/field/field-defaults.js +2 -0
- package/field/field-defaults.js.map +1 -0
- package/field/field-variant.d.ts +2 -0
- package/field/field-variant.d.ts.map +1 -0
- package/field/field-variant.js +2 -0
- package/field/field-variant.js.map +1 -0
- package/field/field.d.ts +15 -0
- package/field/field.d.ts.map +1 -0
- package/field/field.js +44 -0
- package/field/field.js.map +1 -0
- package/index.d.ts +80 -0
- package/index.d.ts.map +1 -0
- package/index.js +80 -0
- package/index.js.map +1 -0
- package/list/list-item.d.ts +13 -0
- package/list/list-item.d.ts.map +1 -0
- package/list/list-item.js +38 -0
- package/list/list-item.js.map +1 -0
- package/list/list-item.styles.d.ts +2 -0
- package/list/list-item.styles.d.ts.map +1 -0
- package/list/list-item.styles.js +48 -0
- package/list/list-item.styles.js.map +1 -0
- package/list/list.d.ts +11 -0
- package/list/list.d.ts.map +1 -0
- package/list/list.js +15 -0
- package/list/list.js.map +1 -0
- package/list/list.styles.d.ts +2 -0
- package/list/list.styles.d.ts.map +1 -0
- package/list/list.styles.js +8 -0
- package/list/list.styles.js.map +1 -0
- package/menu/menu-item.d.ts +40 -0
- package/menu/menu-item.d.ts.map +1 -0
- package/menu/menu-item.js +98 -0
- package/menu/menu-item.js.map +1 -0
- package/menu/menu-item.styles.d.ts +2 -0
- package/menu/menu-item.styles.d.ts.map +1 -0
- package/menu/menu-item.styles.js +54 -0
- package/menu/menu-item.styles.js.map +1 -0
- package/menu/menu.d.ts +48 -0
- package/menu/menu.d.ts.map +1 -0
- package/menu/menu.js +328 -0
- package/menu/menu.js.map +1 -0
- package/menu/menu.styles.d.ts +2 -0
- package/menu/menu.styles.d.ts.map +1 -0
- package/menu/menu.styles.js +69 -0
- package/menu/menu.styles.js.map +1 -0
- package/navigation/drawer-item.d.ts +40 -0
- package/navigation/drawer-item.d.ts.map +1 -0
- package/navigation/drawer-item.js +94 -0
- package/navigation/drawer-item.js.map +1 -0
- package/navigation/drawer-item.styles.d.ts +2 -0
- package/navigation/drawer-item.styles.d.ts.map +1 -0
- package/navigation/drawer-item.styles.js +52 -0
- package/navigation/drawer-item.styles.js.map +1 -0
- package/navigation/drawer.d.ts +11 -0
- package/navigation/drawer.d.ts.map +1 -0
- package/navigation/drawer.js +23 -0
- package/navigation/drawer.js.map +1 -0
- package/navigation/drawer.styles.d.ts +2 -0
- package/navigation/drawer.styles.d.ts.map +1 -0
- package/navigation/drawer.styles.js +22 -0
- package/navigation/drawer.styles.js.map +1 -0
- package/navigation/side-navigation-swiper.styles.d.ts +2 -0
- package/navigation/side-navigation-swiper.styles.d.ts.map +1 -0
- package/navigation/side-navigation-swiper.styles.js +131 -0
- package/navigation/side-navigation-swiper.styles.js.map +1 -0
- package/navigation/side-navigation.d.ts +33 -0
- package/navigation/side-navigation.d.ts.map +1 -0
- package/navigation/side-navigation.js +138 -0
- package/navigation/side-navigation.js.map +1 -0
- package/navigation/side-navigation.styles.d.ts +2 -0
- package/navigation/side-navigation.styles.d.ts.map +1 -0
- package/navigation/side-navigation.styles.js +124 -0
- package/navigation/side-navigation.styles.js.map +1 -0
- package/package.json +2 -4
- package/progress/circular-progress.d.ts +14 -0
- package/progress/circular-progress.d.ts.map +1 -0
- package/progress/circular-progress.js +80 -0
- package/progress/circular-progress.js.map +1 -0
- package/progress/circular-progress.styles.d.ts +2 -0
- package/progress/circular-progress.styles.d.ts.map +1 -0
- package/progress/circular-progress.styles.js +75 -0
- package/progress/circular-progress.styles.js.map +1 -0
- package/progress/progress-bar.d.ts +14 -0
- package/progress/progress-bar.d.ts.map +1 -0
- package/progress/progress-bar.js +49 -0
- package/progress/progress-bar.js.map +1 -0
- package/progress/progress-bar.styles.d.ts +2 -0
- package/progress/progress-bar.styles.d.ts.map +1 -0
- package/progress/progress-bar.styles.js +152 -0
- package/progress/progress-bar.styles.js.map +1 -0
- package/radio/radio-list-item.d.ts +11 -0
- package/radio/radio-list-item.d.ts.map +1 -0
- package/radio/radio-list-item.js +11 -0
- package/radio/radio-list-item.js.map +1 -0
- package/radio/radio.d.ts +24 -0
- package/radio/radio.d.ts.map +1 -0
- package/radio/radio.js +125 -0
- package/radio/radio.js.map +1 -0
- package/radio/radio.styles.d.ts +2 -0
- package/radio/radio.styles.d.ts.map +1 -0
- package/radio/radio.styles.js +33 -0
- package/radio/radio.styles.js.map +1 -0
- package/ripple/ripple.d.ts +28 -0
- package/ripple/ripple.d.ts.map +1 -0
- package/ripple/ripple.js +120 -0
- package/ripple/ripple.js.map +1 -0
- package/ripple/ripple.styles.d.ts +2 -0
- package/ripple/ripple.styles.d.ts.map +1 -0
- package/ripple/ripple.styles.js +74 -0
- package/ripple/ripple.styles.js.map +1 -0
- package/select/extended-option.d.ts +5 -0
- package/select/extended-option.d.ts.map +1 -0
- package/select/extended-option.js +2 -0
- package/select/extended-option.js.map +1 -0
- package/select/extended-select.d.ts +6 -0
- package/select/extended-select.d.ts.map +1 -0
- package/select/extended-select.js +2 -0
- package/select/extended-select.js.map +1 -0
- package/select/option.d.ts +27 -0
- package/select/option.d.ts.map +1 -0
- package/select/option.js +132 -0
- package/select/option.js.map +1 -0
- package/select/option.styles.d.ts +2 -0
- package/select/option.styles.d.ts.map +1 -0
- package/select/option.styles.js +15 -0
- package/select/option.styles.js.map +1 -0
- package/select/select-navigation-controller.d.ts +14 -0
- package/select/select-navigation-controller.d.ts.map +1 -0
- package/select/select-navigation-controller.js +82 -0
- package/select/select-navigation-controller.js.map +1 -0
- package/select/select.d.ts +47 -0
- package/select/select.d.ts.map +1 -0
- package/select/select.js +268 -0
- package/select/select.js.map +1 -0
- package/select/select.styles.d.ts +2 -0
- package/select/select.styles.d.ts.map +1 -0
- package/select/select.styles.js +39 -0
- package/select/select.styles.js.map +1 -0
- package/shared/base.styles.d.ts +2 -0
- package/shared/base.styles.d.ts.map +1 -0
- package/shared/base.styles.js +31 -0
- package/shared/base.styles.js.map +1 -0
- package/shared/button-wrapper.d.ts +39 -0
- package/shared/button-wrapper.d.ts.map +1 -0
- package/shared/button-wrapper.js +123 -0
- package/shared/button-wrapper.js.map +1 -0
- package/shared/button-wrapper.styles.d.ts +2 -0
- package/shared/button-wrapper.styles.d.ts.map +1 -0
- package/shared/button-wrapper.styles.js +63 -0
- package/shared/button-wrapper.styles.js.map +1 -0
- package/shared/char-count-text-field/native-text-field-wrapper.d.ts +15 -0
- package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +1 -0
- package/shared/char-count-text-field/native-text-field-wrapper.js +54 -0
- package/shared/char-count-text-field/native-text-field-wrapper.js.map +1 -0
- package/shared/compare-text.d.ts +2 -0
- package/shared/compare-text.d.ts.map +1 -0
- package/shared/compare-text.js +5 -0
- package/shared/compare-text.js.map +1 -0
- package/shared/events/dispatch-event.d.ts +1 -0
- package/shared/events/dispatch-event.d.ts.map +1 -0
- package/shared/events/dispatch-event.js +2 -0
- package/shared/events/dispatch-event.js.map +1 -0
- package/shared/events/redispatch-event.d.ts +2 -0
- package/shared/events/redispatch-event.d.ts.map +1 -0
- package/shared/events/redispatch-event.js +14 -0
- package/shared/events/redispatch-event.js.map +1 -0
- package/shared/extract-template-html.d.ts +2 -0
- package/shared/extract-template-html.d.ts.map +1 -0
- package/shared/extract-template-html.js +8 -0
- package/shared/extract-template-html.js.map +1 -0
- package/shared/menu-field/menu-field-navigation-controller.d.ts +20 -0
- package/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -0
- package/shared/menu-field/menu-field-navigation-controller.js +108 -0
- package/shared/menu-field/menu-field-navigation-controller.js.map +1 -0
- package/shared/menu-field/menu-field.d.ts +7 -0
- package/shared/menu-field/menu-field.d.ts.map +1 -0
- package/shared/menu-field/menu-field.js +2 -0
- package/shared/menu-field/menu-field.js.map +1 -0
- package/shared/mixin-attribute-properties.d.ts +4 -0
- package/shared/mixin-attribute-properties.d.ts.map +1 -0
- package/shared/mixin-attribute-properties.js +27 -0
- package/shared/mixin-attribute-properties.js.map +1 -0
- package/shared/mixin.d.ts +3 -0
- package/shared/mixin.d.ts.map +1 -0
- package/shared/mixin.js +2 -0
- package/shared/mixin.js.map +1 -0
- package/shared/normalize-text.d.ts +2 -0
- package/shared/normalize-text.d.ts.map +1 -0
- package/shared/normalize-text.js +9 -0
- package/shared/normalize-text.js.map +1 -0
- package/shared/selection-control/checkbox-base.d.ts +1 -0
- package/shared/selection-control/checkbox-base.d.ts.map +1 -0
- package/shared/selection-control/checkbox-base.js +7 -0
- package/shared/selection-control/checkbox-base.js.map +1 -0
- package/shared/selection-control/selection-control-list-item.d.ts +4 -0
- package/shared/selection-control/selection-control-list-item.d.ts.map +1 -0
- package/shared/selection-control/selection-control-list-item.js +44 -0
- package/shared/selection-control/selection-control-list-item.js.map +1 -0
- package/shared/selection-control/selection-control.d.ts +36 -0
- package/shared/selection-control/selection-control.d.ts.map +1 -0
- package/shared/selection-control/selection-control.js +155 -0
- package/shared/selection-control/selection-control.js.map +1 -0
- package/shared/selection-control/selection-control.styles.d.ts +2 -0
- package/shared/selection-control/selection-control.styles.d.ts.map +1 -0
- package/shared/selection-control/selection-control.styles.js +67 -0
- package/shared/selection-control/selection-control.styles.js.map +1 -0
- package/shared/sets/set-base.d.ts +11 -0
- package/shared/sets/set-base.d.ts.map +1 -0
- package/shared/sets/set-base.js +22 -0
- package/shared/sets/set-base.js.map +1 -0
- package/shared/sets/set-base.styles.d.ts +2 -0
- package/shared/sets/set-base.styles.d.ts.map +1 -0
- package/shared/sets/set-base.styles.js +22 -0
- package/shared/sets/set-base.styles.js.map +1 -0
- package/shared/text-field-base/text-field-base.d.ts +16 -0
- package/shared/text-field-base/text-field-base.d.ts.map +1 -0
- package/shared/text-field-base/text-field-base.js +29 -0
- package/shared/text-field-base/text-field-base.js.map +1 -0
- package/shared/text-field-base/text-field-base.styles.d.ts +2 -0
- package/shared/text-field-base/text-field-base.styles.d.ts.map +1 -0
- package/shared/text-field-base/text-field-base.styles.js +11 -0
- package/shared/text-field-base/text-field-base.styles.js.map +1 -0
- package/snackbar/snackbar.d.ts +40 -0
- package/snackbar/snackbar.d.ts.map +1 -0
- package/snackbar/snackbar.js +133 -0
- package/snackbar/snackbar.js.map +1 -0
- package/snackbar/snackbar.styles.d.ts +2 -0
- package/snackbar/snackbar.styles.d.ts.map +1 -0
- package/snackbar/snackbar.styles.js +81 -0
- package/snackbar/snackbar.styles.js.map +1 -0
- package/switch/switch-list-item.d.ts +11 -0
- package/switch/switch-list-item.d.ts.map +1 -0
- package/switch/switch-list-item.js +11 -0
- package/switch/switch-list-item.js.map +1 -0
- package/switch/switch.d.ts +14 -0
- package/switch/switch.d.ts.map +1 -0
- package/switch/switch.js +26 -0
- package/switch/switch.js.map +1 -0
- package/switch/switch.styles.d.ts +2 -0
- package/switch/switch.styles.d.ts.map +1 -0
- package/switch/switch.styles.js +78 -0
- package/switch/switch.styles.js.map +1 -0
- package/tab-bar/tab-bar.d.ts +28 -0
- package/tab-bar/tab-bar.d.ts.map +1 -0
- package/tab-bar/tab-bar.js +200 -0
- package/tab-bar/tab-bar.js.map +1 -0
- package/tab-bar/tab-bar.styles.d.ts +2 -0
- package/tab-bar/tab-bar.styles.d.ts.map +1 -0
- package/tab-bar/tab-bar.styles.js +72 -0
- package/tab-bar/tab-bar.styles.js.map +1 -0
- package/tab-bar/tab.d.ts +22 -0
- package/tab-bar/tab.d.ts.map +1 -0
- package/tab-bar/tab.js +91 -0
- package/tab-bar/tab.js.map +1 -0
- package/tab-bar/tab.styles.d.ts +2 -0
- package/tab-bar/tab.styles.d.ts.map +1 -0
- package/tab-bar/tab.styles.js +56 -0
- package/tab-bar/tab.styles.js.map +1 -0
- package/text-area/text-area.d.ts +15 -0
- package/text-area/text-area.d.ts.map +1 -0
- package/text-area/text-area.js +46 -0
- package/text-area/text-area.js.map +1 -0
- package/text-area/text-area.styles.d.ts +2 -0
- package/text-area/text-area.styles.d.ts.map +1 -0
- package/text-area/text-area.styles.js +39 -0
- package/text-area/text-area.styles.js.map +1 -0
- package/text-field/text-field.d.ts +19 -0
- package/text-field/text-field.d.ts.map +1 -0
- package/text-field/text-field.js +66 -0
- package/text-field/text-field.js.map +1 -0
- package/text-field/text-field.styles.d.ts +2 -0
- package/text-field/text-field.styles.d.ts.map +1 -0
- package/text-field/text-field.styles.js +41 -0
- package/text-field/text-field.styles.js.map +1 -0
- package/theme/color.d.ts +7 -0
- package/theme/color.d.ts.map +1 -0
- package/theme/color.js +2 -0
- package/theme/color.js.map +1 -0
- package/theme/css-var-builder.d.ts +10 -0
- package/theme/css-var-builder.d.ts.map +1 -0
- package/theme/css-var-builder.js +27 -0
- package/theme/css-var-builder.js.map +1 -0
- package/theme/index.d.ts +2 -0
- package/theme/index.d.ts.map +1 -0
- package/theme/index.js +2 -0
- package/theme/index.js.map +1 -0
- package/theme/neutral-colors.d.ts +4 -0
- package/theme/neutral-colors.d.ts.map +1 -0
- package/theme/neutral-colors.js +24 -0
- package/theme/neutral-colors.js.map +1 -0
- package/theme/theme-builder.d.ts +26 -0
- package/theme/theme-builder.d.ts.map +1 -0
- package/theme/theme-builder.js +146 -0
- package/theme/theme-builder.js.map +1 -0
- package/theme/theme-color.d.ts +6 -0
- package/theme/theme-color.d.ts.map +1 -0
- package/theme/theme-color.js +2 -0
- package/theme/theme-color.js.map +1 -0
- package/typeahead/highlight.d.ts +24 -0
- package/typeahead/highlight.d.ts.map +1 -0
- package/typeahead/highlight.js +69 -0
- package/typeahead/highlight.js.map +1 -0
- package/typeahead/highlight.styles.d.ts +2 -0
- package/typeahead/highlight.styles.d.ts.map +1 -0
- package/typeahead/highlight.styles.js +7 -0
- package/typeahead/highlight.styles.js.map +1 -0
- package/typeahead/typeahead.d.ts +94 -0
- package/typeahead/typeahead.d.ts.map +1 -0
- package/typeahead/typeahead.js +362 -0
- package/typeahead/typeahead.js.map +1 -0
- package/typeahead/typeahead.styles.d.ts +2 -0
- package/typeahead/typeahead.styles.d.ts.map +1 -0
- package/typeahead/typeahead.styles.js +11 -0
- package/typeahead/typeahead.styles.js.map +1 -0
- package/.editorconfig +0 -8
- package/.eleventy.cjs +0 -21
- package/.vscode/extensions.json +0 -9
- package/CHANGELOG.md +0 -98
- package/LICENSE +0 -28
- package/add-custom-elements-schemas.cjs +0 -75
- package/change-compiler-to-add-custom-elements.js +0 -26
- package/change-schematics-to-generate-pug.js +0 -32
- package/docs/angular.json +0 -110
- package/docs/src/app/app.component.pug +0 -199
- package/docs/src/app/app.component.scss +0 -109
- package/docs/src/app/app.component.ts +0 -158
- package/docs/src/app/app.config.ts +0 -26
- package/docs/src/app/app.routes.ts +0 -140
- package/docs/src/app/components/button-set/button-set.component.pug +0 -13
- package/docs/src/app/components/button-set/button-set.component.scss +0 -0
- package/docs/src/app/components/button-set/button-set.component.ts +0 -29
- package/docs/src/app/components/button-set/examples/alignment.html +0 -29
- package/docs/src/app/components/button-set/examples/stack.html +0 -5
- package/docs/src/app/components/button-set/examples/usage.html +0 -35
- package/docs/src/app/components/cards/cards.component.pug +0 -15
- package/docs/src/app/components/cards/cards.component.scss +0 -0
- package/docs/src/app/components/cards/cards.component.ts +0 -29
- package/docs/src/app/components/cards/examples/card-media.html +0 -39
- package/docs/src/app/components/cards/examples/card-with-actions.html +0 -40
- package/docs/src/app/components/cards/examples/simple-card.html +0 -5
- package/docs/src/app/components/checkbox/checkbox.component.pug +0 -5
- package/docs/src/app/components/checkbox/checkbox.component.scss +0 -0
- package/docs/src/app/components/checkbox/checkbox.component.ts +0 -23
- package/docs/src/app/components/checkbox/examples/usage.html +0 -33
- package/docs/src/app/components/chip-field/chip-field.component.pug +0 -17
- package/docs/src/app/components/chip-field/chip-field.component.scss +0 -0
- package/docs/src/app/components/chip-field/chip-field.component.ts +0 -42
- package/docs/src/app/components/chip-field/examples/object-values.html +0 -15
- package/docs/src/app/components/chip-field/examples/simple.html +0 -1
- package/docs/src/app/components/chips/chips.component.pug +0 -69
- package/docs/src/app/components/chips/chips.component.scss +0 -0
- package/docs/src/app/components/chips/chips.component.ts +0 -131
- package/docs/src/app/components/common-buttons/common-buttons.component.pug +0 -23
- package/docs/src/app/components/common-buttons/common-buttons.component.scss +0 -0
- package/docs/src/app/components/common-buttons/common-buttons.component.ts +0 -35
- package/docs/src/app/components/common-buttons/examples/anchor-buttons.html +0 -6
- package/docs/src/app/components/common-buttons/examples/buttons-icons.html +0 -24
- package/docs/src/app/components/common-buttons/examples/buttons-trailing-icons.html +0 -25
- package/docs/src/app/components/common-buttons/examples/buttons-variants.html +0 -6
- package/docs/src/app/components/common-buttons/examples/filled-colors.html +0 -4
- package/docs/src/app/components/context-test/context-test.component.pug +0 -11
- package/docs/src/app/components/context-test/context-test.component.scss +0 -0
- package/docs/src/app/components/context-test/context-test.component.ts +0 -23
- package/docs/src/app/components/datepicker/datepicker.component.pug +0 -1
- package/docs/src/app/components/datepicker/datepicker.component.scss +0 -0
- package/docs/src/app/components/datepicker/datepicker.component.ts +0 -20
- package/docs/src/app/components/dialogs/dialogs.component.pug +0 -24
- package/docs/src/app/components/dialogs/dialogs.component.scss +0 -0
- package/docs/src/app/components/dialogs/dialogs.component.ts +0 -33
- package/docs/src/app/components/dialogs/examples/example.html +0 -3
- package/docs/src/app/components/expansion-panel/expansion-panel.component.pug +0 -1
- package/docs/src/app/components/expansion-panel/expansion-panel.component.scss +0 -0
- package/docs/src/app/components/expansion-panel/expansion-panel.component.ts +0 -20
- package/docs/src/app/components/fab/examples/button-colors.html +0 -18
- package/docs/src/app/components/fab/examples/button-sizes.html +0 -11
- package/docs/src/app/components/fab/examples/extended-buttons.html +0 -18
- package/docs/src/app/components/fab/examples/floating-action-area.html +0 -5
- package/docs/src/app/components/fab/examples/floating-menu.html +0 -10
- package/docs/src/app/components/fab/examples/lowered-buttons.html +0 -6
- package/docs/src/app/components/fab/fab.component.pug +0 -27
- package/docs/src/app/components/fab/fab.component.scss +0 -0
- package/docs/src/app/components/fab/fab.component.ts +0 -38
- package/docs/src/app/components/icon-buttons/examples/anchor-buttons.html +0 -15
- package/docs/src/app/components/icon-buttons/examples/buttons-variants.html +0 -15
- package/docs/src/app/components/icon-buttons/examples/toggle-buttons-manual.html +0 -4
- package/docs/src/app/components/icon-buttons/examples/toggle-buttons.html +0 -48
- package/docs/src/app/components/icon-buttons/icon-buttons.component.pug +0 -19
- package/docs/src/app/components/icon-buttons/icon-buttons.component.scss +0 -0
- package/docs/src/app/components/icon-buttons/icon-buttons.component.ts +0 -32
- package/docs/src/app/components/lists/examples/list-avatars.html +0 -14
- package/docs/src/app/components/lists/examples/list-custom-dividers.html +0 -23
- package/docs/src/app/components/lists/examples/list-dividers.html +0 -17
- package/docs/src/app/components/lists/examples/list-dynamic.html +0 -26
- package/docs/src/app/components/lists/examples/list-hover.html +0 -17
- package/docs/src/app/components/lists/examples/list-icons.html +0 -17
- package/docs/src/app/components/lists/examples/list-indexed.html +0 -123
- package/docs/src/app/components/lists/examples/list-sections.html +0 -16
- package/docs/src/app/components/lists/examples/list-three-lines.html +0 -20
- package/docs/src/app/components/lists/examples/list-two-lines.html +0 -20
- package/docs/src/app/components/lists/examples/list-with-action.html +0 -26
- package/docs/src/app/components/lists/examples/list-with-activated-item.html +0 -17
- package/docs/src/app/components/lists/examples/simple-list.html +0 -17
- package/docs/src/app/components/lists/lists.component.pug +0 -19
- package/docs/src/app/components/lists/lists.component.scss +0 -0
- package/docs/src/app/components/lists/lists.component.ts +0 -20
- package/docs/src/app/components/menus/examples/down-end.html +0 -15
- package/docs/src/app/components/menus/examples/down-left.html +0 -10
- package/docs/src/app/components/menus/examples/down-right.html +0 -10
- package/docs/src/app/components/menus/examples/down-start.html +0 -10
- package/docs/src/app/components/menus/examples/down.html +0 -10
- package/docs/src/app/components/menus/examples/up-end.html +0 -10
- package/docs/src/app/components/menus/examples/up-left.html +0 -10
- package/docs/src/app/components/menus/examples/up-right.html +0 -10
- package/docs/src/app/components/menus/examples/up-start.html +0 -10
- package/docs/src/app/components/menus/examples/up.html +0 -10
- package/docs/src/app/components/menus/menus.component.pug +0 -43
- package/docs/src/app/components/menus/menus.component.scss +0 -15
- package/docs/src/app/components/menus/menus.component.ts +0 -60
- package/docs/src/app/components/navigation-item.model.ts +0 -4
- package/docs/src/app/components/progress/examples/circular-progress.html +0 -13
- package/docs/src/app/components/progress/examples/determinate-progress.html +0 -3
- package/docs/src/app/components/progress/examples/indeterminate-progress.html +0 -3
- package/docs/src/app/components/progress/examples/progress-color.html +0 -3
- package/docs/src/app/components/progress/progress.component.pug +0 -34
- package/docs/src/app/components/progress/progress.component.scss +0 -0
- package/docs/src/app/components/progress/progress.component.ts +0 -34
- package/docs/src/app/components/ripple/examples/usage.html +0 -9
- package/docs/src/app/components/ripple/ripple.component.pug +0 -7
- package/docs/src/app/components/ripple/ripple.component.scss +0 -0
- package/docs/src/app/components/ripple/ripple.component.ts +0 -23
- package/docs/src/app/components/select/select.component.pug +0 -175
- package/docs/src/app/components/select/select.component.scss +0 -3
- package/docs/src/app/components/select/select.component.ts +0 -35
- package/docs/src/app/components/selection-controls/examples/checkbox.html +0 -22
- package/docs/src/app/components/selection-controls/examples/radio-button.html +0 -36
- package/docs/src/app/components/selection-controls/examples/switch.html +0 -12
- package/docs/src/app/components/selection-controls/selection-controls.component.pug +0 -13
- package/docs/src/app/components/selection-controls/selection-controls.component.scss +0 -0
- package/docs/src/app/components/selection-controls/selection-controls.component.ts +0 -29
- package/docs/src/app/components/sliders/examples/example.html +0 -42
- package/docs/src/app/components/sliders/sliders.component.pug +0 -5
- package/docs/src/app/components/sliders/sliders.component.scss +0 -0
- package/docs/src/app/components/sliders/sliders.component.ts +0 -23
- package/docs/src/app/components/snackbars/examples/example.html +0 -35
- package/docs/src/app/components/snackbars/snackbars.component.pug +0 -5
- package/docs/src/app/components/snackbars/snackbars.component.scss +0 -0
- package/docs/src/app/components/snackbars/snackbars.component.ts +0 -23
- package/docs/src/app/components/steppers/steppers.component.pug +0 -1
- package/docs/src/app/components/steppers/steppers.component.scss +0 -0
- package/docs/src/app/components/steppers/steppers.component.ts +0 -20
- package/docs/src/app/components/tables/examples/overview.html +0 -49
- package/docs/src/app/components/tables/examples/table-hover.html +0 -67
- package/docs/src/app/components/tables/tables.component.pug +0 -74
- package/docs/src/app/components/tables/tables.component.scss +0 -0
- package/docs/src/app/components/tables/tables.component.ts +0 -29
- package/docs/src/app/components/tabs/examples/example.html +0 -45
- package/docs/src/app/components/tabs/tabs.component.pug +0 -14
- package/docs/src/app/components/tabs/tabs.component.scss +0 -0
- package/docs/src/app/components/tabs/tabs.component.ts +0 -32
- package/docs/src/app/components/text-fields/text-fields.component.pug +0 -122
- package/docs/src/app/components/text-fields/text-fields.component.scss +0 -3
- package/docs/src/app/components/text-fields/text-fields.component.ts +0 -130
- package/docs/src/app/components/toolbars/examples/simple-toolbar.html +0 -33
- package/docs/src/app/components/toolbars/toolbars.component.pug +0 -5
- package/docs/src/app/components/toolbars/toolbars.component.scss +0 -0
- package/docs/src/app/components/toolbars/toolbars.component.ts +0 -23
- package/docs/src/app/components/typeahead/examples/handling-selection.html +0 -27
- package/docs/src/app/components/typeahead/examples/object-results.html +0 -9
- package/docs/src/app/components/typeahead/examples/simple.html +0 -8
- package/docs/src/app/components/typeahead/typeahead.component.pug +0 -43
- package/docs/src/app/components/typeahead/typeahead.component.scss +0 -0
- package/docs/src/app/components/typeahead/typeahead.component.ts +0 -52
- package/docs/src/app/content/typography/examples/typos.html +0 -17
- package/docs/src/app/content/typography/typography.component.pug +0 -4
- package/docs/src/app/content/typography/typography.component.scss +0 -0
- package/docs/src/app/content/typography/typography.component.ts +0 -21
- package/docs/src/app/docs/apis-table/apis-table.component.pug +0 -26
- package/docs/src/app/docs/apis-table/apis-table.component.scss +0 -9
- package/docs/src/app/docs/apis-table/apis-table.component.ts +0 -26
- package/docs/src/app/docs/example/example.component.pug +0 -17
- package/docs/src/app/docs/example/example.component.scss +0 -21
- package/docs/src/app/docs/example/example.component.ts +0 -39
- package/docs/src/app/docs/link-active.directive.ts +0 -38
- package/docs/src/app/docs/shared/title-to-hash.ts +0 -7
- package/docs/src/app/docs/submenu/submenu.component.pug +0 -7
- package/docs/src/app/docs/submenu/submenu.component.scss +0 -9
- package/docs/src/app/docs/submenu/submenu.component.ts +0 -21
- package/docs/src/app/docs/title/title.component.pug +0 -5
- package/docs/src/app/docs/title/title.component.scss +0 -3
- package/docs/src/app/docs/title/title.component.ts +0 -19
- package/docs/src/app/dummy/dummy.component.pug +0 -1
- package/docs/src/app/dummy/dummy.component.scss +0 -0
- package/docs/src/app/dummy/dummy.component.ts +0 -14
- package/docs/src/app/introduction/introduction.component.pug +0 -26
- package/docs/src/app/introduction/introduction.component.scss +0 -7
- package/docs/src/app/introduction/introduction.component.ts +0 -58
- package/docs/src/app/layout/container/container.component.pug +0 -77
- package/docs/src/app/layout/container/container.component.scss +0 -0
- package/docs/src/app/layout/container/container.component.ts +0 -32
- package/docs/src/app/layout/container/examples/default-container.html +0 -3
- package/docs/src/app/layout/container/examples/fluid-container.html +0 -3
- package/docs/src/app/layout/container/overview.md +0 -5
- package/docs/src/app/layout/grid/examples/overview.html +0 -12
- package/docs/src/app/layout/grid/grid.component.pug +0 -47
- package/docs/src/app/layout/grid/grid.component.scss +0 -0
- package/docs/src/app/layout/grid/grid.component.ts +0 -26
- package/docs/src/app/shared/states.model.ts +0 -61
- package/docs/src/app/utilities/background-colors/background-colors.component.pug +0 -9
- package/docs/src/app/utilities/background-colors/background-colors.component.scss +0 -0
- package/docs/src/app/utilities/background-colors/background-colors.component.ts +0 -27
- package/docs/src/app/utilities/background-colors/examples/colors.html +0 -31
- package/docs/src/app/utilities/dividers/dividers.component.pug +0 -37
- package/docs/src/app/utilities/dividers/dividers.component.scss +0 -0
- package/docs/src/app/utilities/dividers/dividers.component.ts +0 -29
- package/docs/src/app/utilities/dividers/examples/no-margin.html +0 -9
- package/docs/src/app/utilities/dividers/examples/usage.html +0 -21
- package/docs/src/app/utilities/text-and-background-colors/examples/colors.html +0 -30
- package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.pug +0 -9
- package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.scss +0 -0
- package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.ts +0 -26
- package/docs/src/app/utilities/text-colors/examples/colors.html +0 -39
- package/docs/src/app/utilities/text-colors/text-colors.component.pug +0 -9
- package/docs/src/app/utilities/text-colors/text-colors.component.scss +0 -0
- package/docs/src/app/utilities/text-colors/text-colors.component.ts +0 -28
- package/docs/src/app/utilities/text-emphasis/examples/usage.html +0 -17
- package/docs/src/app/utilities/text-emphasis/text-emphasis.component.pug +0 -5
- package/docs/src/app/utilities/text-emphasis/text-emphasis.component.scss +0 -0
- package/docs/src/app/utilities/text-emphasis/text-emphasis.component.ts +0 -19
- package/docs/src/favicon.ico +0 -0
- package/docs/src/index.html +0 -20
- package/docs/src/main.ts +0 -13
- package/docs/src/styles.scss +0 -129
- package/docs/tsconfig.app.json +0 -14
- package/docs/tsconfig.json +0 -40
- package/eslint.config.mjs +0 -457
- package/gulp-tasks/docs-api.js +0 -76
- package/gulp-tasks/docs.js +0 -59
- package/gulp-tasks/sass.js +0 -31
- package/gulp-tasks/scripts.js +0 -52
- package/gulpfile.js +0 -3
- package/index.html +0 -11
- package/remove-scripts-from-package.js +0 -9
- package/rollup.config.js +0 -42
- package/src/app-bar/top-app-bar.styles.scss +0 -108
- package/src/app-bar/top-app-bar.ts +0 -198
- package/src/button/button-base.styles.scss +0 -12
- package/src/button/button-base.ts +0 -57
- package/src/button/button-set.styles.scss +0 -16
- package/src/button/button-set.ts +0 -23
- package/src/button/button.styles.scss +0 -104
- package/src/button/button.ts +0 -60
- package/src/button/fab.styles.scss +0 -90
- package/src/button/fab.ts +0 -54
- package/src/button/icon-button.styles.scss +0 -80
- package/src/button/icon-button.ts +0 -75
- package/src/button-field/button-field.styles.scss +0 -13
- package/src/button-field/button-field.ts +0 -53
- package/src/calendar/calendar-adapter.ts +0 -5
- package/src/calendar/calendar-base.styles.scss +0 -82
- package/src/calendar/calendar-base.ts +0 -225
- package/src/calendar/calendar.styles.scss +0 -0
- package/src/calendar/calendar.ts +0 -44
- package/src/calendar/default-calendar-adapter.ts +0 -40
- package/src/calendar/range-calendar.styles.scss +0 -119
- package/src/calendar/range-calendar.ts +0 -135
- package/src/card/card-content.styles.scss +0 -15
- package/src/card/card-content.ts +0 -45
- package/src/card/card-media.styles.scss +0 -9
- package/src/card/card-media.ts +0 -24
- package/src/card/card.styles.scss +0 -30
- package/src/card/card.ts +0 -38
- package/src/checkbox/checkbox-list-item.ts +0 -15
- package/src/checkbox/checkbox.styles.scss +0 -69
- package/src/checkbox/checkbox.ts +0 -64
- package/src/chip/chip-set.styles.scss +0 -3
- package/src/chip/chip-set.ts +0 -15
- package/src/chip/chip.styles.scss +0 -185
- package/src/chip/chip.ts +0 -186
- package/src/chip-field/chip-field.styles.scss +0 -22
- package/src/chip-field/chip-field.ts +0 -182
- package/src/config.ts +0 -28
- package/src/datepicker/datepicker.styles.scss +0 -0
- package/src/datepicker/datepicker.ts +0 -0
- package/src/dialog/confirm-dialog-builder.ts +0 -43
- package/src/dialog/dialog-builder.ts +0 -57
- package/src/dialog/dialog-button-def.ts +0 -6
- package/src/dialog/dialog.styles.scss +0 -176
- package/src/dialog/dialog.ts +0 -255
- package/src/dialog/message-dialog-builder.ts +0 -25
- package/src/elevation/elevation.styles.scss +0 -31
- package/src/elevation/elevation.ts +0 -20
- package/src/field/field-base.styles.scss +0 -429
- package/src/field/field-base.ts +0 -184
- package/src/field/field-defaults-context.ts +0 -5
- package/src/field/field-defaults.ts +0 -5
- package/src/field/field-variant.ts +0 -1
- package/src/field/field.ts +0 -48
- package/src/index.ts +0 -81
- package/src/list/list-item.styles.scss +0 -38
- package/src/list/list-item.ts +0 -39
- package/src/list/list.styles.scss +0 -4
- package/src/list/list.ts +0 -19
- package/src/menu/menu-item.styles.scss +0 -50
- package/src/menu/menu-item.ts +0 -101
- package/src/menu/menu.styles.scss +0 -70
- package/src/menu/menu.ts +0 -423
- package/src/navigation/_side-navigation-base.styles.scss +0 -101
- package/src/navigation/drawer-item.styles.scss +0 -49
- package/src/navigation/drawer-item.ts +0 -94
- package/src/navigation/drawer.styles.scss +0 -21
- package/src/navigation/drawer.ts +0 -27
- package/src/navigation/side-navigation-swiper.styles.scss +0 -53
- package/src/navigation/side-navigation.styles.scss +0 -47
- package/src/navigation/side-navigation.ts +0 -149
- package/src/progress/circular-progress.styles.scss +0 -83
- package/src/progress/circular-progress.ts +0 -83
- package/src/progress/progress-bar.styles.scss +0 -159
- package/src/progress/progress-bar.ts +0 -50
- package/src/radio/radio-list-item.ts +0 -15
- package/src/radio/radio.styles.scss +0 -34
- package/src/radio/radio.ts +0 -164
- package/src/ripple/ripple.styles.scss +0 -81
- package/src/ripple/ripple.ts +0 -158
- package/src/select/extended-option.ts +0 -3
- package/src/select/extended-select.ts +0 -6
- package/src/select/option.styles.scss +0 -16
- package/src/select/option.ts +0 -165
- package/src/select/select-navigation-controller.ts +0 -113
- package/src/select/select.styles.scss +0 -36
- package/src/select/select.ts +0 -333
- package/src/shared/base.styles.scss +0 -29
- package/src/shared/button-wrapper.styles.scss +0 -64
- package/src/shared/button-wrapper.ts +0 -144
- package/src/shared/char-count-text-field/native-text-field-wrapper.ts +0 -54
- package/src/shared/compare-text.ts +0 -6
- package/src/shared/events/dispatch-event.ts +0 -0
- package/src/shared/events/redispatch-event.ts +0 -16
- package/src/shared/extract-template-html.ts +0 -9
- package/src/shared/menu-field/menu-field-navigation-controller.ts +0 -152
- package/src/shared/menu-field/menu-field.ts +0 -7
- package/src/shared/mixin-attribute-properties.ts +0 -33
- package/src/shared/mixin.ts +0 -11
- package/src/shared/normalize-text.ts +0 -9
- package/src/shared/selection-control/checkbox-base.ts +0 -5
- package/src/shared/selection-control/selection-control-list-item.ts +0 -44
- package/src/shared/selection-control/selection-control.styles.scss +0 -74
- package/src/shared/selection-control/selection-control.ts +0 -180
- package/src/shared/sets/set-base.styles.scss +0 -18
- package/src/shared/sets/set-base.ts +0 -21
- package/src/shared/text-field-base/text-field-base.styles.scss +0 -11
- package/src/shared/text-field-base/text-field-base.ts +0 -36
- package/src/snackbar/snackbar.styles.scss +0 -88
- package/src/snackbar/snackbar.ts +0 -156
- package/src/switch/switch-list-item.ts +0 -15
- package/src/switch/switch.styles.scss +0 -87
- package/src/switch/switch.ts +0 -32
- package/src/tab-bar/tab-bar.styles.scss +0 -77
- package/src/tab-bar/tab-bar.ts +0 -232
- package/src/tab-bar/tab.styles.scss +0 -53
- package/src/tab-bar/tab.ts +0 -113
- package/src/text-area/text-area.styles.scss +0 -46
- package/src/text-area/text-area.ts +0 -46
- package/src/text-field/text-field.styles.scss +0 -55
- package/src/text-field/text-field.ts +0 -57
- package/src/theme/color.ts +0 -6
- package/src/theme/css-var-builder.ts +0 -39
- package/src/theme/index.ts +0 -1
- package/src/theme/neutral-colors.ts +0 -26
- package/src/theme/theme-builder.ts +0 -197
- package/src/theme/theme-color.ts +0 -7
- package/src/typeahead/highlight.styles.scss +0 -3
- package/src/typeahead/highlight.ts +0 -79
- package/src/typeahead/typeahead.styles.scss +0 -9
- package/src/typeahead/typeahead.ts +0 -440
- package/tsconfig.json +0 -49
- package/vendor/ngx-pug-builders-19.0.0.tgz +0 -0
- package/web-dev-server.config.js +0 -25
- package/web-test-runner.config.js +0 -120
- /package/{src/scss → scss}/_api.scss +0 -0
- /package/{src/scss → scss}/_colors.scss +0 -0
- /package/{src/scss → scss}/_css-vars.scss +0 -0
- /package/{src/scss → scss}/_functions.scss +0 -0
- /package/{src/scss → scss}/_global.scss +0 -0
- /package/{src/scss → scss}/_layout.scss +0 -0
- /package/{src/scss → scss}/_mixins.scss +0 -0
- /package/{src/scss → scss}/_reboot.scss +0 -0
- /package/{src/scss → scss}/_utilities.scss +0 -0
- /package/{src/scss → scss}/_variables.scss +0 -0
- /package/{src/scss → scss}/colors/_text-bg.scss +0 -0
- /package/{src/scss → scss}/colors/_text.scss +0 -0
- /package/{src/scss → scss}/functions/_font.scss +0 -0
- /package/{src/scss → scss}/layout/_container.scss +0 -0
- /package/{src/scss → scss}/layout/_grid.scss +0 -0
- /package/{src/scss → scss}/layout/_margin-and-gutters.scss +0 -0
- /package/{src/scss → scss}/mixins/_breakpoints.scss +0 -0
- /package/{src/scss → scss}/mixins/_colors.scss +0 -0
- /package/{src/scss → scss}/mixins/_text-bg.scss +0 -0
- /package/{src/scss → scss}/mixins/_typo.scss +0 -0
- /package/{src/scss → scss}/table/_table.scss +0 -0
- /package/{src/scss → scss}/typo/_font.scss +0 -0
- /package/{src/scss → scss}/typo/_typo.scss +0 -0
- /package/{src/scss → scss}/typo/_variables.scss +0 -0
- /package/{src/scss → scss}/universal-material.scss +0 -0
- /package/{src/scss → scss}/utilities/_divider.scss +0 -0
- /package/{src/scss → scss}/utilities/_scheme.scss +0 -0
- /package/{src/scss → scss}/utilities/_spacing.scss +0 -0
- /package/{src/scss → scss}/utilities/_text.scss +0 -0
package/index.js
ADDED
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import '@bart-krakowski/get-week-info-polyfill';
|
|
2
|
+
import './app-bar/top-app-bar.js';
|
|
3
|
+
import './button/button.js';
|
|
4
|
+
import './button/button-set.js';
|
|
5
|
+
import './button/fab.js';
|
|
6
|
+
import './button/icon-button.js';
|
|
7
|
+
import './card/card.js';
|
|
8
|
+
import './chip/chip.js';
|
|
9
|
+
import './chip/chip-set.js';
|
|
10
|
+
import './chip-field/chip-field.js';
|
|
11
|
+
import './dialog/dialog.js';
|
|
12
|
+
import './checkbox/checkbox.js';
|
|
13
|
+
import './checkbox/checkbox-list-item.js';
|
|
14
|
+
import './radio/radio.js';
|
|
15
|
+
import './radio/radio-list-item.js';
|
|
16
|
+
import './switch/switch.js';
|
|
17
|
+
import './switch/switch-list-item.js';
|
|
18
|
+
import './elevation/elevation.js';
|
|
19
|
+
import './field/field.js';
|
|
20
|
+
import './text-field/text-field.js';
|
|
21
|
+
import './text-area/text-area.js';
|
|
22
|
+
import './select/select.js';
|
|
23
|
+
import './list/list.js';
|
|
24
|
+
import './list/list-item.js';
|
|
25
|
+
import './menu/menu.js';
|
|
26
|
+
import './menu/menu-item.js';
|
|
27
|
+
import './navigation/drawer.js';
|
|
28
|
+
import './navigation/drawer-item.js';
|
|
29
|
+
import './navigation/side-navigation.js';
|
|
30
|
+
import './progress/circular-progress.js';
|
|
31
|
+
import './progress/progress-bar.js';
|
|
32
|
+
import './ripple/ripple.js';
|
|
33
|
+
import './snackbar/snackbar.js';
|
|
34
|
+
import './tab-bar/tab-bar.js';
|
|
35
|
+
import './tab-bar/tab.js';
|
|
36
|
+
import './typeahead/highlight.js';
|
|
37
|
+
import './typeahead/typeahead.js';
|
|
38
|
+
export * from './app-bar/top-app-bar.js';
|
|
39
|
+
export * from './button/button.js';
|
|
40
|
+
export * from './button/button-base.js';
|
|
41
|
+
export * from './button/button-set.js';
|
|
42
|
+
export * from './button/fab.js';
|
|
43
|
+
export * from './button/icon-button.js';
|
|
44
|
+
export * from './button-field/button-field.js';
|
|
45
|
+
export * from './calendar/calendar.js';
|
|
46
|
+
export * from './calendar/range-calendar.js';
|
|
47
|
+
export * from './card/card.js';
|
|
48
|
+
export * from './card/card-content.js';
|
|
49
|
+
export * from './card/card-media.js';
|
|
50
|
+
export * from './chip/chip.js';
|
|
51
|
+
export * from './chip-field/chip-field.js';
|
|
52
|
+
export * from './chip/chip-set.js';
|
|
53
|
+
export * from './dialog/dialog.js';
|
|
54
|
+
export * from './checkbox/checkbox.js';
|
|
55
|
+
export * from './radio/radio.js';
|
|
56
|
+
export * from './switch/switch.js';
|
|
57
|
+
export * from './switch/switch-list-item.js';
|
|
58
|
+
export * from './elevation/elevation.js';
|
|
59
|
+
export * from './field/field.js';
|
|
60
|
+
export * from './text-field/text-field.js';
|
|
61
|
+
export * from './text-area/text-area.js';
|
|
62
|
+
export * from './select/select.js';
|
|
63
|
+
export * from './select/option.js';
|
|
64
|
+
export * from './list/list.js';
|
|
65
|
+
export * from './list/list-item.js';
|
|
66
|
+
export * from './menu/menu.js';
|
|
67
|
+
export * from './menu/menu-item.js';
|
|
68
|
+
export * from './navigation/drawer.js';
|
|
69
|
+
export * from './navigation/drawer-item.js';
|
|
70
|
+
export * from './navigation/side-navigation.js';
|
|
71
|
+
export * from './progress/circular-progress.js';
|
|
72
|
+
export * from './progress/progress-bar.js';
|
|
73
|
+
export * from './ripple/ripple.js';
|
|
74
|
+
export * from './snackbar/snackbar.js';
|
|
75
|
+
export * from './tab-bar/tab-bar.js';
|
|
76
|
+
export * from './tab-bar/tab.js';
|
|
77
|
+
export * from './theme/theme-builder.js';
|
|
78
|
+
export * from './typeahead/highlight.js';
|
|
79
|
+
export * from './typeahead/typeahead.js';
|
|
80
|
+
//# sourceMappingURL=index.js.map
|
package/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAEhD,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AACxB,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,8BAA8B,CAAC;AACtC,OAAO,0BAA0B,CAAC;AAClC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,wBAAwB,CAAC;AAChC,OAAO,6BAA6B,CAAC;AACrC,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,4BAA4B,CAAC;AACpC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAClC,OAAO,0BAA0B,CAAC;AAElC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC","sourcesContent":["import '@bart-krakowski/get-week-info-polyfill';\n\nimport './app-bar/top-app-bar.js';\nimport './button/button.js';\nimport './button/button-set.js';\nimport './button/fab.js';\nimport './button/icon-button.js';\nimport './card/card.js';\nimport './chip/chip.js';\nimport './chip/chip-set.js';\nimport './chip-field/chip-field.js';\nimport './dialog/dialog.js';\nimport './checkbox/checkbox.js';\nimport './checkbox/checkbox-list-item.js';\nimport './radio/radio.js';\nimport './radio/radio-list-item.js';\nimport './switch/switch.js';\nimport './switch/switch-list-item.js';\nimport './elevation/elevation.js';\nimport './field/field.js';\nimport './text-field/text-field.js';\nimport './text-area/text-area.js';\nimport './select/select.js';\nimport './list/list.js';\nimport './list/list-item.js';\nimport './menu/menu.js';\nimport './menu/menu-item.js';\nimport './navigation/drawer.js';\nimport './navigation/drawer-item.js';\nimport './navigation/side-navigation.js';\nimport './progress/circular-progress.js';\nimport './progress/progress-bar.js';\nimport './ripple/ripple.js';\nimport './snackbar/snackbar.js';\nimport './tab-bar/tab-bar.js';\nimport './tab-bar/tab.js';\nimport './typeahead/highlight.js';\nimport './typeahead/typeahead.js';\n\nexport * from './app-bar/top-app-bar.js';\nexport * from './button/button.js';\nexport * from './button/button-base.js';\nexport * from './button/button-set.js';\nexport * from './button/fab.js';\nexport * from './button/icon-button.js';\nexport * from './button-field/button-field.js';\nexport * from './calendar/calendar.js';\nexport * from './calendar/range-calendar.js';\nexport * from './card/card.js';\nexport * from './card/card-content.js';\nexport * from './card/card-media.js';\nexport * from './chip/chip.js';\nexport * from './chip-field/chip-field.js';\nexport * from './chip/chip-set.js';\nexport * from './dialog/dialog.js';\nexport * from './checkbox/checkbox.js';\nexport * from './radio/radio.js';\nexport * from './switch/switch.js';\nexport * from './switch/switch-list-item.js';\nexport * from './elevation/elevation.js';\nexport * from './field/field.js';\nexport * from './text-field/text-field.js';\nexport * from './text-area/text-area.js';\nexport * from './select/select.js';\nexport * from './select/option.js';\nexport * from './list/list.js';\nexport * from './list/list-item.js';\nexport * from './menu/menu.js';\nexport * from './menu/menu-item.js';\nexport * from './navigation/drawer.js';\nexport * from './navigation/drawer-item.js';\nexport * from './navigation/side-navigation.js';\nexport * from './progress/circular-progress.js';\nexport * from './progress/progress-bar.js';\nexport * from './ripple/ripple.js';\nexport * from './snackbar/snackbar.js';\nexport * from './tab-bar/tab-bar.js';\nexport * from './tab-bar/tab.js';\nexport * from './theme/theme-builder.js';\nexport * from './typeahead/highlight.js';\nexport * from './typeahead/typeahead.js';\n"]}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
+
import '../ripple/ripple.js';
|
|
3
|
+
export declare class UmListItem extends LitElement {
|
|
4
|
+
static styles: import("lit").CSSResult;
|
|
5
|
+
selectable: boolean;
|
|
6
|
+
render(): HTMLTemplateResult;
|
|
7
|
+
}
|
|
8
|
+
declare global {
|
|
9
|
+
interface HTMLElementTagNameMap {
|
|
10
|
+
'u-list-item': UmListItem;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=list-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../src/list/list-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAKpE,OAAO,qBAAqB,CAAC;AAE7B,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAU;IAEY,UAAU,UAAS;IAEtD,MAAM,IAAI,kBAAkB;CAmBtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, LitElement, nothing } from 'lit';
|
|
3
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
+
import { styles } from './list-item.styles.js';
|
|
5
|
+
import '../ripple/ripple.js';
|
|
6
|
+
let UmListItem = class UmListItem extends LitElement {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.selectable = false;
|
|
10
|
+
}
|
|
11
|
+
static { this.styles = styles; }
|
|
12
|
+
render() {
|
|
13
|
+
const ripple = html `
|
|
14
|
+
<u-ripple></u-ripple>
|
|
15
|
+
`;
|
|
16
|
+
return html `
|
|
17
|
+
${this.selectable ? ripple : nothing}
|
|
18
|
+
<slot name="leading" part="leading"></slot>
|
|
19
|
+
<div class="content" part="content">
|
|
20
|
+
<div class="headline" part="headline">
|
|
21
|
+
<slot></slot>
|
|
22
|
+
</div>
|
|
23
|
+
<div class="supporting-text" part="supporting-text">
|
|
24
|
+
<slot name="supporting-text"></slot>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
<slot name="trailing" part="trailing"></slot>
|
|
28
|
+
`;
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
__decorate([
|
|
32
|
+
property({ type: Boolean, reflect: true })
|
|
33
|
+
], UmListItem.prototype, "selectable", void 0);
|
|
34
|
+
UmListItem = __decorate([
|
|
35
|
+
customElement('u-list-item')
|
|
36
|
+
], UmListItem);
|
|
37
|
+
export { UmListItem };
|
|
38
|
+
//# sourceMappingURL=list-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.js","sourceRoot":"","sources":["../../src/list/list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAAO,qBAAqB,CAAC;AAGtB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAGuC,eAAU,GAAG,KAAK,CAAC;IAqBjE,CAAC;aAvBiB,WAAM,GAAG,MAAM,AAAT,CAAU;IAIvB,MAAM;QACb,MAAM,MAAM,GAAG,IAAI,CAAA;;KAElB,CAAC;QAEF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;;KAWrC,CAAC;IACJ,CAAC;;AApB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAoB;AAHpD,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAwBtB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { styles } from './list-item.styles.js';\n\nimport '../ripple/ripple.js';\n\n@customElement('u-list-item')\nexport class UmListItem extends LitElement {\n static override styles = styles;\n\n @property({ type: Boolean, reflect: true }) selectable = false;\n\n override render(): HTMLTemplateResult {\n const ripple = html`\n <u-ripple></u-ripple>\n `;\n\n return html`\n ${this.selectable ? ripple : nothing}\n <slot name=\"leading\" part=\"leading\"></slot>\n <div class=\"content\" part=\"content\">\n <div class=\"headline\" part=\"headline\">\n <slot></slot>\n </div>\n <div class=\"supporting-text\" part=\"supporting-text\">\n <slot name=\"supporting-text\"></slot>\n </div>\n </div>\n <slot name=\"trailing\" part=\"trailing\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-list-item': UmListItem;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../src/list/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA6ClB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
position: relative;
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
min-height: var(--u-list-item-min-height, 56px);
|
|
8
|
+
padding-block: var(--u-list-item-block-padding, 8px);
|
|
9
|
+
padding-inline: var(--u-list-item-inline-padding, 16px);
|
|
10
|
+
gap: var(--u-list-item-gap, 16px);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:host([selectable]) {
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
slot:not([name]) {
|
|
18
|
+
display: block;
|
|
19
|
+
margin-inline-end: auto;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
slot {
|
|
23
|
+
flex-shrink: 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.content {
|
|
27
|
+
flex: 1;
|
|
28
|
+
min-width: 0;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.headline {
|
|
32
|
+
font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
|
|
33
|
+
line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));
|
|
34
|
+
font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));
|
|
35
|
+
letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));
|
|
36
|
+
font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.supporting-text {
|
|
40
|
+
font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
|
|
41
|
+
line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));
|
|
42
|
+
font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));
|
|
43
|
+
letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));
|
|
44
|
+
font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));
|
|
45
|
+
color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
|
|
46
|
+
}
|
|
47
|
+
`;
|
|
48
|
+
//# sourceMappingURL=list-item.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-item.styles.js","sourceRoot":"","sources":["../../src/list/list-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n position: relative;\n display: flex;\n align-items: center;\n min-height: var(--u-list-item-min-height, 56px);\n padding-block: var(--u-list-item-block-padding, 8px);\n padding-inline: var(--u-list-item-inline-padding, 16px);\n gap: var(--u-list-item-gap, 16px);\n }\n\n :host([selectable]) {\n cursor: pointer;\n }\n\n slot:not([name]) {\n display: block;\n margin-inline-end: auto;\n }\n\n slot {\n flex-shrink: 0;\n }\n\n .content {\n flex: 1;\n min-width: 0;\n }\n\n .headline {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-headline-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-list-item-headline-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-list-item-headline-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-list-item-headline-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n }\n\n .supporting-text {\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-list-item-supporting-text-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-list-item-supporting-text-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-list-item-supporting-text-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-list-item-supporting-text-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-list-item-supporting-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n`;\n"]}
|
package/list/list.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
+
export declare class UmList extends LitElement {
|
|
3
|
+
static styles: import("lit").CSSResult;
|
|
4
|
+
render(): HTMLTemplateResult;
|
|
5
|
+
}
|
|
6
|
+
declare global {
|
|
7
|
+
interface HTMLElementTagNameMap {
|
|
8
|
+
'u-list': UmList;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=list.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAAU;IAEvB,MAAM,IAAI,kBAAkB;CAGtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
|
package/list/list.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, LitElement } from 'lit';
|
|
3
|
+
import { customElement } from 'lit/decorators.js';
|
|
4
|
+
import { styles } from './list.styles.js';
|
|
5
|
+
let UmList = class UmList extends LitElement {
|
|
6
|
+
static { this.styles = styles; }
|
|
7
|
+
render() {
|
|
8
|
+
return html `<slot></slot>`;
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
UmList = __decorate([
|
|
12
|
+
customElement('u-list')
|
|
13
|
+
], UmList);
|
|
14
|
+
export { UmList };
|
|
15
|
+
//# sourceMappingURL=list.js.map
|
package/list/list.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/list/list.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGnC,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;aACpB,WAAM,GAAG,MAAM,AAAT,CAAU;IAEvB,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AALU,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CAMlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './list.styles.js';\n\n@customElement('u-list')\nexport class UmList extends LitElement {\n static override styles = styles;\n\n override render(): HTMLTemplateResult {\n return html`<slot></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-list': UmList;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAKlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.styles.js","sourceRoot":"","sources":["../../src/list/list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;CAKzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n padding-block: var(--u-list-padding, 8px);\n }\n`;\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { HTMLTemplateResult, nothing, TemplateResult } from 'lit';
|
|
2
|
+
import { UmButtonWrapper } from '../shared/button-wrapper.js';
|
|
3
|
+
export declare class UmMenuItem extends UmButtonWrapper {
|
|
4
|
+
#private;
|
|
5
|
+
static styles: import("lit").CSSResultGroup[];
|
|
6
|
+
/**
|
|
7
|
+
* Force show focus ring
|
|
8
|
+
*/
|
|
9
|
+
get active(): boolean;
|
|
10
|
+
set active(active: boolean);
|
|
11
|
+
/**
|
|
12
|
+
* Whether the menu item has leading icon or not
|
|
13
|
+
*
|
|
14
|
+
* _Note:_ Readonly
|
|
15
|
+
*/
|
|
16
|
+
hasLeadingIcon: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Whether the menu item has trailing icon or not
|
|
19
|
+
*
|
|
20
|
+
* _Note:_ Readonly
|
|
21
|
+
*/
|
|
22
|
+
hasTrailingIcon: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Whether the drawer item has badge or not
|
|
25
|
+
*
|
|
26
|
+
* _Note:_ Readonly
|
|
27
|
+
*/
|
|
28
|
+
hasBadge: boolean;
|
|
29
|
+
innerRole: string;
|
|
30
|
+
connectedCallback(): void;
|
|
31
|
+
disconnectedCallback(): void;
|
|
32
|
+
protected renderContent(): HTMLTemplateResult;
|
|
33
|
+
protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing;
|
|
34
|
+
}
|
|
35
|
+
declare global {
|
|
36
|
+
interface HTMLElementTagNameMap {
|
|
37
|
+
'u-menu-item': UmMenuItem;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=menu-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGxE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,qBACa,UAAW,SAAQ,eAAe;;IAC7C,OAAgB,MAAM,iCAAoC;IAI1D;;OAEG;IACH,IACI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,EASzB;IAED;;;;OAIG;IACwE,cAAc,UAAS;IAElG;;;;OAIG;IACyE,eAAe,UAAS;IAEpG;;;;OAIG;IACiE,QAAQ,UAAS;IAE5E,SAAS,SAAc;IAEvB,iBAAiB;IAMjB,oBAAoB;cAOV,aAAa,IAAI,kBAAkB;IAgBtD,SAAS,CAAC,yBAAyB,IAAI,cAAc,GAAG,OAAO,OAAO;CAWvE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, nothing } from 'lit';
|
|
3
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
+
import { UmButtonWrapper } from '../shared/button-wrapper.js';
|
|
5
|
+
import { styles } from './menu-item.styles.js';
|
|
6
|
+
let UmMenuItem = class UmMenuItem extends UmButtonWrapper {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.#active = false;
|
|
10
|
+
/**
|
|
11
|
+
* Whether the menu item has leading icon or not
|
|
12
|
+
*
|
|
13
|
+
* _Note:_ Readonly
|
|
14
|
+
*/
|
|
15
|
+
this.hasLeadingIcon = false;
|
|
16
|
+
/**
|
|
17
|
+
* Whether the menu item has trailing icon or not
|
|
18
|
+
*
|
|
19
|
+
* _Note:_ Readonly
|
|
20
|
+
*/
|
|
21
|
+
this.hasTrailingIcon = false;
|
|
22
|
+
/**
|
|
23
|
+
* Whether the drawer item has badge or not
|
|
24
|
+
*
|
|
25
|
+
* _Note:_ Readonly
|
|
26
|
+
*/
|
|
27
|
+
this.hasBadge = false;
|
|
28
|
+
this.innerRole = 'menuitem';
|
|
29
|
+
this.#handleMouseEnter = () => this.dispatchEvent(new CustomEvent('menu-item-mouseenter', { bubbles: true }));
|
|
30
|
+
}
|
|
31
|
+
static { this.styles = [UmButtonWrapper.styles, styles]; }
|
|
32
|
+
#active;
|
|
33
|
+
/**
|
|
34
|
+
* Force show focus ring
|
|
35
|
+
*/
|
|
36
|
+
get active() {
|
|
37
|
+
return this.#active;
|
|
38
|
+
}
|
|
39
|
+
set active(active) {
|
|
40
|
+
this.#active = active;
|
|
41
|
+
if (active) {
|
|
42
|
+
this.classList.add('force-focus-ring');
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
this.classList.remove('force-focus-ring');
|
|
46
|
+
}
|
|
47
|
+
connectedCallback() {
|
|
48
|
+
super.connectedCallback();
|
|
49
|
+
this.role = 'presentation';
|
|
50
|
+
this.addEventListener('mouseenter', this.#handleMouseEnter);
|
|
51
|
+
}
|
|
52
|
+
disconnectedCallback() {
|
|
53
|
+
super.disconnectedCallback();
|
|
54
|
+
this.removeEventListener('mouseenter', this.#handleMouseEnter);
|
|
55
|
+
}
|
|
56
|
+
#handleMouseEnter;
|
|
57
|
+
renderContent() {
|
|
58
|
+
return html `
|
|
59
|
+
<div class="icon leading">
|
|
60
|
+
<slot name="leading-icon" aria-hidden="true" @slotchange="${this.#handleLeadingIconSlotChange}"></slot>
|
|
61
|
+
</div>
|
|
62
|
+
<span class="label" id="text">
|
|
63
|
+
<slot></slot>
|
|
64
|
+
</span>
|
|
65
|
+
<div class="icon trailing">
|
|
66
|
+
<slot name="trailing-icon" aria-hidden="true" @slotchange="${this.#handleTrailingIconSlotChange}">
|
|
67
|
+
<span>${this.renderDefaultTrailingIcon()}</span>
|
|
68
|
+
</slot>
|
|
69
|
+
</div>
|
|
70
|
+
`;
|
|
71
|
+
}
|
|
72
|
+
renderDefaultTrailingIcon() {
|
|
73
|
+
return nothing;
|
|
74
|
+
}
|
|
75
|
+
#handleLeadingIconSlotChange(e) {
|
|
76
|
+
this.hasLeadingIcon = e.target.assignedElements({ flatten: true }).length > 0;
|
|
77
|
+
}
|
|
78
|
+
#handleTrailingIconSlotChange(e) {
|
|
79
|
+
this.hasTrailingIcon = e.target.assignedElements({ flatten: true }).length > 0;
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
__decorate([
|
|
83
|
+
property({ type: Boolean, reflect: true })
|
|
84
|
+
], UmMenuItem.prototype, "active", null);
|
|
85
|
+
__decorate([
|
|
86
|
+
property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })
|
|
87
|
+
], UmMenuItem.prototype, "hasLeadingIcon", void 0);
|
|
88
|
+
__decorate([
|
|
89
|
+
property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })
|
|
90
|
+
], UmMenuItem.prototype, "hasTrailingIcon", void 0);
|
|
91
|
+
__decorate([
|
|
92
|
+
property({ type: Boolean, attribute: 'has-badge', reflect: true })
|
|
93
|
+
], UmMenuItem.prototype, "hasBadge", void 0);
|
|
94
|
+
UmMenuItem = __decorate([
|
|
95
|
+
customElement('u-menu-item')
|
|
96
|
+
], UmMenuItem);
|
|
97
|
+
export { UmMenuItem };
|
|
98
|
+
//# sourceMappingURL=menu-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../src/menu/menu-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,OAAO,EAAkB,MAAM,KAAK,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,eAAe;IAAxC;;QAGL,YAAO,GAAG,KAAK,CAAC;QAqBhB;;;;WAIG;QACwE,mBAAc,GAAG,KAAK,CAAC;QAElG;;;;WAIG;QACyE,oBAAe,GAAG,KAAK,CAAC;QAEpG;;;;WAIG;QACiE,aAAQ,GAAG,KAAK,CAAC;QAE5E,cAAS,GAAG,UAAU,CAAC;QAavB,sBAAiB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAa,sBAAsB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IA6BhI,CAAC;aAtFiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAE1D,OAAO,CAAS;IAEhB;;OAEG;IAEH,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAI,MAAM,CAAC,MAAe;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QAEtB,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YACvC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;IAC5C,CAAC;IAyBQ,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,cAAc,CAAC;QAC3B,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC9D,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACjE,CAAC;IAEQ,iBAAiB,CAAoG;IAE3G,aAAa;QAC9B,OAAO,IAAI,CAAA;;oEAEqD,IAAI,CAAC,4BAA4B;;;;;;qEAMhC,IAAI,CAAC,6BAA6B;kBACrF,IAAI,CAAC,yBAAyB,EAAE;;;KAG7C,CAAC;IACJ,CAAC;IAES,yBAAyB;QACjC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,4BAA4B,CAAC,CAAQ;QACnC,IAAI,CAAC,cAAc,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACrG,CAAC;IAED,6BAA6B,CAAC,CAAQ;QACpC,IAAI,CAAC,eAAe,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtG,CAAC;;AA7ED;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAG1C;AAkB0E;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAwB;AAOtB;IAA3E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAAyB;AAOhC;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AA3C1E,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAuFtB","sourcesContent":["import { html, HTMLTemplateResult, nothing, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './menu-item.styles.js';\n\n@customElement('u-menu-item')\nexport class UmMenuItem extends UmButtonWrapper {\n static override styles = [UmButtonWrapper.styles, styles];\n\n #active = false;\n\n /**\n * Force show focus ring\n */\n @property({ type: Boolean, reflect: true })\n get active(): boolean {\n return this.#active;\n }\n\n set active(active: boolean) {\n this.#active = active;\n\n if (active) {\n this.classList.add('force-focus-ring');\n return;\n }\n\n this.classList.remove('force-focus-ring');\n }\n\n /**\n * Whether the menu item has leading icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-leading-icon', reflect: true }) hasLeadingIcon = false;\n\n /**\n * Whether the menu item has trailing icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true }) hasTrailingIcon = false;\n\n /**\n * Whether the drawer item has badge or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-badge', reflect: true }) hasBadge = false;\n\n override innerRole = 'menuitem';\n\n override connectedCallback() {\n super.connectedCallback();\n this.role = 'presentation';\n this.addEventListener('mouseenter', this.#handleMouseEnter);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('mouseenter', this.#handleMouseEnter);\n }\n\n readonly #handleMouseEnter = () => this.dispatchEvent(new CustomEvent<UmMenuItem>('menu-item-mouseenter', { bubbles: true }));\n\n protected override renderContent(): HTMLTemplateResult {\n return html`\n <div class=\"icon leading\">\n <slot name=\"leading-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleLeadingIconSlotChange}\"></slot>\n </div>\n <span class=\"label\" id=\"text\">\n <slot></slot>\n </span>\n <div class=\"icon trailing\">\n <slot name=\"trailing-icon\" aria-hidden=\"true\" @slotchange=\"${this.#handleTrailingIconSlotChange}\">\n <span>${this.renderDefaultTrailingIcon()}</span>\n </slot>\n </div>\n `;\n }\n\n protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n return nothing;\n }\n\n #handleLeadingIconSlotChange(e: Event) {\n this.hasLeadingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n\n #handleTrailingIconSlotChange(e: Event) {\n this.hasTrailingIcon = (e.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-menu-item': UmMenuItem;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmDlB,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: block;
|
|
5
|
+
--_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);
|
|
6
|
+
--_menu-item-padding: var(--u-menu-item-padding, 12px);
|
|
7
|
+
--u-focus-ring-outline-offset: -4px;
|
|
8
|
+
height: var(--u-menu-item-height, 56px);
|
|
9
|
+
padding-inline: var(--_menu-item-padding);
|
|
10
|
+
color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));
|
|
11
|
+
font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));
|
|
12
|
+
line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));
|
|
13
|
+
font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));
|
|
14
|
+
letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));
|
|
15
|
+
font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host(:not([has-leading-icon])) .leading {
|
|
19
|
+
display: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:host(:not([has-trailing-icon])) .trailing:has(slot[name=trailing-icon] span:empty) {
|
|
23
|
+
display: none;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.icon {
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
width: var(--_menu-item-icon-size);
|
|
31
|
+
height: var(--_menu-item-icon-size);
|
|
32
|
+
font-size: var(--_menu-item-icon-size);
|
|
33
|
+
color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.content {
|
|
37
|
+
justify-content: flex-start;
|
|
38
|
+
gap: var(--u-menu-item-icon-margin, 12px);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:host(.force-focus-ring) .button,
|
|
42
|
+
.button:focus-visible {
|
|
43
|
+
border-radius: var(--u-spacing-small, 8px);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.label {
|
|
47
|
+
flex: 1;
|
|
48
|
+
max-width: 100%;
|
|
49
|
+
overflow: hidden;
|
|
50
|
+
white-space: nowrap;
|
|
51
|
+
text-overflow: ellipsis;
|
|
52
|
+
}
|
|
53
|
+
`;
|
|
54
|
+
//# sourceMappingURL=menu-item.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-item.styles.js","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n --_menu-item-icon-size: var(--u-menu-item-icon-size, 1.5rem);\n --_menu-item-padding: var(--u-menu-item-padding, 12px);\n --u-focus-ring-outline-offset: -4px;\n height: var(--u-menu-item-height, 56px);\n padding-inline: var(--_menu-item-padding);\n color: var(--u-menu-item-label-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-menu-item-label-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-menu-item-label-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-menu-item-label-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-menu-item-label-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n }\n\n :host(:not([has-leading-icon])) .leading {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .trailing:has(slot[name=trailing-icon] span:empty) {\n display: none;\n }\n\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--_menu-item-icon-size);\n height: var(--_menu-item-icon-size);\n font-size: var(--_menu-item-icon-size);\n color: var(--u-menu-item-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n .content {\n justify-content: flex-start;\n gap: var(--u-menu-item-icon-margin, 12px);\n }\n\n :host(.force-focus-ring) .button,\n .button:focus-visible {\n border-radius: var(--u-spacing-small, 8px);\n }\n\n .label {\n flex: 1;\n max-width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n`;\n"]}
|
package/menu/menu.d.ts
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
+
import '../elevation/elevation.js';
|
|
3
|
+
export declare class UmMenu extends LitElement {
|
|
4
|
+
#private;
|
|
5
|
+
static styles: import("lit").CSSResult[];
|
|
6
|
+
/**
|
|
7
|
+
* Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods
|
|
8
|
+
*/
|
|
9
|
+
get open(): boolean;
|
|
10
|
+
set open(open: boolean);
|
|
11
|
+
positioning: 'relative' | 'fixed';
|
|
12
|
+
manualFocus: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* The corner of the anchor which to align the menu in the standard logical
|
|
15
|
+
* property style of <block>-<inline> e.g. `'end-start'`.
|
|
16
|
+
*/
|
|
17
|
+
anchorCorner: 'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end';
|
|
18
|
+
/**
|
|
19
|
+
* The direction of the menu. e.g. `'down-end'`.
|
|
20
|
+
*
|
|
21
|
+
* NOTE: This value may not be respected by the menu positioning algorithm
|
|
22
|
+
* if the menu would render outside the viewport.
|
|
23
|
+
*/
|
|
24
|
+
direction: 'up-start' | 'up-end' | 'down-start' | 'down-end';
|
|
25
|
+
/**
|
|
26
|
+
* Don't limit the height of the menu
|
|
27
|
+
*/
|
|
28
|
+
allowOverflow: boolean;
|
|
29
|
+
menu: HTMLElement;
|
|
30
|
+
ref: HTMLElement;
|
|
31
|
+
get scrollContainer(): HTMLElement;
|
|
32
|
+
get anchorElement(): HTMLElement | null | undefined;
|
|
33
|
+
set anchorElement(anchorElement: HTMLElement | null | undefined);
|
|
34
|
+
protected render(): HTMLTemplateResult;
|
|
35
|
+
connectedCallback(): void;
|
|
36
|
+
toggle: () => void;
|
|
37
|
+
show(): void;
|
|
38
|
+
close: () => void;
|
|
39
|
+
private calcDropdownPositioning;
|
|
40
|
+
private getMenuPosition;
|
|
41
|
+
private getMenuSize;
|
|
42
|
+
}
|
|
43
|
+
declare global {
|
|
44
|
+
interface HTMLElementTagNameMap {
|
|
45
|
+
'u-menu': UmMenu;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAO3D,OAAO,2BAA2B,CAAC;AAiCnC,qBACa,MAAO,SAAQ,UAAU;;IACpC,OAAgB,MAAM,4BAAwB;IAK9C;;OAEG;IACH,IACI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAoCrB;IA6B4B,WAAW,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/C,WAAW,UAAS;IAEjD;;;OAGG;IAEH,YAAY,EAAE,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAe;IAE9G;;;;;OAKG;IAC0B,SAAS,EAAE,UAAU,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAc;IAEvG;;OAEG;IACsE,aAAa,UAAS;IAE/E,IAAI,EAAG,WAAW,CAAC;IACpB,GAAG,EAAG,WAAW,CAAC;IAEjC,IAAI,eAAe,IAAI,WAAW,CAEjC;IAWD,IAAI,aAAa,IAAI,WAAW,GAAG,IAAI,GAAG,SAAS,CAElD;IAED,IAAI,aAAa,CAAC,aAAa,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,EAE9D;cAEkB,MAAM,IAAI,kBAAkB;IActC,iBAAiB;IAO1B,MAAM,aAOJ;IAEF,IAAI,IAAI,IAAI;IAIZ,KAAK,aAEH;IAUF,OAAO,CAAC,uBAAuB;IA0I/B,OAAO,CAAC,eAAe;IAqDvB,OAAO,CAAC,WAAW;CAWpB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
|