@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"normalize-text.js","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAmB,EAAU,EAAE;IAC3D,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,OAAO,IAAI;SACR,SAAS,CAAC,KAAK,CAAC;SAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AACrC,CAAC,CAAC","sourcesContent":["export const normalizeText = (text: string | null): string => {\n if (!text) {\n return text ?? '';\n }\n\n return text\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '');\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=checkbox-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-base.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/checkbox-base.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/shared/selection-control/checkbox-base.ts"],"names":[],"mappings":";AAAA,+DAA+D;AAC/D,EAAE;AACF,oEAAoE;AACpE,0CAA0C;AAC1C,IAAI","sourcesContent":["// import { UmSelectionControl } from './selection-control.js';\n//\n// export abstract class UmCheckboxBase extends UmSelectionControl {\n// @property({ type: Boolean }) checked;\n// }\n"]}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { MixinBase, MixinReturn } from '../mixin.js';
|
|
2
|
+
import { UmSelectionControl } from './selection-control.js';
|
|
3
|
+
export declare const mixinSelectionControlListItem: <T extends MixinBase<UmSelectionControl>>(base: T) => MixinReturn<T>;
|
|
4
|
+
//# sourceMappingURL=selection-control-list-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,SAAS,CAAC,kBAAkB,CAAC,QAAQ,CAAC,KAAG,WAAW,CAAC,CAAC,CAoC7G,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { css, html } from 'lit';
|
|
3
|
+
import { property } from 'lit/decorators.js';
|
|
4
|
+
// @ts-ignore
|
|
5
|
+
export const mixinSelectionControlListItem = (base) => {
|
|
6
|
+
// @ts-ignore
|
|
7
|
+
class SelectionControlListItem extends base {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(...arguments);
|
|
10
|
+
this.leading = false;
|
|
11
|
+
this.inputDescribedById = 'description';
|
|
12
|
+
this.inputLabelledById = 'label';
|
|
13
|
+
}
|
|
14
|
+
static { this.styles = [
|
|
15
|
+
base.styles ?? [],
|
|
16
|
+
css `
|
|
17
|
+
:host {
|
|
18
|
+
--u-list-item-block-padding: 0;
|
|
19
|
+
display: block;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:host(:not([disabled])) {
|
|
23
|
+
cursor: pointer;
|
|
24
|
+
}
|
|
25
|
+
`,
|
|
26
|
+
]; }
|
|
27
|
+
render() {
|
|
28
|
+
return html `
|
|
29
|
+
<label>
|
|
30
|
+
<u-list-item ?selectable=${!this.disabled}>
|
|
31
|
+
<div slot="${this.leading ? 'leading' : 'trailing'}">${super.render()}</div>
|
|
32
|
+
<span id="label"><slot></slot></span>
|
|
33
|
+
<span id="description" slot="supporting-text"><slot name="supporting-text"></slot></span>
|
|
34
|
+
</u-list-item>
|
|
35
|
+
</label>
|
|
36
|
+
`;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
__decorate([
|
|
40
|
+
property({ type: Boolean })
|
|
41
|
+
], SelectionControlListItem.prototype, "leading", void 0);
|
|
42
|
+
return SelectionControlListItem;
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=selection-control-list-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QAApD;;YAe+B,YAAO,GAAG,KAAK,CAAC;YAE1B,uBAAkB,GAAG,aAAa,CAAC;YACnC,sBAAiB,GAAG,OAAO,CAAC;QAajD,CAAC;iBA9BQ,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;;;;;;;OASF;SACF,AAZY,CAYX;QAOO,MAAM;YACb,OAAO,IAAI,CAAA;;qCAEoB,CAAC,IAAI,CAAC,QAAQ;yBAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,MAAM,EAAE;;;;;OAK1E,CAAC;QACJ,CAAC;;IAf4B;QAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAiB;IAkB/C,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n // @ts-ignore\n abstract class SelectionControlListItem extends base {\n static styles = [\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ];\n\n @property({ type: Boolean }) leading = false;\n\n protected override inputDescribedById = 'description';\n protected override inputLabelledById = 'label';\n\n override render(): HTMLTemplateResult {\n return html`\n <label>\n <u-list-item ?selectable=${!this.disabled}>\n <div slot=\"${this.leading ? 'leading' : 'trailing'}\">${super.render()}</div>\n <span id=\"label\"><slot></slot></span>\n <span id=\"description\" slot=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>\n </u-list-item>\n </label>\n `;\n }\n }\n\n return SelectionControlListItem;\n};\n"]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { PropertyValues } from '@lit/reactive-element';
|
|
2
|
+
import { CSSResultGroup } from '@lit/reactive-element/css-tag';
|
|
3
|
+
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
4
|
+
import '../../ripple/ripple.js';
|
|
5
|
+
export declare const isActivationClick: (event: Event) => boolean;
|
|
6
|
+
export declare abstract class UmSelectionControl extends LitElement {
|
|
7
|
+
#private;
|
|
8
|
+
static styles: CSSResultGroup;
|
|
9
|
+
static readonly formAssociated = true;
|
|
10
|
+
static shadowRootOptions: ShadowRootInit;
|
|
11
|
+
protected readonly elementInternals: ElementInternals;
|
|
12
|
+
name: string | undefined;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
input: HTMLInputElement;
|
|
15
|
+
get form(): HTMLFormElement | null;
|
|
16
|
+
focus(options?: FocusOptions): void;
|
|
17
|
+
protected inputType: 'checkbox' | 'radio';
|
|
18
|
+
protected renderRipple: boolean;
|
|
19
|
+
protected inputDescribedById: string | undefined;
|
|
20
|
+
protected inputLabelledById: string | undefined;
|
|
21
|
+
protected abstract renderIndicator(): HTMLTemplateResult;
|
|
22
|
+
/**
|
|
23
|
+
* The element value to use in form submission when checked.
|
|
24
|
+
*/
|
|
25
|
+
value: string;
|
|
26
|
+
get checked(): boolean;
|
|
27
|
+
set checked(checked: boolean);
|
|
28
|
+
private readonly _checkedAttribute;
|
|
29
|
+
protected constructor();
|
|
30
|
+
firstUpdated(changedProperties: PropertyValues): void;
|
|
31
|
+
connectedCallback(): void;
|
|
32
|
+
disconnectedCallback(): void;
|
|
33
|
+
protected render(): HTMLTemplateResult;
|
|
34
|
+
protected _handleClick(e: Event): void;
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=selection-control.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,iBAAiB,UAAW,KAAK,YAmB7C,CAAC;AA2BF,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IACf,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAMrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAC9B,SAAS,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7D,SAAS,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB,IACI,OAAO,IAIU,OAAO,CAF3B;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAE9F,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;IAuC/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;CAKhC"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, LitElement, nothing } from 'lit';
|
|
3
|
+
import { property, query } from 'lit/decorators.js';
|
|
4
|
+
import { styles as baseStyles } from '../base.styles.js';
|
|
5
|
+
import { redispatchEvent } from '../events/redispatch-event.js';
|
|
6
|
+
import { styles } from './selection-control.styles.js';
|
|
7
|
+
import '../../ripple/ripple.js';
|
|
8
|
+
export const isActivationClick = (event) => {
|
|
9
|
+
// Event must start at the event target.
|
|
10
|
+
if (event.currentTarget !== event.target) {
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
// Event must not be retargeted from shadowRoot.
|
|
14
|
+
if (event.composedPath()[0] !== event.target) {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
// Target must not be disabled; this should only occur for a synthetically
|
|
18
|
+
// dispatched click.
|
|
19
|
+
if (event.target.disabled) {
|
|
20
|
+
return false;
|
|
21
|
+
}
|
|
22
|
+
// This is an activation if the event should not be squelched.
|
|
23
|
+
return !squelchEvent(event);
|
|
24
|
+
};
|
|
25
|
+
// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)
|
|
26
|
+
// Remove when Firefox bug is addressed.
|
|
27
|
+
const squelchEvent = (event) => {
|
|
28
|
+
const squelched = isSquelchingEvents;
|
|
29
|
+
if (squelched) {
|
|
30
|
+
event.preventDefault();
|
|
31
|
+
event.stopImmediatePropagation();
|
|
32
|
+
}
|
|
33
|
+
squelchEventsForMicrotask();
|
|
34
|
+
return squelched;
|
|
35
|
+
};
|
|
36
|
+
// Ignore events for one microtask only.
|
|
37
|
+
let isSquelchingEvents = false;
|
|
38
|
+
const squelchEventsForMicrotask = async () => {
|
|
39
|
+
isSquelchingEvents = true;
|
|
40
|
+
// Need to pause for just one microtask.
|
|
41
|
+
/* eslint-disable @typescript-eslint/await-thenable */
|
|
42
|
+
await null;
|
|
43
|
+
isSquelchingEvents = false;
|
|
44
|
+
};
|
|
45
|
+
export class UmSelectionControl extends LitElement {
|
|
46
|
+
static { this.styles = [baseStyles, styles]; }
|
|
47
|
+
static { this.formAssociated = true; }
|
|
48
|
+
static { this.shadowRootOptions = {
|
|
49
|
+
...LitElement.shadowRootOptions,
|
|
50
|
+
delegatesFocus: true,
|
|
51
|
+
}; }
|
|
52
|
+
get form() {
|
|
53
|
+
return this.elementInternals.form;
|
|
54
|
+
}
|
|
55
|
+
focus(options) {
|
|
56
|
+
this.input.focus(options);
|
|
57
|
+
}
|
|
58
|
+
#checked;
|
|
59
|
+
get checked() {
|
|
60
|
+
return this.input ? this.input.checked : this.#checked;
|
|
61
|
+
}
|
|
62
|
+
set checked(checked) {
|
|
63
|
+
this.#checked = checked;
|
|
64
|
+
if (this.input) {
|
|
65
|
+
this.input.checked = checked;
|
|
66
|
+
}
|
|
67
|
+
this.elementInternals.setFormValue(checked ? this.value : null);
|
|
68
|
+
}
|
|
69
|
+
constructor() {
|
|
70
|
+
super();
|
|
71
|
+
this.name = '';
|
|
72
|
+
this.disabled = false;
|
|
73
|
+
this.#checked = false;
|
|
74
|
+
this.inputType = 'checkbox';
|
|
75
|
+
this.renderRipple = true;
|
|
76
|
+
this.inputDescribedById = undefined;
|
|
77
|
+
this.inputLabelledById = undefined;
|
|
78
|
+
/**
|
|
79
|
+
* The element value to use in form submission when checked.
|
|
80
|
+
*/
|
|
81
|
+
this.value = 'on';
|
|
82
|
+
this._checkedAttribute = false;
|
|
83
|
+
this.elementInternals = this.attachInternals();
|
|
84
|
+
}
|
|
85
|
+
firstUpdated(changedProperties) {
|
|
86
|
+
super.firstUpdated(changedProperties);
|
|
87
|
+
this.input.checked = this.#checked;
|
|
88
|
+
}
|
|
89
|
+
connectedCallback() {
|
|
90
|
+
super.connectedCallback();
|
|
91
|
+
this.addEventListener('click', this._handleClick);
|
|
92
|
+
}
|
|
93
|
+
disconnectedCallback() {
|
|
94
|
+
super.disconnectedCallback();
|
|
95
|
+
this.removeEventListener('click', this._handleClick);
|
|
96
|
+
}
|
|
97
|
+
render() {
|
|
98
|
+
const ripple = html `
|
|
99
|
+
<u-ripple ?disabled=${this.disabled} @click=${this.#handleRippleClick}></u-ripple>
|
|
100
|
+
`;
|
|
101
|
+
return html `
|
|
102
|
+
<div class="container">
|
|
103
|
+
${this.renderRipple ? ripple : nothing}
|
|
104
|
+
<input
|
|
105
|
+
id="input"
|
|
106
|
+
type=${this.inputType}
|
|
107
|
+
class="focus-ring"
|
|
108
|
+
.checked=${this._checkedAttribute}
|
|
109
|
+
.disabled=${this.disabled}
|
|
110
|
+
aria-labelledby="${this.inputLabelledById || nothing}"
|
|
111
|
+
aria-describedby="${this.inputDescribedById || nothing}"
|
|
112
|
+
@input=${this.#handleInput}
|
|
113
|
+
@change=${this.#handleChange} />
|
|
114
|
+
<div class="indicator-container">${this.renderIndicator()}</div>
|
|
115
|
+
</div>
|
|
116
|
+
`;
|
|
117
|
+
}
|
|
118
|
+
#handleInput(event) {
|
|
119
|
+
const target = event.target;
|
|
120
|
+
this.checked = target.checked;
|
|
121
|
+
// <input> 'input' event bubbles and is composed, don't re-dispatch it.
|
|
122
|
+
}
|
|
123
|
+
#handleChange(event) {
|
|
124
|
+
// <input> 'change' event is not composed, re-dispatch it.
|
|
125
|
+
redispatchEvent(this, event);
|
|
126
|
+
}
|
|
127
|
+
#handleRippleClick(e) {
|
|
128
|
+
e.preventDefault();
|
|
129
|
+
this.input.click();
|
|
130
|
+
}
|
|
131
|
+
_handleClick(e) {
|
|
132
|
+
if (isActivationClick(e)) {
|
|
133
|
+
this.input.click();
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
__decorate([
|
|
138
|
+
property({ reflect: true })
|
|
139
|
+
], UmSelectionControl.prototype, "name", void 0);
|
|
140
|
+
__decorate([
|
|
141
|
+
property({ type: Boolean, reflect: true })
|
|
142
|
+
], UmSelectionControl.prototype, "disabled", void 0);
|
|
143
|
+
__decorate([
|
|
144
|
+
query('input')
|
|
145
|
+
], UmSelectionControl.prototype, "input", void 0);
|
|
146
|
+
__decorate([
|
|
147
|
+
property()
|
|
148
|
+
], UmSelectionControl.prototype, "value", void 0);
|
|
149
|
+
__decorate([
|
|
150
|
+
property({ type: Boolean })
|
|
151
|
+
], UmSelectionControl.prototype, "checked", null);
|
|
152
|
+
__decorate([
|
|
153
|
+
property({ type: Boolean, attribute: 'checked' })
|
|
154
|
+
], UmSelectionControl.prototype, "_checkedAttribute", void 0);
|
|
155
|
+
//# sourceMappingURL=selection-control.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../base.styles.js';\nimport { redispatchEvent } from '../events/redispatch-event.js';\nimport { styles } from './selection-control.styles.js';\n\nimport '../../ripple/ripple.js';\n\nexport const isActivationClick = (event: Event) => {\n // Event must start at the event target.\n if (event.currentTarget !== event.target) {\n return false;\n }\n\n // Event must not be retargeted from shadowRoot.\n if (event.composedPath()[0] !== event.target) {\n return false;\n }\n\n // Target must not be disabled; this should only occur for a synthetically\n // dispatched click.\n if ((event.target as EventTarget & { disabled: boolean }).disabled) {\n return false;\n }\n\n // This is an activation if the event should not be squelched.\n return !squelchEvent(event);\n};\n\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n// Remove when Firefox bug is addressed.\nconst squelchEvent = (event: Event) => {\n const squelched = isSquelchingEvents;\n\n if (squelched) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n\n squelchEventsForMicrotask();\n return squelched;\n};\n\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\n\nconst squelchEventsForMicrotask = async () => {\n isSquelchingEvents = true;\n // Need to pause for just one microtask.\n /* eslint-disable @typescript-eslint/await-thenable */\n await null;\n isSquelchingEvents = false;\n};\n\nexport abstract class UmSelectionControl extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n static readonly formAssociated = true;\n\n static override shadowRootOptions: ShadowRootInit = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n protected readonly elementInternals: ElementInternals;\n\n @property({ reflect: true }) name: string | undefined = '';\n @property({ type: Boolean, reflect: true }) disabled = false;\n @query('input') input!: HTMLInputElement;\n\n get form(): HTMLFormElement | null {\n return this.elementInternals.form;\n }\n\n override focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n #checked = false;\n\n protected inputType: 'checkbox' | 'radio' = 'checkbox';\n protected renderRipple = true;\n protected inputDescribedById: string | undefined = undefined;\n protected inputLabelledById: string | undefined = undefined;\n\n protected abstract renderIndicator(): HTMLTemplateResult;\n\n /**\n * The element value to use in form submission when checked.\n */\n @property() value = 'on';\n\n @property({ type: Boolean })\n get checked() {\n return this.input ? this.input.checked : this.#checked;\n }\n\n set checked(checked: boolean) {\n this.#checked = checked;\n\n if (this.input) {\n this.input.checked = checked;\n }\n\n this.elementInternals.setFormValue(checked ? this.value : null);\n }\n\n @property({ type: Boolean, attribute: 'checked' }) private readonly _checkedAttribute = false;\n\n protected constructor() {\n super();\n this.elementInternals = this.attachInternals();\n }\n\n override firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n\n this.input.checked = this.#checked;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener('click', this._handleClick);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this._handleClick);\n }\n\n protected override render(): HTMLTemplateResult {\n const ripple = html`\n <u-ripple ?disabled=${this.disabled} @click=${this.#handleRippleClick}></u-ripple>\n `;\n\n return html`\n <div class=\"container\">\n ${this.renderRipple ? ripple : nothing}\n <input\n id=\"input\"\n type=${this.inputType}\n class=\"focus-ring\"\n .checked=${this._checkedAttribute}\n .disabled=${this.disabled}\n aria-labelledby=\"${this.inputLabelledById || nothing}\"\n aria-describedby=\"${this.inputDescribedById || nothing}\"\n @input=${this.#handleInput}\n @change=${this.#handleChange} />\n <div class=\"indicator-container\">${this.renderIndicator()}</div>\n </div>\n `;\n }\n\n #handleInput(event: Event) {\n const target = event.target as HTMLInputElement;\n this.checked = target.checked;\n // <input> 'input' event bubbles and is composed, don't re-dispatch it.\n }\n\n #handleChange(event: Event) {\n // <input> 'change' event is not composed, re-dispatch it.\n redispatchEvent(this, event);\n }\n\n #handleRippleClick(e: Event) {\n e.preventDefault();\n this.input.click();\n }\n\n protected _handleClick(e: Event) {\n if (isActivationClick(e)) {\n this.input.click();\n }\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control.styles.d.ts","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgElB,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
--_state-layer-padding: var(--u--state-layer-padding, 4px);
|
|
5
|
+
--_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);
|
|
6
|
+
--_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));
|
|
7
|
+
display: inline-block;
|
|
8
|
+
vertical-align: middle;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.container {
|
|
12
|
+
cursor: pointer;
|
|
13
|
+
position: relative;
|
|
14
|
+
width: var(--_width);
|
|
15
|
+
height: var(--_height);
|
|
16
|
+
padding: var(--_state-layer-padding);
|
|
17
|
+
border-radius: var(--u-shape-corner-full, 9999px);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
:host([hide-state-layer]) .container {
|
|
21
|
+
width: var(--_indicator-size);
|
|
22
|
+
height: var(--_indicator-size);
|
|
23
|
+
padding: 0;
|
|
24
|
+
}
|
|
25
|
+
:host([hide-state-layer]) u-ripple {
|
|
26
|
+
display: none;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
input {
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
width: 100%;
|
|
32
|
+
height: 100%;
|
|
33
|
+
padding: 0;
|
|
34
|
+
margin: 0;
|
|
35
|
+
border-radius: inherit;
|
|
36
|
+
appearance: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
u-ripple {
|
|
40
|
+
padding: var(--_state-layer-padding);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.indicator-container {
|
|
44
|
+
position: absolute;
|
|
45
|
+
display: flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: center;
|
|
48
|
+
inset: 0;
|
|
49
|
+
pointer-events: none;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
input:checked ~ .indicator-container {
|
|
53
|
+
--_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
:host([disabled]) {
|
|
57
|
+
opacity: var(--u--disabled-state-opacity, 0.38);
|
|
58
|
+
}
|
|
59
|
+
:host([disabled]) input,
|
|
60
|
+
:host([disabled]) .container {
|
|
61
|
+
cursor: default;
|
|
62
|
+
}
|
|
63
|
+
:host([disabled]) .indicator-container {
|
|
64
|
+
--_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));
|
|
65
|
+
}
|
|
66
|
+
`;
|
|
67
|
+
//# sourceMappingURL=selection-control.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control.styles.js","sourceRoot":"","sources":["../../../src/shared/selection-control/selection-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_state-layer-padding: var(--u--state-layer-padding, 4px);\n --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n display: inline-block;\n vertical-align: middle;\n }\n\n .container {\n cursor: pointer;\n position: relative;\n width: var(--_width);\n height: var(--_height);\n padding: var(--_state-layer-padding);\n border-radius: var(--u-shape-corner-full, 9999px);\n }\n\n :host([hide-state-layer]) .container {\n width: var(--_indicator-size);\n height: var(--_indicator-size);\n padding: 0;\n }\n :host([hide-state-layer]) u-ripple {\n display: none;\n }\n\n input {\n cursor: pointer;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n border-radius: inherit;\n appearance: none;\n }\n\n u-ripple {\n padding: var(--_state-layer-padding);\n }\n\n .indicator-container {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n inset: 0;\n pointer-events: none;\n }\n\n input:checked ~ .indicator-container {\n --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n :host([disabled]) {\n opacity: var(--u--disabled-state-opacity, 0.38);\n }\n :host([disabled]) input,\n :host([disabled]) .container {\n cursor: default;\n }\n :host([disabled]) .indicator-container {\n --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n`;\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { CSSResultGroup } from '@lit/reactive-element/css-tag';
|
|
2
|
+
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
3
|
+
export declare abstract class UmSetBase extends LitElement {
|
|
4
|
+
static styles: CSSResultGroup;
|
|
5
|
+
/**
|
|
6
|
+
* Set the alignment of the set at the `start`, `center` or at the `end`.
|
|
7
|
+
*/
|
|
8
|
+
alignment: 'start' | 'center' | 'end';
|
|
9
|
+
render(): HTMLTemplateResult;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=set-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-base.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,8BAAsB,SAAU,SAAQ,UAAU;IAEhD,OAAgB,MAAM,EAAE,cAAc,CAAY;IAElD;;OAEG;IAC0B,SAAS,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAW;IAEpE,MAAM,IAAI,kBAAkB;CAItC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, LitElement } from 'lit';
|
|
3
|
+
import { property } from 'lit/decorators.js';
|
|
4
|
+
import { styles } from './set-base.styles.js';
|
|
5
|
+
export class UmSetBase extends LitElement {
|
|
6
|
+
constructor() {
|
|
7
|
+
super(...arguments);
|
|
8
|
+
/**
|
|
9
|
+
* Set the alignment of the set at the `start`, `center` or at the `end`.
|
|
10
|
+
*/
|
|
11
|
+
this.alignment = 'start';
|
|
12
|
+
}
|
|
13
|
+
static { this.styles = [styles]; }
|
|
14
|
+
render() {
|
|
15
|
+
return html `
|
|
16
|
+
<slot></slot>`;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
__decorate([
|
|
20
|
+
property({ reflect: true })
|
|
21
|
+
], UmSetBase.prototype, "alignment", void 0);
|
|
22
|
+
//# sourceMappingURL=set-base.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-base.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,OAAgB,SAAU,SAAQ,UAAU;IAAlD;;QAIE;;WAEG;QAC0B,cAAS,GAA+B,OAAO,CAAC;IAM/E,CAAC;aAXiB,WAAM,GAAmB,CAAC,MAAM,CAAC,AAA3B,CAA4B;IAOzC,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,CAAC;IACnB,CAAC;;AAL4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAiD","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './set-base.styles.js';\n\nexport abstract class UmSetBase extends LitElement {\n\n static override styles: CSSResultGroup = [styles];\n\n /**\n * Set the alignment of the set at the `start`, `center` or at the `end`.\n */\n @property({ reflect: true }) alignment: 'start' | 'center' | 'end' = 'start';\n\n override render(): HTMLTemplateResult {\n return html`\n <slot></slot>`;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-base.styles.d.ts","sourceRoot":"","sources":["../../../src/shared/sets/set-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmBlB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const styles = css `
|
|
3
|
+
:host {
|
|
4
|
+
display: flex;
|
|
5
|
+
gap: 8px;
|
|
6
|
+
align-items: center;
|
|
7
|
+
flex-wrap: nowrap;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host([alignment=start]) {
|
|
11
|
+
justify-content: flex-start;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host([alignment=center]) {
|
|
15
|
+
justify-content: center;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host([alignment=end]) {
|
|
19
|
+
justify-content: flex-end;
|
|
20
|
+
}
|
|
21
|
+
`;
|
|
22
|
+
//# sourceMappingURL=set-base.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"set-base.styles.js","sourceRoot":"","sources":["../../../src/shared/sets/set-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: flex;\n gap: 8px;\n align-items: center;\n flex-wrap: nowrap;\n }\n\n :host([alignment=start]) {\n justify-content: flex-start;\n }\n\n :host([alignment=center]) {\n justify-content: center;\n }\n\n :host([alignment=end]) {\n justify-content: flex-end;\n }\n`;\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CSSResultGroup } from '@lit/reactive-element/css-tag';
|
|
2
|
+
import { UmFieldBase } from '../../field/field-base.js';
|
|
3
|
+
export declare abstract class UmTextFieldBase extends UmFieldBase {
|
|
4
|
+
static readonly formAssociated = true;
|
|
5
|
+
static styles: CSSResultGroup;
|
|
6
|
+
static shadowRootOptions: ShadowRootInit;
|
|
7
|
+
/**
|
|
8
|
+
* Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.
|
|
9
|
+
*/
|
|
10
|
+
empty: boolean;
|
|
11
|
+
placeholder: string;
|
|
12
|
+
get form(): HTMLFormElement | null;
|
|
13
|
+
protected readonly elementInternals: ElementInternals;
|
|
14
|
+
constructor();
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=text-field-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-base.d.ts","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAK/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,8BAAsB,eAAgB,SAAQ,WAAW;IACvD,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,MAAM,EAAE,cAAc,CAAgC;IAEtE,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF;;OAEG;IACM,KAAK,UAAQ;IAEO,WAAW,SAAM;IAE9C,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;;CAMvD"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { LitElement } from 'lit';
|
|
3
|
+
import { property } from 'lit/decorators.js';
|
|
4
|
+
import { UmFieldBase } from '../../field/field-base.js';
|
|
5
|
+
import { styles } from './text-field-base.styles.js';
|
|
6
|
+
export class UmTextFieldBase extends UmFieldBase {
|
|
7
|
+
static { this.formAssociated = true; }
|
|
8
|
+
static { this.styles = [UmFieldBase.styles, styles]; }
|
|
9
|
+
static { this.shadowRootOptions = {
|
|
10
|
+
...LitElement.shadowRootOptions,
|
|
11
|
+
delegatesFocus: true,
|
|
12
|
+
}; }
|
|
13
|
+
get form() {
|
|
14
|
+
return this.elementInternals.form;
|
|
15
|
+
}
|
|
16
|
+
constructor() {
|
|
17
|
+
super();
|
|
18
|
+
/**
|
|
19
|
+
* Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.
|
|
20
|
+
*/
|
|
21
|
+
this.empty = true;
|
|
22
|
+
this.placeholder = '';
|
|
23
|
+
this.elementInternals = this.attachInternals();
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
__decorate([
|
|
27
|
+
property({ reflect: true })
|
|
28
|
+
], UmTextFieldBase.prototype, "placeholder", void 0);
|
|
29
|
+
//# sourceMappingURL=text-field-base.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-base.js","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,MAAM,OAAgB,eAAgB,SAAQ,WAAW;aACvC,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEtB,WAAM,GAAmB,CAAC,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,AAA/C,CAAgD;aAEtD,sBAAiB,GAAmB;QAClD,GAAG,UAAU,CAAC,iBAAiB;QAC/B,cAAc,EAAE,IAAI;KACrB,AAHgC,CAG/B;IASF,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;IACpC,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAdV;;WAEG;QACM,UAAK,GAAG,IAAI,CAAC;QAEO,gBAAW,GAAG,EAAE,CAAC;QAU5C,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;IACjD,CAAC;;AAX4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAkB","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { UmFieldBase } from '../../field/field-base.js';\nimport { styles } from './text-field-base.styles.js';\n\nexport abstract class UmTextFieldBase extends UmFieldBase {\n static readonly formAssociated = true;\n\n static override styles: CSSResultGroup = [UmFieldBase.styles, styles];\n\n static override shadowRootOptions: ShadowRootInit = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n /**\n * Whether the field is empty or not. This changes the behavior of the floating label when the field is not focused.\n */\n override empty = true;\n\n @property({ reflect: true }) placeholder = '';\n\n get form(): HTMLFormElement | null {\n return this.elementInternals.form;\n }\n\n protected readonly elementInternals: ElementInternals;\n\n constructor() {\n super();\n this.elementInternals = this.attachInternals();\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-base.styles.d.ts","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAQlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-base.styles.js","sourceRoot":"","sources":["../../../src/shared/text-field-base/text-field-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;CAQzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .container {\n cursor: text;\n }\n\n :host([disabled]) .container {\n cursor: default;\n }\n`;\n"]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
+
import '../button/button.js';
|
|
3
|
+
import '../button/icon-button.js';
|
|
4
|
+
export interface SnackbarConfig {
|
|
5
|
+
label: string;
|
|
6
|
+
duration?: SnackbarDuration;
|
|
7
|
+
buttonLabel?: string;
|
|
8
|
+
showClose?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare enum SnackbarDuration {
|
|
11
|
+
short = 2500,
|
|
12
|
+
long = 5000,
|
|
13
|
+
infinite = -1
|
|
14
|
+
}
|
|
15
|
+
export declare class UmSnackbar extends LitElement {
|
|
16
|
+
static styles: import("lit").CSSResult[];
|
|
17
|
+
label: string;
|
|
18
|
+
buttonLabel: string;
|
|
19
|
+
showClose: boolean;
|
|
20
|
+
dismissed: boolean;
|
|
21
|
+
private duration;
|
|
22
|
+
private readonly snackbar;
|
|
23
|
+
render(): HTMLTemplateResult;
|
|
24
|
+
private renderButton;
|
|
25
|
+
private renderCloseButton;
|
|
26
|
+
dismiss(): void;
|
|
27
|
+
private static _queue;
|
|
28
|
+
private static _consuming;
|
|
29
|
+
static show(label: string): UmSnackbar;
|
|
30
|
+
static show(config: SnackbarConfig): UmSnackbar;
|
|
31
|
+
private static consumeQueue;
|
|
32
|
+
private static showNext;
|
|
33
|
+
private static createSnackbar;
|
|
34
|
+
}
|
|
35
|
+
declare global {
|
|
36
|
+
interface HTMLElementTagNameMap {
|
|
37
|
+
'u-snackbar': UmSnackbar;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=snackbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,gBAAgB;IAC1B,KAAK,OAAO;IACZ,IAAI,OAAO;IACX,QAAQ,KAAK;CACd;AAED,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAAwB;IAEjB,KAAK,SAAM;IACX,WAAW,SAAM;IAE9C,SAAS,UAAS;IAC0B,SAAS,UAAS;IAE9D,OAAO,CAAC,QAAQ,CAA6B;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAe;IAEnD,MAAM,IAAI,kBAAkB;IAWrC,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,iBAAiB;IAkBzB,OAAO,IAAI,IAAI;IAiBf,OAAO,CAAC,MAAM,CAAC,MAAM,CAAoB;IACzC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAU;IAEnC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU;IACtC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,cAAc,GAAG,UAAU;IAoB/C,OAAO,CAAC,MAAM,CAAC,YAAY;IAO3B,OAAO,CAAC,MAAM,CAAC,QAAQ;IAmBvB,OAAO,CAAC,MAAM,CAAC,cAAc;CAS9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,UAAU,CAAC;KAC1B;CACF"}
|