@universal-material/web 3.6.19 → 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 +28 -0
- package/dist/esm/select/option.d.ts.map +1 -0
- package/dist/esm/select/option.js +112 -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 +222 -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/dist/vscode.html-custom-data.json +2026 -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 -25051
- 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 +0 -27
- package/select/option.d.ts.map +0 -1
- package/select/option.js +0 -106
- 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 +0 -219
- 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/vscode.html-custom-data.json +0 -2026
- /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.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.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
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { svg } from 'lit';
|
|
3
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
4
|
+
import { UmMenuItem } from '../menu/menu-item.js';
|
|
5
|
+
import { styles } from './option.styles.js';
|
|
6
|
+
import './select.js';
|
|
7
|
+
let UmOption = class UmOption extends UmMenuItem {
|
|
8
|
+
constructor() {
|
|
9
|
+
super(...arguments);
|
|
10
|
+
this.#mutationObserver = new MutationObserver(() => this.#updateContent());
|
|
11
|
+
this.#value = '';
|
|
12
|
+
this.#selected = false;
|
|
13
|
+
this._nativeOption = null;
|
|
14
|
+
}
|
|
15
|
+
static { this.styles = [UmMenuItem.styles, styles]; }
|
|
16
|
+
#mutationObserver;
|
|
17
|
+
#value;
|
|
18
|
+
#selected;
|
|
19
|
+
get value() {
|
|
20
|
+
return this.#value;
|
|
21
|
+
}
|
|
22
|
+
set value(value) {
|
|
23
|
+
this.#value = value;
|
|
24
|
+
if (this._nativeOption) {
|
|
25
|
+
this._nativeOption.value = value;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
get selected() {
|
|
29
|
+
return this.#selected;
|
|
30
|
+
}
|
|
31
|
+
set selected(selected) {
|
|
32
|
+
if (this.#selected === selected) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
this.#selected = selected;
|
|
36
|
+
if (this._nativeOption) {
|
|
37
|
+
this._nativeOption.selected = selected;
|
|
38
|
+
}
|
|
39
|
+
this._select?._updateEmpty();
|
|
40
|
+
}
|
|
41
|
+
_getContainerClasses() {
|
|
42
|
+
return {
|
|
43
|
+
...super._getContainerClasses(),
|
|
44
|
+
selected: this.selected,
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
_renderDefaultTrailingIcon() {
|
|
48
|
+
return svg `
|
|
49
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em" fill="currentColor">
|
|
50
|
+
<path d="M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z"/>
|
|
51
|
+
</svg>`;
|
|
52
|
+
}
|
|
53
|
+
get _select() {
|
|
54
|
+
return this.parentElement?.tagName === 'U-SELECT'
|
|
55
|
+
? this.parentElement
|
|
56
|
+
: null;
|
|
57
|
+
}
|
|
58
|
+
connectedCallback() {
|
|
59
|
+
super.connectedCallback();
|
|
60
|
+
this.addEventListener('click', this.#handleClick);
|
|
61
|
+
this.setAttribute('tabindex', '-1');
|
|
62
|
+
this.#mutationObserver.observe(this, {
|
|
63
|
+
subtree: true,
|
|
64
|
+
characterData: true,
|
|
65
|
+
childList: true,
|
|
66
|
+
});
|
|
67
|
+
this.#updateContent();
|
|
68
|
+
}
|
|
69
|
+
disconnectedCallback() {
|
|
70
|
+
super.disconnectedCallback();
|
|
71
|
+
this.removeEventListener('click', this.#handleClick);
|
|
72
|
+
this.#mutationObserver.disconnect();
|
|
73
|
+
}
|
|
74
|
+
#handleClick(e) {
|
|
75
|
+
if (!this._select) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
e.stopPropagation();
|
|
79
|
+
this._setSelectedByUser();
|
|
80
|
+
}
|
|
81
|
+
_writeNativeSelected() {
|
|
82
|
+
if (!this._nativeOption) {
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
this.selected = this._nativeOption.selected;
|
|
86
|
+
}
|
|
87
|
+
_setSelectedByUser() {
|
|
88
|
+
this.selected = true;
|
|
89
|
+
if (!this._select) {
|
|
90
|
+
return;
|
|
91
|
+
}
|
|
92
|
+
this._select.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));
|
|
93
|
+
this._select.dispatchEvent(new Event('change', { bubbles: true }));
|
|
94
|
+
this._select._updateEmpty();
|
|
95
|
+
this._select._syncSelectedOptions();
|
|
96
|
+
this._select._menu?.close();
|
|
97
|
+
}
|
|
98
|
+
#updateContent() {
|
|
99
|
+
this._select?._renderOptionRelatedElements();
|
|
100
|
+
}
|
|
101
|
+
};
|
|
102
|
+
__decorate([
|
|
103
|
+
property({ reflect: true })
|
|
104
|
+
], UmOption.prototype, "value", null);
|
|
105
|
+
__decorate([
|
|
106
|
+
property({ type: Boolean })
|
|
107
|
+
], UmOption.prototype, "selected", null);
|
|
108
|
+
UmOption = __decorate([
|
|
109
|
+
customElement('u-option')
|
|
110
|
+
], UmOption);
|
|
111
|
+
export { UmOption };
|
|
112
|
+
//# sourceMappingURL=option.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.js","sourceRoot":"","sources":["../../../src/select/option.ts"],"names":[],"mappings":"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","sourcesContent":["import { svg, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { UmMenuItem } from '../menu/menu-item.js';\nimport { styles } from './option.styles.js';\nimport { UmSelect } from './select.js';\n\nimport './select.js';\n\n@customElement('u-option')\nexport class UmOption extends UmMenuItem {\n static override styles = [UmMenuItem.styles, styles];\n\n readonly #mutationObserver = new MutationObserver(() => this.#updateContent());\n\n #value = '';\n #selected = false;\n _nativeOption: HTMLOptionElement | null = null;\n\n @property({ reflect: true })\n get value(): string {\n return this.#value;\n }\n\n set value(value: string) {\n this.#value = value;\n\n if (this._nativeOption) {\n this._nativeOption.value = value;\n }\n }\n\n @property({ type: Boolean })\n get selected(): boolean {\n return this.#selected;\n }\n\n set selected(selected: boolean) {\n if (this.#selected === selected) {\n return;\n }\n\n this.#selected = selected;\n\n if (this._nativeOption) {\n this._nativeOption.selected = selected;\n }\n\n this._select?._updateEmpty();\n }\n\n protected override _getContainerClasses() {\n return {\n ...super._getContainerClasses(),\n selected: this.selected,\n };\n }\n\n protected override _renderDefaultTrailingIcon(): TemplateResult {\n return svg`\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n <path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\"/>\n </svg>`;\n }\n\n get _select(): UmSelect | null {\n return this.parentElement?.tagName === 'U-SELECT'\n ? this.parentElement as UmSelect\n : null;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this.#handleClick);\n this.setAttribute('tabindex', '-1');\n\n this.#mutationObserver.observe(this, {\n subtree: true,\n characterData: true,\n childList: true,\n });\n\n this.#updateContent();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.#handleClick);\n this.#mutationObserver.disconnect();\n }\n\n #handleClick(e: Event) {\n if (!this._select) {\n return;\n }\n\n e.stopPropagation();\n\n this._setSelectedByUser();\n }\n\n _writeNativeSelected(): void {\n if (!this._nativeOption) {\n return;\n }\n\n this.selected = this._nativeOption.selected;\n }\n\n _setSelectedByUser() {\n\n this.selected = true;\n\n if (!this._select) {\n return;\n }\n\n this._select.dispatchEvent(new InputEvent('input', { bubbles: true, composed: true }));\n this._select.dispatchEvent(new Event('change', { bubbles: true }));\n\n this._select._updateEmpty();\n this._select._syncSelectedOptions();\n this._select._menu?.close();\n }\n\n #updateContent() {\n this._select?._renderOptionRelatedElements();\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-option': UmOption;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.styles.d.ts","sourceRoot":"","sources":["../../../src/select/option.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAYlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"option.styles.js","sourceRoot":"","sources":["../../../src/select/option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;CAYzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n .selected {\n background-color: var(--u-select-option-selected-bg-color, color-mix(in srgb, var(--u-color-primary, rgb(103, 80, 164)) 12%, transparent));\n }\n .selected .icon,\n .selected .content {\n color: var(--u-select-option-selected-text-color, var(--u-color-primary, rgb(103, 80, 164)));\n }\n\n .container:not(.selected):not(.trailing-icon) .trailing {\n display: none;\n }\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AASvC,qBAAa,0BAA2B,SAAQ,6BAA6B,CAAC,QAAQ,EAAE,QAAQ,CAAC;;cAG5E,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA0BtD,MAAM,CAAC,OAAO,EAAE,WAAW;IAK3B,MAAM;cAWI,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM;cAIrC,SAAS;IAI5B,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,qBAAqB;CAyB9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-navigation-controller.js","sourceRoot":"","sources":["../../../src/select/select-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { normalizedStartsWith } from '../shared/compare-text.js';\nimport { MenuFieldNavigationController } from '../shared/menu-field/menu-field-navigation-controller.js';\nimport { UmOption } from './option.js';\nimport { UmSelect } from './select.js';\n\nconst getCleanTypeaheadStatus = () => ({\n typing: false,\n repeating: false,\n buffer: '',\n timeoutId: 0,\n});\n\nexport class SelectNavigationController extends MenuFieldNavigationController<UmSelect, UmOption> {\n #typeaheadStatus = getCleanTypeaheadStatus();\n\n protected override handleKeyDown(event: KeyboardEvent): boolean {\n if (this.getHost()._menu.open) {\n const handled = super.handleKeyDown(event);\n\n return handled || this.handleType(event);\n }\n\n const isDown = event.key === 'ArrowDown';\n const isUp = event.key === 'ArrowUp';\n\n if (!isDown && !isUp) {\n return this.handleType(event);\n }\n\n event.preventDefault();\n this.getHost()._menu.show();\n\n if (!this.getHost().selectedOptions.length) {\n return true;\n }\n\n const option = this.getHost().selectedOptions[0];\n this.navigateTo(event, option, this.getHost()._menuItems.indexOf(option));\n return true;\n }\n\n override attach(element: HTMLElement) {\n super.attach(element);\n this.getHost()._menu.addEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n }\n\n override detach() {\n super.detach();\n this.getHost()._menu.removeEventListener('menu-item-mouseenter', this.#handleMouseFocus);\n }\n\n readonly #handleMouseFocus = (e: Event) => {\n this.blurMenu();\n const option = e.target as UmOption;\n this.focusMenu(option, this.getHost()._menuItems.indexOf(option), false, false);\n };\n\n protected override afterFocus(_: UmOption, index: number) {\n this.getHost()._button.setAttribute('aria-activedescendant', `item-${index + 1}`);\n }\n\n protected override afterBlur() {\n this.getHost()._button.removeAttribute('aria-activedescendant');\n }\n\n private handleType(event: KeyboardEvent) {\n if (event.key.length > 1) {\n return false;\n }\n\n if (this.#typeaheadStatus.timeoutId) {\n clearTimeout(this.#typeaheadStatus.timeoutId);\n }\n\n const lastFocusedMenu = this.focusedMenu;\n\n this.#typeaheadStatus.buffer += event.key;\n\n this.#typeaheadStatus.timeoutId = setTimeout(() => this.#typeaheadStatus = getCleanTypeaheadStatus(), 1000);\n\n const term =\n this.#typeaheadStatus.buffer.replaceAll(event.key, '') === '' ? event.key : this.#typeaheadStatus.buffer;\n this.findNextElementByTerm(term, lastFocusedMenu);\n\n return true;\n }\n\n private findNextElementByTerm(term: string, lastFocusedMenu: UmOption | null): void {\n const options = this.getHost()._options;\n const lastFocusedMenuIndex = lastFocusedMenu ? options.indexOf(lastFocusedMenu) : -1;\n\n let nextMenu =\n lastFocusedMenuIndex > -1 ? this.getHost()._options[lastFocusedMenuIndex + 1] as UmOption | undefined : null;\n\n if (!nextMenu || !normalizedStartsWith(nextMenu.textContent, term)) {\n nextMenu = options.find(o => normalizedStartsWith(o.textContent, term));\n }\n\n if (!nextMenu) {\n return;\n }\n\n const nextMenuIndex = options.indexOf(nextMenu);\n\n if (this.getHost()._menu.open) {\n this.blurMenu();\n this.focusMenu(nextMenu, nextMenuIndex);\n return;\n }\n\n nextMenu._setSelectedByUser();\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAqB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,OAAO,aAAa,CAAC;AAErB,qBACa,QAAS,SAAQ,eAAgB,YAAW,WAAW;;IAClE,OAAgB,MAAM,iCAAoC;IAE1D,aAAa,oBAAoC;IAejD;;OAEG;IACH,IACI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAYtB;IAEsB,KAAK,EAAG,MAAM,CAAC;IACd,OAAO,EAAG,iBAAiB,CAAC;IAC7B,MAAM,EAAG,WAAW,CAAC;IAEgB,eAAe,EAAE,UAAU,GAAG,OAAO,CAAc;IAE/G;;OAEG;IACH,IACI,aAAa,IAAI,MAAM,CAE1B;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,MAAM,EAE9B;IAED;;OAEG;IACH,IAAI,eAAe,IAAI,QAAQ,EAAE,CAIhC;IAED,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAIzB;;cAakB,aAAa,IAAI,cAAc;cAW/B,kBAAkB,IAAI,cAAc;cAQpC,yBAAyB,IAAI,cAAc;cAO3C,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAMnD,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAUhF,iBAAiB;IAOjB,oBAAoB;IAwE7B,4BAA4B;IAO5B,YAAY,IAAI,IAAI;IAIpB,IAAI,UAAU,IAAI,QAAQ,EAAE,CAE3B;IAoBD,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
|
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { html, render, svg } from 'lit';
|
|
3
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
4
|
+
import { map } from 'lit/directives/map.js';
|
|
5
|
+
import { html as staticHtml } from 'lit/static-html.js';
|
|
6
|
+
import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
|
|
7
|
+
import { UmOption } from './option.js';
|
|
8
|
+
import { SelectNavigationController } from './select-navigation-controller.js';
|
|
9
|
+
import { styles } from './select.styles.js';
|
|
10
|
+
import './option.js';
|
|
11
|
+
let UmSelect = class UmSelect extends UmTextFieldBase {
|
|
12
|
+
static { this.styles = [UmTextFieldBase.styles, styles]; }
|
|
13
|
+
#list;
|
|
14
|
+
#navigationController;
|
|
15
|
+
#resizeObserver;
|
|
16
|
+
#connected;
|
|
17
|
+
/**
|
|
18
|
+
* The `value` of the selected option
|
|
19
|
+
*/
|
|
20
|
+
get value() {
|
|
21
|
+
return this._nativeSelect.value;
|
|
22
|
+
}
|
|
23
|
+
set value(value) {
|
|
24
|
+
this._nativeSelect.value = value;
|
|
25
|
+
if (!this.#connected) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
this.elementInternals.setFormValue(value);
|
|
29
|
+
for (const option of this._options) {
|
|
30
|
+
option._writeNativeSelected();
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* The index of the selected option. When there's no selected option the value is `-1`.
|
|
35
|
+
*/
|
|
36
|
+
get selectedIndex() {
|
|
37
|
+
return this._nativeSelect.selectedIndex;
|
|
38
|
+
}
|
|
39
|
+
set selectedIndex(index) {
|
|
40
|
+
this._nativeSelect.selectedIndex = index;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* An `Array` containing the selected `UmOption` or empty if there's no selected option. Multiple selection is not supported.
|
|
44
|
+
*/
|
|
45
|
+
get selectedOptions() {
|
|
46
|
+
return this._nativeSelect.selectedOptions.length
|
|
47
|
+
? [this._options[this._nativeSelect.selectedIndex]]
|
|
48
|
+
: [];
|
|
49
|
+
}
|
|
50
|
+
get _options() {
|
|
51
|
+
const options = Array.from(this.querySelectorAll('u-option'));
|
|
52
|
+
return options.filter(o => o instanceof UmOption);
|
|
53
|
+
}
|
|
54
|
+
constructor() {
|
|
55
|
+
super();
|
|
56
|
+
this._nativeSelect = document.createElement('select');
|
|
57
|
+
this.#list = (() => {
|
|
58
|
+
const list = document.createElement('div');
|
|
59
|
+
list.role = 'listbox';
|
|
60
|
+
list.id = 'list';
|
|
61
|
+
list.className = 'list';
|
|
62
|
+
return list;
|
|
63
|
+
})();
|
|
64
|
+
this.#navigationController = new SelectNavigationController(this);
|
|
65
|
+
this.#resizeObserver = new ResizeObserver(() => this.#setMenuWidthProperty());
|
|
66
|
+
this.#connected = false;
|
|
67
|
+
this.menuPositioning = 'relative';
|
|
68
|
+
this.#handleClick = (e) => {
|
|
69
|
+
this._menu.toggle();
|
|
70
|
+
if (!this._menu.open || !this.selectedOptions.length) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
this.#navigationController.focusMenu(this.selectedOptions[0], 0, e.detail === 0, false);
|
|
74
|
+
};
|
|
75
|
+
this.#handleMenuOpen = () => {
|
|
76
|
+
this._button.setAttribute('aria-expanded', 'true');
|
|
77
|
+
};
|
|
78
|
+
this.#handleMenuOpened = () => {
|
|
79
|
+
if (!this.selectedOptions.length) {
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
const option = this.selectedOptions[0];
|
|
83
|
+
option.scrollIntoView({ block: 'nearest' });
|
|
84
|
+
};
|
|
85
|
+
this.#handleMenuClose = () => {
|
|
86
|
+
this._button.setAttribute('aria-expanded', 'false');
|
|
87
|
+
this.#navigationController.blurMenu();
|
|
88
|
+
};
|
|
89
|
+
this._nativeSelect.setAttribute('tabindex', '-1');
|
|
90
|
+
this._nativeSelect.setAttribute('part', 'select');
|
|
91
|
+
}
|
|
92
|
+
#setMenuWidthProperty() {
|
|
93
|
+
this.style.setProperty('--_menu-width', `${this.clientWidth}px`);
|
|
94
|
+
}
|
|
95
|
+
renderControl() {
|
|
96
|
+
return staticHtml `
|
|
97
|
+
<button
|
|
98
|
+
class="button"
|
|
99
|
+
role="combobox"
|
|
100
|
+
aria-expanded="false"
|
|
101
|
+
aria-owns="select"
|
|
102
|
+
?disabled=${this.disabled}></button>
|
|
103
|
+
<div class="input"></div>`;
|
|
104
|
+
}
|
|
105
|
+
renderAfterContent() {
|
|
106
|
+
return html `
|
|
107
|
+
<u-menu positioning="${this.menuPositioning}">
|
|
108
|
+
<slot @slotchange=${this._renderOptionRelatedElements}></slot>
|
|
109
|
+
</u-menu>
|
|
110
|
+
`;
|
|
111
|
+
}
|
|
112
|
+
renderDefaultTrailingIcon() {
|
|
113
|
+
return svg `
|
|
114
|
+
<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 -960 960 960" width="1em" fill="currentColor">
|
|
115
|
+
<path d="M480-360 280-560h400L480-360Z"/>
|
|
116
|
+
</svg>`;
|
|
117
|
+
}
|
|
118
|
+
updated(changedProperties) {
|
|
119
|
+
super.updated(changedProperties);
|
|
120
|
+
this.empty = !this.selectedOptions[0]?.textContent?.trim();
|
|
121
|
+
this.elementInternals.setFormValue(this._nativeSelect.value || null);
|
|
122
|
+
}
|
|
123
|
+
attributeChangedCallback(name, _old, value) {
|
|
124
|
+
super.attributeChangedCallback(name, _old, value);
|
|
125
|
+
if (name !== 'disabled') {
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
this._nativeSelect.disabled = value === null;
|
|
129
|
+
}
|
|
130
|
+
connectedCallback() {
|
|
131
|
+
super.connectedCallback();
|
|
132
|
+
this.#connected = true;
|
|
133
|
+
this.#attach();
|
|
134
|
+
}
|
|
135
|
+
disconnectedCallback() {
|
|
136
|
+
super.disconnectedCallback();
|
|
137
|
+
this.#detach();
|
|
138
|
+
}
|
|
139
|
+
#handleClick;
|
|
140
|
+
#handleMenuClick(e) {
|
|
141
|
+
e.stopPropagation();
|
|
142
|
+
}
|
|
143
|
+
#handleMenuOpen;
|
|
144
|
+
#handleMenuOpened;
|
|
145
|
+
#handleMenuClose;
|
|
146
|
+
async #attach() {
|
|
147
|
+
this.#resizeObserver.observe(this);
|
|
148
|
+
this._renderOptionRelatedElements();
|
|
149
|
+
await this.updateComplete;
|
|
150
|
+
this._nativeSelect.disabled = this.hasAttribute('disabled');
|
|
151
|
+
this.#navigationController.attach(this);
|
|
152
|
+
this._input.appendChild(this._nativeSelect);
|
|
153
|
+
this._input.appendChild(this.#list);
|
|
154
|
+
this._button.addEventListener('click', this.#handleClick);
|
|
155
|
+
this._menu.anchorElement = this._container;
|
|
156
|
+
this._menu.addEventListener('click', this.#handleMenuClick);
|
|
157
|
+
this._menu.addEventListener('open', this.#handleMenuOpen);
|
|
158
|
+
this._menu.addEventListener('opened', this.#handleMenuOpened);
|
|
159
|
+
this._menu.addEventListener('close', this.#handleMenuClose);
|
|
160
|
+
}
|
|
161
|
+
#detach() {
|
|
162
|
+
this.#resizeObserver.disconnect();
|
|
163
|
+
this._nativeSelect.remove();
|
|
164
|
+
this.#list.remove();
|
|
165
|
+
this.#navigationController.detach();
|
|
166
|
+
this.#connected = false;
|
|
167
|
+
this._button.removeEventListener('click', this.#handleClick);
|
|
168
|
+
this._menu.removeEventListener('click', this.#handleMenuClick);
|
|
169
|
+
this._menu.removeEventListener('open', this.#handleMenuOpen);
|
|
170
|
+
this._menu.removeEventListener('opened', this.#handleMenuOpened);
|
|
171
|
+
this._menu.removeEventListener('close', this.#handleMenuClose);
|
|
172
|
+
}
|
|
173
|
+
_renderOptionRelatedElements() {
|
|
174
|
+
this.#renderNativeOptions();
|
|
175
|
+
this.#renderAccessibilityList();
|
|
176
|
+
this._updateEmpty();
|
|
177
|
+
this._syncSelectedOptions();
|
|
178
|
+
}
|
|
179
|
+
_updateEmpty() {
|
|
180
|
+
this.empty = !this.selectedOptions[0]?.textContent?.trim();
|
|
181
|
+
}
|
|
182
|
+
get _menuItems() {
|
|
183
|
+
return this._options;
|
|
184
|
+
}
|
|
185
|
+
#renderNativeOptions() {
|
|
186
|
+
render(map(this._options, option => html `<option value=${option.value} ?selected=${option.selected}>${option.textContent}</option>`), this._nativeSelect);
|
|
187
|
+
}
|
|
188
|
+
#renderAccessibilityList() {
|
|
189
|
+
render(map(this._options, (option, index) => html `<div role="option" id="${`item-${index + 1}`}">${option.textContent}</div>`), this.#list);
|
|
190
|
+
}
|
|
191
|
+
_syncSelectedOptions() {
|
|
192
|
+
for (let i = 0; i < this._options.length; i++) {
|
|
193
|
+
const option = this._options[i];
|
|
194
|
+
const nativeOption = this._nativeSelect.children[i];
|
|
195
|
+
option.selected = nativeOption.selected;
|
|
196
|
+
option._nativeOption = nativeOption;
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
};
|
|
200
|
+
__decorate([
|
|
201
|
+
state()
|
|
202
|
+
], UmSelect.prototype, "value", null);
|
|
203
|
+
__decorate([
|
|
204
|
+
query('u-menu', true)
|
|
205
|
+
], UmSelect.prototype, "_menu", void 0);
|
|
206
|
+
__decorate([
|
|
207
|
+
query('.button', true)
|
|
208
|
+
], UmSelect.prototype, "_button", void 0);
|
|
209
|
+
__decorate([
|
|
210
|
+
query('.input', true)
|
|
211
|
+
], UmSelect.prototype, "_input", void 0);
|
|
212
|
+
__decorate([
|
|
213
|
+
property({ reflect: true, attribute: 'menu-positioning' })
|
|
214
|
+
], UmSelect.prototype, "menuPositioning", void 0);
|
|
215
|
+
__decorate([
|
|
216
|
+
state()
|
|
217
|
+
], UmSelect.prototype, "selectedIndex", null);
|
|
218
|
+
UmSelect = __decorate([
|
|
219
|
+
customElement('u-select')
|
|
220
|
+
], UmSelect);
|
|
221
|
+
export { UmSelect };
|
|
222
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues } from '@lit/reactive-element';\n\nimport { html, render, svg, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { html as staticHtml } from 'lit/static-html.js';\n\nimport { UmMenu } from '../menu/menu.js';\nimport { UmMenuField } from '../shared/menu-field/menu-field.js';\nimport { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';\nimport { UmOption } from './option.js';\nimport { SelectNavigationController } from './select-navigation-controller.js';\nimport { styles } from './select.styles.js';\n\nimport './option.js';\n\n@customElement('u-select')\nexport class UmSelect extends UmTextFieldBase implements UmMenuField {\n static override styles = [UmTextFieldBase.styles, styles];\n\n _nativeSelect = document.createElement('select');\n\n readonly #list: HTMLElement = (() => {\n const list = document.createElement('div');\n list.role = 'listbox';\n list.id = 'list';\n list.className = 'list';\n\n return list;\n })();\n\n readonly #navigationController = new SelectNavigationController(this);\n readonly #resizeObserver = new ResizeObserver(() => this.#setMenuWidthProperty());\n #connected = false;\n\n /**\n * The `value` of the selected option\n */\n @state()\n get value(): string {\n return this._nativeSelect.value;\n }\n\n set value(value: string) {\n this._nativeSelect.value = value;\n\n if (!this.#connected) {\n return;\n }\n\n this.elementInternals.setFormValue(value);\n\n for (const option of this._options) {\n option._writeNativeSelected();\n }\n }\n\n @query('u-menu', true) _menu!: UmMenu;\n @query('.button', true) _button!: HTMLButtonElement;\n @query('.input', true) _input!: HTMLElement;\n\n @property({ reflect: true, attribute: 'menu-positioning' }) menuPositioning: 'relative' | 'fixed' = 'relative';\n\n /**\n * The index of the selected option. When there's no selected option the value is `-1`.\n */\n @state()\n get selectedIndex(): number {\n return this._nativeSelect.selectedIndex;\n }\n\n set selectedIndex(index: number) {\n this._nativeSelect.selectedIndex = index;\n }\n\n /**\n * An `Array` containing the selected `UmOption` or empty if there's no selected option. Multiple selection is not supported.\n */\n get selectedOptions(): UmOption[] {\n return this._nativeSelect.selectedOptions.length\n ? [this._options[this._nativeSelect.selectedIndex]]\n : [];\n }\n\n get _options(): UmOption[] {\n const options = Array.from(this.querySelectorAll<HTMLElement>('u-option'));\n\n return options.filter(o => o instanceof UmOption);\n }\n\n constructor() {\n super();\n\n this._nativeSelect.setAttribute('tabindex', '-1');\n this._nativeSelect.setAttribute('part', 'select');\n }\n\n #setMenuWidthProperty(): void {\n this.style.setProperty('--_menu-width', `${this.clientWidth}px`);\n }\n\n protected override renderControl(): TemplateResult {\n return staticHtml`\n <button \n class=\"button\"\n role=\"combobox\"\n aria-expanded=\"false\"\n aria-owns=\"select\"\n ?disabled=${this.disabled}></button>\n <div class=\"input\"></div>`;\n }\n\n protected override renderAfterContent(): TemplateResult {\n return html`\n <u-menu positioning=\"${this.menuPositioning}\">\n <slot @slotchange=${this._renderOptionRelatedElements}></slot>\n </u-menu>\n `;\n }\n\n protected override renderDefaultTrailingIcon(): TemplateResult {\n return svg`\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"1em\" viewBox=\"0 -960 960 960\" width=\"1em\" fill=\"currentColor\">\n <path d=\"M480-360 280-560h400L480-360Z\"/>\n </svg>`;\n }\n\n protected override updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n this.empty = !this.selectedOptions[0]?.textContent?.trim();\n this.elementInternals.setFormValue(this._nativeSelect.value || null);\n }\n\n override attributeChangedCallback(name: string, _old: string | null, value: string | null) {\n super.attributeChangedCallback(name, _old, value);\n\n if (name !== 'disabled') {\n return;\n }\n\n this._nativeSelect.disabled = value === null;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.#connected = true;\n this.#attach();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.#detach();\n }\n\n readonly #handleClick = (e: MouseEvent) => {\n this._menu.toggle();\n\n if (!this._menu.open || !this.selectedOptions.length) {\n return;\n }\n\n this.#navigationController.focusMenu(this.selectedOptions[0], 0, e.detail === 0, false);\n };\n\n #handleMenuClick(e: Event) {\n e.stopPropagation();\n }\n\n readonly #handleMenuOpen = () => {\n this._button.setAttribute('aria-expanded', 'true');\n };\n\n readonly #handleMenuOpened = () => {\n if (!this.selectedOptions.length) {\n return;\n }\n\n const option = this.selectedOptions[0];\n option.scrollIntoView({ block: 'nearest' });\n };\n\n readonly #handleMenuClose = () => {\n this._button.setAttribute('aria-expanded', 'false');\n this.#navigationController.blurMenu();\n };\n\n async #attach(): Promise<void> {\n this.#resizeObserver.observe(this);\n this._renderOptionRelatedElements();\n\n await this.updateComplete;\n\n this._nativeSelect.disabled = this.hasAttribute('disabled');\n\n this.#navigationController.attach(this);\n\n this._input.appendChild(this._nativeSelect);\n this._input.appendChild(this.#list);\n this._button.addEventListener('click', this.#handleClick);\n\n this._menu.anchorElement = this._container;\n this._menu.addEventListener('click', this.#handleMenuClick);\n this._menu.addEventListener('open', this.#handleMenuOpen);\n this._menu.addEventListener('opened', this.#handleMenuOpened);\n this._menu.addEventListener('close', this.#handleMenuClose);\n }\n\n #detach(): void {\n this.#resizeObserver.disconnect();\n this._nativeSelect.remove();\n this.#list.remove();\n this.#navigationController.detach();\n this.#connected = false;\n this._button.removeEventListener('click', this.#handleClick);\n this._menu.removeEventListener('click', this.#handleMenuClick);\n this._menu.removeEventListener('open', this.#handleMenuOpen);\n this._menu.removeEventListener('opened', this.#handleMenuOpened);\n this._menu.removeEventListener('close', this.#handleMenuClose);\n }\n\n _renderOptionRelatedElements() {\n this.#renderNativeOptions();\n this.#renderAccessibilityList();\n this._updateEmpty();\n this._syncSelectedOptions();\n }\n\n _updateEmpty(): void {\n this.empty = !this.selectedOptions[0]?.textContent?.trim();\n }\n\n get _menuItems(): UmOption[] {\n return this._options;\n }\n\n #renderNativeOptions() {\n render(\n map(\n this._options,\n option =>\n html`<option value=${option.value} ?selected=${option.selected}>${option.textContent}</option>`),\n this._nativeSelect);\n }\n\n #renderAccessibilityList() {\n render(\n map(\n this._options,\n (option, index) =>\n html`<div role=\"option\" id=\"${`item-${index + 1}`}\">${option.textContent}</div>`),\n this.#list);\n }\n\n _syncSelectedOptions() {\n\n for (let i = 0; i < this._options.length; i++) {\n const option = this._options[i];\n const nativeOption = this._nativeSelect.children[i] as HTMLOptionElement;\n option.selected = nativeOption.selected;\n option._nativeOption = nativeOption;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-select': UmSelect;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAoClB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.styles.js","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n u-menu {\n display: block;\n width: 100%;\n }\n u-menu::part(menu) {\n width: var(--_menu-width);\n max-width: none;\n }\n\n :host(:not([disabled])) .button {\n cursor: pointer;\n }\n\n .button {\n position: absolute;\n inset: 0;\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n appearance: none;\n }\n\n select {\n pointer-events: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .list {\n width: 2px;\n height: 2px;\n margin: -1px;\n overflow: hidden;\n }\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.styles.d.ts","sourceRoot":"","sources":["../../../src/shared/base.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA6BlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.styles.js","sourceRoot":"","sources":["../../../src/shared/base.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host,\n * {\n --_focus-ring-color: var(--u-focus-ring-color, var(--u-color-secondary, rgb(98, 91, 113)));\n --_focus-ring-outline-offset: var(--u-focus-ring-outline-offset, 2px);\n 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 box-sizing: border-box;\n outline: 0;\n }\n\n .force-focus-ring .focus-ring,\n :host(.force-focus-ring) .focus-ring,\n .focus-ring:focus-visible {\n animation: u-focus-pulse 500ms ease;\n animation-fill-mode: forwards;\n outline-offset: var(--_focus-ring-outline-offset);\n }\n\n @keyframes u-focus-pulse {\n 0% {\n outline: 0 solid var(--_focus-ring-color);\n }\n 50% {\n outline: 6px solid var(--_focus-ring-color);\n }\n 100% {\n outline: 4px solid var(--_focus-ring-color);\n }\n }\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-wrapper.d.ts","sourceRoot":"","sources":["../../../src/shared/button-wrapper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AASpE,OAAO,2BAA2B,CAAC;AACnC,OAAO,qBAAqB,CAAC;AAE7B,8BAAsB,eAAgB,SAAQ,UAAU;;IACtD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D;;OAEG;IACyC,QAAQ,UAAS;IAEpD,YAAY,UAAQ;IAE7B;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAErC;;;OAGG;IACS,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEnB,QAAQ,CAAC,aAAa,EAAG,WAAW,CAAC;IACpC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAY;IAEvD,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE1C,IAAI,QAAQ,IAAI,MAAM,CAErB;cAEkB,MAAM,IAAI,kBAAkB;IAW/C,SAAS,CAAC,oBAAoB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAyCzD,SAAS,CAAC,QAAQ,CAAC,cAAc,IAAI,kBAAkB;IAE9C,iBAAiB;IAMjB,oBAAoB;IAMpB,KAAK;IAIL,IAAI;IAIb,SAAS,CAAC,YAAY,IAAI,MAAM,GAAG,IAAI;IAiCvC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;CAEzC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../../src/shared/button-wrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { UmRipple } from '../ripple/ripple.js';\nimport { styles as baseStyles } from './base.styles.js';\nimport { styles } from './button-wrapper.styles.js';\nimport { redispatchEvent } from './events/redispatch-event.js';\n\nimport '../elevation/elevation.js';\nimport '../ripple/ripple.js';\n\nexport abstract class UmButtonWrapper extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n /**\n * Whether the button is disabled or not.\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @state() renderRipple = true;\n\n /**\n * The URL that the link button points to.\n */\n @property() href: string | undefined;\n\n /**\n * Where to display the linked `href` URL for a link button. Common options\n * include `_blank` to open in a new tab.\n */\n @property() target: string | undefined;\n\n @property() name: string | undefined;\n\n @query('.button') readonly buttonElement!: HTMLElement;\n @query('u-ripple') private readonly _ripple!: UmRipple;\n\n protected innerRole: string | null = null;\n\n get pathname(): string {\n return (this.buttonElement as HTMLAnchorElement)?.pathname;\n }\n\n protected override render(): HTMLTemplateResult {\n\n const contents = typeof this.href === 'string'\n ? this.#renderLink()\n : this.#renderButton();\n\n const containerClasses = classMap(this._getContainerClasses());\n\n return html`<div class=\"container ${containerClasses}\" part=\"container\"> ${contents}</div>`;\n }\n\n protected _getContainerClasses(): Record<string, boolean> {\n return { disabled: this.disabled };\n }\n\n #renderButton() {\n return html`\n <div class=\"content\">${this._renderContent()}</div>\n <button\n id=\"button\"\n class=\"button focus-ring\"\n ?disabled=${this.disabled}\n aria-label=${this.getAriaLabel() || nothing}\n aria-labelledby=\"${this.getAriaLabel() ? nothing : 'text'}\"\n .role=${this.innerRole}\n type=\"button\"\n @click=${this.#innerClickHandler}>\n <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n <u-elevation></u-elevation>\n </button>\n `;\n }\n\n #renderLink() {\n return html`\n <div class=\"content\">${this._renderContent()}</div>\n <a\n id=\"link\"\n class=\"button\"\n href=${this.disabled ? nothing : this.href}\n aria-disabled=${this.disabled || nothing}\n aria-label=${this.ariaLabel || nothing}\n aria-labelledby=\"${this.ariaLabel ? nothing : 'text'}\"\n .role=${this.innerRole}\n target=${this.target || nothing}\n @click=${this.#innerClickHandler}>\n <u-elevation></u-elevation>\n <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n </a>\n `;\n }\n\n protected abstract _renderContent(): HTMLTemplateResult;\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener('focus', this.#innerFocusHandler);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.removeEventListener('focus', this.#innerFocusHandler);\n }\n\n override focus() {\n this.buttonElement?.focus();\n }\n\n override blur() {\n this.buttonElement?.blur();\n }\n\n protected getAriaLabel(): string | null {\n return this.ariaLabel;\n }\n\n #innerFocusHandler(): void {\n const tabIndexAttributeValue = this.getAttribute('tabindex');\n\n if (tabIndexAttributeValue !== '0') {\n return;\n }\n\n this.removeAttribute('tabindex');\n setTimeout(() => this.buttonElement?.focus());\n }\n\n #innerClickHandler(event: MouseEvent): void {\n if (this.disabled) {\n return;\n }\n\n const preventDefault = !redispatchEvent(this, event);\n\n if (preventDefault) {\n return;\n }\n\n if (!(event as PointerEvent).pointerType) {\n this._ripple.createRipple();\n }\n\n this._handleClick(event);\n }\n\n protected _handleClick(_: UIEvent): void {\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-wrapper.styles.d.ts","sourceRoot":"","sources":["../../../src/shared/button-wrapper.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA8DlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-wrapper.styles.js","sourceRoot":"","sources":["../../../src/shared/button-wrapper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n display: inline-block;\n }\n\n .container {\n position: relative;\n 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 appearance: none !important;\n }\n\n .disabled {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-background-opacity, 10%), transparent)) !important;\n color: var(--u-button-disabled-text-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-opacity, 38%), transparent)) !important;\n }\n .disabled .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native-text-field-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,8BAAsB,wBAAyB,SAAQ,eAAe;;IACpE,SAAS,CAAC,MAAM,SAAM;IACtB,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAE4B,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAI7E,IACI,SAAS,IAAI,MAAM,GAAG,SAAS,CAElC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAG1B;IAEqC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExD,KAAK;IAId,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAEvD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAMzC,SAAS,CAAC,YAAY;CAavB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"native-text-field-wrapper.js","sourceRoot":"","sources":["../../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,MAAM,OAAgB,wBAAyB,SAAQ,eAAe;IAAtE;;QACY,WAAM,GAAG,EAAE,CAAC;QA2BgB,SAAI,GAAkB,IAAI,CAAC;IA2BnE,CAAC;IApDC,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAID,UAAU,CAAqB;IAG/B,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,KAAa;QACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAIQ,KAAK;QACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIS,cAAc,CAAC,CAAgB;QACvC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC;QAC9C,CAAC;IACH,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;CACF;AApDC;IADC,QAAQ,EAAE;qDAGV;AAS4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAAiD;AAK7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAGzC;AAOqC;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAqC","sourcesContent":["import { property } from 'lit/decorators.js';\n\nimport { UmTextFieldBase } from '../text-field-base/text-field-base.js';\n\nexport abstract class UmNativeTextFieldWrapper extends UmTextFieldBase {\n protected _value = '';\n @property()\n get value() {\n return this._value;\n }\n\n set value(value: string) {\n this._value = value;\n this.empty = !value;\n this.elementInternals.setFormValue(value);\n this.#updateCounter();\n }\n\n @property({ reflect: true }) autocomplete: 'on' | 'off' | string | undefined;\n\n #maxlength: number | undefined;\n\n @property({ type: Number, reflect: true })\n get maxlength(): number | undefined {\n return this.#maxlength;\n }\n\n set maxlength(value: number) {\n this.#maxlength = value;\n this.#updateCounter();\n }\n\n @property({ reflect: true }) override role: string | null = null;\n\n override focus() {\n this.input.focus();\n }\n\n abstract input: HTMLInputElement | HTMLTextAreaElement;\n\n protected _handleKeyDown(e: KeyboardEvent) {\n if (e.key === 'Enter') {\n this.elementInternals.form?.requestSubmit();\n }\n }\n\n protected _handleInput() {\n this.value = this.input.value;\n this.#updateCounter();\n }\n\n #updateCounter() {\n if (this.maxlength) {\n this._innerCounter = `${this.value.length}/${this.maxlength}`;\n return;\n }\n\n this._innerCounter = undefined;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compare-text.d.ts","sourceRoot":"","sources":["../../../src/shared/compare-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,MAAM,GAAG,IAAI,KAAG,OAG9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compare-text.js","sourceRoot":"","sources":["../../../src/shared/compare-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAmB,EAAE,IAAmB,EAAW,EAAE,CACxF,aAAa,CAAC,IAAI,CAAC;KAChB,WAAW,EAAE;KACb,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC","sourcesContent":["import { normalizeText } from './normalize-text.js';\n\nexport const normalizedStartsWith = (text: string | null, term: string | null): boolean =>\n normalizeText(text)\n .toLowerCase()\n .startsWith(normalizeText(term).toLowerCase());\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dispatch-event.d.ts","sourceRoot":"","sources":["../../../../src/shared/events/dispatch-event.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dispatch-event.js","sourceRoot":"","sources":["../../../../src/shared/events/dispatch-event.ts"],"names":[],"mappings":"","sourcesContent":[""]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"redispatch-event.d.ts","sourceRoot":"","sources":["../../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,GAAI,SAAS,OAAO,EAAE,OAAO,KAAK,EAAE,UAAS,MAAM,GAAG,IAAW,YAe5F,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"redispatch-event.js","sourceRoot":"","sources":["../../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,KAAY,EAAE,UAAyB,IAAI,EAAE,EAAE;IAC/F,6EAA6E;IAC7E,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7D,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM,IAAI,GAAU,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACzF,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE/C,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","sourcesContent":["export const redispatchEvent = (element: Element, event: Event, newType: string | null = null) => {\n // For bubbling events in SSR light DOM (or composed), stop their propagation\n // and dispatch the copy.\n if (event.bubbles && (!element.shadowRoot || event.composed)) {\n event.stopPropagation();\n }\n\n const copy: Event = Reflect.construct(event.constructor, [newType ?? event.type, event]);\n const dispatched = element.dispatchEvent(copy);\n\n if (!dispatched) {\n event.preventDefault();\n }\n\n return dispatched;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extract-template-html.d.ts","sourceRoot":"","sources":["../../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,GAAI,UAAU,mBAAmB,WAQhE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extract-template-html.js","sourceRoot":"","sources":["../../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAA6B,EAAE,EAAE;IACnE,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1D,IAAI,IAAI,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["export const extractTemplateHtml = (template: HTMLTemplateElement) => {\n let html = '';\n\n for (const child of Array.from(template.content.children)) {\n html += child.outerHTML;\n }\n\n return html;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBAAa,6BAA6B,CAAC,MAAM,SAAS,WAAW,EAAE,SAAS,SAAS,UAAU;;IAEjG,SAAS,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAQ;IAC/C,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,MAAM,CAAC;IAEzC,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiC;gBAExD,IAAI,EAAE,MAAM;IAKxB,MAAM,CAAC,OAAO,EAAE,WAAW;IAQ3B,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA4CtD,OAAO,CAAC,QAAQ;IAwBhB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM;IAYrF,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAO,EAAE,MAAM,UAAO;IAetE,QAAQ;IAUR,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM;IAG7C,SAAS,CAAC,SAAS;CAEpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {\n #element: HTMLElement | null = null;\n protected focusedMenu: TMenuItem | null = null;\n protected readonly getHost: () => TField;\n\n private readonly _bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n constructor(host: TField) {\n this.getHost = () => host;\n this._bindHandleKeyDown = this.handleKeyDown.bind(this);\n }\n\n attach(element: HTMLElement) {\n this.detach();\n\n element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });\n this.getHost()._menu?.addEventListener('close', this.#handleMenuClose);\n this.#element = element;\n }\n\n detach() {\n this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);\n this.getHost()._menu?.removeEventListener('close', this.#handleMenuClose);\n this.#element = null;\n }\n\n readonly #handleMenuClose = () => this.blurMenu();\n\n protected handleKeyDown(event: KeyboardEvent): boolean {\n if (this.getHost()._menu?.open !== true) {\n return false;\n }\n\n const isEscape = event.key === 'Escape';\n\n if (isEscape) {\n this.getHost()._menu.close();\n }\n\n if (event.key === 'Home') {\n this.navigateTo(event, (this.getHost()._menuItems[0] as TMenuItem), 0);\n return true;\n }\n\n if (event.key === 'End') {\n this.navigateTo(\n event,\n (this.getHost()._menuItems[this.getHost()._menuItems.length - 1] as TMenuItem),\n this.getHost()._menuItems.length - 1,\n );\n return true;\n }\n\n const isDown = event.key === 'ArrowDown';\n const isUp = event.key === 'ArrowUp';\n\n if (isDown || isUp) {\n this.navigate(event, isDown);\n return true;\n }\n\n const isEnter = event.key === 'Enter';\n const isTab = event.key === 'Tab';\n\n if (isEnter || isTab) {\n this.selectActiveItem(event);\n return true;\n }\n\n return false;\n }\n\n private navigate(event: KeyboardEvent, forwards: boolean) {\n const menuItems = this.getHost()._menuItems;\n\n if (!menuItems.length) {\n return;\n }\n\n event.preventDefault();\n\n const activeMenu = this.focusedMenu;\n\n const activeMenuIndex = activeMenu ? menuItems.indexOf(activeMenu) : -1;\n\n const nextMenu = forwards\n ? menuItems[activeMenuIndex + 1] as TMenuItem ?? menuItems[0]\n : menuItems[activeMenuIndex - 1] as TMenuItem ?? menuItems[menuItems.length - 1];\n\n if (!nextMenu) {\n return;\n }\n\n this.navigateTo(event, nextMenu, menuItems.indexOf(nextMenu));\n }\n\n protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined, index: number) {\n event.preventDefault();\n\n this.blurMenu();\n\n if (!menu) {\n return;\n }\n\n this.focusMenu(menu, index);\n }\n\n focusMenu(menu: TMenuItem, index: number, active = true, scroll = true) {\n if (this.focusedMenu) {\n this.focusedMenu.active = false;\n }\n\n this.focusedMenu = menu;\n menu.active = active;\n\n if (scroll) {\n menu.scrollIntoView({ block: 'nearest' });\n }\n\n this.afterFocus(menu, index);\n }\n\n blurMenu() {\n if (!this.focusedMenu) {\n return;\n }\n\n this.focusedMenu.active = false;\n this.focusedMenu = null;\n this.afterBlur();\n }\n\n private selectActiveItem(event: KeyboardEvent) {\n if (!this.focusedMenu) {\n return;\n }\n\n event.preventDefault();\n this.focusedMenu.click();\n this.getHost()._menu.open = false;\n }\n\n protected afterFocus(_: TMenuItem, __: number) {\n }\n\n protected afterBlur() {\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-field.d.ts","sourceRoot":"","sources":["../../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,UAAU,IAAI,UAAU,EAAE,CAAC;CAChC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu-field.js","sourceRoot":"","sources":["../../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenu } from '../../menu/menu.js';\n\nexport interface UmMenuField {\n _menu: UmMenu;\n get _menuItems(): UmMenuItem[];\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,SAAS,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,GAAG,YAAY,MAAM,EAAE,KAAG,WAAW,CAAC,CAAC,CA2BzH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mixin-attribute-properties.js","sourceRoot":"","sources":["../../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAIA,aAAa;AACb,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAkC,IAAO,EAAE,GAAG,UAAoB,EAAkB,EAAE;IAC5H,aAAa;IACb,MAAe,mBAAoB,SAAQ,IAAI;QAC7C;YACE,KAAK,EAAE,CAAC;YAER,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;gBAClC,MAAM,WAAW,GAAG,QAAQ;qBACzB,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK;oBAC5B,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;oBACtD,CAAC,CAAC,OAAO,CAAC;qBACX,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEZ,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE;oBACpC,GAAG;wBACD,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC3B,CAAC;oBACD,GAAG,CAAC,KAAU;wBACZ,IAAI,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;oBAC5B,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\n\nimport { MixinBase, MixinReturn } from './mixin.js';\n\n// @ts-ignore\nexport const mixinAttributeProperties = <T extends MixinBase<LitElement>>(base: T, ...properties: string[]): MixinReturn<T> => {\n // @ts-ignore\n abstract class AttributeProperties extends base {\n constructor() {\n super();\n\n for (const property of properties) {\n const propertyKey = property\n .split('-')\n .map((segment, index) => index\n ? `${segment[0].toUpperCase()}${segment.substring(1)}`\n : segment)\n .join('');\n\n Object.defineProperty(this, property, {\n get() {\n return this[propertyKey];\n },\n set(value: any) {\n this[propertyKey] = value;\n },\n });\n }\n }\n }\n\n return AttributeProperties;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mixin.d.ts","sourceRoot":"","sources":["../../../src/shared/mixin.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,YAAY,GAAG,MAAM,IAAI,QAAQ,MAGrD,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,YAAY,CAAC;AAGlB,MAAM,MAAM,WAAW,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,IAGpD,CAAC,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,CAAC,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mixin.js","sourceRoot":"","sources":["../../../src/shared/mixin.ts"],"names":[],"mappings":"","sourcesContent":["export type MixinBase<ExpectedBase = object> = abstract new (\n // Mixins must have a constructor with `...args: any[]`\n // @ts-ignore\n ...args: any[]\n) => ExpectedBase;\n\n// eslint-disable-next-line @typescript-eslint/no-shadow\nexport type MixinReturn<MixinBase, MixinClass = object> =\n// Mixins must have a constructor with `...args: any[]`\n// tslint:disable-next-line:no-any\n (abstract new (...args: any[]) => MixinClass) & MixinBase;\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,GAAG,IAAI,KAAG,MAQnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"normalize-text.js","sourceRoot":"","sources":["../../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAmB,EAAU,EAAE;IAC3D,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,IAAI,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,OAAO,IAAI;SACR,SAAS,CAAC,KAAK,CAAC;SAChB,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AACrC,CAAC,CAAC","sourcesContent":["export const normalizeText = (text: string | null): string => {\n if (!text) {\n return text ?? '';\n }\n\n return text\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '');\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control-list-item.d.ts","sourceRoot":"","sources":["../../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,SAAS,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,KAAG,WAAW,CAAC,CAAC,CAoC7G,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control-list-item.js","sourceRoot":"","sources":["../../../../src/shared/selection-control/selection-control-list-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAkC,MAAM,KAAK,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAK7C,aAAa;AACb,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAA0C,IAAO,EAAkB,EAAE;IAChH,aAAa;IACb,MAAe,wBAAyB,SAAQ,IAAI;QAApD;;YAe+B,YAAO,GAAG,KAAK,CAAC;YAE1B,uBAAkB,GAAG,aAAa,CAAC;YACnC,sBAAiB,GAAG,OAAO,CAAC;QAajD,CAAC;iBA9BQ,WAAM,GAAG;YACb,IAAqC,CAAC,MAAM,IAAI,EAAE;YACnD,GAAG,CAAA;;;;;;;;;OASF;SACF,AAZY,CAYX;QAOO,MAAM;YACb,OAAO,IAAI,CAAA;;qCAEoB,CAAC,IAAI,CAAC,QAAQ;yBAC1B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,KAAK,KAAK,CAAC,MAAM,EAAE;;;;;OAKpF,CAAC;QACJ,CAAC;;IAf4B;QAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6DAAiB;IAkB/C,OAAO,wBAAwB,CAAC;AAClC,CAAC,CAAC","sourcesContent":["import { css, html, HTMLTemplateResult, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { MixinBase, MixinReturn } from '../mixin.js';\nimport { UmSelectionControl } from './selection-control.js';\n\n// @ts-ignore\nexport const mixinSelectionControlListItem = <T extends MixinBase<UmSelectionControl>>(base: T): MixinReturn<T> => {\n // @ts-ignore\n abstract class SelectionControlListItem extends base {\n static styles = [\n (base as unknown as typeof LitElement).styles ?? [],\n css`\n :host {\n --u-list-item-block-padding: 0;\n display: block;\n }\n\n :host(:not([disabled])) {\n cursor: pointer;\n }\n `,\n ];\n\n @property({ type: Boolean }) leading = false;\n\n protected override inputDescribedById = 'description';\n protected override inputLabelledById = 'label';\n\n override render(): HTMLTemplateResult {\n return html`\n <label>\n <u-list-item ?selectable=${!this.disabled}>\n <div slot=\"${this.leading ? 'leading-icon' : 'trailing-icon'}\">${super.render()}</div>\n <span id=\"label\"><slot></slot></span>\n <span id=\"description\" slot=\"supporting-text\"><slot name=\"supporting-text\"></slot></span>\n </u-list-item>\n </label>\n `;\n }\n }\n\n return SelectionControlListItem;\n};\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selection-control.d.ts","sourceRoot":"","sources":["../../../../src/shared/selection-control/selection-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAE/D,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAW,MAAM,KAAK,CAAC;AAOpE,OAAO,wBAAwB,CAAC;AAEhC,eAAO,MAAM,iBAAiB,GAAI,OAAO,KAAK,YAmB7C,CAAC;AA2BF,8BAAsB,kBAAmB,SAAQ,UAAU;;IACzD,OAAgB,MAAM,EAAE,cAAc,CAAwB;IAE9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAEtC,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAEF,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IAEzB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAM;IACf,QAAQ,UAAS;IAC7C,KAAK,EAAG,gBAAgB,CAAC;IAEzC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAMrC,SAAS,CAAC,SAAS,EAAE,UAAU,GAAG,OAAO,CAAc;IACvD,SAAS,CAAC,YAAY,UAAQ;IAC9B,SAAS,CAAC,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAa;IAC7D,SAAS,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5D,SAAS,CAAC,QAAQ,CAAC,eAAe,IAAI,kBAAkB;IAExD;;OAEG;IACS,KAAK,SAAQ;IAEzB,IACI,OAAO,IAIU,OAAO,CAF3B;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAQ3B;IAEkD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAS;IAE9F,SAAS;IAKA,YAAY,CAAC,iBAAiB,EAAE,cAAc;IAM9C,iBAAiB;IAMjB,oBAAoB;cAKV,MAAM,IAAI,kBAAkB;IAuC/C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,KAAK;CAKhC"}
|