@universal-material/web 3.0.139 → 3.0.140
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/.editorconfig +8 -0
- package/.eleventy.cjs +21 -0
- package/.vscode/extensions.json +9 -0
- package/CHANGELOG.md +98 -0
- package/LICENSE +28 -0
- package/add-custom-elements-schemas.cjs +75 -0
- package/change-compiler-to-add-custom-elements.js +26 -0
- package/change-schematics-to-generate-pug.js +32 -0
- package/docs/angular.json +110 -0
- package/docs/src/app/app.component.pug +199 -0
- package/docs/src/app/app.component.scss +109 -0
- package/docs/src/app/app.component.ts +158 -0
- package/docs/src/app/app.config.ts +26 -0
- package/docs/src/app/app.routes.ts +140 -0
- package/docs/src/app/components/button-set/button-set.component.pug +13 -0
- package/docs/src/app/components/button-set/button-set.component.scss +0 -0
- package/docs/src/app/components/button-set/button-set.component.ts +29 -0
- package/docs/src/app/components/button-set/examples/alignment.html +29 -0
- package/docs/src/app/components/button-set/examples/stack.html +5 -0
- package/docs/src/app/components/button-set/examples/usage.html +35 -0
- package/docs/src/app/components/cards/cards.component.pug +15 -0
- package/docs/src/app/components/cards/cards.component.scss +0 -0
- package/docs/src/app/components/cards/cards.component.ts +29 -0
- package/docs/src/app/components/cards/examples/card-media.html +39 -0
- package/docs/src/app/components/cards/examples/card-with-actions.html +40 -0
- package/docs/src/app/components/cards/examples/simple-card.html +5 -0
- package/docs/src/app/components/checkbox/checkbox.component.pug +5 -0
- package/docs/src/app/components/checkbox/checkbox.component.scss +0 -0
- package/docs/src/app/components/checkbox/checkbox.component.ts +23 -0
- package/docs/src/app/components/checkbox/examples/usage.html +33 -0
- package/docs/src/app/components/chip-field/chip-field.component.pug +17 -0
- package/docs/src/app/components/chip-field/chip-field.component.scss +0 -0
- package/docs/src/app/components/chip-field/chip-field.component.ts +42 -0
- package/docs/src/app/components/chip-field/examples/object-values.html +15 -0
- package/docs/src/app/components/chip-field/examples/simple.html +1 -0
- package/docs/src/app/components/chips/chips.component.pug +69 -0
- package/docs/src/app/components/chips/chips.component.scss +0 -0
- package/docs/src/app/components/chips/chips.component.ts +131 -0
- package/docs/src/app/components/common-buttons/common-buttons.component.pug +23 -0
- package/docs/src/app/components/common-buttons/common-buttons.component.scss +0 -0
- package/docs/src/app/components/common-buttons/common-buttons.component.ts +35 -0
- package/docs/src/app/components/common-buttons/examples/anchor-buttons.html +6 -0
- package/docs/src/app/components/common-buttons/examples/buttons-icons.html +24 -0
- package/docs/src/app/components/common-buttons/examples/buttons-trailing-icons.html +25 -0
- package/docs/src/app/components/common-buttons/examples/buttons-variants.html +6 -0
- package/docs/src/app/components/common-buttons/examples/filled-colors.html +4 -0
- package/docs/src/app/components/context-test/context-test.component.pug +11 -0
- package/docs/src/app/components/context-test/context-test.component.scss +0 -0
- package/docs/src/app/components/context-test/context-test.component.ts +23 -0
- package/docs/src/app/components/datepicker/datepicker.component.pug +1 -0
- package/docs/src/app/components/datepicker/datepicker.component.scss +0 -0
- package/docs/src/app/components/datepicker/datepicker.component.ts +20 -0
- package/docs/src/app/components/dialogs/dialogs.component.pug +24 -0
- package/docs/src/app/components/dialogs/dialogs.component.scss +0 -0
- package/docs/src/app/components/dialogs/dialogs.component.ts +33 -0
- package/docs/src/app/components/dialogs/examples/example.html +3 -0
- package/docs/src/app/components/expansion-panel/expansion-panel.component.pug +1 -0
- package/docs/src/app/components/expansion-panel/expansion-panel.component.scss +0 -0
- package/docs/src/app/components/expansion-panel/expansion-panel.component.ts +20 -0
- package/docs/src/app/components/fab/examples/button-colors.html +18 -0
- package/docs/src/app/components/fab/examples/button-sizes.html +11 -0
- package/docs/src/app/components/fab/examples/extended-buttons.html +18 -0
- package/docs/src/app/components/fab/examples/floating-action-area.html +5 -0
- package/docs/src/app/components/fab/examples/floating-menu.html +10 -0
- package/docs/src/app/components/fab/examples/lowered-buttons.html +6 -0
- package/docs/src/app/components/fab/fab.component.pug +27 -0
- package/docs/src/app/components/fab/fab.component.scss +0 -0
- package/docs/src/app/components/fab/fab.component.ts +38 -0
- package/docs/src/app/components/icon-buttons/examples/anchor-buttons.html +15 -0
- package/docs/src/app/components/icon-buttons/examples/buttons-variants.html +15 -0
- package/docs/src/app/components/icon-buttons/examples/toggle-buttons-manual.html +4 -0
- package/docs/src/app/components/icon-buttons/examples/toggle-buttons.html +48 -0
- package/docs/src/app/components/icon-buttons/icon-buttons.component.pug +19 -0
- package/docs/src/app/components/icon-buttons/icon-buttons.component.scss +0 -0
- package/docs/src/app/components/icon-buttons/icon-buttons.component.ts +32 -0
- package/docs/src/app/components/lists/examples/list-avatars.html +14 -0
- package/docs/src/app/components/lists/examples/list-custom-dividers.html +23 -0
- package/docs/src/app/components/lists/examples/list-dividers.html +17 -0
- package/docs/src/app/components/lists/examples/list-dynamic.html +26 -0
- package/docs/src/app/components/lists/examples/list-hover.html +17 -0
- package/docs/src/app/components/lists/examples/list-icons.html +17 -0
- package/docs/src/app/components/lists/examples/list-indexed.html +123 -0
- package/docs/src/app/components/lists/examples/list-sections.html +16 -0
- package/docs/src/app/components/lists/examples/list-three-lines.html +20 -0
- package/docs/src/app/components/lists/examples/list-two-lines.html +20 -0
- package/docs/src/app/components/lists/examples/list-with-action.html +26 -0
- package/docs/src/app/components/lists/examples/list-with-activated-item.html +17 -0
- package/docs/src/app/components/lists/examples/simple-list.html +17 -0
- package/docs/src/app/components/lists/lists.component.pug +19 -0
- package/docs/src/app/components/lists/lists.component.scss +0 -0
- package/docs/src/app/components/lists/lists.component.ts +20 -0
- package/docs/src/app/components/menus/examples/down-end.html +15 -0
- package/docs/src/app/components/menus/examples/down-left.html +10 -0
- package/docs/src/app/components/menus/examples/down-right.html +10 -0
- package/docs/src/app/components/menus/examples/down-start.html +10 -0
- package/docs/src/app/components/menus/examples/down.html +10 -0
- package/docs/src/app/components/menus/examples/up-end.html +10 -0
- package/docs/src/app/components/menus/examples/up-left.html +10 -0
- package/docs/src/app/components/menus/examples/up-right.html +10 -0
- package/docs/src/app/components/menus/examples/up-start.html +10 -0
- package/docs/src/app/components/menus/examples/up.html +10 -0
- package/docs/src/app/components/menus/menus.component.pug +43 -0
- package/docs/src/app/components/menus/menus.component.scss +15 -0
- package/docs/src/app/components/menus/menus.component.ts +60 -0
- package/docs/src/app/components/navigation-item.model.ts +4 -0
- package/docs/src/app/components/progress/examples/circular-progress.html +13 -0
- package/docs/src/app/components/progress/examples/determinate-progress.html +3 -0
- package/docs/src/app/components/progress/examples/indeterminate-progress.html +3 -0
- package/docs/src/app/components/progress/examples/progress-color.html +3 -0
- package/docs/src/app/components/progress/progress.component.pug +34 -0
- package/docs/src/app/components/progress/progress.component.scss +0 -0
- package/docs/src/app/components/progress/progress.component.ts +34 -0
- package/docs/src/app/components/ripple/examples/usage.html +9 -0
- package/docs/src/app/components/ripple/ripple.component.pug +7 -0
- package/docs/src/app/components/ripple/ripple.component.scss +0 -0
- package/docs/src/app/components/ripple/ripple.component.ts +23 -0
- package/docs/src/app/components/select/select.component.pug +175 -0
- package/docs/src/app/components/select/select.component.scss +3 -0
- package/docs/src/app/components/select/select.component.ts +35 -0
- package/docs/src/app/components/selection-controls/examples/checkbox.html +22 -0
- package/docs/src/app/components/selection-controls/examples/radio-button.html +36 -0
- package/docs/src/app/components/selection-controls/examples/switch.html +12 -0
- package/docs/src/app/components/selection-controls/selection-controls.component.pug +13 -0
- package/docs/src/app/components/selection-controls/selection-controls.component.scss +0 -0
- package/docs/src/app/components/selection-controls/selection-controls.component.ts +29 -0
- package/docs/src/app/components/sliders/examples/example.html +42 -0
- package/docs/src/app/components/sliders/sliders.component.pug +5 -0
- package/docs/src/app/components/sliders/sliders.component.scss +0 -0
- package/docs/src/app/components/sliders/sliders.component.ts +23 -0
- package/docs/src/app/components/snackbars/examples/example.html +35 -0
- package/docs/src/app/components/snackbars/snackbars.component.pug +5 -0
- package/docs/src/app/components/snackbars/snackbars.component.scss +0 -0
- package/docs/src/app/components/snackbars/snackbars.component.ts +23 -0
- package/docs/src/app/components/steppers/steppers.component.pug +1 -0
- package/docs/src/app/components/steppers/steppers.component.scss +0 -0
- package/docs/src/app/components/steppers/steppers.component.ts +20 -0
- package/docs/src/app/components/tables/examples/overview.html +49 -0
- package/docs/src/app/components/tables/examples/table-hover.html +67 -0
- package/docs/src/app/components/tables/tables.component.pug +74 -0
- package/docs/src/app/components/tables/tables.component.scss +0 -0
- package/docs/src/app/components/tables/tables.component.ts +29 -0
- package/docs/src/app/components/tabs/examples/example.html +45 -0
- package/docs/src/app/components/tabs/tabs.component.pug +14 -0
- package/docs/src/app/components/tabs/tabs.component.scss +0 -0
- package/docs/src/app/components/tabs/tabs.component.ts +32 -0
- package/docs/src/app/components/text-fields/text-fields.component.pug +122 -0
- package/docs/src/app/components/text-fields/text-fields.component.scss +3 -0
- package/docs/src/app/components/text-fields/text-fields.component.ts +130 -0
- package/docs/src/app/components/toolbars/examples/simple-toolbar.html +33 -0
- package/docs/src/app/components/toolbars/toolbars.component.pug +5 -0
- package/docs/src/app/components/toolbars/toolbars.component.scss +0 -0
- package/docs/src/app/components/toolbars/toolbars.component.ts +23 -0
- package/docs/src/app/components/typeahead/examples/handling-selection.html +27 -0
- package/docs/src/app/components/typeahead/examples/object-results.html +9 -0
- package/docs/src/app/components/typeahead/examples/simple.html +8 -0
- package/docs/src/app/components/typeahead/typeahead.component.pug +43 -0
- package/docs/src/app/components/typeahead/typeahead.component.scss +0 -0
- package/docs/src/app/components/typeahead/typeahead.component.ts +52 -0
- package/docs/src/app/content/typography/examples/typos.html +17 -0
- package/docs/src/app/content/typography/typography.component.pug +4 -0
- package/docs/src/app/content/typography/typography.component.scss +0 -0
- package/docs/src/app/content/typography/typography.component.ts +21 -0
- package/docs/src/app/docs/apis-table/apis-table.component.pug +26 -0
- package/docs/src/app/docs/apis-table/apis-table.component.scss +9 -0
- package/docs/src/app/docs/apis-table/apis-table.component.ts +26 -0
- package/docs/src/app/docs/example/example.component.pug +17 -0
- package/docs/src/app/docs/example/example.component.scss +21 -0
- package/docs/src/app/docs/example/example.component.ts +39 -0
- package/docs/src/app/docs/link-active.directive.ts +38 -0
- package/docs/src/app/docs/shared/title-to-hash.ts +7 -0
- package/docs/src/app/docs/submenu/submenu.component.pug +7 -0
- package/docs/src/app/docs/submenu/submenu.component.scss +9 -0
- package/docs/src/app/docs/submenu/submenu.component.ts +21 -0
- package/docs/src/app/docs/title/title.component.pug +5 -0
- package/docs/src/app/docs/title/title.component.scss +3 -0
- package/docs/src/app/docs/title/title.component.ts +19 -0
- package/docs/src/app/dummy/dummy.component.pug +1 -0
- package/docs/src/app/dummy/dummy.component.scss +0 -0
- package/docs/src/app/dummy/dummy.component.ts +14 -0
- package/docs/src/app/introduction/introduction.component.pug +26 -0
- package/docs/src/app/introduction/introduction.component.scss +7 -0
- package/docs/src/app/introduction/introduction.component.ts +58 -0
- package/docs/src/app/layout/container/container.component.pug +77 -0
- package/docs/src/app/layout/container/container.component.scss +0 -0
- package/docs/src/app/layout/container/container.component.ts +32 -0
- package/docs/src/app/layout/container/examples/default-container.html +3 -0
- package/docs/src/app/layout/container/examples/fluid-container.html +3 -0
- package/docs/src/app/layout/container/overview.md +5 -0
- package/docs/src/app/layout/grid/examples/overview.html +12 -0
- package/docs/src/app/layout/grid/grid.component.pug +47 -0
- package/docs/src/app/layout/grid/grid.component.scss +0 -0
- package/docs/src/app/layout/grid/grid.component.ts +26 -0
- package/docs/src/app/shared/states.model.ts +61 -0
- package/docs/src/app/utilities/background-colors/background-colors.component.pug +9 -0
- package/docs/src/app/utilities/background-colors/background-colors.component.scss +0 -0
- package/docs/src/app/utilities/background-colors/background-colors.component.ts +27 -0
- package/docs/src/app/utilities/background-colors/examples/colors.html +31 -0
- package/docs/src/app/utilities/dividers/dividers.component.pug +37 -0
- package/docs/src/app/utilities/dividers/dividers.component.scss +0 -0
- package/docs/src/app/utilities/dividers/dividers.component.ts +29 -0
- package/docs/src/app/utilities/dividers/examples/no-margin.html +9 -0
- package/docs/src/app/utilities/dividers/examples/usage.html +21 -0
- package/docs/src/app/utilities/text-and-background-colors/examples/colors.html +30 -0
- package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.pug +9 -0
- package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.scss +0 -0
- package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.ts +26 -0
- package/docs/src/app/utilities/text-colors/examples/colors.html +39 -0
- package/docs/src/app/utilities/text-colors/text-colors.component.pug +9 -0
- package/docs/src/app/utilities/text-colors/text-colors.component.scss +0 -0
- package/docs/src/app/utilities/text-colors/text-colors.component.ts +28 -0
- package/docs/src/app/utilities/text-emphasis/examples/usage.html +17 -0
- package/docs/src/app/utilities/text-emphasis/text-emphasis.component.pug +5 -0
- package/docs/src/app/utilities/text-emphasis/text-emphasis.component.scss +0 -0
- package/docs/src/app/utilities/text-emphasis/text-emphasis.component.ts +19 -0
- package/docs/src/favicon.ico +0 -0
- package/docs/src/index.html +20 -0
- package/docs/src/main.ts +13 -0
- package/docs/src/styles.scss +129 -0
- package/docs/tsconfig.app.json +14 -0
- package/docs/tsconfig.json +40 -0
- package/eslint.config.mjs +457 -0
- package/gulp-tasks/docs-api.js +76 -0
- package/gulp-tasks/docs.js +59 -0
- package/gulp-tasks/sass.js +31 -0
- package/gulp-tasks/scripts.js +52 -0
- package/gulpfile.js +3 -0
- package/index.html +11 -0
- package/package.json +1 -1
- package/remove-scripts-from-package.js +9 -0
- package/rollup.config.js +42 -0
- package/src/app-bar/top-app-bar.styles.scss +108 -0
- package/src/app-bar/top-app-bar.ts +198 -0
- package/src/button/button-base.styles.scss +12 -0
- package/src/button/button-base.ts +57 -0
- package/src/button/button-set.styles.scss +16 -0
- package/src/button/button-set.ts +23 -0
- package/src/button/button.styles.scss +104 -0
- package/src/button/button.ts +60 -0
- package/src/button/fab.styles.scss +90 -0
- package/src/button/fab.ts +54 -0
- package/src/button/icon-button.styles.scss +80 -0
- package/src/button/icon-button.ts +75 -0
- package/src/button-field/button-field.styles.scss +13 -0
- package/src/button-field/button-field.ts +53 -0
- package/src/calendar/calendar-adapter.ts +5 -0
- package/src/calendar/calendar-base.styles.scss +82 -0
- package/src/calendar/calendar-base.ts +225 -0
- package/src/calendar/calendar.styles.scss +0 -0
- package/src/calendar/calendar.ts +44 -0
- package/src/calendar/default-calendar-adapter.ts +40 -0
- package/src/calendar/range-calendar.styles.scss +119 -0
- package/src/calendar/range-calendar.ts +135 -0
- package/src/card/card-content.styles.scss +15 -0
- package/src/card/card-content.ts +45 -0
- package/src/card/card-media.styles.scss +9 -0
- package/src/card/card-media.ts +24 -0
- package/src/card/card.styles.scss +30 -0
- package/src/card/card.ts +38 -0
- package/src/checkbox/checkbox-list-item.ts +15 -0
- package/src/checkbox/checkbox.styles.scss +69 -0
- package/src/checkbox/checkbox.ts +64 -0
- package/src/chip/chip-set.styles.scss +3 -0
- package/src/chip/chip-set.ts +15 -0
- package/src/chip/chip.styles.scss +185 -0
- package/src/chip/chip.ts +186 -0
- package/src/chip-field/chip-field.styles.scss +22 -0
- package/src/chip-field/chip-field.ts +182 -0
- package/src/config.ts +28 -0
- package/src/datepicker/datepicker.styles.scss +0 -0
- package/src/datepicker/datepicker.ts +0 -0
- package/src/dialog/confirm-dialog-builder.ts +43 -0
- package/src/dialog/dialog-builder.ts +57 -0
- package/src/dialog/dialog-button-def.ts +6 -0
- package/src/dialog/dialog.styles.scss +176 -0
- package/src/dialog/dialog.ts +255 -0
- package/src/dialog/message-dialog-builder.ts +25 -0
- package/src/elevation/elevation.styles.scss +31 -0
- package/src/elevation/elevation.ts +20 -0
- package/src/field/field-base.styles.scss +429 -0
- package/src/field/field-base.ts +184 -0
- package/src/field/field-defaults-context.ts +5 -0
- package/src/field/field-defaults.ts +5 -0
- package/src/field/field-variant.ts +1 -0
- package/src/field/field.ts +48 -0
- package/src/index.ts +81 -0
- package/src/list/list-item.styles.scss +38 -0
- package/src/list/list-item.ts +39 -0
- package/src/list/list.styles.scss +4 -0
- package/src/list/list.ts +19 -0
- package/src/menu/menu-item.styles.scss +50 -0
- package/src/menu/menu-item.ts +101 -0
- package/src/menu/menu.styles.scss +70 -0
- package/src/menu/menu.ts +423 -0
- package/src/navigation/_side-navigation-base.styles.scss +101 -0
- package/src/navigation/drawer-item.styles.scss +49 -0
- package/src/navigation/drawer-item.ts +94 -0
- package/src/navigation/drawer.styles.scss +21 -0
- package/src/navigation/drawer.ts +27 -0
- package/src/navigation/side-navigation-swiper.styles.scss +53 -0
- package/src/navigation/side-navigation.styles.scss +47 -0
- package/src/navigation/side-navigation.ts +149 -0
- package/src/progress/circular-progress.styles.scss +83 -0
- package/src/progress/circular-progress.ts +83 -0
- package/src/progress/progress-bar.styles.scss +159 -0
- package/src/progress/progress-bar.ts +50 -0
- package/src/radio/radio-list-item.ts +15 -0
- package/src/radio/radio.styles.scss +34 -0
- package/src/radio/radio.ts +164 -0
- package/src/ripple/ripple.styles.scss +81 -0
- package/src/ripple/ripple.ts +158 -0
- package/src/select/extended-option.ts +3 -0
- package/src/select/extended-select.ts +6 -0
- package/src/select/option.styles.scss +16 -0
- package/src/select/option.ts +165 -0
- package/src/select/select-navigation-controller.ts +113 -0
- package/src/select/select.styles.scss +36 -0
- package/src/select/select.ts +333 -0
- package/src/shared/base.styles.scss +29 -0
- package/src/shared/button-wrapper.styles.scss +64 -0
- package/src/shared/button-wrapper.ts +144 -0
- package/src/shared/char-count-text-field/native-text-field-wrapper.ts +54 -0
- package/src/shared/compare-text.ts +6 -0
- package/src/shared/events/dispatch-event.ts +0 -0
- package/src/shared/events/redispatch-event.ts +16 -0
- package/src/shared/extract-template-html.ts +9 -0
- package/src/shared/menu-field/menu-field-navigation-controller.ts +152 -0
- package/src/shared/menu-field/menu-field.ts +7 -0
- package/src/shared/mixin-attribute-properties.ts +33 -0
- package/src/shared/mixin.ts +11 -0
- package/src/shared/normalize-text.ts +9 -0
- package/src/shared/selection-control/checkbox-base.ts +5 -0
- package/src/shared/selection-control/selection-control-list-item.ts +44 -0
- package/src/shared/selection-control/selection-control.styles.scss +74 -0
- package/src/shared/selection-control/selection-control.ts +180 -0
- package/src/shared/sets/set-base.styles.scss +18 -0
- package/src/shared/sets/set-base.ts +21 -0
- package/src/shared/text-field-base/text-field-base.styles.scss +11 -0
- package/src/shared/text-field-base/text-field-base.ts +36 -0
- package/src/snackbar/snackbar.styles.scss +88 -0
- package/src/snackbar/snackbar.ts +156 -0
- package/src/switch/switch-list-item.ts +15 -0
- package/src/switch/switch.styles.scss +87 -0
- package/src/switch/switch.ts +32 -0
- package/src/tab-bar/tab-bar.styles.scss +77 -0
- package/src/tab-bar/tab-bar.ts +232 -0
- package/src/tab-bar/tab.styles.scss +53 -0
- package/src/tab-bar/tab.ts +113 -0
- package/src/text-area/text-area.styles.scss +46 -0
- package/src/text-area/text-area.ts +46 -0
- package/src/text-field/text-field.styles.scss +55 -0
- package/src/text-field/text-field.ts +57 -0
- package/src/theme/color.ts +6 -0
- package/src/theme/css-var-builder.ts +39 -0
- package/src/theme/index.ts +1 -0
- package/src/theme/neutral-colors.ts +26 -0
- package/src/theme/theme-builder.ts +197 -0
- package/src/theme/theme-color.ts +7 -0
- package/src/typeahead/highlight.styles.scss +3 -0
- package/src/typeahead/highlight.ts +79 -0
- package/src/typeahead/typeahead.styles.scss +9 -0
- package/src/typeahead/typeahead.ts +440 -0
- package/tsconfig.json +49 -0
- package/vendor/ngx-pug-builders-19.0.0.tgz +0 -0
- package/web-dev-server.config.js +25 -0
- package/web-test-runner.config.js +120 -0
- package/app-bar/top-app-bar.d.ts +0 -47
- package/app-bar/top-app-bar.d.ts.map +0 -1
- package/app-bar/top-app-bar.js +0 -174
- package/app-bar/top-app-bar.js.map +0 -1
- package/app-bar/top-app-bar.styles.d.ts +0 -2
- package/app-bar/top-app-bar.styles.d.ts.map +0 -1
- package/app-bar/top-app-bar.styles.js +0 -117
- package/app-bar/top-app-bar.styles.js.map +0 -1
- package/button/button-base.d.ts +0 -12
- package/button/button-base.d.ts.map +0 -1
- package/button/button-base.js +0 -46
- package/button/button-base.js.map +0 -1
- package/button/button-base.styles.d.ts +0 -2
- package/button/button-base.styles.d.ts.map +0 -1
- package/button/button-base.styles.js +0 -16
- package/button/button-base.styles.js.map +0 -1
- package/button/button-set.d.ts +0 -15
- package/button/button-set.d.ts.map +0 -1
- package/button/button-set.js +0 -23
- package/button/button-set.js.map +0 -1
- package/button/button-set.styles.d.ts +0 -2
- package/button/button-set.styles.d.ts.map +0 -1
- package/button/button-set.styles.js +0 -20
- package/button/button-set.styles.js.map +0 -1
- package/button/button.d.ts +0 -33
- package/button/button.d.ts.map +0 -1
- package/button/button.js +0 -55
- package/button/button.js.map +0 -1
- package/button/button.styles.d.ts +0 -2
- package/button/button.styles.d.ts.map +0 -1
- package/button/button.styles.js +0 -103
- package/button/button.styles.js.map +0 -1
- package/button/fab.d.ts +0 -31
- package/button/fab.d.ts.map +0 -1
- package/button/fab.js +0 -57
- package/button/fab.js.map +0 -1
- package/button/fab.styles.d.ts +0 -2
- package/button/fab.styles.d.ts.map +0 -1
- package/button/fab.styles.js +0 -89
- package/button/fab.styles.js.map +0 -1
- package/button/icon-button.d.ts +0 -34
- package/button/icon-button.d.ts.map +0 -1
- package/button/icon-button.js +0 -75
- package/button/icon-button.js.map +0 -1
- package/button/icon-button.styles.d.ts +0 -2
- package/button/icon-button.styles.d.ts.map +0 -1
- package/button/icon-button.styles.js +0 -77
- package/button/icon-button.styles.js.map +0 -1
- package/button-field/button-field.d.ts +0 -18
- package/button-field/button-field.d.ts.map +0 -1
- package/button-field/button-field.js +0 -54
- package/button-field/button-field.js.map +0 -1
- package/button-field/button-field.styles.d.ts +0 -2
- package/button-field/button-field.styles.d.ts.map +0 -1
- package/button-field/button-field.styles.js +0 -17
- package/button-field/button-field.styles.js.map +0 -1
- package/calendar/calendar-adapter.d.ts +0 -6
- package/calendar/calendar-adapter.d.ts.map +0 -1
- package/calendar/calendar-adapter.js +0 -2
- package/calendar/calendar-adapter.js.map +0 -1
- package/calendar/calendar-base.d.ts +0 -30
- package/calendar/calendar-base.d.ts.map +0 -1
- package/calendar/calendar-base.js +0 -188
- package/calendar/calendar-base.js.map +0 -1
- package/calendar/calendar-base.styles.d.ts +0 -2
- package/calendar/calendar-base.styles.d.ts.map +0 -1
- package/calendar/calendar-base.styles.js +0 -81
- package/calendar/calendar-base.styles.js.map +0 -1
- package/calendar/calendar.d.ts +0 -11
- package/calendar/calendar.d.ts.map +0 -1
- package/calendar/calendar.js +0 -43
- package/calendar/calendar.js.map +0 -1
- package/calendar/calendar.styles.d.ts +0 -2
- package/calendar/calendar.styles.d.ts.map +0 -1
- package/calendar/calendar.styles.js +0 -5
- package/calendar/calendar.styles.js.map +0 -1
- package/calendar/default-calendar-adapter.d.ts +0 -10
- package/calendar/default-calendar-adapter.d.ts.map +0 -1
- package/calendar/default-calendar-adapter.js +0 -32
- package/calendar/default-calendar-adapter.js.map +0 -1
- package/calendar/range-calendar.d.ts +0 -16
- package/calendar/range-calendar.d.ts.map +0 -1
- package/calendar/range-calendar.js +0 -113
- package/calendar/range-calendar.js.map +0 -1
- package/calendar/range-calendar.styles.d.ts +0 -2
- package/calendar/range-calendar.styles.d.ts.map +0 -1
- package/calendar/range-calendar.styles.js +0 -41
- package/calendar/range-calendar.styles.js.map +0 -1
- package/card/card-content.d.ts +0 -13
- package/card/card-content.d.ts.map +0 -1
- package/card/card-content.js +0 -39
- package/card/card-content.js.map +0 -1
- package/card/card-content.styles.d.ts +0 -2
- package/card/card-content.styles.d.ts.map +0 -1
- package/card/card-content.styles.js +0 -19
- package/card/card-content.styles.js.map +0 -1
- package/card/card-media.d.ts +0 -12
- package/card/card-media.d.ts.map +0 -1
- package/card/card-media.js +0 -24
- package/card/card-media.js.map +0 -1
- package/card/card-media.styles.d.ts +0 -2
- package/card/card-media.styles.d.ts.map +0 -1
- package/card/card-media.styles.js +0 -13
- package/card/card-media.styles.js.map +0 -1
- package/card/card.d.ts +0 -19
- package/card/card.d.ts.map +0 -1
- package/card/card.js +0 -36
- package/card/card.js.map +0 -1
- package/card/card.styles.d.ts +0 -2
- package/card/card.styles.d.ts.map +0 -1
- package/card/card.styles.js +0 -31
- package/card/card.styles.js.map +0 -1
- package/checkbox/checkbox-list-item.d.ts +0 -11
- package/checkbox/checkbox-list-item.d.ts.map +0 -1
- package/checkbox/checkbox-list-item.js +0 -11
- package/checkbox/checkbox-list-item.js.map +0 -1
- package/checkbox/checkbox.d.ts +0 -21
- package/checkbox/checkbox.d.ts.map +0 -1
- package/checkbox/checkbox.js +0 -53
- package/checkbox/checkbox.js.map +0 -1
- package/checkbox/checkbox.styles.d.ts +0 -2
- package/checkbox/checkbox.styles.d.ts.map +0 -1
- package/checkbox/checkbox.styles.js +0 -62
- package/checkbox/checkbox.styles.js.map +0 -1
- package/chip/chip-set.d.ts +0 -10
- package/chip/chip-set.d.ts.map +0 -1
- package/chip/chip-set.js +0 -12
- package/chip/chip-set.js.map +0 -1
- package/chip/chip-set.styles.d.ts +0 -2
- package/chip/chip-set.styles.d.ts.map +0 -1
- package/chip/chip-set.styles.js +0 -7
- package/chip/chip-set.styles.js.map +0 -1
- package/chip/chip.d.ts +0 -64
- package/chip/chip.d.ts.map +0 -1
- package/chip/chip.js +0 -187
- package/chip/chip.js.map +0 -1
- package/chip/chip.styles.d.ts +0 -2
- package/chip/chip.styles.d.ts.map +0 -1
- package/chip/chip.styles.js +0 -168
- package/chip/chip.styles.js.map +0 -1
- package/chip-field/chip-field.d.ts +0 -42
- package/chip-field/chip-field.d.ts.map +0 -1
- package/chip-field/chip-field.js +0 -145
- package/chip-field/chip-field.js.map +0 -1
- package/chip-field/chip-field.styles.d.ts +0 -2
- package/chip-field/chip-field.styles.d.ts.map +0 -1
- package/chip-field/chip-field.styles.js +0 -22
- package/chip-field/chip-field.styles.js.map +0 -1
- package/config.d.ts +0 -16
- package/config.d.ts.map +0 -1
- package/config.js +0 -25
- package/config.js.map +0 -1
- package/custom-elements.json +0 -21401
- package/datepicker/datepicker.d.ts +0 -1
- package/datepicker/datepicker.d.ts.map +0 -1
- package/datepicker/datepicker.js +0 -2
- package/datepicker/datepicker.js.map +0 -1
- package/datepicker/datepicker.styles.d.ts +0 -2
- package/datepicker/datepicker.styles.d.ts.map +0 -1
- package/datepicker/datepicker.styles.js +0 -5
- package/datepicker/datepicker.styles.js.map +0 -1
- package/dialog/confirm-dialog-builder.d.ts +0 -12
- package/dialog/confirm-dialog-builder.d.ts.map +0 -1
- package/dialog/confirm-dialog-builder.js +0 -26
- package/dialog/confirm-dialog-builder.js.map +0 -1
- package/dialog/dialog-builder.d.ts +0 -15
- package/dialog/dialog-builder.d.ts.map +0 -1
- package/dialog/dialog-builder.js +0 -42
- package/dialog/dialog-builder.js.map +0 -1
- package/dialog/dialog-button-def.d.ts +0 -6
- package/dialog/dialog-button-def.d.ts.map +0 -1
- package/dialog/dialog-button-def.js +0 -2
- package/dialog/dialog-button-def.js.map +0 -1
- package/dialog/dialog.d.ts +0 -44
- package/dialog/dialog.d.ts.map +0 -1
- package/dialog/dialog.js +0 -216
- package/dialog/dialog.js.map +0 -1
- package/dialog/dialog.styles.d.ts +0 -2
- package/dialog/dialog.styles.d.ts.map +0 -1
- package/dialog/dialog.styles.js +0 -165
- package/dialog/dialog.styles.js.map +0 -1
- package/dialog/message-dialog-builder.d.ts +0 -10
- package/dialog/message-dialog-builder.d.ts.map +0 -1
- package/dialog/message-dialog-builder.js +0 -16
- package/dialog/message-dialog-builder.js.map +0 -1
- package/elevation/elevation.d.ts +0 -11
- package/elevation/elevation.d.ts.map +0 -1
- package/elevation/elevation.js +0 -16
- package/elevation/elevation.js.map +0 -1
- package/elevation/elevation.styles.d.ts +0 -2
- package/elevation/elevation.styles.d.ts.map +0 -1
- package/elevation/elevation.styles.js +0 -28
- package/elevation/elevation.styles.js.map +0 -1
- package/field/field-base.d.ts +0 -68
- package/field/field-base.d.ts.map +0 -1
- package/field/field-base.js +0 -174
- package/field/field-base.js.map +0 -1
- package/field/field-base.styles.d.ts +0 -2
- package/field/field-base.styles.d.ts.map +0 -1
- package/field/field-base.styles.js +0 -372
- package/field/field-base.styles.js.map +0 -1
- package/field/field-defaults-context.d.ts +0 -5
- package/field/field-defaults-context.d.ts.map +0 -1
- package/field/field-defaults-context.js +0 -3
- package/field/field-defaults-context.js.map +0 -1
- package/field/field-defaults.d.ts +0 -5
- package/field/field-defaults.d.ts.map +0 -1
- package/field/field-defaults.js +0 -2
- package/field/field-defaults.js.map +0 -1
- package/field/field-variant.d.ts +0 -2
- package/field/field-variant.d.ts.map +0 -1
- package/field/field-variant.js +0 -2
- package/field/field-variant.js.map +0 -1
- package/field/field.d.ts +0 -15
- package/field/field.d.ts.map +0 -1
- package/field/field.js +0 -44
- package/field/field.js.map +0 -1
- package/index.d.ts +0 -80
- package/index.d.ts.map +0 -1
- package/index.js +0 -80
- package/index.js.map +0 -1
- package/list/list-item.d.ts +0 -13
- package/list/list-item.d.ts.map +0 -1
- package/list/list-item.js +0 -38
- package/list/list-item.js.map +0 -1
- package/list/list-item.styles.d.ts +0 -2
- package/list/list-item.styles.d.ts.map +0 -1
- package/list/list-item.styles.js +0 -48
- package/list/list-item.styles.js.map +0 -1
- package/list/list.d.ts +0 -11
- package/list/list.d.ts.map +0 -1
- package/list/list.js +0 -15
- package/list/list.js.map +0 -1
- package/list/list.styles.d.ts +0 -2
- package/list/list.styles.d.ts.map +0 -1
- package/list/list.styles.js +0 -8
- package/list/list.styles.js.map +0 -1
- package/menu/menu-item.d.ts +0 -40
- package/menu/menu-item.d.ts.map +0 -1
- package/menu/menu-item.js +0 -98
- package/menu/menu-item.js.map +0 -1
- package/menu/menu-item.styles.d.ts +0 -2
- package/menu/menu-item.styles.d.ts.map +0 -1
- package/menu/menu-item.styles.js +0 -54
- package/menu/menu-item.styles.js.map +0 -1
- package/menu/menu.d.ts +0 -48
- package/menu/menu.d.ts.map +0 -1
- package/menu/menu.js +0 -328
- package/menu/menu.js.map +0 -1
- package/menu/menu.styles.d.ts +0 -2
- package/menu/menu.styles.d.ts.map +0 -1
- package/menu/menu.styles.js +0 -69
- package/menu/menu.styles.js.map +0 -1
- package/navigation/drawer-item.d.ts +0 -40
- package/navigation/drawer-item.d.ts.map +0 -1
- package/navigation/drawer-item.js +0 -94
- package/navigation/drawer-item.js.map +0 -1
- package/navigation/drawer-item.styles.d.ts +0 -2
- package/navigation/drawer-item.styles.d.ts.map +0 -1
- package/navigation/drawer-item.styles.js +0 -52
- package/navigation/drawer-item.styles.js.map +0 -1
- package/navigation/drawer.d.ts +0 -11
- package/navigation/drawer.d.ts.map +0 -1
- package/navigation/drawer.js +0 -23
- package/navigation/drawer.js.map +0 -1
- package/navigation/drawer.styles.d.ts +0 -2
- package/navigation/drawer.styles.d.ts.map +0 -1
- package/navigation/drawer.styles.js +0 -22
- package/navigation/drawer.styles.js.map +0 -1
- package/navigation/side-navigation-swiper.styles.d.ts +0 -2
- package/navigation/side-navigation-swiper.styles.d.ts.map +0 -1
- package/navigation/side-navigation-swiper.styles.js +0 -131
- package/navigation/side-navigation-swiper.styles.js.map +0 -1
- package/navigation/side-navigation.d.ts +0 -33
- package/navigation/side-navigation.d.ts.map +0 -1
- package/navigation/side-navigation.js +0 -138
- package/navigation/side-navigation.js.map +0 -1
- package/navigation/side-navigation.styles.d.ts +0 -2
- package/navigation/side-navigation.styles.d.ts.map +0 -1
- package/navigation/side-navigation.styles.js +0 -124
- package/navigation/side-navigation.styles.js.map +0 -1
- package/progress/circular-progress.d.ts +0 -14
- package/progress/circular-progress.d.ts.map +0 -1
- package/progress/circular-progress.js +0 -80
- package/progress/circular-progress.js.map +0 -1
- package/progress/circular-progress.styles.d.ts +0 -2
- package/progress/circular-progress.styles.d.ts.map +0 -1
- package/progress/circular-progress.styles.js +0 -75
- package/progress/circular-progress.styles.js.map +0 -1
- package/progress/progress-bar.d.ts +0 -14
- package/progress/progress-bar.d.ts.map +0 -1
- package/progress/progress-bar.js +0 -49
- package/progress/progress-bar.js.map +0 -1
- package/progress/progress-bar.styles.d.ts +0 -2
- package/progress/progress-bar.styles.d.ts.map +0 -1
- package/progress/progress-bar.styles.js +0 -152
- package/progress/progress-bar.styles.js.map +0 -1
- package/radio/radio-list-item.d.ts +0 -11
- package/radio/radio-list-item.d.ts.map +0 -1
- package/radio/radio-list-item.js +0 -11
- package/radio/radio-list-item.js.map +0 -1
- package/radio/radio.d.ts +0 -24
- package/radio/radio.d.ts.map +0 -1
- package/radio/radio.js +0 -125
- package/radio/radio.js.map +0 -1
- package/radio/radio.styles.d.ts +0 -2
- package/radio/radio.styles.d.ts.map +0 -1
- package/radio/radio.styles.js +0 -33
- package/radio/radio.styles.js.map +0 -1
- package/ripple/ripple.d.ts +0 -28
- package/ripple/ripple.d.ts.map +0 -1
- package/ripple/ripple.js +0 -120
- package/ripple/ripple.js.map +0 -1
- package/ripple/ripple.styles.d.ts +0 -2
- package/ripple/ripple.styles.d.ts.map +0 -1
- package/ripple/ripple.styles.js +0 -74
- package/ripple/ripple.styles.js.map +0 -1
- package/select/extended-option.d.ts +0 -5
- package/select/extended-option.d.ts.map +0 -1
- package/select/extended-option.js +0 -2
- package/select/extended-option.js.map +0 -1
- package/select/extended-select.d.ts +0 -6
- package/select/extended-select.d.ts.map +0 -1
- package/select/extended-select.js +0 -2
- package/select/extended-select.js.map +0 -1
- package/select/option.d.ts +0 -27
- package/select/option.d.ts.map +0 -1
- package/select/option.js +0 -132
- package/select/option.js.map +0 -1
- package/select/option.styles.d.ts +0 -2
- package/select/option.styles.d.ts.map +0 -1
- package/select/option.styles.js +0 -15
- package/select/option.styles.js.map +0 -1
- package/select/select-navigation-controller.d.ts +0 -14
- package/select/select-navigation-controller.d.ts.map +0 -1
- package/select/select-navigation-controller.js +0 -82
- package/select/select-navigation-controller.js.map +0 -1
- package/select/select.d.ts +0 -47
- package/select/select.d.ts.map +0 -1
- package/select/select.js +0 -268
- package/select/select.js.map +0 -1
- package/select/select.styles.d.ts +0 -2
- package/select/select.styles.d.ts.map +0 -1
- package/select/select.styles.js +0 -39
- package/select/select.styles.js.map +0 -1
- package/shared/base.styles.d.ts +0 -2
- package/shared/base.styles.d.ts.map +0 -1
- package/shared/base.styles.js +0 -31
- package/shared/base.styles.js.map +0 -1
- package/shared/button-wrapper.d.ts +0 -39
- package/shared/button-wrapper.d.ts.map +0 -1
- package/shared/button-wrapper.js +0 -123
- package/shared/button-wrapper.js.map +0 -1
- package/shared/button-wrapper.styles.d.ts +0 -2
- package/shared/button-wrapper.styles.d.ts.map +0 -1
- package/shared/button-wrapper.styles.js +0 -63
- package/shared/button-wrapper.styles.js.map +0 -1
- package/shared/char-count-text-field/native-text-field-wrapper.d.ts +0 -15
- 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 +0 -54
- package/shared/char-count-text-field/native-text-field-wrapper.js.map +0 -1
- package/shared/compare-text.d.ts +0 -2
- package/shared/compare-text.d.ts.map +0 -1
- package/shared/compare-text.js +0 -5
- package/shared/compare-text.js.map +0 -1
- package/shared/events/dispatch-event.d.ts +0 -1
- package/shared/events/dispatch-event.d.ts.map +0 -1
- package/shared/events/dispatch-event.js +0 -2
- package/shared/events/dispatch-event.js.map +0 -1
- package/shared/events/redispatch-event.d.ts +0 -2
- package/shared/events/redispatch-event.d.ts.map +0 -1
- package/shared/events/redispatch-event.js +0 -14
- package/shared/events/redispatch-event.js.map +0 -1
- package/shared/extract-template-html.d.ts +0 -2
- package/shared/extract-template-html.d.ts.map +0 -1
- package/shared/extract-template-html.js +0 -8
- package/shared/extract-template-html.js.map +0 -1
- package/shared/menu-field/menu-field-navigation-controller.d.ts +0 -20
- package/shared/menu-field/menu-field-navigation-controller.d.ts.map +0 -1
- package/shared/menu-field/menu-field-navigation-controller.js +0 -108
- package/shared/menu-field/menu-field-navigation-controller.js.map +0 -1
- package/shared/menu-field/menu-field.d.ts +0 -7
- package/shared/menu-field/menu-field.d.ts.map +0 -1
- package/shared/menu-field/menu-field.js +0 -2
- package/shared/menu-field/menu-field.js.map +0 -1
- package/shared/mixin-attribute-properties.d.ts +0 -4
- package/shared/mixin-attribute-properties.d.ts.map +0 -1
- package/shared/mixin-attribute-properties.js +0 -27
- package/shared/mixin-attribute-properties.js.map +0 -1
- package/shared/mixin.d.ts +0 -3
- package/shared/mixin.d.ts.map +0 -1
- package/shared/mixin.js +0 -2
- package/shared/mixin.js.map +0 -1
- package/shared/normalize-text.d.ts +0 -2
- package/shared/normalize-text.d.ts.map +0 -1
- package/shared/normalize-text.js +0 -9
- package/shared/normalize-text.js.map +0 -1
- package/shared/selection-control/checkbox-base.d.ts +0 -1
- package/shared/selection-control/checkbox-base.d.ts.map +0 -1
- package/shared/selection-control/checkbox-base.js +0 -7
- package/shared/selection-control/checkbox-base.js.map +0 -1
- package/shared/selection-control/selection-control-list-item.d.ts +0 -4
- package/shared/selection-control/selection-control-list-item.d.ts.map +0 -1
- package/shared/selection-control/selection-control-list-item.js +0 -44
- package/shared/selection-control/selection-control-list-item.js.map +0 -1
- package/shared/selection-control/selection-control.d.ts +0 -36
- package/shared/selection-control/selection-control.d.ts.map +0 -1
- package/shared/selection-control/selection-control.js +0 -155
- package/shared/selection-control/selection-control.js.map +0 -1
- package/shared/selection-control/selection-control.styles.d.ts +0 -2
- package/shared/selection-control/selection-control.styles.d.ts.map +0 -1
- package/shared/selection-control/selection-control.styles.js +0 -67
- package/shared/selection-control/selection-control.styles.js.map +0 -1
- package/shared/sets/set-base.d.ts +0 -11
- package/shared/sets/set-base.d.ts.map +0 -1
- package/shared/sets/set-base.js +0 -22
- package/shared/sets/set-base.js.map +0 -1
- package/shared/sets/set-base.styles.d.ts +0 -2
- package/shared/sets/set-base.styles.d.ts.map +0 -1
- package/shared/sets/set-base.styles.js +0 -22
- package/shared/sets/set-base.styles.js.map +0 -1
- package/shared/text-field-base/text-field-base.d.ts +0 -16
- package/shared/text-field-base/text-field-base.d.ts.map +0 -1
- package/shared/text-field-base/text-field-base.js +0 -29
- package/shared/text-field-base/text-field-base.js.map +0 -1
- package/shared/text-field-base/text-field-base.styles.d.ts +0 -2
- package/shared/text-field-base/text-field-base.styles.d.ts.map +0 -1
- package/shared/text-field-base/text-field-base.styles.js +0 -11
- package/shared/text-field-base/text-field-base.styles.js.map +0 -1
- package/snackbar/snackbar.d.ts +0 -40
- package/snackbar/snackbar.d.ts.map +0 -1
- package/snackbar/snackbar.js +0 -133
- package/snackbar/snackbar.js.map +0 -1
- package/snackbar/snackbar.styles.d.ts +0 -2
- package/snackbar/snackbar.styles.d.ts.map +0 -1
- package/snackbar/snackbar.styles.js +0 -81
- package/snackbar/snackbar.styles.js.map +0 -1
- package/switch/switch-list-item.d.ts +0 -11
- package/switch/switch-list-item.d.ts.map +0 -1
- package/switch/switch-list-item.js +0 -11
- package/switch/switch-list-item.js.map +0 -1
- package/switch/switch.d.ts +0 -14
- package/switch/switch.d.ts.map +0 -1
- package/switch/switch.js +0 -26
- package/switch/switch.js.map +0 -1
- package/switch/switch.styles.d.ts +0 -2
- package/switch/switch.styles.d.ts.map +0 -1
- package/switch/switch.styles.js +0 -78
- package/switch/switch.styles.js.map +0 -1
- package/tab-bar/tab-bar.d.ts +0 -28
- package/tab-bar/tab-bar.d.ts.map +0 -1
- package/tab-bar/tab-bar.js +0 -200
- package/tab-bar/tab-bar.js.map +0 -1
- package/tab-bar/tab-bar.styles.d.ts +0 -2
- package/tab-bar/tab-bar.styles.d.ts.map +0 -1
- package/tab-bar/tab-bar.styles.js +0 -72
- package/tab-bar/tab-bar.styles.js.map +0 -1
- package/tab-bar/tab.d.ts +0 -22
- package/tab-bar/tab.d.ts.map +0 -1
- package/tab-bar/tab.js +0 -91
- package/tab-bar/tab.js.map +0 -1
- package/tab-bar/tab.styles.d.ts +0 -2
- package/tab-bar/tab.styles.d.ts.map +0 -1
- package/tab-bar/tab.styles.js +0 -56
- package/tab-bar/tab.styles.js.map +0 -1
- package/text-area/text-area.d.ts +0 -15
- package/text-area/text-area.d.ts.map +0 -1
- package/text-area/text-area.js +0 -46
- package/text-area/text-area.js.map +0 -1
- package/text-area/text-area.styles.d.ts +0 -2
- package/text-area/text-area.styles.d.ts.map +0 -1
- package/text-area/text-area.styles.js +0 -39
- package/text-area/text-area.styles.js.map +0 -1
- package/text-field/text-field.d.ts +0 -19
- package/text-field/text-field.d.ts.map +0 -1
- package/text-field/text-field.js +0 -66
- package/text-field/text-field.js.map +0 -1
- package/text-field/text-field.styles.d.ts +0 -2
- package/text-field/text-field.styles.d.ts.map +0 -1
- package/text-field/text-field.styles.js +0 -41
- package/text-field/text-field.styles.js.map +0 -1
- package/theme/color.d.ts +0 -7
- package/theme/color.d.ts.map +0 -1
- package/theme/color.js +0 -2
- package/theme/color.js.map +0 -1
- package/theme/css-var-builder.d.ts +0 -10
- package/theme/css-var-builder.d.ts.map +0 -1
- package/theme/css-var-builder.js +0 -27
- package/theme/css-var-builder.js.map +0 -1
- package/theme/index.d.ts +0 -2
- package/theme/index.d.ts.map +0 -1
- package/theme/index.js +0 -2
- package/theme/index.js.map +0 -1
- package/theme/neutral-colors.d.ts +0 -4
- package/theme/neutral-colors.d.ts.map +0 -1
- package/theme/neutral-colors.js +0 -24
- package/theme/neutral-colors.js.map +0 -1
- package/theme/theme-builder.d.ts +0 -26
- package/theme/theme-builder.d.ts.map +0 -1
- package/theme/theme-builder.js +0 -146
- package/theme/theme-builder.js.map +0 -1
- package/theme/theme-color.d.ts +0 -6
- package/theme/theme-color.d.ts.map +0 -1
- package/theme/theme-color.js +0 -2
- package/theme/theme-color.js.map +0 -1
- package/typeahead/highlight.d.ts +0 -24
- package/typeahead/highlight.d.ts.map +0 -1
- package/typeahead/highlight.js +0 -69
- package/typeahead/highlight.js.map +0 -1
- package/typeahead/highlight.styles.d.ts +0 -2
- package/typeahead/highlight.styles.d.ts.map +0 -1
- package/typeahead/highlight.styles.js +0 -7
- package/typeahead/highlight.styles.js.map +0 -1
- package/typeahead/typeahead.d.ts +0 -94
- package/typeahead/typeahead.d.ts.map +0 -1
- package/typeahead/typeahead.js +0 -362
- package/typeahead/typeahead.js.map +0 -1
- package/typeahead/typeahead.styles.d.ts +0 -2
- package/typeahead/typeahead.styles.d.ts.map +0 -1
- package/typeahead/typeahead.styles.js +0 -11
- package/typeahead/typeahead.styles.js.map +0 -1
- /package/{scss → src/scss}/_api.scss +0 -0
- /package/{scss → src/scss}/_colors.scss +0 -0
- /package/{scss → src/scss}/_css-vars.scss +0 -0
- /package/{scss → src/scss}/_functions.scss +0 -0
- /package/{scss → src/scss}/_global.scss +0 -0
- /package/{scss → src/scss}/_layout.scss +0 -0
- /package/{scss → src/scss}/_mixins.scss +0 -0
- /package/{scss → src/scss}/_reboot.scss +0 -0
- /package/{scss → src/scss}/_utilities.scss +0 -0
- /package/{scss → src/scss}/_variables.scss +0 -0
- /package/{scss → src/scss}/colors/_text-bg.scss +0 -0
- /package/{scss → src/scss}/colors/_text.scss +0 -0
- /package/{scss → src/scss}/functions/_font.scss +0 -0
- /package/{scss → src/scss}/layout/_container.scss +0 -0
- /package/{scss → src/scss}/layout/_grid.scss +0 -0
- /package/{scss → src/scss}/layout/_margin-and-gutters.scss +0 -0
- /package/{scss → src/scss}/mixins/_breakpoints.scss +0 -0
- /package/{scss → src/scss}/mixins/_colors.scss +0 -0
- /package/{scss → src/scss}/mixins/_text-bg.scss +0 -0
- /package/{scss → src/scss}/mixins/_typo.scss +0 -0
- /package/{scss → src/scss}/table/_table.scss +0 -0
- /package/{scss → src/scss}/typo/_font.scss +0 -0
- /package/{scss → src/scss}/typo/_typo.scss +0 -0
- /package/{scss → src/scss}/typo/_variables.scss +0 -0
- /package/{scss → src/scss}/universal-material.scss +0 -0
- /package/{scss → src/scss}/utilities/_divider.scss +0 -0
- /package/{scss → src/scss}/utilities/_scheme.scss +0 -0
- /package/{scss → src/scss}/utilities/_spacing.scss +0 -0
- /package/{scss → src/scss}/utilities/_text.scss +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-item.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n --_drawer-item-icon-size: var(--u-drawer-item-icon-size, 1.125rem);\n --_drawer-item-padding: var(--u-drawer-item-padding, 16px);\n font-family: var(--u-font-family, var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"));\n line-height: var(--u-drawer-item-line-height, var(--u-label-l-line-height, 1.25rem));\n font-size: var(--u-drawer-item-font-size, var(--u-label-l-font-size, 0.875rem));\n letter-spacing: var(--u-drawer-item-letter-spacing, var(--u-label-l-letter-spacing, 0.0071428571rem));\n font-weight: var(--u-drawer-item-font-weight, var(--u-label-l-font-weight, var(--u-font-weight-medium, 500)));\n height: var(--u-drawer-item-height, 56px);\n padding-inline: var(--_drawer-item-padding);\n margin-inline: calc(var(--_drawer-item-padding) * -1);\n border-radius: var(--u-drawer-item-shape-corner, var(--u-shape-corner-full, 9999px));\n color: var(--u-drawer-item-label-inactive-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n }\n\n :host(.active),\n :host([active]) {\n color: var(--u-drawer-item-label-active-color, var(--_color-primary));\n }\n\n :host(:not([has-icon])) .icon,\n :host(:not([has-badge])) .badge {\n display: none;\n }\n\n .icon {\n display: flex;\n width: 1em;\n height: 1em;\n align-items: center;\n justify-content: center;\n font-size: var(--_drawer-item-icon-size);\n line-height: 1em;\n margin-inline-end: var(--u-drawer-item-icon-margin, 16px);\n }\n\n .badge {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-inline-start: auto;\n padding-inline: var(--u-drawer-item-badge-padding, 12px 8px);\n }\n\n .content {\n justify-content: flex-start;\n }\n`;\n"]}
|
package/navigation/drawer.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
-
export declare class UmDrawer extends LitElement {
|
|
3
|
-
static styles: import("lit").CSSResult[];
|
|
4
|
-
protected render(): HTMLTemplateResult;
|
|
5
|
-
}
|
|
6
|
-
declare global {
|
|
7
|
-
interface HTMLElementTagNameMap {
|
|
8
|
-
'u-drawer': UmDrawer;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=drawer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAM3D,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAGpB;cAEiB,MAAM,IAAI,kBAAkB;CAOhD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,QAAQ,CAAC;KACtB;CACF"}
|
package/navigation/drawer.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { html, LitElement } from 'lit';
|
|
3
|
-
import { customElement } from 'lit/decorators.js';
|
|
4
|
-
import { styles as baseStyles } from '../shared/base.styles.js';
|
|
5
|
-
import { styles } from './drawer.styles.js';
|
|
6
|
-
let UmDrawer = class UmDrawer extends LitElement {
|
|
7
|
-
static { this.styles = [
|
|
8
|
-
baseStyles,
|
|
9
|
-
styles,
|
|
10
|
-
]; }
|
|
11
|
-
render() {
|
|
12
|
-
return html `
|
|
13
|
-
<div class="container">
|
|
14
|
-
<slot></slot>
|
|
15
|
-
</div>
|
|
16
|
-
`;
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
UmDrawer = __decorate([
|
|
20
|
-
customElement('u-drawer')
|
|
21
|
-
], UmDrawer);
|
|
22
|
-
export { UmDrawer };
|
|
23
|
-
//# sourceMappingURL=drawer.js.map
|
package/navigation/drawer.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/navigation/drawer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGrC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;aACtB,WAAM,GAAG;QACvB,UAAU;QACV,MAAM;KACP,AAHqB,CAGpB;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZU,QAAQ;IADpB,aAAa,CAAC,UAAU,CAAC;GACb,QAAQ,CAapB","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles } from './drawer.styles.js';\n\n@customElement('u-drawer')\nexport class UmDrawer extends LitElement {\n static override styles = [\n baseStyles,\n styles,\n ];\n\n protected override render(): HTMLTemplateResult {\n return html`\n <div class=\"container\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-drawer': UmDrawer;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/drawer.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAmBlB,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host {
|
|
4
|
-
display: block;
|
|
5
|
-
height: 100vh;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.container {
|
|
9
|
-
background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));
|
|
10
|
-
color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));
|
|
11
|
-
height: 100%;
|
|
12
|
-
overflow: auto;
|
|
13
|
-
padding-inline: var(--u-drawer-padding, 28px);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@media (min-width: 1200px) {
|
|
17
|
-
.container {
|
|
18
|
-
background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
`;
|
|
22
|
-
//# sourceMappingURL=drawer.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../src/navigation/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;CAmBzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n display: block;\n height: 100vh;\n }\n\n .container {\n background-color: var(--u-modal-drawer-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n color: var(--u-drawer-text-color, var(--u-color-on-secondary-container, rgb(29, 25, 43)));\n height: 100%;\n overflow: auto;\n padding-inline: var(--u-drawer-padding, 28px);\n }\n\n @media (min-width: 1200px) {\n .container {\n background-color: var(--u-standard-drawer-bg-color, var(--u-color-body, var(--u-color-surface, rgb(254, 247, 255))));\n }\n }\n`;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-swiper.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAgIlB,CAAC"}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host {
|
|
4
|
-
--_navigation-width: 0;
|
|
5
|
-
--_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);
|
|
6
|
-
--_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);
|
|
7
|
-
--_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));
|
|
8
|
-
--_scrim-opacity: var(--u-drawer-scrim-opacity, .4);
|
|
9
|
-
display: block;
|
|
10
|
-
width: 100%;
|
|
11
|
-
height: 100%;
|
|
12
|
-
--u-app-bar-offset: var(--_navigation-width);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
:host(.disable-transition) * {
|
|
16
|
-
transition: none !important;
|
|
17
|
-
}
|
|
18
|
-
:host(.disable-transition) * ::slotted(u-top-app-bar) {
|
|
19
|
-
transition: none !important;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.drawer {
|
|
23
|
-
transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);
|
|
24
|
-
}
|
|
25
|
-
.drawer,
|
|
26
|
-
.drawer u-elevation,
|
|
27
|
-
.drawer .drawer-container {
|
|
28
|
-
border-start-end-radius: var(--_navigation-drawer-corner-shape);
|
|
29
|
-
border-end-end-radius: var(--_navigation-drawer-corner-shape);
|
|
30
|
-
}
|
|
31
|
-
.drawer.toggle u-elevation {
|
|
32
|
-
--u-elevation-level: 1;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.drawer-container {
|
|
36
|
-
height: 100%;
|
|
37
|
-
overflow: hidden;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.scrim {
|
|
41
|
-
--_modal-drawer-open-progress: 0;
|
|
42
|
-
position: absolute;
|
|
43
|
-
inset-inline-start: 0;
|
|
44
|
-
inset-block-start: 0;
|
|
45
|
-
width: 100vw;
|
|
46
|
-
height: 100vh;
|
|
47
|
-
background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));
|
|
48
|
-
pointer-events: none;
|
|
49
|
-
opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));
|
|
50
|
-
transition: opacity 375ms linear;
|
|
51
|
-
}
|
|
52
|
-
.scrim.moving {
|
|
53
|
-
transition: none;
|
|
54
|
-
}
|
|
55
|
-
.scrim.toggle {
|
|
56
|
-
--_modal-drawer-open-progress: 1;
|
|
57
|
-
pointer-events: auto;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@media (min-width: 840px) {
|
|
61
|
-
.content slot {
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
height: 100vh;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
@media (min-width: 1200px) {
|
|
68
|
-
.container {
|
|
69
|
-
--_navigation-width: var(--_navigation-drawer-width);
|
|
70
|
-
}
|
|
71
|
-
.container:has(.drawer.toggle) {
|
|
72
|
-
--_navigation-width: 0;
|
|
73
|
-
}
|
|
74
|
-
.drawer {
|
|
75
|
-
border-radius: 0;
|
|
76
|
-
inset-inline-start: 0;
|
|
77
|
-
}
|
|
78
|
-
.drawer.toggle {
|
|
79
|
-
inset-inline-start: var(--_navigation-drawer-width-negative);
|
|
80
|
-
}
|
|
81
|
-
u-elevation,
|
|
82
|
-
.scrim {
|
|
83
|
-
display: none;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
.content {
|
|
87
|
-
position: fixed;
|
|
88
|
-
inset: 0;
|
|
89
|
-
z-index: 1;
|
|
90
|
-
overflow: auto;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.drawer {
|
|
94
|
-
position: relative;
|
|
95
|
-
width: var(--_navigation-drawer-width);
|
|
96
|
-
z-index: var(--u-side-navigation-z-index, 1030);
|
|
97
|
-
pointer-events: auto;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.scrim {
|
|
101
|
-
z-index: 1;
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
swiper-container {
|
|
105
|
-
height: 100%;
|
|
106
|
-
--u-app-bar-offset: var(--_navigation-width);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
swiper-container::part(wrapper) {
|
|
110
|
-
pointer-events: none;
|
|
111
|
-
z-index: 2;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
@media (min-width: 1200px) {
|
|
115
|
-
:host {
|
|
116
|
-
--_navigation-width: var(--_navigation-drawer-width);
|
|
117
|
-
}
|
|
118
|
-
.content {
|
|
119
|
-
position: static;
|
|
120
|
-
}
|
|
121
|
-
swiper-container::part(container) {
|
|
122
|
-
display: grid;
|
|
123
|
-
grid-template-columns: var(--_navigation-width) minmax(0, 1fr);
|
|
124
|
-
transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);
|
|
125
|
-
}
|
|
126
|
-
.dummy-slide {
|
|
127
|
-
display: none;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
`;
|
|
131
|
-
//# sourceMappingURL=side-navigation-swiper.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation-swiper.styles.js","sourceRoot":"","sources":["../../src/navigation/side-navigation-swiper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgIzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .content {\n position: fixed;\n inset: 0;\n z-index: 1;\n overflow: auto;\n }\n\n .drawer {\n position: relative;\n width: var(--_navigation-drawer-width);\n z-index: var(--u-side-navigation-z-index, 1030);\n pointer-events: auto;\n }\n\n .scrim {\n z-index: 1;\n }\n\n swiper-container {\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n swiper-container::part(wrapper) {\n pointer-events: none;\n z-index: 2;\n }\n\n @media (min-width: 1200px) {\n :host {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .content {\n position: static;\n }\n swiper-container::part(container) {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .dummy-slide {\n display: none;\n }\n }\n`;\n"]}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { HTMLTemplateResult, LitElement } from 'lit';
|
|
2
|
-
import '../elevation/elevation.js';
|
|
3
|
-
export declare class UmSideNavigation extends LitElement {
|
|
4
|
-
#private;
|
|
5
|
-
static styles: import("lit").CSSResult[];
|
|
6
|
-
private disableSlideAnimation;
|
|
7
|
-
/**
|
|
8
|
-
* Toggle the navigation drawer visibility
|
|
9
|
-
*
|
|
10
|
-
* _Modal drawer_: Open if `true`, closed if `false`
|
|
11
|
-
* _Standard drawer_: Collapsed if `true`, visible if `false`
|
|
12
|
-
*/
|
|
13
|
-
get toggleDrawer(): boolean;
|
|
14
|
-
set toggleDrawer(toggleDrawer: boolean);
|
|
15
|
-
swiperContainer: any;
|
|
16
|
-
scrim: HTMLElement;
|
|
17
|
-
scrollContainer: HTMLElement | undefined;
|
|
18
|
-
render(): HTMLTemplateResult;
|
|
19
|
-
private renderDefault;
|
|
20
|
-
private renderWithSwipe;
|
|
21
|
-
private swiperActiveIndexChange;
|
|
22
|
-
private swiperTransitionStart;
|
|
23
|
-
private slidesGridLengthChange;
|
|
24
|
-
private swiperTransitionEnd;
|
|
25
|
-
private swiperSliderMove;
|
|
26
|
-
private scrimClick;
|
|
27
|
-
}
|
|
28
|
-
declare global {
|
|
29
|
-
interface HTMLElementTagNameMap {
|
|
30
|
-
'u-side-navigation': UmSideNavigation;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=side-navigation.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,kBAAkB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAS3D,OAAO,2BAA2B,CAAC;AAEnC,qBACa,gBAAiB,SAAQ,UAAU;;IAC9C,OAAgB,MAAM,4BAA6E;IAGnG,OAAO,CAAC,qBAAqB,CAAS;IAEtC;;;;;OAKG;IACH,IACI,YAAY,IAIe,OAAO,CAFrC;IAED,IAAI,YAAY,CAAC,YAAY,EAAE,OAAO,EAMrC;IAE0B,eAAe,EAAE,GAAG,CAAC;IAC/B,KAAK,EAAG,WAAW,CAAC;IACT,eAAe,EAAE,WAAW,GAAG,SAAS,CAAC;IAE5D,MAAM,IAAI,kBAAkB;IAIrC,OAAO,CAAC,aAAa;IAwBrB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,uBAAuB;IAQ/B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;CAInB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,gBAAgB,CAAC;KACvC;CACF"}
|
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { html, LitElement } from 'lit';
|
|
3
|
-
import { customElement, property, query } from 'lit/decorators.js';
|
|
4
|
-
import { classMap } from 'lit/directives/class-map.js';
|
|
5
|
-
import { config } from '../config.js';
|
|
6
|
-
import { styles as baseStyles } from '../shared/base.styles.js';
|
|
7
|
-
import { styles as swiperStyles } from './side-navigation-swiper.styles.js';
|
|
8
|
-
import { styles } from './side-navigation.styles.js';
|
|
9
|
-
import '../elevation/elevation.js';
|
|
10
|
-
let UmSideNavigation = class UmSideNavigation extends LitElement {
|
|
11
|
-
constructor() {
|
|
12
|
-
super(...arguments);
|
|
13
|
-
this.#toggleDrawer = false;
|
|
14
|
-
this.disableSlideAnimation = false;
|
|
15
|
-
}
|
|
16
|
-
static { this.styles = [baseStyles, config.navigationDrawer.useSwiperJs ? swiperStyles : styles]; }
|
|
17
|
-
#toggleDrawer;
|
|
18
|
-
/**
|
|
19
|
-
* Toggle the navigation drawer visibility
|
|
20
|
-
*
|
|
21
|
-
* _Modal drawer_: Open if `true`, closed if `false`
|
|
22
|
-
* _Standard drawer_: Collapsed if `true`, visible if `false`
|
|
23
|
-
*/
|
|
24
|
-
get toggleDrawer() {
|
|
25
|
-
return this.#toggleDrawer;
|
|
26
|
-
}
|
|
27
|
-
set toggleDrawer(toggleDrawer) {
|
|
28
|
-
this.#toggleDrawer = toggleDrawer;
|
|
29
|
-
if (!this.disableSlideAnimation) {
|
|
30
|
-
this.swiperContainer?.swiper?.slideTo(toggleDrawer ? 0 : 1);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
render() {
|
|
34
|
-
return config.navigationDrawer.useSwiperJs ? this.renderWithSwipe() : this.renderDefault();
|
|
35
|
-
}
|
|
36
|
-
renderDefault() {
|
|
37
|
-
const classes = { toggle: this.toggleDrawer };
|
|
38
|
-
return html `
|
|
39
|
-
<div class="grid container">
|
|
40
|
-
<div>
|
|
41
|
-
<div class="navigation">
|
|
42
|
-
<div class="scrim ${classMap(classes)}" @click="${this.scrimClick}"></div>
|
|
43
|
-
<div class="drawer ${classMap(classes)}">
|
|
44
|
-
<u-elevation></u-elevation>
|
|
45
|
-
<div class="drawer-container">
|
|
46
|
-
<slot name="drawer"></slot>
|
|
47
|
-
</div>
|
|
48
|
-
</div>
|
|
49
|
-
<slot name="rail"></slot>
|
|
50
|
-
</div>
|
|
51
|
-
</div>
|
|
52
|
-
<div class="content">
|
|
53
|
-
<slot></slot>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
`;
|
|
57
|
-
}
|
|
58
|
-
renderWithSwipe() {
|
|
59
|
-
const classes = { toggle: this.toggleDrawer };
|
|
60
|
-
return html `
|
|
61
|
-
<swiper-container
|
|
62
|
-
class="container"
|
|
63
|
-
initial-slide="1"
|
|
64
|
-
resistance-ratio="0"
|
|
65
|
-
slides-per-view="auto"
|
|
66
|
-
simulate-touch="false"
|
|
67
|
-
@swiperactiveindexchange="${this.swiperActiveIndexChange}"
|
|
68
|
-
@swiperslidermove="${this.swiperSliderMove}"
|
|
69
|
-
@swipertransitionend="${this.swiperTransitionEnd}"
|
|
70
|
-
@swipertransitionstart="${this.swiperTransitionStart}"
|
|
71
|
-
@swiperslidesgridlengthchange="${this.slidesGridLengthChange}">
|
|
72
|
-
<swiper-slide class="drawer ${classMap(classes)}">
|
|
73
|
-
<u-elevation></u-elevation>
|
|
74
|
-
<div class="drawer-container">
|
|
75
|
-
<slot name="drawer"></slot>
|
|
76
|
-
</div>
|
|
77
|
-
</swiper-slide>
|
|
78
|
-
<swiper-slide class="dummy-slide"></swiper-slide>
|
|
79
|
-
|
|
80
|
-
<div id="scroll-container" class="content" slot="container-end">
|
|
81
|
-
<slot></slot>
|
|
82
|
-
</div>
|
|
83
|
-
<div class="scrim ${classMap(classes)}" @click="${this.scrimClick}" slot="container-end"></div>
|
|
84
|
-
</swiper-container>
|
|
85
|
-
`;
|
|
86
|
-
}
|
|
87
|
-
swiperActiveIndexChange() {
|
|
88
|
-
if (!this.swiperContainer?.swiper) {
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
this.toggleDrawer = !this.swiperContainer.swiper.activeIndex;
|
|
92
|
-
}
|
|
93
|
-
swiperTransitionStart() {
|
|
94
|
-
this.scrim.classList.add('moving');
|
|
95
|
-
}
|
|
96
|
-
slidesGridLengthChange() {
|
|
97
|
-
if (!this.swiperContainer?.swiper) {
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
this.classList.add('disable-transition');
|
|
101
|
-
const gridLength = this.swiperContainer.swiper.snapGrid.length;
|
|
102
|
-
this.swiperContainer.swiper.slideTo(gridLength === 1 ? 0 : 1, 0);
|
|
103
|
-
this.disableSlideAnimation = true;
|
|
104
|
-
this.toggleDrawer = true;
|
|
105
|
-
this.toggleDrawer = false;
|
|
106
|
-
this.disableSlideAnimation = false;
|
|
107
|
-
setTimeout(() => this.classList.remove('disable-transition'));
|
|
108
|
-
}
|
|
109
|
-
swiperTransitionEnd() {
|
|
110
|
-
this.scrim.style.removeProperty('--_modal-drawer-open-progress');
|
|
111
|
-
this.scrim.classList.remove('moving');
|
|
112
|
-
}
|
|
113
|
-
swiperSliderMove(e) {
|
|
114
|
-
const swiper = e.detail[0];
|
|
115
|
-
this.scrim.style.setProperty('--_modal-drawer-open-progress', `${1 - swiper.progress}`);
|
|
116
|
-
}
|
|
117
|
-
scrimClick() {
|
|
118
|
-
this.toggleDrawer = false;
|
|
119
|
-
this.swiperContainer?.swiper?.slideTo(1);
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
__decorate([
|
|
123
|
-
property({ type: Boolean, attribute: 'toggle-drawer' })
|
|
124
|
-
], UmSideNavigation.prototype, "toggleDrawer", null);
|
|
125
|
-
__decorate([
|
|
126
|
-
query('swiper-container')
|
|
127
|
-
], UmSideNavigation.prototype, "swiperContainer", void 0);
|
|
128
|
-
__decorate([
|
|
129
|
-
query('.scrim')
|
|
130
|
-
], UmSideNavigation.prototype, "scrim", void 0);
|
|
131
|
-
__decorate([
|
|
132
|
-
query('#scroll-container')
|
|
133
|
-
], UmSideNavigation.prototype, "scrollContainer", void 0);
|
|
134
|
-
UmSideNavigation = __decorate([
|
|
135
|
-
customElement('u-side-navigation')
|
|
136
|
-
], UmSideNavigation);
|
|
137
|
-
export { UmSideNavigation };
|
|
138
|
-
//# sourceMappingURL=side-navigation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.js","sourceRoot":"","sources":["../../src/navigation/side-navigation.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAsB,UAAU,EAAE,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAErD,OAAO,2BAA2B,CAAC;AAG5B,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAGL,kBAAa,GAAG,KAAK,CAAC;QACd,0BAAqB,GAAG,KAAK,CAAC;IA8HxC,CAAC;aAjIiB,WAAM,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,AAA5E,CAA6E;IAEnG,aAAa,CAAS;IAGtB;;;;;OAKG;IAEH,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,IAAI,YAAY,CAAC,YAAqB;QACpC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC;QAElC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAChC,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAMQ,MAAM;QACb,OAAO,MAAM,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IAC7F,CAAC;IAEO,aAAa;QACnB,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAE9C,OAAO,IAAI,CAAA;;;;gCAIiB,QAAQ,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,UAAU;iCAC5C,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;KAa7C,CAAC;IACJ,CAAC;IAEO,eAAe;QACrB,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAA;;;;;;;oCAOqB,IAAI,CAAC,uBAAuB;6BACnC,IAAI,CAAC,gBAAgB;gCAClB,IAAI,CAAC,mBAAmB;kCACtB,IAAI,CAAC,qBAAqB;yCACnB,IAAI,CAAC,sBAAsB;sCAC9B,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;4BAW3B,QAAQ,CAAC,OAAO,CAAC,aAAa,IAAI,CAAC,UAAU;;KAEpE,CAAC;IACJ,CAAC;IAEO,uBAAuB;QAC7B,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,WAAW,CAAC;IAC/D,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAEO,sBAAsB;QAC5B,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,CAAC;YAClC,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;QAEzC,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;QAC/D,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACjE,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;QACnC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAChE,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,+BAA+B,CAAC,CAAC;QACjE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACxC,CAAC;IAEO,gBAAgB,CAAC,CAAQ;QAE/B,MAAM,MAAM,GAAI,CAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,+BAA+B,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC1F,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3C,CAAC;;AApHD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;oDAGvD;AAU0B;IAA1B,KAAK,CAAC,kBAAkB,CAAC;yDAAsB;AAC/B;IAAhB,KAAK,CAAC,QAAQ,CAAC;+CAAqB;AACT;IAA3B,KAAK,CAAC,mBAAmB,CAAC;yDAA0C;AA3B1D,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAkI5B","sourcesContent":["import { html, HTMLTemplateResult, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { config } from '../config.js';\nimport { styles as baseStyles } from '../shared/base.styles.js';\nimport { styles as swiperStyles } from './side-navigation-swiper.styles.js';\nimport { styles } from './side-navigation.styles.js';\n\nimport '../elevation/elevation.js';\n\n@customElement('u-side-navigation')\nexport class UmSideNavigation extends LitElement {\n static override styles = [baseStyles, config.navigationDrawer.useSwiperJs ? swiperStyles : styles];\n\n #toggleDrawer = false;\n private disableSlideAnimation = false;\n\n /**\n * Toggle the navigation drawer visibility\n *\n * _Modal drawer_: Open if `true`, closed if `false`\n * _Standard drawer_: Collapsed if `true`, visible if `false`\n */\n @property({ type: Boolean, attribute: 'toggle-drawer' })\n get toggleDrawer() {\n return this.#toggleDrawer;\n }\n\n set toggleDrawer(toggleDrawer: boolean) {\n this.#toggleDrawer = toggleDrawer;\n\n if (!this.disableSlideAnimation) {\n this.swiperContainer?.swiper?.slideTo(toggleDrawer ? 0 : 1);\n }\n }\n\n @query('swiper-container') swiperContainer: any;\n @query('.scrim') scrim!: HTMLElement;\n @query('#scroll-container') scrollContainer: HTMLElement | undefined;\n\n override render(): HTMLTemplateResult {\n return config.navigationDrawer.useSwiperJs ? this.renderWithSwipe() : this.renderDefault();\n }\n\n private renderDefault() {\n const classes = { toggle: this.toggleDrawer };\n\n return html`\n <div class=\"grid container\">\n <div>\n <div class=\"navigation\">\n <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\"></div>\n <div class=\"drawer ${classMap(classes)}\">\n <u-elevation></u-elevation>\n <div class=\"drawer-container\">\n <slot name=\"drawer\"></slot>\n </div>\n </div>\n <slot name=\"rail\"></slot>\n </div>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </div>\n `;\n }\n\n private renderWithSwipe() {\n const classes = { toggle: this.toggleDrawer };\n return html`\n <swiper-container\n class=\"container\"\n initial-slide=\"1\"\n resistance-ratio=\"0\"\n slides-per-view=\"auto\"\n simulate-touch=\"false\"\n @swiperactiveindexchange=\"${this.swiperActiveIndexChange}\"\n @swiperslidermove=\"${this.swiperSliderMove}\"\n @swipertransitionend=\"${this.swiperTransitionEnd}\"\n @swipertransitionstart=\"${this.swiperTransitionStart}\"\n @swiperslidesgridlengthchange=\"${this.slidesGridLengthChange}\">\n <swiper-slide class=\"drawer ${classMap(classes)}\">\n <u-elevation></u-elevation>\n <div class=\"drawer-container\">\n <slot name=\"drawer\"></slot>\n </div>\n </swiper-slide>\n <swiper-slide class=\"dummy-slide\"></swiper-slide>\n\n <div id=\"scroll-container\" class=\"content\" slot=\"container-end\">\n <slot></slot>\n </div>\n <div class=\"scrim ${classMap(classes)}\" @click=\"${this.scrimClick}\" slot=\"container-end\"></div>\n </swiper-container>\n `;\n }\n\n private swiperActiveIndexChange() {\n if (!this.swiperContainer?.swiper) {\n return;\n }\n\n this.toggleDrawer = !this.swiperContainer.swiper.activeIndex;\n }\n\n private swiperTransitionStart() {\n this.scrim.classList.add('moving');\n }\n\n private slidesGridLengthChange() {\n if (!this.swiperContainer?.swiper) {\n return;\n }\n\n this.classList.add('disable-transition');\n\n const gridLength = this.swiperContainer.swiper.snapGrid.length;\n this.swiperContainer.swiper.slideTo(gridLength === 1 ? 0 : 1, 0);\n this.disableSlideAnimation = true;\n this.toggleDrawer = true;\n this.toggleDrawer = false;\n this.disableSlideAnimation = false;\n setTimeout(() => this.classList.remove('disable-transition'));\n }\n\n private swiperTransitionEnd() {\n this.scrim.style.removeProperty('--_modal-drawer-open-progress');\n this.scrim.classList.remove('moving');\n }\n\n private swiperSliderMove(e: Event) {\n\n const swiper = (e as any).detail[0];\n this.scrim.style.setProperty('--_modal-drawer-open-progress', `${1 - swiper.progress}`);\n }\n\n private scrimClick() {\n this.toggleDrawer = false;\n this.swiperContainer?.swiper?.slideTo(1);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'u-side-navigation': UmSideNavigation;\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.styles.d.ts","sourceRoot":"","sources":["../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyHlB,CAAC"}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
export const styles = css `
|
|
3
|
-
:host {
|
|
4
|
-
--_navigation-width: 0;
|
|
5
|
-
--_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);
|
|
6
|
-
--_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);
|
|
7
|
-
--_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));
|
|
8
|
-
--_scrim-opacity: var(--u-drawer-scrim-opacity, .4);
|
|
9
|
-
display: block;
|
|
10
|
-
width: 100%;
|
|
11
|
-
height: 100%;
|
|
12
|
-
--u-app-bar-offset: var(--_navigation-width);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
:host(.disable-transition) * {
|
|
16
|
-
transition: none !important;
|
|
17
|
-
}
|
|
18
|
-
:host(.disable-transition) * ::slotted(u-top-app-bar) {
|
|
19
|
-
transition: none !important;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.drawer {
|
|
23
|
-
transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);
|
|
24
|
-
}
|
|
25
|
-
.drawer,
|
|
26
|
-
.drawer u-elevation,
|
|
27
|
-
.drawer .drawer-container {
|
|
28
|
-
border-start-end-radius: var(--_navigation-drawer-corner-shape);
|
|
29
|
-
border-end-end-radius: var(--_navigation-drawer-corner-shape);
|
|
30
|
-
}
|
|
31
|
-
.drawer.toggle u-elevation {
|
|
32
|
-
--u-elevation-level: 1;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
.drawer-container {
|
|
36
|
-
height: 100%;
|
|
37
|
-
overflow: hidden;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.scrim {
|
|
41
|
-
--_modal-drawer-open-progress: 0;
|
|
42
|
-
position: absolute;
|
|
43
|
-
inset-inline-start: 0;
|
|
44
|
-
inset-block-start: 0;
|
|
45
|
-
width: 100vw;
|
|
46
|
-
height: 100vh;
|
|
47
|
-
background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));
|
|
48
|
-
pointer-events: none;
|
|
49
|
-
opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));
|
|
50
|
-
transition: opacity 375ms linear;
|
|
51
|
-
}
|
|
52
|
-
.scrim.moving {
|
|
53
|
-
transition: none;
|
|
54
|
-
}
|
|
55
|
-
.scrim.toggle {
|
|
56
|
-
--_modal-drawer-open-progress: 1;
|
|
57
|
-
pointer-events: auto;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
@media (min-width: 840px) {
|
|
61
|
-
.content slot {
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
height: 100vh;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
@media (min-width: 1200px) {
|
|
68
|
-
.container {
|
|
69
|
-
--_navigation-width: var(--_navigation-drawer-width);
|
|
70
|
-
}
|
|
71
|
-
.container:has(.drawer.toggle) {
|
|
72
|
-
--_navigation-width: 0;
|
|
73
|
-
}
|
|
74
|
-
.drawer {
|
|
75
|
-
border-radius: 0;
|
|
76
|
-
inset-inline-start: 0;
|
|
77
|
-
}
|
|
78
|
-
.drawer.toggle {
|
|
79
|
-
inset-inline-start: var(--_navigation-drawer-width-negative);
|
|
80
|
-
}
|
|
81
|
-
u-elevation,
|
|
82
|
-
.scrim {
|
|
83
|
-
display: none;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
.navigation {
|
|
87
|
-
position: fixed;
|
|
88
|
-
inset-inline-start: 0;
|
|
89
|
-
inset-block-start: 0;
|
|
90
|
-
height: 100%;
|
|
91
|
-
z-index: var(--u-side-navigation-z-index, 1030);
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.drawer {
|
|
95
|
-
position: absolute;
|
|
96
|
-
inset-inline-start: var(--_navigation-drawer-width-negative);
|
|
97
|
-
inset-block-start: 0;
|
|
98
|
-
width: var(--_navigation-drawer-width);
|
|
99
|
-
height: 100%;
|
|
100
|
-
border-start-end-radius: var(--_navigation-drawer-corner-shape);
|
|
101
|
-
border-end-end-radius: var(--_navigation-drawer-corner-shape);
|
|
102
|
-
overflow: hidden;
|
|
103
|
-
}
|
|
104
|
-
.drawer.toggle {
|
|
105
|
-
inset-inline-start: 0;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.grid {
|
|
109
|
-
display: grid;
|
|
110
|
-
grid-template-columns: var(--_navigation-width) minmax(0, 1fr);
|
|
111
|
-
transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);
|
|
112
|
-
--u-app-bar-offset: var(--_navigation-width);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
@media (min-width: 1200px) {
|
|
116
|
-
.drawer {
|
|
117
|
-
inset-inline-start: 0;
|
|
118
|
-
}
|
|
119
|
-
.drawer.toggle {
|
|
120
|
-
inset-inline-start: var(--_navigation-drawer-width-negative);
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
`;
|
|
124
|
-
//# sourceMappingURL=side-navigation.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"side-navigation.styles.js","sourceRoot":"","sources":["../../src/navigation/side-navigation.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyHzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_navigation-width: 0;\n --_navigation-drawer-width: min(var(--u-navigation-drawer-width, 360px), 85vw);\n --_navigation-drawer-width-negative: calc(var(--_navigation-drawer-width) * -1);\n --_navigation-drawer-corner-shape: var(--u-navigation-drawer-corner-shape, var(--u-shape-corner-large, 16px));\n --_scrim-opacity: var(--u-drawer-scrim-opacity, .4);\n display: block;\n width: 100%;\n height: 100%;\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n :host(.disable-transition) * {\n transition: none !important;\n }\n :host(.disable-transition) * ::slotted(u-top-app-bar) {\n transition: none !important;\n }\n\n .drawer {\n transition: inset 375ms cubic-bezier(0.19, 1, 0.22, 1);\n }\n .drawer,\n .drawer u-elevation,\n .drawer .drawer-container {\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n }\n .drawer.toggle u-elevation {\n --u-elevation-level: 1;\n }\n\n .drawer-container {\n height: 100%;\n overflow: hidden;\n }\n\n .scrim {\n --_modal-drawer-open-progress: 0;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100vw;\n height: 100vh;\n background: var(--u-drawer-scrim-color, var(--u-color-scrim, rgb(0, 0, 0)));\n pointer-events: none;\n opacity: calc(var(--_scrim-opacity) * var(--_modal-drawer-open-progress));\n transition: opacity 375ms linear;\n }\n .scrim.moving {\n transition: none;\n }\n .scrim.toggle {\n --_modal-drawer-open-progress: 1;\n pointer-events: auto;\n }\n\n @media (min-width: 840px) {\n .content slot {\n display: flex;\n flex-direction: column;\n height: 100vh;\n }\n }\n @media (min-width: 1200px) {\n .container {\n --_navigation-width: var(--_navigation-drawer-width);\n }\n .container:has(.drawer.toggle) {\n --_navigation-width: 0;\n }\n .drawer {\n border-radius: 0;\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n u-elevation,\n .scrim {\n display: none;\n }\n }\n .navigation {\n position: fixed;\n inset-inline-start: 0;\n inset-block-start: 0;\n height: 100%;\n z-index: var(--u-side-navigation-z-index, 1030);\n }\n\n .drawer {\n position: absolute;\n inset-inline-start: var(--_navigation-drawer-width-negative);\n inset-block-start: 0;\n width: var(--_navigation-drawer-width);\n height: 100%;\n border-start-end-radius: var(--_navigation-drawer-corner-shape);\n border-end-end-radius: var(--_navigation-drawer-corner-shape);\n overflow: hidden;\n }\n .drawer.toggle {\n inset-inline-start: 0;\n }\n\n .grid {\n display: grid;\n grid-template-columns: var(--_navigation-width) minmax(0, 1fr);\n transition: 375ms cubic-bezier(0.19, 1, 0.22, 1);\n --u-app-bar-offset: var(--_navigation-width);\n }\n\n @media (min-width: 1200px) {\n .drawer {\n inset-inline-start: 0;\n }\n .drawer.toggle {\n inset-inline-start: var(--_navigation-drawer-width-negative);\n }\n }\n`;\n"]}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { LitElement, TemplateResult } from 'lit';
|
|
2
|
-
export declare class UmCircularProgress extends LitElement {
|
|
3
|
-
#private;
|
|
4
|
-
static styles: import("lit").CSSResult[];
|
|
5
|
-
value: number | undefined;
|
|
6
|
-
max: number;
|
|
7
|
-
protected render(): TemplateResult;
|
|
8
|
-
}
|
|
9
|
-
declare global {
|
|
10
|
-
interface HTMLElementTagNameMap {
|
|
11
|
-
'u-circular-progress': UmCircularProgress;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=circular-progress.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../src/progress/circular-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAO,cAAc,EAAE,MAAM,KAAK,CAAC;AAQtD,qBACa,kBAAmB,SAAQ,UAAU;;IAChD,OAAgB,MAAM,4BAAY;IAEN,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,SAAK;cAEjB,MAAM,IAAI,cAAc;CA6D5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,kBAAkB,CAAC;KAC3C;CACF"}
|