@universal-material/web 3.6.20 → 3.6.21
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/LICENSE +28 -0
- package/dist/README.md +32 -0
- package/dist/esm/app-bar/top-app-bar.d.ts.map +1 -0
- package/dist/esm/app-bar/top-app-bar.js.map +1 -0
- package/dist/esm/app-bar/top-app-bar.styles.d.ts.map +1 -0
- package/dist/esm/app-bar/top-app-bar.styles.js.map +1 -0
- package/dist/esm/badge/badge.d.ts.map +1 -0
- package/dist/esm/badge/badge.js.map +1 -0
- package/dist/esm/badge/badge.styles.d.ts.map +1 -0
- package/dist/esm/badge/badge.styles.js.map +1 -0
- package/dist/esm/button/button-base.d.ts.map +1 -0
- package/dist/esm/button/button-base.js.map +1 -0
- package/dist/esm/button/button-base.styles.d.ts.map +1 -0
- package/dist/esm/button/button-base.styles.js.map +1 -0
- package/dist/esm/button/button-set.d.ts.map +1 -0
- package/dist/esm/button/button-set.js.map +1 -0
- package/dist/esm/button/button-set.styles.d.ts.map +1 -0
- package/dist/esm/button/button-set.styles.js.map +1 -0
- package/dist/esm/button/button.d.ts.map +1 -0
- package/dist/esm/button/button.js.map +1 -0
- package/dist/esm/button/button.styles.d.ts.map +1 -0
- package/dist/esm/button/button.styles.js.map +1 -0
- package/dist/esm/button/fab-menu-color-context.d.ts.map +1 -0
- package/dist/esm/button/fab-menu-color-context.js.map +1 -0
- package/dist/esm/button/fab-menu-item.d.ts.map +1 -0
- package/dist/esm/button/fab-menu-item.js.map +1 -0
- package/dist/esm/button/fab-menu-item.styles.d.ts.map +1 -0
- package/dist/esm/button/fab-menu-item.styles.js.map +1 -0
- package/dist/esm/button/fab-menu-open-context.d.ts.map +1 -0
- package/dist/esm/button/fab-menu-open-context.js.map +1 -0
- package/dist/esm/button/fab-menu.d.ts.map +1 -0
- package/dist/esm/button/fab-menu.js.map +1 -0
- package/dist/esm/button/fab-menu.styles.d.ts.map +1 -0
- package/dist/esm/button/fab-menu.styles.js.map +1 -0
- package/dist/esm/button/fab.d.ts.map +1 -0
- package/dist/esm/button/fab.js.map +1 -0
- package/dist/esm/button/fab.styles.d.ts.map +1 -0
- package/dist/esm/button/fab.styles.js.map +1 -0
- package/dist/esm/button/icon-button.d.ts.map +1 -0
- package/dist/esm/button/icon-button.js.map +1 -0
- package/dist/esm/button/icon-button.styles.d.ts.map +1 -0
- package/dist/esm/button/icon-button.styles.js.map +1 -0
- package/dist/esm/button/toggle-button.d.ts.map +1 -0
- package/dist/esm/button/toggle-button.js.map +1 -0
- package/dist/esm/button/toggle-button.styles.d.ts.map +1 -0
- package/dist/esm/button/toggle-button.styles.js.map +1 -0
- package/dist/esm/button-field/button-field.d.ts.map +1 -0
- package/dist/esm/button-field/button-field.js.map +1 -0
- package/dist/esm/button-field/button-field.styles.d.ts.map +1 -0
- package/dist/esm/button-field/button-field.styles.js.map +1 -0
- package/dist/esm/calendar/calendar-adapter.d.ts.map +1 -0
- package/dist/esm/calendar/calendar-adapter.js.map +1 -0
- package/dist/esm/calendar/calendar-base.d.ts.map +1 -0
- package/dist/esm/calendar/calendar-base.js.map +1 -0
- package/dist/esm/calendar/calendar-base.styles.d.ts.map +1 -0
- package/dist/esm/calendar/calendar-base.styles.js.map +1 -0
- package/dist/esm/calendar/calendar.d.ts.map +1 -0
- package/dist/esm/calendar/calendar.js.map +1 -0
- package/dist/esm/calendar/calendar.styles.d.ts.map +1 -0
- package/dist/esm/calendar/calendar.styles.js.map +1 -0
- package/dist/esm/calendar/default-calendar-adapter.d.ts.map +1 -0
- package/dist/esm/calendar/default-calendar-adapter.js.map +1 -0
- package/dist/esm/calendar/range-calendar.d.ts.map +1 -0
- package/dist/esm/calendar/range-calendar.js.map +1 -0
- package/dist/esm/calendar/range-calendar.styles.d.ts.map +1 -0
- package/dist/esm/calendar/range-calendar.styles.js.map +1 -0
- package/dist/esm/card/card-content.d.ts.map +1 -0
- package/dist/esm/card/card-content.js.map +1 -0
- package/dist/esm/card/card-content.styles.d.ts.map +1 -0
- package/dist/esm/card/card-content.styles.js.map +1 -0
- package/dist/esm/card/card-media.d.ts.map +1 -0
- package/dist/esm/card/card-media.js.map +1 -0
- package/dist/esm/card/card-media.styles.d.ts.map +1 -0
- package/dist/esm/card/card-media.styles.js.map +1 -0
- package/dist/esm/card/card.d.ts.map +1 -0
- package/dist/esm/card/card.js.map +1 -0
- package/dist/esm/card/card.styles.d.ts.map +1 -0
- package/dist/esm/card/card.styles.js.map +1 -0
- package/dist/esm/checkbox/checkbox-list-item.d.ts.map +1 -0
- package/dist/esm/checkbox/checkbox-list-item.js.map +1 -0
- package/dist/esm/checkbox/checkbox.d.ts.map +1 -0
- package/dist/esm/checkbox/checkbox.js.map +1 -0
- package/dist/esm/checkbox/checkbox.styles.d.ts.map +1 -0
- package/dist/esm/checkbox/checkbox.styles.js.map +1 -0
- package/dist/esm/chip/chip-set.d.ts.map +1 -0
- package/dist/esm/chip/chip-set.js.map +1 -0
- package/dist/esm/chip/chip-set.styles.d.ts.map +1 -0
- package/dist/esm/chip/chip-set.styles.js.map +1 -0
- package/dist/esm/chip/chip.d.ts.map +1 -0
- package/dist/esm/chip/chip.js.map +1 -0
- package/dist/esm/chip/chip.styles.d.ts.map +1 -0
- package/dist/esm/chip/chip.styles.js.map +1 -0
- package/dist/esm/chip-field/chip-field.d.ts.map +1 -0
- package/dist/esm/chip-field/chip-field.js.map +1 -0
- package/dist/esm/chip-field/chip-field.styles.d.ts.map +1 -0
- package/dist/esm/chip-field/chip-field.styles.js.map +1 -0
- package/dist/esm/config.d.ts.map +1 -0
- package/dist/esm/config.js.map +1 -0
- package/dist/esm/datepicker/datepicker.d.ts.map +1 -0
- package/dist/esm/datepicker/datepicker.js.map +1 -0
- package/dist/esm/datepicker/datepicker.styles.d.ts.map +1 -0
- package/dist/esm/datepicker/datepicker.styles.js.map +1 -0
- package/dist/esm/dialog/confirm-dialog-builder.d.ts.map +1 -0
- package/dist/esm/dialog/confirm-dialog-builder.js.map +1 -0
- package/dist/esm/dialog/dialog-builder.d.ts.map +1 -0
- package/dist/esm/dialog/dialog-builder.js.map +1 -0
- package/dist/esm/dialog/dialog-button-def.d.ts.map +1 -0
- package/dist/esm/dialog/dialog-button-def.js.map +1 -0
- package/dist/esm/dialog/dialog.d.ts.map +1 -0
- package/dist/esm/dialog/dialog.js.map +1 -0
- package/dist/esm/dialog/dialog.styles.d.ts.map +1 -0
- package/dist/esm/dialog/dialog.styles.js.map +1 -0
- package/dist/esm/dialog/message-dialog-builder.d.ts.map +1 -0
- package/dist/esm/dialog/message-dialog-builder.js.map +1 -0
- package/dist/esm/elevation/elevation.d.ts.map +1 -0
- package/dist/esm/elevation/elevation.js.map +1 -0
- package/dist/esm/elevation/elevation.styles.d.ts.map +1 -0
- package/dist/esm/elevation/elevation.styles.js.map +1 -0
- package/dist/esm/field/field-base.d.ts.map +1 -0
- package/dist/esm/field/field-base.js.map +1 -0
- package/dist/esm/field/field-base.styles.d.ts.map +1 -0
- package/dist/esm/field/field-base.styles.js.map +1 -0
- package/dist/esm/field/field-defaults-context.d.ts.map +1 -0
- package/dist/esm/field/field-defaults-context.js.map +1 -0
- package/dist/esm/field/field-defaults.d.ts.map +1 -0
- package/dist/esm/field/field-defaults.js.map +1 -0
- package/dist/esm/field/field-variant.d.ts.map +1 -0
- package/dist/esm/field/field-variant.js.map +1 -0
- package/dist/esm/field/field.d.ts.map +1 -0
- package/dist/esm/field/field.js.map +1 -0
- package/dist/esm/icon/icon.d.ts.map +1 -0
- package/dist/esm/icon/icon.js.map +1 -0
- package/dist/esm/icon/icon.styles.d.ts.map +1 -0
- package/dist/esm/icon/icon.styles.js.map +1 -0
- package/dist/esm/index.d.ts.map +1 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/list/list-item.d.ts.map +1 -0
- package/dist/esm/list/list-item.js.map +1 -0
- package/dist/esm/list/list-item.styles.d.ts.map +1 -0
- package/dist/esm/list/list-item.styles.js.map +1 -0
- package/dist/esm/list/list.d.ts.map +1 -0
- package/dist/esm/list/list.js.map +1 -0
- package/dist/esm/list/list.styles.d.ts.map +1 -0
- package/dist/esm/list/list.styles.js.map +1 -0
- package/dist/esm/menu/menu-item.d.ts.map +1 -0
- package/dist/esm/menu/menu-item.js.map +1 -0
- package/dist/esm/menu/menu-item.styles.d.ts.map +1 -0
- package/dist/esm/menu/menu-item.styles.js.map +1 -0
- package/dist/esm/menu/menu.d.ts.map +1 -0
- package/dist/esm/menu/menu.js.map +1 -0
- package/dist/esm/menu/menu.styles.d.ts.map +1 -0
- package/dist/esm/menu/menu.styles.js.map +1 -0
- package/dist/esm/navigation/drawer-headline.d.ts.map +1 -0
- package/dist/esm/navigation/drawer-headline.js.map +1 -0
- package/dist/esm/navigation/drawer-headline.styles.d.ts.map +1 -0
- package/dist/esm/navigation/drawer-headline.styles.js.map +1 -0
- package/dist/esm/navigation/drawer-item.d.ts.map +1 -0
- package/dist/esm/navigation/drawer-item.js.map +1 -0
- package/dist/esm/navigation/drawer-item.styles.d.ts.map +1 -0
- package/dist/esm/navigation/drawer-item.styles.js.map +1 -0
- package/dist/esm/navigation/drawer.d.ts.map +1 -0
- package/dist/esm/navigation/drawer.js.map +1 -0
- package/dist/esm/navigation/drawer.styles.d.ts.map +1 -0
- package/dist/esm/navigation/drawer.styles.js.map +1 -0
- package/dist/esm/navigation/side-navigation-swiper.styles.d.ts.map +1 -0
- package/dist/esm/navigation/side-navigation-swiper.styles.js.map +1 -0
- package/dist/esm/navigation/side-navigation.d.ts.map +1 -0
- package/dist/esm/navigation/side-navigation.js.map +1 -0
- package/dist/esm/navigation/side-navigation.styles.d.ts.map +1 -0
- package/dist/esm/navigation/side-navigation.styles.js.map +1 -0
- package/dist/esm/overflow-menu/overflow-menu-item.d.ts.map +1 -0
- package/dist/esm/overflow-menu/overflow-menu-item.js.map +1 -0
- package/dist/esm/overflow-menu/overflow-menu.d.ts.map +1 -0
- package/dist/esm/overflow-menu/overflow-menu.js.map +1 -0
- package/dist/esm/overflow-menu/overflow-menu.styles.d.ts.map +1 -0
- package/dist/esm/overflow-menu/overflow-menu.styles.js.map +1 -0
- package/dist/esm/progress/circular-progress.d.ts.map +1 -0
- package/dist/esm/progress/circular-progress.js.map +1 -0
- package/dist/esm/progress/circular-progress.styles.d.ts.map +1 -0
- package/dist/esm/progress/circular-progress.styles.js.map +1 -0
- package/dist/esm/progress/progress-bar.d.ts.map +1 -0
- package/dist/esm/progress/progress-bar.js.map +1 -0
- package/dist/esm/progress/progress-bar.styles.d.ts.map +1 -0
- package/dist/esm/progress/progress-bar.styles.js.map +1 -0
- package/dist/esm/radio/radio-list-item.d.ts.map +1 -0
- package/dist/esm/radio/radio-list-item.js.map +1 -0
- package/dist/esm/radio/radio.d.ts.map +1 -0
- package/dist/esm/radio/radio.js.map +1 -0
- package/dist/esm/radio/radio.styles.d.ts.map +1 -0
- package/dist/esm/radio/radio.styles.js.map +1 -0
- package/dist/esm/ripple/ripple.d.ts.map +1 -0
- package/dist/esm/ripple/ripple.js.map +1 -0
- package/dist/esm/ripple/ripple.styles.d.ts.map +1 -0
- package/dist/esm/ripple/ripple.styles.js.map +1 -0
- package/dist/esm/search/search.d.ts.map +1 -0
- package/dist/esm/search/search.js.map +1 -0
- package/dist/esm/search/search.styles.d.ts.map +1 -0
- package/dist/esm/search/search.styles.js.map +1 -0
- package/dist/esm/select/option.d.ts.map +1 -0
- package/dist/esm/select/option.js.map +1 -0
- package/dist/esm/select/option.styles.d.ts.map +1 -0
- package/dist/esm/select/option.styles.js.map +1 -0
- package/dist/esm/select/select-navigation-controller.d.ts.map +1 -0
- package/dist/esm/select/select-navigation-controller.js.map +1 -0
- package/dist/esm/select/select.d.ts.map +1 -0
- package/dist/esm/select/select.js.map +1 -0
- package/dist/esm/select/select.styles.d.ts.map +1 -0
- package/dist/esm/select/select.styles.js.map +1 -0
- package/dist/esm/shared/base.styles.d.ts.map +1 -0
- package/dist/esm/shared/base.styles.js.map +1 -0
- package/dist/esm/shared/button-wrapper.d.ts.map +1 -0
- package/dist/esm/shared/button-wrapper.js.map +1 -0
- package/dist/esm/shared/button-wrapper.styles.d.ts.map +1 -0
- package/dist/esm/shared/button-wrapper.styles.js.map +1 -0
- package/dist/esm/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +1 -0
- package/dist/esm/shared/char-count-text-field/native-text-field-wrapper.js.map +1 -0
- package/dist/esm/shared/compare-text.d.ts.map +1 -0
- package/dist/esm/shared/compare-text.js.map +1 -0
- package/dist/esm/shared/events/dispatch-event.d.ts.map +1 -0
- package/dist/esm/shared/events/dispatch-event.js.map +1 -0
- package/dist/esm/shared/events/redispatch-event.d.ts.map +1 -0
- package/dist/esm/shared/events/redispatch-event.js.map +1 -0
- package/dist/esm/shared/extract-template-html.d.ts.map +1 -0
- package/dist/esm/shared/extract-template-html.js.map +1 -0
- package/dist/esm/shared/menu-field/menu-field-navigation-controller.d.ts.map +1 -0
- package/dist/esm/shared/menu-field/menu-field-navigation-controller.js.map +1 -0
- package/dist/esm/shared/menu-field/menu-field.d.ts.map +1 -0
- package/dist/esm/shared/menu-field/menu-field.js.map +1 -0
- package/dist/esm/shared/mixin-attribute-properties.d.ts.map +1 -0
- package/dist/esm/shared/mixin-attribute-properties.js.map +1 -0
- package/dist/esm/shared/mixin.d.ts.map +1 -0
- package/dist/esm/shared/mixin.js.map +1 -0
- package/dist/esm/shared/normalize-text.d.ts.map +1 -0
- package/dist/esm/shared/normalize-text.js.map +1 -0
- package/dist/esm/shared/selection-control/selection-control-list-item.d.ts.map +1 -0
- package/dist/esm/shared/selection-control/selection-control-list-item.js.map +1 -0
- package/dist/esm/shared/selection-control/selection-control.d.ts.map +1 -0
- package/dist/esm/shared/selection-control/selection-control.js.map +1 -0
- package/dist/esm/shared/selection-control/selection-control.styles.d.ts.map +1 -0
- package/dist/esm/shared/selection-control/selection-control.styles.js.map +1 -0
- package/dist/esm/shared/sets/set-base.d.ts.map +1 -0
- package/dist/esm/shared/sets/set-base.js.map +1 -0
- package/dist/esm/shared/sets/set-base.styles.d.ts.map +1 -0
- package/dist/esm/shared/sets/set-base.styles.js.map +1 -0
- package/dist/esm/shared/text-field-base/text-field-base.d.ts.map +1 -0
- package/dist/esm/shared/text-field-base/text-field-base.js.map +1 -0
- package/dist/esm/shared/text-field-base/text-field-base.styles.d.ts.map +1 -0
- package/dist/esm/shared/text-field-base/text-field-base.styles.js.map +1 -0
- package/dist/esm/snackbar/snackbar.d.ts.map +1 -0
- package/dist/esm/snackbar/snackbar.js.map +1 -0
- package/dist/esm/snackbar/snackbar.styles.d.ts.map +1 -0
- package/dist/esm/snackbar/snackbar.styles.js.map +1 -0
- package/dist/esm/switch/switch-list-item.d.ts.map +1 -0
- package/dist/esm/switch/switch-list-item.js.map +1 -0
- package/dist/esm/switch/switch.d.ts.map +1 -0
- package/dist/esm/switch/switch.js.map +1 -0
- package/dist/esm/switch/switch.styles.d.ts.map +1 -0
- package/dist/esm/switch/switch.styles.js.map +1 -0
- package/dist/esm/tab-bar/tab-bar.d.ts.map +1 -0
- package/dist/esm/tab-bar/tab-bar.js.map +1 -0
- package/dist/esm/tab-bar/tab-bar.styles.d.ts.map +1 -0
- package/dist/esm/tab-bar/tab-bar.styles.js.map +1 -0
- package/dist/esm/tab-bar/tab.d.ts.map +1 -0
- package/dist/esm/tab-bar/tab.js.map +1 -0
- package/dist/esm/tab-bar/tab.styles.d.ts.map +1 -0
- package/dist/esm/tab-bar/tab.styles.js.map +1 -0
- package/dist/esm/text-area/text-area.d.ts.map +1 -0
- package/dist/esm/text-area/text-area.js.map +1 -0
- package/dist/esm/text-area/text-area.styles.d.ts.map +1 -0
- package/dist/esm/text-area/text-area.styles.js.map +1 -0
- package/dist/esm/text-field/text-field.d.ts.map +1 -0
- package/dist/esm/text-field/text-field.js.map +1 -0
- package/dist/esm/text-field/text-field.styles.d.ts.map +1 -0
- package/dist/esm/text-field/text-field.styles.js.map +1 -0
- package/dist/esm/theme/color.d.ts.map +1 -0
- package/dist/esm/theme/color.js.map +1 -0
- package/dist/esm/theme/css-var-builder.d.ts.map +1 -0
- package/dist/esm/theme/css-var-builder.js.map +1 -0
- package/dist/esm/theme/index.d.ts.map +1 -0
- package/dist/esm/theme/index.js.map +1 -0
- package/dist/esm/theme/neutral-colors.d.ts.map +1 -0
- package/dist/esm/theme/neutral-colors.js.map +1 -0
- package/dist/esm/theme/theme-builder.d.ts.map +1 -0
- package/dist/esm/theme/theme-builder.js.map +1 -0
- package/dist/esm/theme/theme-color.d.ts.map +1 -0
- package/dist/esm/theme/theme-color.js.map +1 -0
- package/dist/esm/typeahead/highlight.d.ts.map +1 -0
- package/dist/esm/typeahead/highlight.js.map +1 -0
- package/dist/esm/typeahead/highlight.styles.d.ts.map +1 -0
- package/dist/esm/typeahead/highlight.styles.js.map +1 -0
- package/dist/esm/typeahead/typeahead-template-render.d.ts.map +1 -0
- package/dist/esm/typeahead/typeahead-template-render.js.map +1 -0
- package/dist/esm/typeahead/typeahead.d.ts.map +1 -0
- package/dist/esm/typeahead/typeahead.js.map +1 -0
- package/dist/esm/typeahead/typeahead.styles.d.ts.map +1 -0
- package/dist/esm/typeahead/typeahead.styles.js.map +1 -0
- package/dist/index.js +4546 -0
- package/dist/package.json +127 -0
- package/package.json +17 -5
- package/app-bar/top-app-bar.d.ts.map +0 -1
- package/app-bar/top-app-bar.js.map +0 -1
- package/app-bar/top-app-bar.styles.d.ts.map +0 -1
- package/app-bar/top-app-bar.styles.js.map +0 -1
- package/badge/badge.d.ts.map +0 -1
- package/badge/badge.js.map +0 -1
- package/badge/badge.styles.d.ts.map +0 -1
- package/badge/badge.styles.js.map +0 -1
- package/button/button-base.d.ts.map +0 -1
- package/button/button-base.js.map +0 -1
- package/button/button-base.styles.d.ts.map +0 -1
- package/button/button-base.styles.js.map +0 -1
- package/button/button-set.d.ts.map +0 -1
- package/button/button-set.js.map +0 -1
- package/button/button-set.styles.d.ts.map +0 -1
- package/button/button-set.styles.js.map +0 -1
- package/button/button.d.ts.map +0 -1
- package/button/button.js.map +0 -1
- package/button/button.styles.d.ts.map +0 -1
- package/button/button.styles.js.map +0 -1
- package/button/fab-menu-color-context.d.ts.map +0 -1
- package/button/fab-menu-color-context.js.map +0 -1
- package/button/fab-menu-item.d.ts.map +0 -1
- package/button/fab-menu-item.js.map +0 -1
- package/button/fab-menu-item.styles.d.ts.map +0 -1
- package/button/fab-menu-item.styles.js.map +0 -1
- package/button/fab-menu-open-context.d.ts.map +0 -1
- package/button/fab-menu-open-context.js.map +0 -1
- package/button/fab-menu.d.ts.map +0 -1
- package/button/fab-menu.js.map +0 -1
- package/button/fab-menu.styles.d.ts.map +0 -1
- package/button/fab-menu.styles.js.map +0 -1
- package/button/fab.d.ts.map +0 -1
- package/button/fab.js.map +0 -1
- package/button/fab.styles.d.ts.map +0 -1
- package/button/fab.styles.js.map +0 -1
- package/button/icon-button.d.ts.map +0 -1
- package/button/icon-button.js.map +0 -1
- package/button/icon-button.styles.d.ts.map +0 -1
- package/button/icon-button.styles.js.map +0 -1
- package/button/toggle-button.d.ts.map +0 -1
- package/button/toggle-button.js.map +0 -1
- package/button/toggle-button.styles.d.ts.map +0 -1
- package/button/toggle-button.styles.js.map +0 -1
- package/button-field/button-field.d.ts.map +0 -1
- package/button-field/button-field.js.map +0 -1
- package/button-field/button-field.styles.d.ts.map +0 -1
- package/button-field/button-field.styles.js.map +0 -1
- package/calendar/calendar-adapter.d.ts.map +0 -1
- package/calendar/calendar-adapter.js.map +0 -1
- package/calendar/calendar-base.d.ts.map +0 -1
- package/calendar/calendar-base.js.map +0 -1
- package/calendar/calendar-base.styles.d.ts.map +0 -1
- package/calendar/calendar-base.styles.js.map +0 -1
- package/calendar/calendar.d.ts.map +0 -1
- package/calendar/calendar.js.map +0 -1
- package/calendar/calendar.styles.d.ts.map +0 -1
- package/calendar/calendar.styles.js.map +0 -1
- package/calendar/default-calendar-adapter.d.ts.map +0 -1
- package/calendar/default-calendar-adapter.js.map +0 -1
- package/calendar/range-calendar.d.ts.map +0 -1
- package/calendar/range-calendar.js.map +0 -1
- package/calendar/range-calendar.styles.d.ts.map +0 -1
- package/calendar/range-calendar.styles.js.map +0 -1
- package/card/card-content.d.ts.map +0 -1
- package/card/card-content.js.map +0 -1
- package/card/card-content.styles.d.ts.map +0 -1
- package/card/card-content.styles.js.map +0 -1
- package/card/card-media.d.ts.map +0 -1
- package/card/card-media.js.map +0 -1
- package/card/card-media.styles.d.ts.map +0 -1
- package/card/card-media.styles.js.map +0 -1
- package/card/card.d.ts.map +0 -1
- package/card/card.js.map +0 -1
- package/card/card.styles.d.ts.map +0 -1
- package/card/card.styles.js.map +0 -1
- package/checkbox/checkbox-list-item.d.ts.map +0 -1
- package/checkbox/checkbox-list-item.js.map +0 -1
- package/checkbox/checkbox.d.ts.map +0 -1
- package/checkbox/checkbox.js.map +0 -1
- package/checkbox/checkbox.styles.d.ts.map +0 -1
- package/checkbox/checkbox.styles.js.map +0 -1
- package/chip/chip-set.d.ts.map +0 -1
- package/chip/chip-set.js.map +0 -1
- package/chip/chip-set.styles.d.ts.map +0 -1
- package/chip/chip-set.styles.js.map +0 -1
- package/chip/chip.d.ts.map +0 -1
- package/chip/chip.js.map +0 -1
- package/chip/chip.styles.d.ts.map +0 -1
- package/chip/chip.styles.js.map +0 -1
- package/chip-field/chip-field.d.ts.map +0 -1
- package/chip-field/chip-field.js.map +0 -1
- package/chip-field/chip-field.styles.d.ts.map +0 -1
- package/chip-field/chip-field.styles.js.map +0 -1
- package/config.d.ts.map +0 -1
- package/css/universal-material.css +0 -4109
- package/css/universal-material.min.css +0 -4109
- package/custom-elements.json +0 -25060
- package/datepicker/datepicker.d.ts.map +0 -1
- package/datepicker/datepicker.js.map +0 -1
- package/datepicker/datepicker.styles.d.ts.map +0 -1
- package/datepicker/datepicker.styles.js.map +0 -1
- package/dialog/confirm-dialog-builder.d.ts.map +0 -1
- package/dialog/confirm-dialog-builder.js.map +0 -1
- package/dialog/dialog-builder.d.ts.map +0 -1
- package/dialog/dialog-builder.js.map +0 -1
- package/dialog/dialog-button-def.d.ts.map +0 -1
- package/dialog/dialog-button-def.js.map +0 -1
- package/dialog/dialog.d.ts.map +0 -1
- package/dialog/dialog.js.map +0 -1
- package/dialog/dialog.styles.d.ts.map +0 -1
- package/dialog/dialog.styles.js.map +0 -1
- package/dialog/message-dialog-builder.d.ts.map +0 -1
- package/dialog/message-dialog-builder.js.map +0 -1
- package/elevation/elevation.d.ts.map +0 -1
- package/elevation/elevation.js.map +0 -1
- package/elevation/elevation.styles.d.ts.map +0 -1
- package/elevation/elevation.styles.js.map +0 -1
- package/field/field-base.d.ts.map +0 -1
- package/field/field-base.js.map +0 -1
- package/field/field-base.styles.d.ts.map +0 -1
- package/field/field-base.styles.js.map +0 -1
- package/field/field-defaults-context.d.ts.map +0 -1
- package/field/field-defaults-context.js.map +0 -1
- package/field/field-defaults.d.ts.map +0 -1
- package/field/field-defaults.js.map +0 -1
- package/field/field-variant.d.ts.map +0 -1
- package/field/field-variant.js.map +0 -1
- package/field/field.d.ts.map +0 -1
- package/field/field.js.map +0 -1
- package/icon/icon.d.ts.map +0 -1
- package/icon/icon.js.map +0 -1
- package/icon/icon.styles.d.ts.map +0 -1
- package/icon/icon.styles.js.map +0 -1
- package/index.d.ts.map +0 -1
- package/list/list-item.d.ts.map +0 -1
- package/list/list-item.js.map +0 -1
- package/list/list-item.styles.d.ts.map +0 -1
- package/list/list-item.styles.js.map +0 -1
- package/list/list.d.ts.map +0 -1
- package/list/list.js.map +0 -1
- package/list/list.styles.d.ts.map +0 -1
- package/list/list.styles.js.map +0 -1
- package/menu/menu-item.d.ts.map +0 -1
- package/menu/menu-item.js.map +0 -1
- package/menu/menu-item.styles.d.ts.map +0 -1
- package/menu/menu-item.styles.js.map +0 -1
- package/menu/menu.d.ts.map +0 -1
- package/menu/menu.js.map +0 -1
- package/menu/menu.styles.d.ts.map +0 -1
- package/menu/menu.styles.js.map +0 -1
- package/navigation/drawer-headline.d.ts.map +0 -1
- package/navigation/drawer-headline.js.map +0 -1
- package/navigation/drawer-headline.styles.d.ts.map +0 -1
- package/navigation/drawer-headline.styles.js.map +0 -1
- package/navigation/drawer-item.d.ts.map +0 -1
- package/navigation/drawer-item.js.map +0 -1
- package/navigation/drawer-item.styles.d.ts.map +0 -1
- package/navigation/drawer-item.styles.js.map +0 -1
- package/navigation/drawer.d.ts.map +0 -1
- package/navigation/drawer.js.map +0 -1
- package/navigation/drawer.styles.d.ts.map +0 -1
- package/navigation/drawer.styles.js.map +0 -1
- package/navigation/side-navigation-swiper.styles.d.ts.map +0 -1
- package/navigation/side-navigation-swiper.styles.js.map +0 -1
- package/navigation/side-navigation.d.ts.map +0 -1
- package/navigation/side-navigation.js.map +0 -1
- package/navigation/side-navigation.styles.d.ts.map +0 -1
- package/navigation/side-navigation.styles.js.map +0 -1
- package/overflow-menu/overflow-menu-item.d.ts.map +0 -1
- package/overflow-menu/overflow-menu-item.js.map +0 -1
- package/overflow-menu/overflow-menu.d.ts.map +0 -1
- package/overflow-menu/overflow-menu.js.map +0 -1
- package/overflow-menu/overflow-menu.styles.d.ts.map +0 -1
- package/overflow-menu/overflow-menu.styles.js.map +0 -1
- package/progress/circular-progress.d.ts.map +0 -1
- package/progress/circular-progress.js.map +0 -1
- package/progress/circular-progress.styles.d.ts.map +0 -1
- package/progress/circular-progress.styles.js.map +0 -1
- package/progress/progress-bar.d.ts.map +0 -1
- package/progress/progress-bar.js.map +0 -1
- package/progress/progress-bar.styles.d.ts.map +0 -1
- package/progress/progress-bar.styles.js.map +0 -1
- package/radio/radio-list-item.d.ts.map +0 -1
- package/radio/radio-list-item.js.map +0 -1
- package/radio/radio.d.ts.map +0 -1
- package/radio/radio.js.map +0 -1
- package/radio/radio.styles.d.ts.map +0 -1
- package/radio/radio.styles.js.map +0 -1
- package/ripple/ripple.d.ts.map +0 -1
- package/ripple/ripple.js.map +0 -1
- package/ripple/ripple.styles.d.ts.map +0 -1
- package/ripple/ripple.styles.js.map +0 -1
- package/scss/_api.scss +0 -2
- package/scss/_colors.scss +0 -2
- package/scss/_css-vars.scss +0 -53
- package/scss/_functions.scss +0 -29
- package/scss/_global.scss +0 -27
- package/scss/_layout.scss +0 -5
- package/scss/_mixins.scss +0 -3
- package/scss/_reboot.scss +0 -498
- package/scss/_utilities.scss +0 -4
- package/scss/_variables.scss +0 -139
- package/scss/colors/_text-bg.scss +0 -38
- package/scss/colors/_text.scss +0 -52
- package/scss/functions/_font.scss +0 -29
- package/scss/layout/_container.scss +0 -14
- package/scss/layout/_grid.scss +0 -12
- package/scss/layout/_margin-and-gutters.scss +0 -37
- package/scss/mixins/_breakpoints.scss +0 -71
- package/scss/mixins/_colors.scss +0 -5
- package/scss/mixins/_text-bg.scss +0 -34
- package/scss/mixins/_typo.scss +0 -43
- package/scss/table/_table.scss +0 -48
- package/scss/typo/_font.scss +0 -5
- package/scss/typo/_typo.scss +0 -19
- package/scss/typo/_variables.scss +0 -19
- package/scss/universal-material.scss +0 -16
- package/scss/utilities/_divider.scss +0 -13
- package/scss/utilities/_scheme.scss +0 -9
- package/scss/utilities/_spacing.scss +0 -23
- package/scss/utilities/_text.scss +0 -54
- package/search/search.d.ts.map +0 -1
- package/search/search.js.map +0 -1
- package/search/search.styles.d.ts.map +0 -1
- package/search/search.styles.js.map +0 -1
- package/select/option.d.ts.map +0 -1
- package/select/option.js.map +0 -1
- package/select/option.styles.d.ts.map +0 -1
- package/select/option.styles.js.map +0 -1
- package/select/select-navigation-controller.d.ts.map +0 -1
- package/select/select-navigation-controller.js.map +0 -1
- package/select/select.d.ts.map +0 -1
- package/select/select.js.map +0 -1
- package/select/select.styles.d.ts.map +0 -1
- package/select/select.styles.js.map +0 -1
- package/shared/base.styles.d.ts.map +0 -1
- package/shared/base.styles.js.map +0 -1
- package/shared/button-wrapper.d.ts.map +0 -1
- package/shared/button-wrapper.js.map +0 -1
- package/shared/button-wrapper.styles.d.ts.map +0 -1
- package/shared/button-wrapper.styles.js.map +0 -1
- package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +0 -1
- package/shared/char-count-text-field/native-text-field-wrapper.js.map +0 -1
- package/shared/compare-text.d.ts.map +0 -1
- package/shared/compare-text.js.map +0 -1
- package/shared/events/dispatch-event.d.ts.map +0 -1
- package/shared/events/dispatch-event.js.map +0 -1
- package/shared/events/redispatch-event.d.ts.map +0 -1
- package/shared/events/redispatch-event.js.map +0 -1
- package/shared/extract-template-html.d.ts.map +0 -1
- package/shared/extract-template-html.js.map +0 -1
- package/shared/menu-field/menu-field-navigation-controller.d.ts.map +0 -1
- package/shared/menu-field/menu-field-navigation-controller.js.map +0 -1
- package/shared/menu-field/menu-field.d.ts.map +0 -1
- package/shared/menu-field/menu-field.js.map +0 -1
- package/shared/mixin-attribute-properties.d.ts.map +0 -1
- package/shared/mixin-attribute-properties.js.map +0 -1
- package/shared/mixin.d.ts.map +0 -1
- package/shared/mixin.js.map +0 -1
- package/shared/normalize-text.d.ts.map +0 -1
- package/shared/normalize-text.js.map +0 -1
- package/shared/selection-control/selection-control-list-item.d.ts.map +0 -1
- package/shared/selection-control/selection-control-list-item.js.map +0 -1
- package/shared/selection-control/selection-control.d.ts.map +0 -1
- package/shared/selection-control/selection-control.js.map +0 -1
- package/shared/selection-control/selection-control.styles.d.ts.map +0 -1
- package/shared/selection-control/selection-control.styles.js.map +0 -1
- package/shared/sets/set-base.d.ts.map +0 -1
- package/shared/sets/set-base.js.map +0 -1
- package/shared/sets/set-base.styles.d.ts.map +0 -1
- package/shared/sets/set-base.styles.js.map +0 -1
- package/shared/text-field-base/text-field-base.d.ts.map +0 -1
- package/shared/text-field-base/text-field-base.js.map +0 -1
- package/shared/text-field-base/text-field-base.styles.d.ts.map +0 -1
- package/shared/text-field-base/text-field-base.styles.js.map +0 -1
- package/snackbar/snackbar.d.ts.map +0 -1
- package/snackbar/snackbar.js.map +0 -1
- package/snackbar/snackbar.styles.d.ts.map +0 -1
- package/snackbar/snackbar.styles.js.map +0 -1
- package/switch/switch-list-item.d.ts.map +0 -1
- package/switch/switch-list-item.js.map +0 -1
- package/switch/switch.d.ts.map +0 -1
- package/switch/switch.js.map +0 -1
- package/switch/switch.styles.d.ts.map +0 -1
- package/switch/switch.styles.js.map +0 -1
- package/tab-bar/tab-bar.d.ts.map +0 -1
- package/tab-bar/tab-bar.js.map +0 -1
- package/tab-bar/tab-bar.styles.d.ts.map +0 -1
- package/tab-bar/tab-bar.styles.js.map +0 -1
- package/tab-bar/tab.d.ts.map +0 -1
- package/tab-bar/tab.js.map +0 -1
- package/tab-bar/tab.styles.d.ts.map +0 -1
- package/tab-bar/tab.styles.js.map +0 -1
- package/text-area/text-area.d.ts.map +0 -1
- package/text-area/text-area.js.map +0 -1
- package/text-area/text-area.styles.d.ts.map +0 -1
- package/text-area/text-area.styles.js.map +0 -1
- package/text-field/text-field.d.ts.map +0 -1
- package/text-field/text-field.js.map +0 -1
- package/text-field/text-field.styles.d.ts.map +0 -1
- package/text-field/text-field.styles.js.map +0 -1
- package/theme/color.d.ts.map +0 -1
- package/theme/color.js.map +0 -1
- package/theme/css-var-builder.d.ts.map +0 -1
- package/theme/css-var-builder.js.map +0 -1
- package/theme/index.d.ts.map +0 -1
- package/theme/index.js.map +0 -1
- package/theme/neutral-colors.d.ts.map +0 -1
- package/theme/neutral-colors.js.map +0 -1
- package/theme/theme-builder.d.ts.map +0 -1
- package/theme/theme-builder.js.map +0 -1
- package/theme/theme-color.d.ts.map +0 -1
- package/theme/theme-color.js.map +0 -1
- package/typeahead/highlight.d.ts.map +0 -1
- package/typeahead/highlight.js.map +0 -1
- package/typeahead/highlight.styles.d.ts.map +0 -1
- package/typeahead/highlight.styles.js.map +0 -1
- package/typeahead/typeahead-template-render.d.ts.map +0 -1
- package/typeahead/typeahead-template-render.js.map +0 -1
- package/typeahead/typeahead.d.ts.map +0 -1
- package/typeahead/typeahead.js.map +0 -1
- package/typeahead/typeahead.styles.d.ts.map +0 -1
- package/typeahead/typeahead.styles.js.map +0 -1
- /package/{config.js.map → dist/config.js.map} +0 -0
- /package/{app-bar → dist/esm/app-bar}/top-app-bar.d.ts +0 -0
- /package/{app-bar → dist/esm/app-bar}/top-app-bar.js +0 -0
- /package/{app-bar → dist/esm/app-bar}/top-app-bar.styles.d.ts +0 -0
- /package/{app-bar → dist/esm/app-bar}/top-app-bar.styles.js +0 -0
- /package/{badge → dist/esm/badge}/badge.d.ts +0 -0
- /package/{badge → dist/esm/badge}/badge.js +0 -0
- /package/{badge → dist/esm/badge}/badge.styles.d.ts +0 -0
- /package/{badge → dist/esm/badge}/badge.styles.js +0 -0
- /package/{button → dist/esm/button}/button-base.d.ts +0 -0
- /package/{button → dist/esm/button}/button-base.js +0 -0
- /package/{button → dist/esm/button}/button-base.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/button-base.styles.js +0 -0
- /package/{button → dist/esm/button}/button-set.d.ts +0 -0
- /package/{button → dist/esm/button}/button-set.js +0 -0
- /package/{button → dist/esm/button}/button-set.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/button-set.styles.js +0 -0
- /package/{button → dist/esm/button}/button.d.ts +0 -0
- /package/{button → dist/esm/button}/button.js +0 -0
- /package/{button → dist/esm/button}/button.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/button.styles.js +0 -0
- /package/{button → dist/esm/button}/fab-menu-color-context.d.ts +0 -0
- /package/{button → dist/esm/button}/fab-menu-color-context.js +0 -0
- /package/{button → dist/esm/button}/fab-menu-item.d.ts +0 -0
- /package/{button → dist/esm/button}/fab-menu-item.js +0 -0
- /package/{button → dist/esm/button}/fab-menu-item.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/fab-menu-item.styles.js +0 -0
- /package/{button → dist/esm/button}/fab-menu-open-context.d.ts +0 -0
- /package/{button → dist/esm/button}/fab-menu-open-context.js +0 -0
- /package/{button → dist/esm/button}/fab-menu.d.ts +0 -0
- /package/{button → dist/esm/button}/fab-menu.js +0 -0
- /package/{button → dist/esm/button}/fab-menu.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/fab-menu.styles.js +0 -0
- /package/{button → dist/esm/button}/fab.d.ts +0 -0
- /package/{button → dist/esm/button}/fab.js +0 -0
- /package/{button → dist/esm/button}/fab.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/fab.styles.js +0 -0
- /package/{button → dist/esm/button}/icon-button.d.ts +0 -0
- /package/{button → dist/esm/button}/icon-button.js +0 -0
- /package/{button → dist/esm/button}/icon-button.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/icon-button.styles.js +0 -0
- /package/{button → dist/esm/button}/toggle-button.d.ts +0 -0
- /package/{button → dist/esm/button}/toggle-button.js +0 -0
- /package/{button → dist/esm/button}/toggle-button.styles.d.ts +0 -0
- /package/{button → dist/esm/button}/toggle-button.styles.js +0 -0
- /package/{button-field → dist/esm/button-field}/button-field.d.ts +0 -0
- /package/{button-field → dist/esm/button-field}/button-field.js +0 -0
- /package/{button-field → dist/esm/button-field}/button-field.styles.d.ts +0 -0
- /package/{button-field → dist/esm/button-field}/button-field.styles.js +0 -0
- /package/{calendar → dist/esm/calendar}/calendar-adapter.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/calendar-adapter.js +0 -0
- /package/{calendar → dist/esm/calendar}/calendar-base.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/calendar-base.js +0 -0
- /package/{calendar → dist/esm/calendar}/calendar-base.styles.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/calendar-base.styles.js +0 -0
- /package/{calendar → dist/esm/calendar}/calendar.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/calendar.js +0 -0
- /package/{calendar → dist/esm/calendar}/calendar.styles.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/calendar.styles.js +0 -0
- /package/{calendar → dist/esm/calendar}/default-calendar-adapter.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/default-calendar-adapter.js +0 -0
- /package/{calendar → dist/esm/calendar}/range-calendar.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/range-calendar.js +0 -0
- /package/{calendar → dist/esm/calendar}/range-calendar.styles.d.ts +0 -0
- /package/{calendar → dist/esm/calendar}/range-calendar.styles.js +0 -0
- /package/{card → dist/esm/card}/card-content.d.ts +0 -0
- /package/{card → dist/esm/card}/card-content.js +0 -0
- /package/{card → dist/esm/card}/card-content.styles.d.ts +0 -0
- /package/{card → dist/esm/card}/card-content.styles.js +0 -0
- /package/{card → dist/esm/card}/card-media.d.ts +0 -0
- /package/{card → dist/esm/card}/card-media.js +0 -0
- /package/{card → dist/esm/card}/card-media.styles.d.ts +0 -0
- /package/{card → dist/esm/card}/card-media.styles.js +0 -0
- /package/{card → dist/esm/card}/card.d.ts +0 -0
- /package/{card → dist/esm/card}/card.js +0 -0
- /package/{card → dist/esm/card}/card.styles.d.ts +0 -0
- /package/{card → dist/esm/card}/card.styles.js +0 -0
- /package/{checkbox → dist/esm/checkbox}/checkbox-list-item.d.ts +0 -0
- /package/{checkbox → dist/esm/checkbox}/checkbox-list-item.js +0 -0
- /package/{checkbox → dist/esm/checkbox}/checkbox.d.ts +0 -0
- /package/{checkbox → dist/esm/checkbox}/checkbox.js +0 -0
- /package/{checkbox → dist/esm/checkbox}/checkbox.styles.d.ts +0 -0
- /package/{checkbox → dist/esm/checkbox}/checkbox.styles.js +0 -0
- /package/{chip → dist/esm/chip}/chip-set.d.ts +0 -0
- /package/{chip → dist/esm/chip}/chip-set.js +0 -0
- /package/{chip → dist/esm/chip}/chip-set.styles.d.ts +0 -0
- /package/{chip → dist/esm/chip}/chip-set.styles.js +0 -0
- /package/{chip → dist/esm/chip}/chip.d.ts +0 -0
- /package/{chip → dist/esm/chip}/chip.js +0 -0
- /package/{chip → dist/esm/chip}/chip.styles.d.ts +0 -0
- /package/{chip → dist/esm/chip}/chip.styles.js +0 -0
- /package/{chip-field → dist/esm/chip-field}/chip-field.d.ts +0 -0
- /package/{chip-field → dist/esm/chip-field}/chip-field.js +0 -0
- /package/{chip-field → dist/esm/chip-field}/chip-field.styles.d.ts +0 -0
- /package/{chip-field → dist/esm/chip-field}/chip-field.styles.js +0 -0
- /package/{config.d.ts → dist/esm/config.d.ts} +0 -0
- /package/{config.js → dist/esm/config.js} +0 -0
- /package/{datepicker → dist/esm/datepicker}/datepicker.d.ts +0 -0
- /package/{datepicker → dist/esm/datepicker}/datepicker.js +0 -0
- /package/{datepicker → dist/esm/datepicker}/datepicker.styles.d.ts +0 -0
- /package/{datepicker → dist/esm/datepicker}/datepicker.styles.js +0 -0
- /package/{dialog → dist/esm/dialog}/confirm-dialog-builder.d.ts +0 -0
- /package/{dialog → dist/esm/dialog}/confirm-dialog-builder.js +0 -0
- /package/{dialog → dist/esm/dialog}/dialog-builder.d.ts +0 -0
- /package/{dialog → dist/esm/dialog}/dialog-builder.js +0 -0
- /package/{dialog → dist/esm/dialog}/dialog-button-def.d.ts +0 -0
- /package/{dialog → dist/esm/dialog}/dialog-button-def.js +0 -0
- /package/{dialog → dist/esm/dialog}/dialog.d.ts +0 -0
- /package/{dialog → dist/esm/dialog}/dialog.js +0 -0
- /package/{dialog → dist/esm/dialog}/dialog.styles.d.ts +0 -0
- /package/{dialog → dist/esm/dialog}/dialog.styles.js +0 -0
- /package/{dialog → dist/esm/dialog}/message-dialog-builder.d.ts +0 -0
- /package/{dialog → dist/esm/dialog}/message-dialog-builder.js +0 -0
- /package/{elevation → dist/esm/elevation}/elevation.d.ts +0 -0
- /package/{elevation → dist/esm/elevation}/elevation.js +0 -0
- /package/{elevation → dist/esm/elevation}/elevation.styles.d.ts +0 -0
- /package/{elevation → dist/esm/elevation}/elevation.styles.js +0 -0
- /package/{field → dist/esm/field}/field-base.d.ts +0 -0
- /package/{field → dist/esm/field}/field-base.js +0 -0
- /package/{field → dist/esm/field}/field-base.styles.d.ts +0 -0
- /package/{field → dist/esm/field}/field-base.styles.js +0 -0
- /package/{field → dist/esm/field}/field-defaults-context.d.ts +0 -0
- /package/{field → dist/esm/field}/field-defaults-context.js +0 -0
- /package/{field → dist/esm/field}/field-defaults.d.ts +0 -0
- /package/{field → dist/esm/field}/field-defaults.js +0 -0
- /package/{field → dist/esm/field}/field-variant.d.ts +0 -0
- /package/{field → dist/esm/field}/field-variant.js +0 -0
- /package/{field → dist/esm/field}/field.d.ts +0 -0
- /package/{field → dist/esm/field}/field.js +0 -0
- /package/{icon → dist/esm/icon}/icon.d.ts +0 -0
- /package/{icon → dist/esm/icon}/icon.js +0 -0
- /package/{icon → dist/esm/icon}/icon.styles.d.ts +0 -0
- /package/{icon → dist/esm/icon}/icon.styles.js +0 -0
- /package/{index.d.ts → dist/esm/index.d.ts} +0 -0
- /package/{index.js → dist/esm/index.js} +0 -0
- /package/{list → dist/esm/list}/list-item.d.ts +0 -0
- /package/{list → dist/esm/list}/list-item.js +0 -0
- /package/{list → dist/esm/list}/list-item.styles.d.ts +0 -0
- /package/{list → dist/esm/list}/list-item.styles.js +0 -0
- /package/{list → dist/esm/list}/list.d.ts +0 -0
- /package/{list → dist/esm/list}/list.js +0 -0
- /package/{list → dist/esm/list}/list.styles.d.ts +0 -0
- /package/{list → dist/esm/list}/list.styles.js +0 -0
- /package/{menu → dist/esm/menu}/menu-item.d.ts +0 -0
- /package/{menu → dist/esm/menu}/menu-item.js +0 -0
- /package/{menu → dist/esm/menu}/menu-item.styles.d.ts +0 -0
- /package/{menu → dist/esm/menu}/menu-item.styles.js +0 -0
- /package/{menu → dist/esm/menu}/menu.d.ts +0 -0
- /package/{menu → dist/esm/menu}/menu.js +0 -0
- /package/{menu → dist/esm/menu}/menu.styles.d.ts +0 -0
- /package/{menu → dist/esm/menu}/menu.styles.js +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-headline.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-headline.js +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-headline.styles.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-headline.styles.js +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-item.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-item.js +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-item.styles.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/drawer-item.styles.js +0 -0
- /package/{navigation → dist/esm/navigation}/drawer.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/drawer.js +0 -0
- /package/{navigation → dist/esm/navigation}/drawer.styles.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/drawer.styles.js +0 -0
- /package/{navigation → dist/esm/navigation}/side-navigation-swiper.styles.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/side-navigation-swiper.styles.js +0 -0
- /package/{navigation → dist/esm/navigation}/side-navigation.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/side-navigation.js +0 -0
- /package/{navigation → dist/esm/navigation}/side-navigation.styles.d.ts +0 -0
- /package/{navigation → dist/esm/navigation}/side-navigation.styles.js +0 -0
- /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu-item.d.ts +0 -0
- /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu-item.js +0 -0
- /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.d.ts +0 -0
- /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.js +0 -0
- /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.styles.d.ts +0 -0
- /package/{overflow-menu → dist/esm/overflow-menu}/overflow-menu.styles.js +0 -0
- /package/{progress → dist/esm/progress}/circular-progress.d.ts +0 -0
- /package/{progress → dist/esm/progress}/circular-progress.js +0 -0
- /package/{progress → dist/esm/progress}/circular-progress.styles.d.ts +0 -0
- /package/{progress → dist/esm/progress}/circular-progress.styles.js +0 -0
- /package/{progress → dist/esm/progress}/progress-bar.d.ts +0 -0
- /package/{progress → dist/esm/progress}/progress-bar.js +0 -0
- /package/{progress → dist/esm/progress}/progress-bar.styles.d.ts +0 -0
- /package/{progress → dist/esm/progress}/progress-bar.styles.js +0 -0
- /package/{radio → dist/esm/radio}/radio-list-item.d.ts +0 -0
- /package/{radio → dist/esm/radio}/radio-list-item.js +0 -0
- /package/{radio → dist/esm/radio}/radio.d.ts +0 -0
- /package/{radio → dist/esm/radio}/radio.js +0 -0
- /package/{radio → dist/esm/radio}/radio.styles.d.ts +0 -0
- /package/{radio → dist/esm/radio}/radio.styles.js +0 -0
- /package/{ripple → dist/esm/ripple}/ripple.d.ts +0 -0
- /package/{ripple → dist/esm/ripple}/ripple.js +0 -0
- /package/{ripple → dist/esm/ripple}/ripple.styles.d.ts +0 -0
- /package/{ripple → dist/esm/ripple}/ripple.styles.js +0 -0
- /package/{search → dist/esm/search}/search.d.ts +0 -0
- /package/{search → dist/esm/search}/search.js +0 -0
- /package/{search → dist/esm/search}/search.styles.d.ts +0 -0
- /package/{search → dist/esm/search}/search.styles.js +0 -0
- /package/{select → dist/esm/select}/option.d.ts +0 -0
- /package/{select → dist/esm/select}/option.js +0 -0
- /package/{select → dist/esm/select}/option.styles.d.ts +0 -0
- /package/{select → dist/esm/select}/option.styles.js +0 -0
- /package/{select → dist/esm/select}/select-navigation-controller.d.ts +0 -0
- /package/{select → dist/esm/select}/select-navigation-controller.js +0 -0
- /package/{select → dist/esm/select}/select.d.ts +0 -0
- /package/{select → dist/esm/select}/select.js +0 -0
- /package/{select → dist/esm/select}/select.styles.d.ts +0 -0
- /package/{select → dist/esm/select}/select.styles.js +0 -0
- /package/{shared → dist/esm/shared}/base.styles.d.ts +0 -0
- /package/{shared → dist/esm/shared}/base.styles.js +0 -0
- /package/{shared → dist/esm/shared}/button-wrapper.d.ts +0 -0
- /package/{shared → dist/esm/shared}/button-wrapper.js +0 -0
- /package/{shared → dist/esm/shared}/button-wrapper.styles.d.ts +0 -0
- /package/{shared → dist/esm/shared}/button-wrapper.styles.js +0 -0
- /package/{shared → dist/esm/shared}/char-count-text-field/native-text-field-wrapper.d.ts +0 -0
- /package/{shared → dist/esm/shared}/char-count-text-field/native-text-field-wrapper.js +0 -0
- /package/{shared → dist/esm/shared}/compare-text.d.ts +0 -0
- /package/{shared → dist/esm/shared}/compare-text.js +0 -0
- /package/{shared → dist/esm/shared}/events/dispatch-event.d.ts +0 -0
- /package/{shared → dist/esm/shared}/events/dispatch-event.js +0 -0
- /package/{shared → dist/esm/shared}/events/redispatch-event.d.ts +0 -0
- /package/{shared → dist/esm/shared}/events/redispatch-event.js +0 -0
- /package/{shared → dist/esm/shared}/extract-template-html.d.ts +0 -0
- /package/{shared → dist/esm/shared}/extract-template-html.js +0 -0
- /package/{shared → dist/esm/shared}/menu-field/menu-field-navigation-controller.d.ts +0 -0
- /package/{shared → dist/esm/shared}/menu-field/menu-field-navigation-controller.js +0 -0
- /package/{shared → dist/esm/shared}/menu-field/menu-field.d.ts +0 -0
- /package/{shared → dist/esm/shared}/menu-field/menu-field.js +0 -0
- /package/{shared → dist/esm/shared}/mixin-attribute-properties.d.ts +0 -0
- /package/{shared → dist/esm/shared}/mixin-attribute-properties.js +0 -0
- /package/{shared → dist/esm/shared}/mixin.d.ts +0 -0
- /package/{shared → dist/esm/shared}/mixin.js +0 -0
- /package/{shared → dist/esm/shared}/normalize-text.d.ts +0 -0
- /package/{shared → dist/esm/shared}/normalize-text.js +0 -0
- /package/{shared → dist/esm/shared}/selection-control/selection-control-list-item.d.ts +0 -0
- /package/{shared → dist/esm/shared}/selection-control/selection-control-list-item.js +0 -0
- /package/{shared → dist/esm/shared}/selection-control/selection-control.d.ts +0 -0
- /package/{shared → dist/esm/shared}/selection-control/selection-control.js +0 -0
- /package/{shared → dist/esm/shared}/selection-control/selection-control.styles.d.ts +0 -0
- /package/{shared → dist/esm/shared}/selection-control/selection-control.styles.js +0 -0
- /package/{shared → dist/esm/shared}/sets/set-base.d.ts +0 -0
- /package/{shared → dist/esm/shared}/sets/set-base.js +0 -0
- /package/{shared → dist/esm/shared}/sets/set-base.styles.d.ts +0 -0
- /package/{shared → dist/esm/shared}/sets/set-base.styles.js +0 -0
- /package/{shared → dist/esm/shared}/text-field-base/text-field-base.d.ts +0 -0
- /package/{shared → dist/esm/shared}/text-field-base/text-field-base.js +0 -0
- /package/{shared → dist/esm/shared}/text-field-base/text-field-base.styles.d.ts +0 -0
- /package/{shared → dist/esm/shared}/text-field-base/text-field-base.styles.js +0 -0
- /package/{snackbar → dist/esm/snackbar}/snackbar.d.ts +0 -0
- /package/{snackbar → dist/esm/snackbar}/snackbar.js +0 -0
- /package/{snackbar → dist/esm/snackbar}/snackbar.styles.d.ts +0 -0
- /package/{snackbar → dist/esm/snackbar}/snackbar.styles.js +0 -0
- /package/{switch → dist/esm/switch}/switch-list-item.d.ts +0 -0
- /package/{switch → dist/esm/switch}/switch-list-item.js +0 -0
- /package/{switch → dist/esm/switch}/switch.d.ts +0 -0
- /package/{switch → dist/esm/switch}/switch.js +0 -0
- /package/{switch → dist/esm/switch}/switch.styles.d.ts +0 -0
- /package/{switch → dist/esm/switch}/switch.styles.js +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab-bar.d.ts +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab-bar.js +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab-bar.styles.d.ts +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab-bar.styles.js +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab.d.ts +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab.js +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab.styles.d.ts +0 -0
- /package/{tab-bar → dist/esm/tab-bar}/tab.styles.js +0 -0
- /package/{text-area → dist/esm/text-area}/text-area.d.ts +0 -0
- /package/{text-area → dist/esm/text-area}/text-area.js +0 -0
- /package/{text-area → dist/esm/text-area}/text-area.styles.d.ts +0 -0
- /package/{text-area → dist/esm/text-area}/text-area.styles.js +0 -0
- /package/{text-field → dist/esm/text-field}/text-field.d.ts +0 -0
- /package/{text-field → dist/esm/text-field}/text-field.js +0 -0
- /package/{text-field → dist/esm/text-field}/text-field.styles.d.ts +0 -0
- /package/{text-field → dist/esm/text-field}/text-field.styles.js +0 -0
- /package/{theme → dist/esm/theme}/color.d.ts +0 -0
- /package/{theme → dist/esm/theme}/color.js +0 -0
- /package/{theme → dist/esm/theme}/css-var-builder.d.ts +0 -0
- /package/{theme → dist/esm/theme}/css-var-builder.js +0 -0
- /package/{theme → dist/esm/theme}/index.d.ts +0 -0
- /package/{theme → dist/esm/theme}/index.js +0 -0
- /package/{theme → dist/esm/theme}/neutral-colors.d.ts +0 -0
- /package/{theme → dist/esm/theme}/neutral-colors.js +0 -0
- /package/{theme → dist/esm/theme}/theme-builder.d.ts +0 -0
- /package/{theme → dist/esm/theme}/theme-builder.js +0 -0
- /package/{theme → dist/esm/theme}/theme-color.d.ts +0 -0
- /package/{theme → dist/esm/theme}/theme-color.js +0 -0
- /package/{typeahead → dist/esm/typeahead}/highlight.d.ts +0 -0
- /package/{typeahead → dist/esm/typeahead}/highlight.js +0 -0
- /package/{typeahead → dist/esm/typeahead}/highlight.styles.d.ts +0 -0
- /package/{typeahead → dist/esm/typeahead}/highlight.styles.js +0 -0
- /package/{typeahead → dist/esm/typeahead}/typeahead-template-render.d.ts +0 -0
- /package/{typeahead → dist/esm/typeahead}/typeahead-template-render.js +0 -0
- /package/{typeahead → dist/esm/typeahead}/typeahead.d.ts +0 -0
- /package/{typeahead → dist/esm/typeahead}/typeahead.js +0 -0
- /package/{typeahead → dist/esm/typeahead}/typeahead.styles.d.ts +0 -0
- /package/{typeahead → dist/esm/typeahead}/typeahead.styles.js +0 -0
- /package/{index.js.map → dist/index.js.map} +0 -0
- /package/{vscode.html-custom-data.json → dist/vscode.html-custom-data.json} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../src/datepicker/datepicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAGjC,qBACa,YAAa,SAAQ,UAAU;CAE3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,YAAY,CAAC;KAC9B;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker.js","sourceRoot":"","sources":["../../src/datepicker/datepicker.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;CAE3C,CAAA;AAFY,YAAY;IADxB,aAAa,CAAC,cAAc,CAAC;GACjB,YAAY,CAExB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('u-datepicker')\nexport class UmDatepicker extends LitElement {\n\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-datepicker': UmDatepicker;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker.styles.d.ts","sourceRoot":"","sources":["../../src/datepicker/datepicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAElB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker.styles.js","sourceRoot":"","sources":["../../src/datepicker/datepicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;CAEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"confirm-dialog-builder.d.ts","sourceRoot":"","sources":["../../src/dialog/confirm-dialog-builder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,qBAAa,oBAAqB,SAAQ,aAAa,CAAC,oBAAoB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;;IAC7F,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,oBAAoB;IAOpD,aAAa,CAAC,gBAAgB,EAAE,eAAe,GAAG,oBAAoB;IAKtE,YAAY,CAAC,eAAe,EAAE,eAAe,GAAG,oBAAoB;IAK3D,WAAW,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;cAazB,SAAS,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC;CAMjE"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"confirm-dialog-builder.js","sourceRoot":"","sources":["../../src/dialog/confirm-dialog-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD,MAAM,OAAO,oBAAqB,SAAQ,aAAqD;IAC7F,MAAM,CAAC,MAAM,CAAC,OAAe;QAC3B,OAAO,IAAI,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,iBAAiB,CAAmB;IACpC,gBAAgB,CAAmB;IAEnC,aAAa,CAAC,gBAAiC;QAC7C,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,YAAY,CAAC,eAAgC;QAC3C,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,WAAW,CAAC,MAAgB;QAEnC,IAAI,CAAC,UAAU,CACb,MAAM,EACN,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,iBAAiB,EAAE,EAC7E,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QAE5B,IAAI,CAAC,UAAU,CACb,MAAM,EACN,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,GAAG,IAAI,CAAC,gBAAgB,EAAE,EAC3E,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClC,CAAC;IAEkB,SAAS,CAAC,MAAgB;QAC3C,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAExB,OAAO,IAAI,OAAO,CAAU,OAAO,CAAC,EAAE,CACpC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;CACF","sourcesContent":["import { config } from '../config.js';\nimport { DialogBuilder } from './dialog-builder.js';\nimport { DialogButtonDef } from './dialog-button-def.js';\nimport { UmDialog } from './dialog.js';\n\nexport class ConfirmDialogBuilder extends DialogBuilder<ConfirmDialogBuilder, Promise<boolean>> {\n static create(message: string): ConfirmDialogBuilder {\n return new ConfirmDialogBuilder(message);\n }\n\n #confirmButtonDef?: DialogButtonDef;\n #cancelButtonDef?: DialogButtonDef;\n\n confirmButton(confirmButtonDef: DialogButtonDef): ConfirmDialogBuilder {\n this.#confirmButtonDef = confirmButtonDef;\n return this;\n }\n\n cancelButton(cancelButtonDef: DialogButtonDef): ConfirmDialogBuilder {\n this.#cancelButtonDef = cancelButtonDef;\n return this;\n }\n\n override _addButtons(dialog: UmDialog): void {\n\n this._addButton(\n dialog,\n { ...config.dialog.confirmDefaults.confirmButton, ...this.#confirmButtonDef },\n () => dialog.close('ok'));\n\n this._addButton(\n dialog,\n { ...config.dialog.confirmDefaults.cancelButton, ...this.#cancelButtonDef },\n () => dialog.close('cancel'));\n }\n\n protected override innerShow(dialog: UmDialog): Promise<boolean> {\n super.innerShow(dialog);\n\n return new Promise<boolean>(resolve =>\n dialog.addEventListener('closed', () => resolve(dialog.returnValue === 'ok')));\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-builder.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog-builder.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,aAAa,CAAC;AAErB,8BAAsB,aAAa,CAAC,QAAQ,SAAS,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,OAAO;;IAGvE,OAAO,CAAC,QAAQ,CAAC,OAAO;gBAAP,OAAO,EAAE,MAAM;IAI5C,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,QAAQ;IAKpC,IAAI,IAAI,OAAO;IAUf,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,IAAI;IAQrD,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;IAEtD,OAAO,CAAC,YAAY;IAWpB,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,IAAI;CASrF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-builder.js","sourceRoot":"","sources":["../../src/dialog/dialog-builder.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,WAAW,CAAC;AAKlC,OAAO,aAAa,CAAC;AAErB,MAAM,OAAgB,aAAa;IACjC,SAAS,CAAU;IAEnB,YAA6B,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;IAE5C,CAAC;IAED,QAAQ,CAAC,QAAgB;QACvB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,OAAO,IAA2B,CAAC;IACrC,CAAC;IAED,IAAI;QACF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEpD,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAY,CAAC;IAC3C,CAAC;IAES,SAAS,CAAC,MAAgB;QAClC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,MAAM,CAAC,IAAI,EAAE,CAAC;QAEd,OAAO;IACT,CAAC;IAIO,YAAY,CAAC,MAAmB;QACtC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,MAAM,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACvD,eAAe,CAAC,IAAI,GAAG,UAAU,CAAC;QAClC,eAAe,CAAC,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC/D,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC;IAES,UAAU,CAAC,MAAgB,EAAE,SAA0B,EAAE,KAAiB;QAClF,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,OAAQ,CAAC;QACpC,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAM,CAAC;QAChC,MAAM,CAAC,WAAW,GAAG,SAAS,CAAC,KAAM,CAAC;QACtC,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC;QACxB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACxC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;CACF","sourcesContent":["import DOMPurify from 'dompurify';\n\nimport { DialogButtonDef } from './dialog-button-def.js';\nimport { UmDialog } from './dialog.js';\n\nimport './dialog.js';\n\nexport abstract class DialogBuilder<TBuilder extends DialogBuilder<any, any>, TReturn> {\n #headline?: string;\n\n constructor(private readonly message: string) {\n\n }\n\n headline(headline: string): TBuilder {\n this.#headline = headline;\n return this as unknown as TBuilder;\n }\n\n show(): TReturn {\n const dialog = document.createElement('u-dialog');\n dialog.innerHTML = DOMPurify.sanitize(this.message);\n\n this._addHeadline(dialog);\n this._addButtons(dialog);\n\n return this.innerShow(dialog) as TReturn;\n }\n\n protected innerShow(dialog: UmDialog): TReturn | void {\n dialog.addEventListener('closed', () => dialog.remove());\n document.body.appendChild(dialog);\n dialog.show();\n\n return;\n }\n\n protected abstract _addButtons(dialog: UmDialog): void;\n\n private _addHeadline(dialog: HTMLElement) {\n if (!this.#headline) {\n return;\n }\n\n const headlineElement = document.createElement('span');\n headlineElement.slot = 'headline';\n headlineElement.innerHTML = DOMPurify.sanitize(this.#headline);\n dialog.appendChild(headlineElement);\n }\n\n protected _addButton(dialog: UmDialog, buttonDef: DialogButtonDef, click: () => void) {\n const button = document.createElement('u-button');\n button.variant = buttonDef.variant!;\n button.color = buttonDef.color!;\n button.textContent = buttonDef.label!;\n button.slot = 'actions';\n button.addEventListener('click', click);\n dialog.appendChild(button);\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-button-def.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog-button-def.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-button-def.js","sourceRoot":"","sources":["../../src/dialog/dialog-button-def.ts"],"names":[],"mappings":"","sourcesContent":["import { UmButtonColor, UmButtonVariant } from '../button/button.js';\n\nexport interface DialogButtonDef {\n variant?: UmButtonVariant;\n label?: string;\n color?: UmButtonColor;\n}\n"]}
|
package/dialog/dialog.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAEnE,OAAO,2BAA2B,CAAC;AAKnC,qBACa,QAAS,SAAQ,UAAU;;IACtC,OAAgB,MAAM,4BAAwB;IAK9C,IACI,IAAI,IAAI,OAAO,CAElB;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAWrB;IAED,IAAI,WAAW,WAEd;IAED;;;;OAIG;IACoE,WAAW,UAAS;IAE3F;;;;OAIG;IACgE,OAAO,UAAS;IAInF,IACI,eAAe,IAAI,WAAW,CAEjC;IAED,IAAI,eAAe,CAAC,eAAe,EAAE,WAAW,EAM/C;IAEgB,MAAM,EAAG,iBAAiB,CAAC;IAC3B,KAAK,EAAG,WAAW,CAAC;IAClB,OAAO,EAAG,WAAW,CAAC;IACpB,SAAS,EAAG,WAAW,CAAC;IAG7C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAiB;IAGnD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAE/C,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,oBAAoB;IAIrD,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,oBAAoB;IAI5C,MAAM,IAAI,kBAAkB;IA+B5B,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAUjB,oBAAoB;IAoEvB,IAAI;IAWJ,KAAK,CAAC,WAAW,GAAE,MAAyB;CA6CnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
|
package/dialog/dialog.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/dialog/dialog.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { ConfirmDialogBuilder } from './confirm-dialog-builder.js';\nimport { styles } from './dialog.styles.js';\nimport { MessageDialogBuilder } from './message-dialog-builder.js';\n\nimport '../elevation/elevation.js';\n\nconst topDividerClass = 'top-divider';\nconst bottomDividerClass = 'bottom-divider';\n\n@customElement('u-dialog')\nexport class UmDialog extends LitElement {\n static override styles = [baseStyles, styles];\n\n #open = false;\n #contentResizeObserver!: ResizeObserver | null;\n\n @property({ type: Boolean })\n get open(): boolean {\n return this.#open;\n }\n\n set open(open: boolean) {\n if (this.#open === open) {\n return;\n }\n\n if (!open) {\n this.close();\n return;\n }\n\n this.show();\n }\n\n get returnValue() {\n return this.dialog.returnValue;\n }\n\n /**\n * Whether dialog has headline or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-headline', reflect: true }) hasHeadline = false;\n\n /**\n * Whether dialog has icon\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-icon', reflect: true }) hasIcon = false;\n\n #scrollContainer: HTMLElement | null = null;\n\n @property()\n get scrollContainer(): HTMLElement {\n return this.#scrollContainer ?? this.content;\n }\n\n set scrollContainer(scrollContainer: HTMLElement) {\n this.#scrollContainer?.removeEventListener('scroll', this.#handleScroll);\n\n this.#scrollContainer = scrollContainer;\n scrollContainer.addEventListener('scroll', this.#handleScroll.bind(this));\n this.#setScrollDividers();\n }\n\n @query('dialog') dialog!: HTMLDialogElement;\n @query('.scrim') scrim!: HTMLElement;\n @query('.content') content!: HTMLElement;\n @query('.container') container!: HTMLElement;\n\n @queryAssignedElements({ slot: 'headline', flatten: true })\n private readonly assignedHeadlines!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'icon', flatten: true })\n private readonly assignedIcons!: HTMLElement[];\n\n static message(message: string): MessageDialogBuilder {\n return MessageDialogBuilder.create(message);\n }\n\n static confirm(message: string): ConfirmDialogBuilder {\n return ConfirmDialogBuilder.create(message);\n }\n\n override render(): HTMLTemplateResult {\n return html`\n <dialog>\n <div class=\"scrim\" @click=${this.#handleScrimClick}></div>\n <div class=\"container\" part=\"container\">\n <u-elevation></u-elevation>\n <div class=\"icon\" part=\"icon\">\n <slot\n name=\"icon\"\n @slotchange=${this.#handleIconSlotChange}>\n </slot>\n </div>\n <div class=\"headline\" part=\"headline\">\n <slot\n name=\"headline\"\n @slotchange=${this.#handleHeadlineSlotChange}>\n </slot>\n </div>\n <div\n class=\"content\"\n part=\"content\"\n @scroll=${this.#handleScroll}>\n <slot></slot>\n </div>\n <div class=\"actions\" part=\"actions\">\n <slot name=\"actions\"></slot>\n </div>\n </div>\n </dialog>`;\n }\n\n override firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n\n this.dialog.addEventListener('cancel', this.#handleCancel);\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('submit', this.#handleSubmit);\n\n setTimeout(() => {\n this.#contentResizeObserver = new ResizeObserver(() => this.#setScrollDividers());\n this.#contentResizeObserver.observe(this.content);\n });\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('submit', this.#handleSubmit);\n\n this.#contentResizeObserver!.disconnect();\n this.#contentResizeObserver = null;\n }\n\n #handleSubmit(event: SubmitEvent) {\n const form = event.target as HTMLFormElement;\n const { submitter } = event;\n\n if (form.method !== 'dialog' || !submitter) {\n return;\n }\n\n this.close(submitter.getAttribute('value') ?? this.returnValue);\n }\n\n readonly #handleCancel = (e: Event) => {\n e.preventDefault();\n\n const cancelPrevented = !this.dispatchEvent(new Event('cancel', { cancelable: true }));\n\n if (cancelPrevented) {\n return;\n }\n\n this.close();\n };\n\n #handleIconSlotChange() {\n this.hasIcon = this.assignedIcons.length > 0;\n }\n\n #handleHeadlineSlotChange() {\n this.hasHeadline = this.assignedHeadlines.length > 0;\n }\n\n #handleScroll() {\n this.#setScrollDividers();\n }\n\n #setScrollDividers() {\n this.#setTopScrollDivider();\n this.#setBottomScrollDivider();\n }\n\n #setBottomScrollDivider() {\n const scrollBottom = this.scrollContainer.scrollTop + this.scrollContainer.offsetHeight;\n\n if (scrollBottom >= this.scrollContainer.scrollHeight) {\n this.content?.classList.remove(bottomDividerClass);\n return;\n }\n\n this.content?.classList.add(bottomDividerClass);\n }\n\n #setTopScrollDivider() {\n if (this.scrollContainer.scrollTop) {\n this.content?.classList.add(topDividerClass);\n return;\n }\n\n this.content?.classList.remove(topDividerClass);\n }\n\n async show() {\n this.#open = true;\n this.setAttribute('open', '');\n\n await this.updateComplete;\n this.dialog.showModal();\n const autoFocusElement = this.querySelector<HTMLElement>('[autofocus]');\n autoFocusElement?.focus();\n this.content.scrollTop = 0;\n }\n\n async close(returnValue: string = this.returnValue) {\n this.#open = false;\n this.removeAttribute('open');\n\n await this.updateComplete;\n\n if (!this.dialog.open || this.open) {\n return;\n }\n\n const preventClose = !this.dispatchEvent(new Event('close', { cancelable: true }));\n\n if (preventClose) {\n this.#open = true;\n return;\n }\n\n this.open = false;\n\n const closed = new Promise<void>(resolve =>\n this.container.addEventListener(\n 'animationend',\n () => {\n resolve();\n this.classList.remove('closing');\n this.dialog.close(returnValue);\n this.dispatchEvent(new Event('closed'));\n },\n { capture: true, once: true },\n )\n );\n\n this.classList.add('closing');\n await closed;\n }\n\n #handleScrimClick() {\n const cancelPrevented = !this.dispatchEvent(new Event('cancel', { cancelable: true }));\n\n if (cancelPrevented) {\n return;\n }\n\n this.close();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-dialog': UmDialog;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.styles.d.ts","sourceRoot":"","sources":["../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkKlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkKzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --u-elevation-level: var(--u-dialog-elevation, 3);\n --_icon-size: var(--u-dialog-icon-size, 24px);\n --_divider-color: var(--u-dialog-divider-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n --_scrim-opacity: var(--u-dialog-scrim-opacity, .32);\n --_padding: var(--u-dialog-padding, 24px);\n }\n\n :host(:not([has-headline])) .headline {\n display: none;\n }\n\n :host([has-icon]) .icon {\n display: flex;\n }\n :host([has-icon]) .headline {\n padding-top: 0;\n }\n :host([has-icon]) .headline,\n :host([has-icon]) .container {\n text-align: center;\n }\n\n :host([has-headline]) .content.top-divider,\n :host([has-icon]) .content.top-divider {\n border-top: 1px solid var(--_divider-color);\n margin-top: -1px;\n }\n\n .scrim {\n position: fixed;\n inset: 0;\n background-color: var(--u-dialog-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n animation: scrim-show-animation 300ms;\n animation-fill-mode: forwards;\n z-index: -1;\n }\n\n dialog {\n align-items: center;\n background: none;\n border: none;\n overflow: visible;\n padding: var(--_padding);\n max-width: none;\n max-height: none;\n width: 100%;\n height: 100%;\n }\n dialog[open] {\n display: flex;\n }\n dialog::backdrop {\n background: none;\n }\n\n .container {\n position: relative;\n display: flex;\n flex-direction: column;\n margin-inline: auto;\n background-color: var(--u-dialog-container-bg-color, var(--u-color-surface-container-high, rgb(236, 230, 240)));\n border-radius: var(--u-dialog-border-radius, var(--u-shape-corner-extra-large, 28px));\n min-width: min(var(--u-dialog-min-width, 280px), 100%);\n max-width: var(--u-dialog-max-width, 560px);\n max-height: min(var(--u-dialog-max-height, 560px), 100%);\n animation: show 250ms cubic-bezier(0.19, 1, 0.22, 1);\n z-index: 1;\n }\n\n .headline,\n .icon,\n .content,\n .actions {\n padding: var(--_padding);\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-dialog-headline-line-height, var(--u-headline-s-line-height, 2rem));\n font-size: var(--u-dialog-headline-font-size, var(--u-headline-s-font-size, 1.5rem));\n letter-spacing: var(--u-dialog-headline-letter-spacing, var(--u-headline-s-letter-spacing, 0rem));\n font-weight: var(--u-dialog-headline-font-weight, var(--u-headline-s-font-weight, var(--u-font-weight-regular, 400)));\n padding-bottom: var(--u-headline-padding, 16px);\n }\n\n .icon {\n display: none;\n justify-content: center;\n align-items: center;\n font-size: var(--_icon-size);\n line-height: var(--_icon-size);\n color: var(--u-dialog-icon-color, var(--u-color-secondary, rgb(98, 91, 113)));\n padding-bottom: var(--u-icon-padding, 16px);\n }\n\n .content {\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-dialog-content-line-height, var(--u-body-m-line-height, 1.25rem));\n font-size: var(--u-dialog-content-font-size, var(--u-body-m-font-size, 0.875rem));\n letter-spacing: var(--u-dialog-content-letter-spacing, var(--u-body-m-letter-spacing, 0.0178571429rem));\n font-weight: var(--u-dialog-content-font-weight, var(--u-body-m-font-weight, var(--u-font-weight-regular, 400)));\n color: var(--u-dialog-content-text-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n padding-block: 0;\n overflow: auto;\n }\n .content.bottom-divider {\n border-bottom: 1px solid var(--_divider-color);\n margin-bottom: -1px;\n }\n\n :host(:not([has-headline]):not([has-icon])) .content {\n padding-top: var(--_padding);\n }\n\n .actions {\n display: flex;\n flex-direction: row-reverse;\n flex-wrap: wrap-reverse;\n gap: var(--u-dialog-actions-gap, 8px);\n }\n\n :host(.closing) .container {\n animation-name: close;\n }\n :host(.closing) .scrim {\n animation-name: scrim-close-animation;\n }\n\n @keyframes scrim-show-animation {\n from {\n opacity: 0;\n }\n to {\n opacity: var(--_scrim-opacity);\n }\n }\n @keyframes scrim-close-animation {\n from {\n opacity: var(--_scrim-opacity);\n }\n to {\n opacity: 0;\n }\n }\n @keyframes show {\n from {\n transform: scale3d(0, 0, 1);\n }\n to {\n transform: scale3d(1, 1, 1);\n }\n }\n @keyframes close {\n from {\n transform: scale3d(1, 1, 1);\n }\n to {\n transform: scale3d(0, 0, 1);\n }\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"message-dialog-builder.d.ts","sourceRoot":"","sources":["../../src/dialog/message-dialog-builder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,qBAAa,oBAAqB,SAAQ,aAAa,CAAC,oBAAoB,EAAE,IAAI,CAAC;;IACjF,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,oBAAoB;IAMpD,iBAAiB,CAAC,oBAAoB,EAAE,eAAe,GAAG,oBAAoB;IAKrE,WAAW,CAAC,MAAM,EAAE,QAAQ,GAAG,IAAI;CAO7C"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"message-dialog-builder.js","sourceRoot":"","sources":["../../src/dialog/message-dialog-builder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD,MAAM,OAAO,oBAAqB,SAAQ,aAAyC;IACjF,MAAM,CAAC,MAAM,CAAC,OAAe;QAC3B,OAAO,IAAI,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,qBAAqB,CAAmB;IAExC,iBAAiB,CAAC,oBAAqC;QACrD,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;QAClD,OAAO,IAAI,CAAC;IACd,CAAC;IAEQ,WAAW,CAAC,MAAgB;QAEnC,IAAI,CAAC,UAAU,CACb,MAAM,EACN,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,EACnF,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC1B,CAAC;CACF","sourcesContent":["import { config } from '../config.js';\nimport { DialogBuilder } from './dialog-builder.js';\nimport { DialogButtonDef } from './dialog-button-def.js';\nimport { UmDialog } from './dialog.js';\n\nexport class MessageDialogBuilder extends DialogBuilder<MessageDialogBuilder, void> {\n static create(message: string): MessageDialogBuilder {\n return new MessageDialogBuilder(message);\n }\n\n #acknowledgeButtonDef?: DialogButtonDef;\n\n acknowledgeButton(acknowledgeButtonDef: DialogButtonDef): MessageDialogBuilder {\n this.#acknowledgeButtonDef = acknowledgeButtonDef;\n return this;\n }\n\n override _addButtons(dialog: UmDialog): void {\n\n this._addButton(\n dialog,\n { ...config.dialog.alertDefaults.acknowledgeButton, ...this.#acknowledgeButtonDef },\n () => dialog.close());\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,0BAAU;IAEvB,iBAAiB;CAI3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,WAAW,CAAC;KAC5B;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.js","sourceRoot":"","sources":["../../src/elevation/elevation.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;aACzB,WAAM,GAAG,MAAM,AAAT,CAAU;IAEvB,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;IAC3B,CAAC;;AANU,WAAW;IADvB,aAAa,CAAC,aAAa,CAAC;GAChB,WAAW,CAOvB","sourcesContent":["import { LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './elevation.styles.js';\n\n@customElement('u-elevation')\nexport class UmElevation extends LitElement {\n static override styles = styles;\n\n override connectedCallback() {\n super.connectedCallback();\n this.ariaHidden = 'true';\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-elevation': UmElevation;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.styles.d.ts","sourceRoot":"","sources":["../../src/elevation/elevation.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyBlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"elevation.styles.js","sourceRoot":"","sources":["../../src/elevation/elevation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAyBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_level: var(--u-elevation-level, 0);\n --_shadow-color: var(--u-color-shadow, rgb(0, 0, 0));\n -webkit-tap-highlight-color: transparent;\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n }\n :host::before, :host::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n transition: box-shadow 150ms ease-in-out;\n }\n :host::before {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))) calc(1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))) 0 var(--_shadow-color);\n opacity: 0.3;\n }\n :host::after {\n box-shadow: 0 calc(1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3))) calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);\n opacity: 0.15;\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-base.d.ts","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAOhE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,8BAAsB,WAAY,SAAQ,UAAU;IAClD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAI9D,OAAO,CAAC,QAAQ,CAAC,MAAM,CAA8B;IAEzC,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAY;IAElE;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjB,SAAS,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAEgB,WAAW,UAAS;IAE5E;;OAEG;IACyC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE/E;;;OAGG;IACoC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAErE;;OAEG;IACyC,KAAK,UAAS;IACd,QAAQ,UAAS;IAE7D;;OAEG;IACyC,OAAO,UAAS;IAE5D,MAAM,CAAC,WAAW,CAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,eAAe,GACtB,eAAe,CAAC,OAAO,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAOzD;;;;OAIG;IAEH,cAAc,UAAS;IAEvB;;;;OAIG;IAEH,eAAe,UAAS;IAExB;;;;OAIG;IAEH,YAAY,UAAS;IAGrB,SAAS,CAAC,QAAQ,CAAC,oBAAoB,EAAG,WAAW,EAAE,CAAC;IAGxD,SAAS,CAAC,QAAQ,CAAC,qBAAqB,EAAG,WAAW,EAAE,CAAC;IAGzD,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiB;IAE7B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAe;IACzC,SAAS,CAAC,UAAU,EAAG,WAAW,CAAC;;cAO3C,MAAM,IAAI,cAAc;IA+C3C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,cAAc;IAElD,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAIrC,iBAAiB;IAK1B,OAAO,CAAC,2BAA2B;IASnC,OAAO,CAAC,4BAA4B;IAIpC,OAAO,CAAC,yBAAyB;IAIjC,SAAS,CAAC,yBAAyB,IAAI,cAAc,GAAG,OAAO,OAAO;CAGvE"}
|
package/field/field-base.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-base.js","sourceRoot":"","sources":["../../src/field/field-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume, Context, ContextProvider } from '@lit/context';\nimport { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, LitElement, nothing, TemplateResult } from 'lit';\nimport { property, query, queryAssignedElements, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './field-base.styles.js';\nimport { fieldDefaultsContext } from './field-defaults-context.js';\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport abstract class UmFieldBase extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n @consume({ context: fieldDefaultsContext, subscribe: true })\n @state()\n private readonly config: UmFieldDefaults | undefined;\n\n @property() variant: 'filled' | 'outlined' | undefined = 'filled';\n\n /**\n * The floating label for the field\n */\n @property()\n label: string | undefined;\n\n @state() protected _innerCounter: string | undefined;\n @property() counter: string | undefined;\n\n @property({ type: Boolean, attribute: 'hide-counter' }) hideCounter = false;\n\n /**\n * Supporting text conveys additional information about the field, such as how it will be used\n */\n @property({ attribute: 'supporting-text' }) supportingText: string | undefined;\n\n /**\n * For text fields that validate their content (such as passwords), replace supporting text with error text when applicable.\n * If `errorText` is not an empty string, changing the property `invalid` to `true` will show the `errorText` instead of `supportingText`\n */\n @property({ attribute: 'error-text' }) errorText: string | undefined;\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 @property({ type: Boolean, reflect: true }) empty = false;\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * Get or sets where or not the field is in a visually invalid state.\n */\n @property({ type: Boolean, reflect: true }) invalid = false;\n\n static setDefaults(\n contextRoot: HTMLElement,\n config: UmFieldDefaults,\n ): ContextProvider<Context<HTMLElement, UmFieldDefaults>> {\n return new ContextProvider(contextRoot, {\n context: fieldDefaultsContext,\n initialValue: config,\n });\n }\n\n /**\n * Whether the field has a leading icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-leading-icon', reflect: true })\n hasLeadingIcon = false;\n\n /**\n * Whether the field has a trailing icon or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-trailing-icon', reflect: true })\n hasTrailingIcon = false;\n\n /**\n * Whether the field has an error text or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, attribute: 'has-error-text', reflect: true })\n hasErrorText = false;\n\n @queryAssignedElements({ slot: 'leading-icon', flatten: true })\n protected readonly assignedLeadingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'trailing-icon', flatten: true })\n protected readonly assignedTrailingIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'error-text', flatten: true })\n private readonly assignedErrorTexts!: HTMLElement[];\n\n @query('.label', true) private readonly _labelElement!: HTMLElement;\n @query('.container', true) protected _container!: HTMLElement;\n\n constructor() {\n super();\n this.variant = undefined;\n }\n\n protected override render(): TemplateResult {\n const variant = this.variant ?? this.config?.variant ?? 'filled';\n\n const classes = {\n [variant]: true,\n 'no-label': !this.label,\n };\n\n const counter = html`\n <slot class=\"counter\" name=\"counter\">\n <div>${this.counter ?? this._innerCounter}</div>\n </slot>\n `;\n\n const outline = html`\n <div class=\"outline\">\n <div class=\"outline-start\"></div>\n <div class=\"outline-notch\">\n <div class=\"outline-notch-label\">${this.label}</div>\n </div>\n <div class=\"outline-end\"></div>\n </div>\n `;\n\n return html`\n <div class=\"container ${classMap(classes)}\">\n ${variant === 'outlined' ? outline : nothing}\n <slot class=\"icon leading-icon\" name=\"leading-icon\" @slotchange=\"${this.handleLeadingIconSlotChange}\"></slot>\n <label class=\"label\" id=\"label\">${this.label}</label>\n <div class=\"input-wrapper\" part=\"wrapper\">${this.renderControl()}</div>\n <slot class=\"icon trailing-icon\" name=\"trailing-icon\" @slotchange=\"${this.handleTrailingIconSlotChange}\">\n <span>${this.renderDefaultTrailingIcon()}</span>\n </slot>\n </div>\n <div class=\"supporting-text\" id=\"supporting-text\">\n <slot class=\"error-text\" name=\"error-text\" @slotchange=\"${this.handleErrorTextSlotChange}\">\n <div>${this.errorText}</div>\n </slot>\n <slot name=\"supporting-text\" id=\"supporting-text\">\n <div>${this.supportingText}</div>\n </slot>\n ${this.hideCounter ? nothing : counter}\n </div>\n ${this.renderAfterContent()}\n `;\n }\n\n protected abstract renderControl(): TemplateResult;\n\n protected renderAfterContent(): TemplateResult {\n return html``;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.hasLeadingIcon = !!this.assignedLeadingIcons.length;\n }\n\n private handleLeadingIconSlotChange() {\n this._labelElement.style.transition = 'none';\n this.hasLeadingIcon = this.assignedLeadingIcons.length > 0;\n\n setTimeout(() => {\n this._labelElement.style.transition = '';\n });\n }\n\n private handleTrailingIconSlotChange() {\n this.hasTrailingIcon = this.assignedTrailingIcons.length > 0;\n }\n\n private handleErrorTextSlotChange() {\n this.hasErrorText = this.assignedErrorTexts.length > 0;\n }\n\n protected renderDefaultTrailingIcon(): TemplateResult | typeof nothing {\n return nothing;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-base.styles.d.ts","sourceRoot":"","sources":["../../src/field/field-base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAiXlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-base.styles.js","sourceRoot":"","sources":["../../src/field/field-base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiXzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_control-line-height: var(--u-field-control-line-height, 1.5rem);\n --_label-line-height: var(--u-field-label-line-height, 1rem);\n --_field-icon-size: var(--u-field-icon-size, 1.5rem);\n --_field-control-padding: var(--u-field-control-padding, 16px);\n --_field-control-inline-padding: var(--u-field-control-inline-padding, var(--_field-control-padding));\n --_field-control-block-padding: var(--u-field-control-block-padding, var(--_field-control-padding));\n --_field-min-height: var(--u-field-min-height, 56px);\n --_field-placeholder-color: var(--u-field-placeholder-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_disabled-color: var(--u-field-disabled-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-field-disabled-opacity, 38%), transparent));\n --_disabled-bg-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 12%), transparent));\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n --_color-error: var(--u-field-error-color, var(--u-color-error, rgb(179, 38, 30)));\n --_active-indicator-opacity: 1;\n --_vertical-padding: var(--u-field-vertical-padding, 8px);\n --_icon-size: var(--u-field-icon-size, 1.5rem);\n --_icon-padding: var(--u-field-icon-padding, 12px);\n --_icon-color: var(--u-icon-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_border-width: var(--u-field-border-width, 1px);\n --_border-color: var(--u-field-border-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n --_field-control-leading-padding: var(--_field-control-inline-padding);\n --_outlined-label-margin: var(--u-outlined-field-label-margin, 12px);\n --_outlined-label-padding: var(--u-outlined-field-label-padding, 4px);\n --u-label-input-start: auto;\n --u-label-input-span-leading-offset: 0;\n --u-label-input-span-trailing-offset: 0;\n --u-text-field-horizontal-padding: 12px;\n display: block;\n }\n\n .container {\n display: flex;\n align-items: center;\n position: relative;\n }\n .container::before, .container::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n box-sizing: border-box;\n pointer-events: none;\n }\n .container::before {\n background: var(--u-color-on-surface, rgb(29, 27, 32));\n transition: opacity 150ms;\n opacity: 0;\n }\n .container::after {\n border-width: var(--_border-width);\n border-color: var(--_border-color);\n }\n\n @media (hover: hover) {\n :host(:not([disabled]):not([invalid]):hover) .container.filled::before {\n opacity: var(--u-state-hover-opacity, 0.08);\n }\n :host(:not([disabled]):not([invalid]):not(:focus-within):hover) {\n --_border-color: var(--u-field-hover-border-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n }\n }\n .icon {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: var(--_icon-size);\n color: var(--_icon-color);\n font-size: var(--_icon-size);\n line-height: var(--_icon-size);\n }\n .icon::slotted(*) {\n flex-shrink: 0;\n }\n\n .leading-icon {\n margin-inline-start: var(--_icon-padding);\n }\n\n .trailing-icon {\n margin-inline-end: var(--_icon-padding);\n }\n\n .outline-notch-label,\n .label {\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-field-label-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-label-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-label-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n font-size: var(--u-field-label-font-size, var(--u-body-s-font-size, 0.75rem));\n }\n\n .label {\n display: block;\n position: absolute;\n inset-inline-start: var(--_field-control-leading-padding);\n margin-bottom: 0;\n line-height: var(--_label-line-height);\n color: var(--u-field-label-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n transition: inset 200ms, font-size 200ms;\n }\n\n .input-wrapper {\n display: flex;\n align-items: center;\n flex: 1;\n padding-block: var(--_vertical-padding);\n padding-inline: var(--_field-control-inline-padding);\n min-height: var(--_field-min-height);\n transition: opacity 150ms;\n }\n\n .input {\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n flex: 1;\n }\n .input:focus {\n outline: 0;\n }\n .input textarea,\n .input select,\n .input input,\n .input ::slotted(*) {\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-field-control-line-height, var(--u-body-l-line-height, 1.5rem));\n font-size: var(--u-field-control-font-size, var(--u-body-l-font-size, 1rem));\n letter-spacing: var(--u-field-control-letter-spacing, var(--u-body-l-letter-spacing, 0.03125rem));\n font-weight: var(--u-field-control-font-weight, var(--u-body-l-font-weight, var(--u-font-weight-regular, 400)));\n display: block;\n width: 100%;\n color: var(--u-field-input-text-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n min-height: var(--_control-line-height);\n line-height: var(--_control-line-height);\n padding: 0;\n margin: 0;\n appearance: none;\n background: transparent;\n border: none;\n outline: 0 !important;\n caret-color: var(--_color-primary);\n }\n .input,\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(select),\n .input ::slotted(:is(input, textarea))::placeholder {\n transition: color 150ms 100ms;\n }\n .input textarea::placeholder,\n .input input::placeholder,\n .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--_field-placeholder-color);\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-field-supporting-text-line-height, var(--u-body-s-line-height, 1rem));\n font-size: var(--u-field-supporting-text-font-size, var(--u-body-s-font-size, 0.75rem));\n letter-spacing: var(--u-field-supporting-text-letter-spacing, var(--u-body-s-letter-spacing, 0.0333333333rem));\n font-weight: var(--u-field-supporting-text-font-weight, var(--u-body-s-font-weight, var(--u-font-weight-regular, 400)));\n display: flex;\n color: var(--u-field-supporting-text, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n padding-inline: 16px;\n gap: 16px;\n }\n .supporting-text div:empty {\n display: none;\n }\n .supporting-text div,\n .supporting-text ::slotted(*) {\n display: inline-block;\n margin-top: 4px;\n }\n\n .error-text {\n display: none;\n }\n\n .counter div, .counter::slotted(*) {\n margin-inline-start: auto;\n }\n\n :host([has-leading-icon]) {\n --_field-control-leading-padding: calc(var(--_icon-padding) + var(--_icon-size) + var(--_field-control-inline-padding)) ;\n }\n\n :host(:not([has-leading-icon])) .leading-icon {\n display: none;\n }\n\n :host(:not([has-trailing-icon])) .container:has(slot[name=trailing-icon] span:empty) .trailing-icon {\n display: none;\n }\n\n :host(:focus-within) {\n --_border-width: var(--u-text-field-focus-border-width, 2px);\n --_border-color: var(--u-field-focused-border-color, var(--_color-primary));\n }\n :host(:focus-within) .label {\n color: var(--u-field-label-focused-color, var(--_color-primary));\n }\n\n :host([invalid]) {\n --_border-color: var(--u-field-error-border-color, var(--_color-error));\n }\n :host([invalid]) .label {\n color: var(--u-field-label-error-color, var(--_color-error));\n }\n :host([invalid]) .supporting-text {\n color: var(--u-field-supporting-text-error-color, var(--_color-error));\n }\n :host([invalid]) .trailing-icon {\n color: var(--u-field-trailing-icon-error-color, var(--_color-error));\n }\n :host([invalid]) .leading-icon {\n color: var(--u-field-leading-icon-error-color, var(--_icon-color));\n }\n\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) .error-text,\n :host([invalid][has-error-text]) .error-text {\n display: contents;\n }\n :host([invalid]) .supporting-text:has(.error-text div:not(:empty)) slot[name=supporting-text],\n :host([invalid][has-error-text]) slot[name=supporting-text] {\n display: none;\n }\n\n .container.filled {\n border-radius: var(--u-field-filled-border-radius, 4px 4px 0 0);\n background-color: var(--u-color-surface-container-highest, rgb(230, 224, 233));\n }\n .container.filled::after {\n border-bottom-style: solid;\n }\n .container.filled:not(.no-label) .input-wrapper {\n padding-top: calc(var(--_vertical-padding) + var(--_label-line-height));\n padding-bottom: var(--_vertical-padding);\n }\n .container.filled .label {\n top: var(--_vertical-padding);\n }\n .container.filled .input ::slotted(:is(input, textarea, select, button)) {\n display: block;\n }\n .container.outlined .label {\n top: calc(var(--_label-line-height) / -2);\n }\n\n .container.outlined:focus-within .label,\n :host(:not([empty])) .container.outlined .label {\n inset-inline-start: calc(var(--_outlined-label-margin) + var(--_outlined-label-padding));\n }\n\n :host([empty]) ::slotted(select) {\n color: var(--_field-placeholder-color);\n }\n\n :host([empty]:not(:focus-within)) .label {\n font-size: var(--u-field-label-font-size, var(--u-body-l-font-size, 1rem));\n pointer-events: none;\n top: calc(var(--_field-min-height) / 2 - var(--_label-line-height) / 2);\n }\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input-wrapper,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input input::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) .input textarea::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(:is(input, textarea))::placeholder,\n :host([empty]:not(:focus-within)) .container:not(.no-label) ::slotted(select) {\n color: transparent;\n transition: color 150ms;\n }\n\n :host([disabled]) {\n --_border-color: var(--u-field-disabled-border-color, var(--_disabled-color));\n }\n :host([disabled]) .container .filled {\n background-color: var(--u-filled-field-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-filled-field-background-disabled-opacity, 4%), transparent));\n }\n :host([disabled]) .supporting-text {\n color: var(--u-field-supporting-text-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .label {\n color: var(--u-field-label-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .input,\n :host([disabled]) .input select,\n :host([disabled]) .input select::placeholder,\n :host([disabled]) .input textarea,\n :host([disabled]) .input textarea::placeholder,\n :host([disabled]) .input input,\n :host([disabled]) .input input::placeholder,\n :host([disabled]) .input ::slotted(*),\n :host([disabled]) .input ::slotted(:is(input, textarea))::placeholder {\n color: var(--u-field-input-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .trailing-icon {\n color: var(--u-field-trailing-icon-disabled-color, var(--_disabled-color));\n }\n :host([disabled]) .leading-icon {\n color: var(--u-field-leading-icon-disabled-color, var(--_disabled-color));\n }\n\n .outline {\n position: absolute;\n inset: 0;\n display: flex;\n border-radius: var(--u-outlined-field-shape-corder, var(--u-shape-corner-small, 8px));\n pointer-events: none;\n }\n\n .outline-start,\n .outline-end {\n border: var(--_border-width) solid var(--_border-color);\n border-radius: inherit;\n flex-basis: var(--_outlined-label-margin);\n }\n\n .outline-start {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n border-inline-end: none;\n }\n\n .outline-end {\n flex: 1;\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n border-inline-start: none;\n }\n\n .outline-notch {\n min-width: 0;\n border-bottom: var(--_border-width) solid var(--_border-color);\n }\n\n .outline-notch-label {\n position: relative;\n color: transparent;\n padding-inline: var(--_outlined-label-padding);\n user-select: none;\n }\n\n .outline-notch-label::before,\n .outline-notch-label::after {\n content: \"\";\n position: absolute;\n border-top: var(--_border-width) solid var(--_border-color);\n width: 50%;\n transition: width 100ms;\n }\n\n .outline-notch-label::before {\n left: 0;\n }\n\n .outline-notch-label::after {\n right: 0;\n }\n\n .container:not(.no-label):focus-within .outline-notch-label::before,\n .container:not(.no-label):focus-within .outline-notch-label::after,\n :host(:not([empty])) .container:not(.no-label) .outline-notch-label::before,\n :host(:not([empty])) .container:not(.no-label) .outline-notch-label::after {\n width: 0;\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-defaults-context.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,oBAAoB;;CAA6D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-defaults-context.js","sourceRoot":"","sources":["../../src/field/field-defaults-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAI7C,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAkB,0BAA0B,CAAC,CAAC","sourcesContent":["import { createContext } from '@lit/context';\n\nimport { UmFieldDefaults } from './field-defaults.js';\n\nexport const fieldDefaultsContext = createContext<UmFieldDefaults>('u-field-defaults-context');\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-defaults.d.ts","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;CACzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-defaults.js","sourceRoot":"","sources":["../../src/field/field-defaults.ts"],"names":[],"mappings":"","sourcesContent":["import { UmFieldVariant } from './field-variant.js';\n\nexport interface UmFieldDefaults {\n variant: UmFieldVariant;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-variant.d.ts","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field-variant.js","sourceRoot":"","sources":["../../src/field/field-variant.ts"],"names":[],"mappings":"","sourcesContent":["export type UmFieldVariant = 'filled' | 'outlined';\n"]}
|
package/field/field.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBACa,OAAQ,SAAQ,WAAW;IAET,SAAS,UAAS;IAE/C,OAAO,CAAC,OAAO,CAAiC;IAEvC,iBAAiB;IAUjB,oBAAoB;IAM7B,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAIjC;cAEiB,aAAa;CAOjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,OAAO,CAAC;KACpB;CACF"}
|
package/field/field.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../src/field/field.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QAEwB,cAAS,GAAG,KAAK,CAAC;QAEvC,YAAO,GAA4B,IAAI,CAAC;QAkB/B,uBAAkB,GAAG,GAAG,EAAE;YACzC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IASJ,CAAC;IA7BU,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;QACrE,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAEjE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QACpC,CAAC;IACH,CAAC;IAEQ,oBAAoB;QAC3B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACpE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAQkB,aAAa;QAC9B,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAjC8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAmB;AAFpC,OAAO;IADnB,aAAa,CAAC,SAAS,CAAC;GACZ,OAAO,CAmCnB","sourcesContent":["import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmFieldBase } from './field-base.js';\n\n@customElement('u-field')\nexport class UmField extends UmFieldBase {\n\n @property({ type: Boolean }) autoEmpty = false;\n\n private control: HTMLInputElement | null = null;\n\n override connectedCallback() {\n super.connectedCallback();\n this.control = this.querySelector('input, select, button, textarea');\n this.control?.addEventListener('input', this.handleControlInput);\n\n if (this.autoEmpty) {\n this.empty = !this.control?.value;\n }\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.control?.removeEventListener('input', this.handleControlInput);\n this.control = null;\n }\n\n private readonly handleControlInput = () => {\n if (this.autoEmpty) {\n this.empty = !this.control?.value;\n }\n };\n\n protected override renderControl() {\n return html`\n <slot name=\"prefix\"></slot>\n <div class=\"input\"><slot></slot></div>\n <slot name=\"suffix\"></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-field': UmField;\n }\n}\n"]}
|
package/icon/icon.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAK3D,qBACa,MAAO,SAAQ,UAAU;IAEpC,OAAgB,MAAM,4BAAY;cAEf,MAAM,IAAI,kBAAkB;CAKhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,MAAM,CAAC;KAClB;CACF"}
|
package/icon/icon.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/icon/icon.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;aAEpB,WAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;IAEf,MAAM;QACvB,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AARU,MAAM;IADlB,aAAa,CAAC,QAAQ,CAAC;GACX,MAAM,CASlB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles } from './icon.styles.js';\n\n@customElement('u-icon')\nexport class UmIcon extends LitElement {\n\n static override styles = [styles];\n\n protected override render(): HTMLTemplateResult {\n return html`\n <slot></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-icon': UmIcon;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAUlB,CAAC"}
|
package/icon/icon.styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.styles.js","sourceRoot":"","sources":["../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_container-size: var(--u-icon-container-size, 40px);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--_container-size);\n height: var(--_container-size);\n font-size: var(--u-icon-size, 24px);\n }\n`;\n"]}
|
package/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/list/list-item.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;AAMpE,OAAO,qBAAqB,CAAC;AAE7B,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,0BAAU;IAEY,UAAU,UAAS;IAEtD,MAAM,IAAI,kBAAkB;CAqBtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
package/list/list-item.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,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;IAuBjE,CAAC;aAzBiB,WAAM,GAAG,MAAM,AAAT,CAAU;IAIvB,MAAM;QACb,MAAM,MAAM,GAAG,IAAI,CAAA,uBAAuB,CAAC;QAE3C,MAAM,gBAAgB,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;8BACe,gBAAgB;UACpC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;;;KAYvC,CAAC;IACJ,CAAC;;AAtB2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAoB;AAHpD,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA0BtB","sourcesContent":["import { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.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`<u-ripple></u-ripple>`;\n\n const containerClasses = classMap({ selectable: this.selectable });\n\n return html`\n <div class=\"container ${containerClasses}\" part=\"container\">\n ${this.selectable ? ripple : nothing}\n <slot name=\"leading-icon\" 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-icon\" part=\"trailing\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-list-item': UmListItem;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list-item.styles.d.ts","sourceRoot":"","sources":["../../src/list/list-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAqDlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .container {\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 .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.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.styles.d.ts","sourceRoot":"","sources":["../../src/list/list.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAKlB,CAAC"}
|
package/list/list.styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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"]}
|
package/menu/menu-item.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;IAEd,MAAM,UAAS;IAElD,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,gBAAgB,CAAS;IAC0B,QAAQ,UAAS;IAE5E,SAAS,SAAc;IAEvB,iBAAiB;IAMjB,oBAAoB;cAOV,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAS/C,cAAc,IAAI,kBAAkB;IAgBvD,SAAS,CAAC,0BAA0B,IAAI,cAAc,GAAG,OAAO,OAAO;CAWxE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
|
package/menu/menu-item.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAGxC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,eAAe;IAAxC;;QAGuC,WAAM,GAAG,KAAK,CAAC;QAE1C,oBAAe,GAAG,KAAK,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAC;QAC0B,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;IAsChI,CAAC;aA3DiB,WAAM,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnC,CAAoC;IAUjD,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,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,kBAAkB,EAAE,IAAI,CAAC,MAAM;YAC/B,cAAc,EAAE,IAAI,CAAC,eAAe;YACpC,eAAe,EAAE,IAAI,CAAC,gBAAgB;SACvC,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;oEAEqD,IAAI,CAAC,4BAA4B;;;;;;qEAMhC,IAAI,CAAC,6BAA6B;kBACrF,IAAI,CAAC,0BAA0B,EAAE;;;KAG9C,CAAC;IACJ,CAAC;IAES,0BAA0B;QAClC,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,4BAA4B,CAAC,CAAQ;QACnC,IAAI,CAAC,eAAe,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACtG,CAAC;IAED,6BAA6B,CAAC,CAAQ;QACpC,IAAI,CAAC,gBAAgB,GAAI,CAAC,CAAC,MAA0B,CAAC,gBAAgB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IACvG,CAAC;;AAxD2C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAgB;AAE1C;IAAhB,KAAK,EAAE;mDAAiC;AACxB;IAAhB,KAAK,EAAE;oDAAkC;AAC0B;IAAnE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAP1E,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CA4DtB","sourcesContent":["import { html, HTMLTemplateResult, nothing, TemplateResult } from 'lit';\nimport { customElement, property, state } 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 @property({ type: Boolean, reflect: true }) active = false;\n\n @state() private _hasLeadingIcon = false;\n @state() private _hasTrailingIcon = false;\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 _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n 'force-focus-ring': this.active,\n 'leading-icon': this._hasLeadingIcon,\n 'trailing-icon': this._hasTrailingIcon,\n };\n }\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"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-item.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAoDlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDzB,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 }\n\n .container {\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 .container:not(.leading-icon) .leading {\n display: none;\n }\n .container:not(.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 .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.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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;IAKlC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAQ;IAElD;;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;IAmBtC,iBAAiB;IAO1B,MAAM,aAOJ;IAEF,IAAI,IAAI,IAAI;IAIZ,KAAK,aAEH;IAsBF,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"}
|
package/menu/menu.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/menu/menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './menu.styles.js';\n\nimport '../elevation/elevation.js';\n\ninterface AnchorCornerBlockSide {\n top: number;\n bottom: number;\n relativeY: number;\n}\n\ninterface AnchorCornerInlineSide {\n left: number;\n right: number;\n relativeX: number;\n}\n\ninterface AnchorBounds {\n top: AnchorCornerBlockSide;\n bottom: AnchorCornerBlockSide;\n start: AnchorCornerInlineSide;\n end: AnchorCornerInlineSide;\n width: number;\n height: number;\n}\n\ninterface MenuPosition {\n bounds: AnchorBounds;\n isRtl: boolean;\n}\n\ninterface MenuSize {\n width: number;\n height: number;\n}\n\n@customElement('u-menu')\nexport class UmMenu extends LitElement {\n static override styles = [baseStyles, styles];\n\n #open = false;\n #preInitOpen = false;\n\n @property() autoclose: boolean | 'outside' = true;\n\n /**\n * Opens the menu and makes it visible. Alternative to the `.show()`, `.close()` and `.toggle()` methods\n */\n @property({ type: Boolean, reflect: true })\n get open(): boolean {\n return this.#open;\n }\n\n set open(open: boolean) {\n if (!this.menu) {\n this.#preInitOpen = open;\n return;\n }\n\n if (this.open === open) {\n return;\n }\n\n this.menu.removeEventListener('transitionend', this.#onClosed, true);\n this.menu.removeEventListener('transitionend', this.#onOpened, true);\n\n if (!open) {\n const closePrevented = !this.dispatchEvent(new Event('close', { cancelable: true }));\n\n if (closePrevented) {\n return;\n }\n\n this.#open = open;\n\n this.#hide();\n\n return;\n }\n\n const openPrevented = !this.dispatchEvent(new Event('open', { cancelable: true }));\n\n if (openPrevented) {\n return;\n }\n\n this.#open = open;\n\n this.#show();\n }\n\n #show() {\n this.menu.style.display = '';\n this.calcDropdownPositioning();\n\n this.menu.addEventListener('transitionend', this.#onOpened, {\n capture: true,\n once: true,\n });\n\n setTimeout(() => document.addEventListener('click', this.#clickClose));\n\n if (this.manualFocus) {\n return;\n }\n\n setTimeout(() => this.querySelector<HTMLElement>('u-menu-item:not([disabled])')?.focus());\n }\n\n #hide() {\n document.removeEventListener('click', this.#clickClose);\n\n this.menu.addEventListener('transitionend', this.#onClosed, {\n capture: true,\n once: true,\n });\n }\n\n @property({ reflect: true }) positioning: 'relative' | 'fixed' = 'relative';\n\n @property({ type: Boolean }) manualFocus = false;\n\n /**\n * The corner of the anchor which to align the menu in the standard logical\n * property style of <block>-<inline> e.g. `'end-start'`.\n */\n @property({ attribute: 'anchor-corner', reflect: true })\n anchorCorner: 'auto-start' | 'auto-end' | 'start-start' | 'start-end' | 'end-start' | 'end-end' = 'end-start';\n\n /**\n * The direction of the menu. e.g. `'down-end'`.\n *\n * NOTE: This value may not be respected by the menu positioning algorithm\n * if the menu would render outside the viewport.\n */\n @property({ reflect: true }) direction: 'up-start' | 'up-end' | 'down-start' | 'down-end' = 'down-end';\n\n /**\n * Don't limit the height of the menu\n */\n @property({ type: Boolean, attribute: 'allow-overflow', reflect: true }) allowOverflow = false;\n\n @query('.menu') menu!: HTMLElement;\n @query('.ref') ref!: HTMLElement;\n\n get scrollContainer(): HTMLElement {\n return this.menu;\n }\n\n readonly #onOpened = () => this.dispatchEvent(new Event('opened'));\n\n readonly #onClosed = () => {\n this.menu.style.display = 'none';\n this.dispatchEvent(new Event('closed'));\n };\n\n #anchorElement: HTMLElement | null | undefined;\n\n get anchorElement(): HTMLElement | null | undefined {\n return this.#anchorElement ?? this.parentElement! ?? (this.getRootNode() as ShadowRoot).host;\n }\n\n set anchorElement(anchorElement: HTMLElement | null | undefined) {\n this.#anchorElement = anchorElement;\n }\n\n protected override render(): HTMLTemplateResult {\n const menuClasses = { open: this.open };\n\n return html`\n <div class=\"ref\"></div>\n <div\n class=\"menu ${classMap(menuClasses)}\" \n part=\"menu\"\n style=\"display: none\"\n ?inert=${!this.open}\n @click=${this.#handleMenuClick}>\n <u-elevation></u-elevation>\n <div role=\"menu\" class=\"content\" part=\"content\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.role = 'listbox';\n\n this.#setInitOpen();\n }\n\n toggle = () => {\n if (this.open) {\n this.close();\n return;\n }\n\n this.show();\n };\n\n show(): void {\n this.open = true;\n }\n\n close = () => {\n this.open = false;\n };\n\n readonly #clickClose = () => {\n if (this.autoclose !== false) {\n this.open = false;\n }\n };\n\n async #setInitOpen() {\n await this.updateComplete;\n\n if (this.#preInitOpen) {\n this.open = true;\n }\n }\n\n readonly #handleMenuClick = (e: Event) => {\n if (this.autoclose === 'outside') {\n e.stopPropagation();\n }\n };\n\n private calcDropdownPositioning() {\n if (!this.anchorElement) {\n return;\n }\n\n const menuPosition = this.getMenuPosition();\n const menuSize = this.getMenuSize();\n\n this.#resetMenu();\n this.#setToOpenUpOrDown(menuPosition, menuSize);\n this.#setToOpenToStartOrEnd(menuPosition, menuSize);\n }\n\n #resetMenu() {\n this.menu.className = 'menu';\n this.menu.style.top = '';\n this.menu.style.bottom = '';\n this.menu.style.left = '';\n this.menu.style.right = '';\n this.menu.style.maxHeight = '';\n }\n\n #setToOpenUpOrDown(menuPosition: MenuPosition, menuSize: MenuSize): void {\n if (this.anchorCorner.startsWith('auto-')) {\n this.#openBlockAuto(menuPosition, menuSize);\n return;\n }\n\n const side = this.anchorCorner.startsWith('start-') ? menuPosition.bounds.top : menuPosition.bounds.bottom;\n\n if (this.direction.startsWith('up-')) {\n this.#tryOpenUp(side, menuSize);\n return;\n }\n\n this.#tryOpenDown(side, menuSize);\n }\n\n #openBlockAuto(menuPosition: MenuPosition, menuSize: MenuSize): void {\n const topSide = menuPosition.bounds.top;\n const bottomSide = menuPosition.bounds.bottom;\n\n const viewPortHeight = window.innerHeight;\n\n if (bottomSide.bottom >= topSide.top || viewPortHeight - (bottomSide.top + menuSize.height) >= 0) {\n this.#openDown(bottomSide);\n return;\n }\n\n this.#openUp(topSide);\n }\n\n #tryOpenUp(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n if (side.top === side.bottom || side.top - menuSize.height >= 0) {\n this.#openUp(side);\n return;\n }\n\n this.#openToLargestBlockSide(side);\n }\n\n #tryOpenDown(side: AnchorCornerBlockSide, menuSize: MenuSize): void {\n const viewPortHeight = window.innerHeight;\n\n if (side.top === side.bottom || viewPortHeight - (side.top + menuSize.height) >= 0) {\n this.#openDown(side);\n return;\n }\n\n this.#openToLargestBlockSide(side);\n }\n\n #openToLargestBlockSide(side: AnchorCornerBlockSide) {\n if (side.top > side.bottom) {\n this.#openUp(side);\n return;\n }\n\n this.#openDown(side);\n }\n\n #setToOpenToStartOrEnd(menuPosition: MenuPosition, menuSize: MenuSize): void {\n const openStart = menuPosition.isRtl ? this.#tryOpenRight.bind(this) : this.#tryOpenLeft.bind(this);\n const openEnd = menuPosition.isRtl ? this.#tryOpenLeft.bind(this) : this.#tryOpenRight.bind(this);\n\n const side = this.anchorCorner.endsWith('-start') ? menuPosition.bounds.start : menuPosition.bounds.end;\n\n if (this.direction.endsWith('-start')) {\n openStart(side, menuSize);\n return;\n }\n\n openEnd(side, menuSize);\n }\n\n #tryOpenLeft(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n if (side.left === side.right || side.left - menuSize.width >= 0) {\n this.menu.style.right = `${side.relativeX * -1}px`;\n return;\n }\n\n this.#openToLargestInlineSide(side);\n }\n\n #tryOpenRight(side: AnchorCornerInlineSide, menuSize: MenuSize): void {\n const viewPortWidth = window.innerWidth;\n\n if (side.left === side.right || viewPortWidth - (side.left + menuSize.width) >= 0) {\n this.menu.style.left = `${side.relativeX}px`;\n return;\n }\n\n this.#openToLargestInlineSide(side);\n }\n\n #openToLargestInlineSide(side: AnchorCornerInlineSide) {\n if (side.left > side.right) {\n this.menu.style.right = `${side.relativeX * -1}px`;\n return;\n }\n\n this.menu.style.left = `${side.relativeX}px`;\n }\n\n #openUp(side: AnchorCornerBlockSide) {\n const viewPortHeight = window.innerHeight;\n\n this.menu.style.bottom = `${side.relativeY * -1}px`;\n this.menu.classList.add('up');\n this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.bottom}px`;\n }\n\n #openDown(side: AnchorCornerBlockSide) {\n const viewPortHeight = window.innerHeight;\n this.menu.style.top = `${side.relativeY}px`;\n this.menu.style.maxHeight = this.allowOverflow ? '' : `${viewPortHeight - side.top}px`;\n }\n\n private getMenuPosition(): MenuPosition {\n const viewPortWidth = window.innerWidth;\n const viewPortHeight = window.innerHeight;\n\n const anchorElement = this.anchorElement!;\n const anchorRect = anchorElement.getBoundingClientRect();\n const refRect = this.ref.getBoundingClientRect();\n const anchorStyles = getComputedStyle(anchorElement);\n const isRtl = anchorStyles.direction === 'rtl';\n\n const width = parseInt(anchorStyles.width, 10);\n const height = parseInt(anchorStyles.height, 10);\n\n const rectX = refRect.left;\n const rectY = refRect.top;\n\n const leftPoint: AnchorCornerInlineSide = {\n left: anchorRect.left,\n right: viewPortWidth - anchorRect.left,\n relativeX: anchorRect.left - rectX,\n };\n\n const rightPoint: AnchorCornerInlineSide = {\n left: anchorRect.right,\n right: viewPortWidth - anchorRect.right,\n relativeX: leftPoint.relativeX + width,\n };\n\n const topPoint: AnchorCornerBlockSide = {\n top: anchorRect.top,\n relativeY: anchorRect.top - rectY,\n bottom: viewPortHeight - anchorRect.top,\n };\n\n const anchorBounds: AnchorBounds = {\n top: topPoint,\n bottom: {\n top: anchorRect.bottom,\n relativeY: topPoint.relativeY + height,\n bottom: viewPortHeight - anchorRect.bottom,\n },\n start: isRtl ? rightPoint : leftPoint,\n end: isRtl ? leftPoint : rightPoint,\n width,\n height,\n };\n\n return {\n isRtl,\n bounds: anchorBounds,\n };\n }\n\n private getMenuSize(): MenuSize {\n const menu = this.menu;\n const menuStyles = getComputedStyle(menu);\n const width = parseInt(menuStyles.width, 10);\n const height = parseInt(menuStyles.height, 10);\n\n return {\n width,\n height,\n };\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-menu': UmMenu;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.styles.d.ts","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkElB,CAAC"}
|
package/menu/menu.styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --u-elevation-level: var(--u-menu-elevation-level, 2);\n display: block;\n width: 0;\n z-index: var(--u-menu-z-index, 1020);\n }\n\n :host([positioning=relative]) {\n position: relative;\n }\n\n :host([positioning=fixed]) {\n position: fixed;\n }\n\n .ref {\n position: absolute;\n inset-inline-start: 0;\n pointer-events: none;\n }\n\n .content {\n width: 100%;\n padding-block: var(--u-menu-padding, 8px);\n opacity: 0;\n transition: opacity 1ms 400ms;\n scroll-padding-block: 32px;\n overflow: auto;\n }\n\n .menu {\n position: absolute;\n display: flex;\n min-width: var(--u-menu-min-width, 112px);\n max-width: var(--u-menu-max-width, 280px);\n background: var(--u-menu-bg-color, var(--u-color-surface-container, rgb(243, 237, 247)));\n border-radius: var(--u-menu-shape-corner, var(--u-shape-corner-extra-small, 4px));\n opacity: 0;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1) 350ms, opacity 350ms;\n transform: scale3d(1, 0, 0);\n transform-origin: top;\n }\n .menu.up {\n transform-origin: bottom;\n }\n .menu.open {\n opacity: 1;\n transition: transform 350ms cubic-bezier(0.19, 1, 0.22, 1), opacity 250ms;\n transform: scale3d(1, 1, 1);\n }\n .menu.open .content {\n opacity: 1;\n transition: opacity 300ms 150ms;\n }\n\n @keyframes menu-open {\n from {\n opacity: 0;\n transform: scale3d(1, 0, 0);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-headline.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAMvD,qBACa,gBAAiB,SAAQ,UAAU;IAE9C,OAAgB,MAAM,iCAGpB;IAEO,MAAM,IAAI,cAAc;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-headline.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG9C,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;aAE9B,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAEO,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAbU,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAc5B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-headline.styles.js';\n\n@customElement('u-drawer-headline')\nexport class UmDrawerHeadline extends LitElement {\n\n static override styles = [\n UmButtonWrapper.styles,\n styles,\n ];\n\n override render(): TemplateResult {\n return html`\n <div class=\"container\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-drawer-headline': UmDrawerHeadline;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-headline.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAUlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-headline.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-headline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .container {\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-drawer-headline-line-height, var(--u-title-s-line-height, 1.25rem));\n font-size: var(--u-drawer-headline-font-size, var(--u-title-s-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-headline-letter-spacing, var(--u-title-s-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-headline-font-weight, var(--u-title-s-font-weight, var(--u-font-weight-medium, 500)));\n color: var(--u-drawer-headline-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n margin-block: var(--u-drawer-headline-margin-block, 16px 24px);\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-item.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,qBACa,YAAa,SAAQ,eAAe;IAE/C,OAAgB,MAAM,iCAGpB;IAEO,QAAQ,UAAS;IACjB,SAAS,UAAS;IAE3B;;;;OAIG;IACyC,MAAM,UAAS;IAE3D;;OAEG;IACwE,cAAc,UAAS;IAGlG,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAiB;IAG/C,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEvC,iBAAiB;cAKP,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;cAQ/C,cAAc,IAAI,kBAAkB;IAiBvD,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,qBAAqB;IAIpB,YAAY,IAAI,IAAI;CAW9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-item.js","sourceRoot":"","sources":["../../src/navigation/drawer-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1F,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAG1C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAA1C;;QAOI,aAAQ,GAAG,KAAK,CAAC;QACjB,cAAS,GAAG,KAAK,CAAC;QAE3B;;;;WAIG;QACyC,WAAM,GAAG,KAAK,CAAC;QAE3D;;WAEG;QACwE,mBAAc,GAAG,KAAK,CAAC;IAyDpG,CAAC;aA3EiB,WAAM,GAAG;QACvB,eAAe,CAAC,MAAM;QACtB,MAAM;KACP,AAHqB,CAGpB;IAuBO,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;IAEkB,oBAAoB;QACrC,OAAO;YACL,GAAG,KAAK,CAAC,oBAAoB,EAAE;YAC/B,UAAU,EAAE,IAAI,CAAC,QAAQ;YACzB,WAAW,EAAE,IAAI,CAAC,SAAS;SAC5B,CAAC;IACJ,CAAC;IAEkB,cAAc;QAC/B,OAAO,IAAI,CAAA;;;;;yBAKU,IAAI,CAAC,oBAAoB;;;;;;yBAMzB,IAAI,CAAC,qBAAqB;;KAE9C,CAAC;IACJ,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAChD,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;IAClD,CAAC;IAEQ,YAAY;QACnB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAEzD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,YAAY,GAAG,KAAK,CAAC;QACtC,CAAC;IACH,CAAC;;AArEQ;IAAR,KAAK,EAAE;8CAAkB;AACjB;IAAR,KAAK,EAAE;+CAAmB;AAOiB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAKgB;IAA1E,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAAwB;AAGjF;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACR;AAG9B;IADhB,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDACR;AA1BrC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA6ExB","sourcesContent":["import { html, HTMLTemplateResult } from 'lit';\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js';\n\nimport { UmButtonWrapper } from '../shared/button-wrapper.js';\nimport { styles } from './drawer-item.styles.js';\n\n@customElement('u-drawer-item')\nexport class UmDrawerItem extends UmButtonWrapper {\n\n static override styles = [\n UmButtonWrapper.styles,\n styles,\n ];\n\n @state() _hasIcon = false;\n @state() _hasBadge = false;\n\n /**\n * Whether the drawer item is active or not\n *\n * _Note:_ Readonly\n */\n @property({ type: Boolean, reflect: true }) active = false;\n\n /**\n * If true, it will not attempt to close de navigation drawer on click\n */\n @property({ type: Boolean, attribute: 'keep-drawer-open', reflect: true }) keepDrawerOpen = false;\n\n @queryAssignedElements({ slot: 'icon', flatten: true })\n private readonly assignedIcons!: HTMLElement[];\n\n @queryAssignedElements({ slot: 'badge', flatten: true })\n private readonly assignedBadges!: HTMLElement[];\n\n override connectedCallback() {\n super.connectedCallback();\n this.setAttribute('aria-labelledby', 'label');\n }\n\n protected override _getContainerClasses(): Record<string, boolean> {\n return {\n ...super._getContainerClasses(),\n 'has-icon': this._hasIcon,\n 'has-badge': this._hasBadge,\n };\n }\n\n protected override _renderContent(): HTMLTemplateResult {\n return html`\n <div class=\"icon\">\n <slot\n name=\"icon\"\n aria-hidden=\"true\"\n @slotchange=\"${this.handleIconSlotChange}\"></slot>\n </div>\n <span class=\"label\" id=\"text\"><slot></slot></span>\n <span class=\"badge\">\n <slot\n name=\"badge\"\n @slotchange=\"${this.handleBadgeSlotChange}\"></slot>\n </span>\n `;\n }\n\n private handleIconSlotChange() {\n this._hasIcon = this.assignedIcons.length > 0;\n }\n\n private handleBadgeSlotChange() {\n this._hasBadge = this.assignedBadges.length > 0;\n }\n\n override _handleClick(): void {\n if (this.keepDrawerOpen) {\n return;\n }\n\n const sideNavigation = this.closest('u-side-navigation');\n\n if (sideNavigation) {\n sideNavigation.toggleDrawer = false;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-drawer-item': UmDrawerItem;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-item.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmDlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-item.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-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 --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.5rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\n }\n\n .container {\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-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n .container:not(.has-icon) .icon, .container:not(.has-badge) .badge {\n display: none;\n }\n\n :host(.active) .container,\n :host([active]) .container {\n background-color: var(--u-drawer-item-label-active-color, var(--u-color-secondary-container, rgb(232, 222, 248)));\n color: var(--u-drawer-item-label-active-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n }\n\n .icon {\n display: flex;\n width: 1em;\n height: 1em;\n align-items: center;\n justify-content: center;\n font-size: var(--_drawer-item-icon-size);\n line-height: 1em;\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAGpB;cAEiB,MAAM,IAAI,kBAAkB;CAOhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
|
package/navigation/drawer.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/navigation/drawer.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,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aACtB,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZU,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAapB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer.styles.js';\n\n@customElement('u-drawer')\nexport class UmDrawer extends LitElement {\n static override styles = [\n baseStyles,\n styles,\n ];\n\n protected override render(): HTMLTemplateResult {\n return html`\n <div class=\"container\" part=\"container\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-drawer': UmDrawer;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmBlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer.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: block;\n height: 100vh;\n }\n\n .container {\n background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n height: 100%;\n overflow: auto;\n padding: var(--u-drawer-padding, var(--u-drawer-padding-block, 16px) var(--u-drawer-padding-inline, 28px));\n }\n\n @media (min-width: 1200px) {\n .container {\n background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n }\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-swiper.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgIlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-swiper.styles.js","sourceRoot":"","sources":["../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .content {\n position: fixed;\n inset: 0;\n z-index: 1;\n overflow: auto;\n }\n\n .drawer {\n position: relative;\n width: var(--_navigation-drawer-width);\n z-index: var(--u-side-navigation-z-index, 1030);\n pointer-events: auto;\n }\n\n .scrim {\n z-index: 1;\n }\n\n swiper-container {\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n swiper-container::part(wrapper) {\n pointer-events: none;\n z-index: 2;\n }\n\n @media (min-width: 1200px) {\n :host {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .content {\n position: static;\n }\n swiper-container::part(container) {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .dummy-slide {\n display: none;\n }\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAS3D,OAAO,2BAA2B,CAAC;AAEnC,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,4BAA6E;IAGnG,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;;;;OAKG;IACH,IACI,YAAY,IAIe,OAAO,CAFrC;IAED,IAAI,YAAY,CAAC,YAAY,EAAE,OAAO,EAMrC;IAE0B,eAAe,EAAE,GAAG,CAAC;IAC/B,KAAK,EAAG,WAAW,CAAC;IACT,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IAE5D,MAAM,IAAI,kBAAkB;IAIrC,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;CAInB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.js","sourceRoot":"","sources":["../../src/navigation/side-navigation.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { config } from '../config.js';\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles as swiperStyles } from './side-navigation-swiper.styles.js';\nimport { styles } from './side-navigation.styles.js';\n\nimport '../elevation/elevation.js';\n\n@customElement('u-side-navigation')\nexport class UmSideNavigation extends LitElement {\n static override styles = [baseStyles, config.navigationDrawer.useSwiperJs ? swiperStyles : styles];\n\n #toggleDrawer = false;\n private disableSlideAnimation = false;\n\n /**\n * Toggle the navigation drawer visibility\n *\n * _Modal drawer_: Open if `true`, closed if `false`\n * _Standard drawer_: Collapsed if `true`, visible if `false`\n */\n @property({ type: Boolean, attribute: 'toggle-drawer' })\n get toggleDrawer() {\n return this.#toggleDrawer;\n }\n\n set toggleDrawer(toggleDrawer: boolean) {\n this.#toggleDrawer = toggleDrawer;\n\n if (!this.disableSlideAnimation) {\n this.swiperContainer?.swiper?.slideTo(toggleDrawer ? 0 : 1);\n }\n }\n\n @query('swiper-container') swiperContainer: any;\n @query('.scrim') scrim!: HTMLElement;\n @query('#scroll-container') scrollContainer: HTMLElement | undefined;\n\n override render(): HTMLTemplateResult {\n return config.navigationDrawer.useSwiperJs ? this.renderWithSwipe() : this.renderDefault();\n }\n\n private renderDefault() {\n const classes = { toggle: this.toggleDrawer };\n\n return html`\n <div class=\"grid container\">\n <div>\n <div class=\"navigation\">\n <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\"></div>\n <div class=\"drawer ${classMap(classes)}\">\n <u-elevation></u-elevation>\n <div class=\"drawer-container\">\n <slot name=\"drawer\"></slot>\n </div>\n </div>\n <slot name=\"rail\"></slot>\n </div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private renderWithSwipe() {\n const classes = { toggle: this.toggleDrawer };\n return html`\n <swiper-container\n class=\"container\"\n initial-slide=\"1\"\n resistance-ratio=\"0\"\n slides-per-view=\"auto\"\n simulate-touch=\"false\"\n @swiperactiveindexchange=\"${this.swiperActiveIndexChange}\"\n @swiperslidermove=\"${this.swiperSliderMove}\"\n @swipertransitionend=\"${this.swiperTransitionEnd}\"\n @swipertransitionstart=\"${this.swiperTransitionStart}\"\n @swiperslidesgridlengthchange=\"${this.slidesGridLengthChange}\">\n <swiper-slide class=\"drawer ${classMap(classes)}\">\n <u-elevation></u-elevation>\n <div class=\"drawer-container\">\n <slot name=\"drawer\"></slot>\n </div>\n </swiper-slide>\n <swiper-slide class=\"dummy-slide\"></swiper-slide>\n\n <div id=\"scroll-container\" class=\"content\" slot=\"container-end\">\n <slot></slot>\n </div>\n <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\" slot=\"container-end\"></div>\n </swiper-container>\n `;\n }\n\n private swiperActiveIndexChange() {\n if (!this.swiperContainer?.swiper) {\n return;\n }\n\n this.toggleDrawer = !this.swiperContainer.swiper.activeIndex;\n }\n\n private swiperTransitionStart() {\n this.scrim.classList.add('moving');\n }\n\n private slidesGridLengthChange() {\n if (!this.swiperContainer?.swiper) {\n return;\n }\n\n this.classList.add('disable-transition');\n\n const gridLength = this.swiperContainer.swiper.snapGrid.length;\n this.swiperContainer.swiper.slideTo(gridLength === 1 ? 0 : 1, 0);\n this.disableSlideAnimation = true;\n this.toggleDrawer = true;\n this.toggleDrawer = false;\n this.disableSlideAnimation = false;\n setTimeout(() => this.classList.remove('disable-transition'));\n }\n\n private swiperTransitionEnd() {\n this.scrim.style.removeProperty('--_modal-drawer-open-progress');\n this.scrim.classList.remove('moving');\n }\n\n private swiperSliderMove(e: Event) {\n\n const swiper = (e as any).detail[0];\n this.scrim.style.setProperty('--_modal-drawer-open-progress', `${1 - swiper.progress}`);\n }\n\n private scrimClick() {\n this.toggleDrawer = false;\n this.swiperContainer?.swiper?.slideTo(1);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-side-navigation': UmSideNavigation;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyHlB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.styles.js","sourceRoot":"","sources":["../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .navigation {\n position: fixed;\n inset-inline-start: 0;\n inset-block-start: 0;\n height: 100%;\n z-index: var(--u-side-navigation-z-index, 1030);\n }\n\n .drawer {\n position: absolute;\n inset-inline-start: var(--_navigation-drawer-width-negative);\n inset-block-start: 0;\n width: var(--_navigation-drawer-width);\n height: 100%;\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n overflow: hidden;\n }\n .drawer.toggle {\n inset-inline-start: 0;\n }\n\n .grid {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n @media (min-width: 1200px) {\n .drawer {\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n }\n`;\n"]}
|