flowbite-angular 0.0.2 → 1.0.0-alpha.1
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/{esm2020 → esm2022}/flowbite-angular.mjs +2 -2
- package/esm2022/lib/common/flowbite.theme.init.mjs +318 -0
- package/esm2022/lib/common/index.mjs +3 -0
- package/esm2022/lib/common/type-definitions/colors/flowbite.colors.mjs +2 -0
- package/esm2022/lib/common/type-definitions/colors/flowbite.gradient-colors.mjs +2 -0
- package/esm2022/lib/common/type-definitions/colors/flowbite.gradient-duo-tone-colors.mjs +2 -0
- package/esm2022/lib/common/type-definitions/colors/index.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.boolean.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.class.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.combination.mjs +5 -0
- package/esm2022/lib/common/type-definitions/flowbite.content-positions.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.deep-partial.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.heading-levels.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.positions.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.router-link-parameter.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.sizes.mjs +2 -0
- package/esm2022/lib/common/type-definitions/flowbite.themes.mjs +2 -0
- package/esm2022/lib/common/type-definitions/index.mjs +2 -0
- package/esm2022/lib/components/accordion/accordion-content.component.mjs +46 -0
- package/esm2022/lib/components/accordion/accordion-content.theme.mjs +19 -0
- package/esm2022/lib/components/accordion/accordion-content.theme.service.mjs +17 -0
- package/esm2022/lib/components/accordion/accordion-panel.component.mjs +57 -0
- package/esm2022/lib/components/accordion/accordion-panel.theme.mjs +7 -0
- package/esm2022/lib/components/accordion/accordion-panel.theme.service.mjs +17 -0
- package/esm2022/lib/components/accordion/accordion-title.component.mjs +70 -0
- package/esm2022/lib/components/accordion/accordion-title.theme.mjs +26 -0
- package/esm2022/lib/components/accordion/accordion-title.theme.service.mjs +18 -0
- package/esm2022/lib/components/accordion/accordion.component.mjs +49 -0
- package/esm2022/lib/components/accordion/accordion.theme.mjs +19 -0
- package/esm2022/lib/components/accordion/accordion.theme.service.mjs +17 -0
- package/esm2022/lib/components/accordion/index.mjs +13 -0
- package/esm2022/lib/components/alert/alert.component.mjs +99 -0
- package/esm2022/lib/components/alert/alert.theme.mjs +34 -0
- package/esm2022/lib/components/alert/alert.theme.service.mjs +18 -0
- package/esm2022/lib/components/alert/index.mjs +4 -0
- package/esm2022/lib/components/badge/badge.component.mjs +47 -0
- package/esm2022/lib/components/badge/badge.theme.mjs +34 -0
- package/esm2022/lib/components/badge/badge.theme.service.mjs +17 -0
- package/esm2022/lib/components/badge/index.mjs +4 -0
- package/esm2022/lib/components/base-component.directive.mjs +34 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb-item.component.mjs +57 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb-item.theme.mjs +18 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb-item.theme.service.mjs +18 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +46 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb.theme.mjs +7 -0
- package/esm2022/lib/components/breadcrumb/breadcrumb.theme.service.mjs +17 -0
- package/esm2022/lib/components/breadcrumb/index.mjs +7 -0
- package/esm2022/lib/components/button/button.component.mjs +81 -0
- package/esm2022/lib/components/button/button.theme.mjs +113 -0
- package/esm2022/lib/components/button/button.theme.service.mjs +24 -0
- package/esm2022/lib/components/button/index.mjs +4 -0
- package/esm2022/lib/components/dark-theme-toggle/dark-theme-toggle.component.mjs +86 -0
- package/esm2022/lib/components/dark-theme-toggle/dark-theme-toggle.theme.mjs +7 -0
- package/esm2022/lib/components/dark-theme-toggle/dark-theme-toggle.theme.service.mjs +17 -0
- package/esm2022/lib/components/dark-theme-toggle/index.mjs +4 -0
- package/esm2022/lib/components/dropdown/dropdown-divider.component.mjs +34 -0
- package/esm2022/lib/components/dropdown/dropdown-divider.theme.mjs +7 -0
- package/esm2022/lib/components/dropdown/dropdown-divider.theme.service.mjs +17 -0
- package/esm2022/lib/components/dropdown/dropdown-header.component.mjs +44 -0
- package/esm2022/lib/components/dropdown/dropdown-header.theme.mjs +10 -0
- package/esm2022/lib/components/dropdown/dropdown-header.theme.service.mjs +18 -0
- package/esm2022/lib/components/dropdown/dropdown-item.component.mjs +34 -0
- package/esm2022/lib/components/dropdown/dropdown-item.theme.mjs +6 -0
- package/esm2022/lib/components/dropdown/dropdown-item.theme.service.mjs +17 -0
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +161 -0
- package/esm2022/lib/components/dropdown/dropdown.theme.mjs +32 -0
- package/esm2022/lib/components/dropdown/dropdown.theme.service.mjs +22 -0
- package/esm2022/lib/components/dropdown/index.mjs +13 -0
- package/esm2022/lib/components/form-field/directives/addon.directive.mjs +32 -0
- package/esm2022/lib/components/form-field/directives/addon.directive.theme.mjs +8 -0
- package/esm2022/lib/components/form-field/directives/addon.directive.theme.service.mjs +17 -0
- package/esm2022/lib/components/form-field/directives/base-input.directive.mjs +26 -0
- package/esm2022/lib/components/form-field/directives/helper.directive.mjs +34 -0
- package/esm2022/lib/components/form-field/directives/helper.directive.theme.mjs +12 -0
- package/esm2022/lib/components/form-field/directives/helper.directive.theme.service.mjs +17 -0
- package/esm2022/lib/components/form-field/directives/icon.directive.mjs +32 -0
- package/esm2022/lib/components/form-field/directives/icon.directive.theme.mjs +8 -0
- package/esm2022/lib/components/form-field/directives/icon.directive.theme.service.mjs +17 -0
- package/esm2022/lib/components/form-field/directives/index.mjs +17 -0
- package/esm2022/lib/components/form-field/directives/input.directive.mjs +41 -0
- package/esm2022/lib/components/form-field/directives/input.directive.theme.mjs +79 -0
- package/esm2022/lib/components/form-field/directives/input.directive.theme.service.mjs +24 -0
- package/esm2022/lib/components/form-field/directives/label.directive.mjs +41 -0
- package/esm2022/lib/components/form-field/directives/label.directive.theme.mjs +51 -0
- package/esm2022/lib/components/form-field/directives/label.directive.theme.service.mjs +21 -0
- package/esm2022/lib/components/form-field/form-field.component.mjs +40 -0
- package/esm2022/lib/components/form-field/form-field.theme.mjs +8 -0
- package/esm2022/lib/components/form-field/form-field.theme.service.mjs +17 -0
- package/esm2022/lib/components/form-field/index.mjs +5 -0
- package/esm2022/lib/components/icon/icon-registry.mjs +159 -0
- package/esm2022/lib/components/icon/icon.component.mjs +67 -0
- package/esm2022/lib/components/icon/index.mjs +4 -0
- package/esm2022/lib/components/icon/trusted-types.mjs +21 -0
- package/esm2022/lib/components/index.mjs +16 -0
- package/esm2022/lib/components/indicators/index.mjs +4 -0
- package/esm2022/lib/components/indicators/indicators.component.mjs +54 -0
- package/esm2022/lib/components/indicators/indicators.theme.mjs +68 -0
- package/esm2022/lib/components/indicators/indicators.theme.service.mjs +17 -0
- package/esm2022/lib/components/modal/index.mjs +13 -0
- package/esm2022/lib/components/modal/modal-body.component.mjs +34 -0
- package/esm2022/lib/components/modal/modal-body.theme.mjs +7 -0
- package/esm2022/lib/components/modal/modal-body.theme.service.mjs +17 -0
- package/esm2022/lib/components/modal/modal-footer.component.mjs +34 -0
- package/esm2022/lib/components/modal/modal-footer.theme.mjs +7 -0
- package/esm2022/lib/components/modal/modal-footer.theme.service.mjs +17 -0
- package/esm2022/lib/components/modal/modal-header.component.mjs +70 -0
- package/esm2022/lib/components/modal/modal-header.theme.mjs +13 -0
- package/esm2022/lib/components/modal/modal-header.theme.service.mjs +19 -0
- package/esm2022/lib/components/modal/modal.component.mjs +146 -0
- package/esm2022/lib/components/modal/modal.theme.mjs +33 -0
- package/esm2022/lib/components/modal/modal.theme.service.mjs +20 -0
- package/esm2022/lib/components/navbar/index.mjs +19 -0
- package/esm2022/lib/components/navbar/navbar-brand.component.mjs +34 -0
- package/esm2022/lib/components/navbar/navbar-brand.theme.mjs +7 -0
- package/esm2022/lib/components/navbar/navbar-brand.theme.service.mjs +17 -0
- package/esm2022/lib/components/navbar/navbar-content.component.mjs +45 -0
- package/esm2022/lib/components/navbar/navbar-content.theme.mjs +14 -0
- package/esm2022/lib/components/navbar/navbar-content.theme.service.mjs +18 -0
- package/esm2022/lib/components/navbar/navbar-icon-button.component.mjs +42 -0
- package/esm2022/lib/components/navbar/navbar-icon-button.theme.mjs +15 -0
- package/esm2022/lib/components/navbar/navbar-icon-button.theme.service.mjs +17 -0
- package/esm2022/lib/components/navbar/navbar-item.component.mjs +47 -0
- package/esm2022/lib/components/navbar/navbar-item.theme.mjs +11 -0
- package/esm2022/lib/components/navbar/navbar-item.theme.service.mjs +17 -0
- package/esm2022/lib/components/navbar/navbar-toggle.component.mjs +58 -0
- package/esm2022/lib/components/navbar/navbar-toggle.theme.mjs +7 -0
- package/esm2022/lib/components/navbar/navbar-toggle.theme.service.mjs +17 -0
- package/esm2022/lib/components/navbar/navbar.component.mjs +62 -0
- package/esm2022/lib/components/navbar/navbar.theme.mjs +23 -0
- package/esm2022/lib/components/navbar/navbar.theme.service.mjs +17 -0
- package/esm2022/lib/components/scroll-top/index.mjs +4 -0
- package/esm2022/lib/components/scroll-top/scroll-top.component.mjs +54 -0
- package/esm2022/lib/components/scroll-top/scroll-top.theme.mjs +27 -0
- package/esm2022/lib/components/scroll-top/scroll-top.theme.service.mjs +17 -0
- package/esm2022/lib/components/sidebar/index.mjs +19 -0
- package/esm2022/lib/components/sidebar/sidebar-item-group.component.mjs +85 -0
- package/esm2022/lib/components/sidebar/sidebar-item-group.theme.mjs +18 -0
- package/esm2022/lib/components/sidebar/sidebar-item-group.theme.service.mjs +18 -0
- package/esm2022/lib/components/sidebar/sidebar-item.component.mjs +85 -0
- package/esm2022/lib/components/sidebar/sidebar-item.theme.mjs +18 -0
- package/esm2022/lib/components/sidebar/sidebar-item.theme.service.mjs +18 -0
- package/esm2022/lib/components/sidebar/sidebar-menu.component.mjs +49 -0
- package/esm2022/lib/components/sidebar/sidebar-menu.theme.mjs +24 -0
- package/esm2022/lib/components/sidebar/sidebar-menu.theme.service.mjs +17 -0
- package/esm2022/lib/components/sidebar/sidebar-page-content.component.mjs +36 -0
- package/esm2022/lib/components/sidebar/sidebar-page-content.theme.mjs +12 -0
- package/esm2022/lib/components/sidebar/sidebar-page-content.theme.service.mjs +17 -0
- package/esm2022/lib/components/sidebar/sidebar-toggle.component.mjs +53 -0
- package/esm2022/lib/components/sidebar/sidebar-toggle.theme.mjs +18 -0
- package/esm2022/lib/components/sidebar/sidebar-toggle.theme.service.mjs +17 -0
- package/esm2022/lib/components/sidebar/sidebar.component.mjs +61 -0
- package/esm2022/lib/components/sidebar/sidebar.theme.mjs +11 -0
- package/esm2022/lib/components/sidebar/sidebar.theme.service.mjs +17 -0
- package/esm2022/lib/directives/flowbite-router-link-active.directive.mjs +51 -0
- package/esm2022/lib/directives/flowbite-router-link.directive.mjs +44 -0
- package/esm2022/lib/directives/index.mjs +3 -0
- package/esm2022/lib/pipes/index.mjs +2 -0
- package/esm2022/lib/pipes/sanitize-html/sanitize-html.pipe.mjs +32 -0
- package/esm2022/lib/services/flowbite.theme.service.mjs +16 -0
- package/esm2022/lib/services/index.mjs +4 -0
- package/esm2022/lib/services/signal-store.service.mjs +61 -0
- package/esm2022/lib/services/state/index.mjs +2 -0
- package/esm2022/lib/services/state/theme.state.mjs +2 -0
- package/esm2022/lib/utils/boolean.util.mjs +10 -0
- package/esm2022/lib/utils/directives/index.mjs +3 -0
- package/esm2022/lib/utils/directives/inputs/index.mjs +3 -0
- package/esm2022/lib/utils/directives/inputs/router-link-active.input.mjs +8 -0
- package/esm2022/lib/utils/directives/inputs/router-link.inputs.mjs +20 -0
- package/esm2022/lib/utils/directives/outputs/index.mjs +3 -0
- package/esm2022/lib/utils/directives/outputs/router-link-active.output.mjs +8 -0
- package/esm2022/lib/utils/directives/outputs/router-link.output.mjs +8 -0
- package/esm2022/lib/utils/icon.list.mjs +39 -0
- package/esm2022/lib/utils/id.generator.mjs +81 -0
- package/esm2022/lib/utils/index.mjs +9 -0
- package/esm2022/lib/utils/theme/clone-deep.mjs +18 -0
- package/esm2022/lib/utils/theme/create-class.mjs +10 -0
- package/esm2022/lib/utils/theme/create-theme.mjs +10 -0
- package/esm2022/lib/utils/theme/is-object.mjs +10 -0
- package/esm2022/lib/utils/theme/merge-theme.mjs +27 -0
- package/esm2022/lib/utils/theme/to-string.mjs +10 -0
- package/esm2022/public-api.mjs +7 -0
- package/fesm2022/flowbite-angular.mjs +4326 -0
- package/fesm2022/flowbite-angular.mjs.map +1 -0
- package/index.d.ts +5 -4
- package/lib/common/flowbite.theme.init.d.ts +9 -0
- package/lib/common/index.d.ts +2 -0
- package/lib/common/type-definitions/colors/flowbite.colors.d.ts +19 -0
- package/lib/common/type-definitions/colors/flowbite.gradient-colors.d.ts +11 -0
- package/lib/common/type-definitions/colors/flowbite.gradient-duo-tone-colors.d.ts +12 -0
- package/lib/common/type-definitions/colors/index.d.ts +3 -0
- package/lib/common/type-definitions/flowbite.boolean.d.ts +7 -0
- package/lib/common/type-definitions/flowbite.class.d.ts +6 -0
- package/lib/common/type-definitions/flowbite.combination.d.ts +8 -0
- package/lib/common/type-definitions/flowbite.content-positions.d.ts +6 -0
- package/lib/common/type-definitions/flowbite.deep-partial.d.ts +6 -0
- package/lib/common/type-definitions/flowbite.heading-levels.d.ts +4 -0
- package/lib/common/type-definitions/flowbite.positions.d.ts +14 -0
- package/lib/common/type-definitions/flowbite.router-link-parameter.d.ts +5 -0
- package/lib/common/type-definitions/flowbite.sizes.d.ts +10 -0
- package/lib/common/type-definitions/flowbite.themes.d.ts +4 -0
- package/lib/common/type-definitions/index.d.ts +11 -0
- package/lib/components/accordion/accordion-content.component.d.ts +32 -0
- package/lib/components/accordion/accordion-content.theme.d.ts +16 -0
- package/lib/components/accordion/accordion-content.theme.service.d.ts +8 -0
- package/lib/components/accordion/accordion-panel.component.d.ts +27 -0
- package/lib/components/accordion/accordion-panel.theme.d.ts +11 -0
- package/lib/components/accordion/accordion-panel.theme.service.d.ts +9 -0
- package/lib/components/accordion/accordion-title.component.d.ts +46 -0
- package/lib/components/accordion/accordion-title.theme.d.ts +24 -0
- package/lib/components/accordion/accordion-title.theme.service.d.ts +8 -0
- package/lib/components/accordion/accordion.component.d.ts +35 -0
- package/lib/components/accordion/accordion.theme.d.ts +21 -0
- package/lib/components/accordion/accordion.theme.service.d.ts +8 -0
- package/lib/components/accordion/index.d.ts +16 -0
- package/lib/components/alert/alert.component.d.ts +53 -12
- package/lib/components/alert/alert.theme.d.ts +27 -0
- package/lib/components/alert/alert.theme.service.d.ts +8 -0
- package/lib/components/alert/index.d.ts +4 -1
- package/lib/components/badge/badge.component.d.ts +50 -10
- package/lib/components/badge/badge.theme.d.ts +32 -0
- package/lib/components/badge/badge.theme.service.d.ts +8 -0
- package/lib/components/badge/index.d.ts +4 -1
- package/lib/components/base-component.directive.d.ts +19 -0
- package/lib/components/breadcrumb/breadcrumb-item.component.d.ts +39 -0
- package/lib/components/breadcrumb/breadcrumb-item.theme.d.ts +22 -0
- package/lib/components/breadcrumb/breadcrumb-item.theme.service.d.ts +8 -0
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +22 -0
- package/lib/components/breadcrumb/breadcrumb.theme.d.ts +14 -0
- package/lib/components/breadcrumb/breadcrumb.theme.service.d.ts +8 -0
- package/lib/components/breadcrumb/index.d.ts +8 -0
- package/lib/components/button/button.component.d.ts +110 -0
- package/lib/components/button/button.theme.d.ts +56 -0
- package/lib/components/button/button.theme.service.d.ts +8 -0
- package/lib/components/button/index.d.ts +4 -0
- package/lib/components/dark-theme-toggle/dark-theme-toggle.component.d.ts +21 -9
- package/lib/components/dark-theme-toggle/dark-theme-toggle.theme.d.ts +11 -0
- package/lib/components/dark-theme-toggle/dark-theme-toggle.theme.service.d.ts +8 -0
- package/lib/components/dark-theme-toggle/index.d.ts +4 -1
- package/lib/components/dropdown/dropdown-divider.component.d.ts +13 -0
- package/lib/components/dropdown/dropdown-divider.theme.d.ts +11 -0
- package/lib/components/dropdown/dropdown-divider.theme.service.d.ts +8 -0
- package/lib/components/dropdown/dropdown-header.component.d.ts +13 -0
- package/lib/components/dropdown/dropdown-header.theme.d.ts +16 -0
- package/lib/components/dropdown/dropdown-header.theme.service.d.ts +8 -0
- package/lib/components/dropdown/dropdown-item.component.d.ts +17 -0
- package/lib/components/dropdown/dropdown-item.theme.d.ts +11 -0
- package/lib/components/dropdown/dropdown-item.theme.service.d.ts +8 -0
- package/lib/components/dropdown/dropdown.component.d.ts +71 -0
- package/lib/components/dropdown/dropdown.theme.d.ts +44 -0
- package/lib/components/dropdown/dropdown.theme.service.d.ts +8 -0
- package/lib/components/dropdown/index.d.ts +16 -0
- package/lib/components/form-field/directives/addon.directive.d.ts +13 -0
- package/lib/components/form-field/directives/addon.directive.theme.d.ts +10 -0
- package/lib/components/form-field/directives/addon.directive.theme.service.d.ts +8 -0
- package/lib/components/form-field/directives/base-input.directive.d.ts +14 -0
- package/lib/components/form-field/directives/helper.directive.d.ts +18 -0
- package/lib/components/form-field/directives/helper.directive.theme.d.ts +13 -0
- package/lib/components/form-field/directives/helper.directive.theme.service.d.ts +8 -0
- package/lib/components/form-field/directives/icon.directive.d.ts +13 -0
- package/lib/components/form-field/directives/icon.directive.theme.d.ts +10 -0
- package/lib/components/form-field/directives/icon.directive.theme.service.d.ts +8 -0
- package/lib/components/form-field/directives/index.d.ts +21 -0
- package/lib/components/form-field/directives/input.directive.d.ts +100 -0
- package/lib/components/form-field/directives/input.directive.theme.d.ts +24 -0
- package/lib/components/form-field/directives/input.directive.theme.service.d.ts +8 -0
- package/lib/components/form-field/directives/label.directive.d.ts +62 -0
- package/lib/components/form-field/directives/label.directive.theme.d.ts +20 -0
- package/lib/components/form-field/directives/label.directive.theme.service.d.ts +8 -0
- package/lib/components/form-field/form-field.component.d.ts +20 -0
- package/lib/components/form-field/form-field.theme.d.ts +45 -0
- package/lib/components/form-field/form-field.theme.service.d.ts +8 -0
- package/lib/components/form-field/index.d.ts +5 -0
- package/lib/components/icon/icon-registry.d.ts +45 -0
- package/lib/components/icon/icon.component.d.ts +22 -0
- package/lib/components/icon/index.d.ts +5 -0
- package/lib/components/icon/trusted-types.d.ts +15 -0
- package/lib/components/index.d.ts +10 -0
- package/lib/components/indicators/index.d.ts +4 -0
- package/lib/components/indicators/indicators.component.d.ts +92 -0
- package/lib/components/indicators/indicators.theme.d.ts +43 -0
- package/lib/components/indicators/indicators.theme.service.d.ts +8 -0
- package/lib/components/modal/index.d.ts +16 -0
- package/lib/components/modal/modal-body.component.d.ts +17 -0
- package/lib/components/modal/modal-body.theme.d.ts +11 -0
- package/lib/components/modal/modal-body.theme.service.d.ts +8 -0
- package/lib/components/modal/modal-footer.component.d.ts +17 -0
- package/lib/components/modal/modal-footer.theme.d.ts +11 -0
- package/lib/components/modal/modal-footer.theme.service.d.ts +8 -0
- package/lib/components/modal/modal-header.component.d.ts +29 -0
- package/lib/components/modal/modal-header.theme.d.ts +20 -0
- package/lib/components/modal/modal-header.theme.service.d.ts +8 -0
- package/lib/components/modal/modal.component.d.ts +73 -0
- package/lib/components/modal/modal.theme.d.ts +39 -0
- package/lib/components/modal/modal.theme.service.d.ts +8 -0
- package/lib/components/navbar/index.d.ts +24 -1
- package/lib/components/navbar/navbar-brand.component.d.ts +17 -0
- package/lib/components/navbar/navbar-brand.theme.d.ts +11 -0
- package/lib/components/navbar/navbar-brand.theme.service.d.ts +8 -0
- package/lib/components/navbar/navbar-content.component.d.ts +27 -0
- package/lib/components/navbar/navbar-content.theme.d.ts +18 -0
- package/lib/components/navbar/navbar-content.theme.service.d.ts +8 -0
- package/lib/components/navbar/navbar-icon-button.component.d.ts +27 -0
- package/lib/components/navbar/navbar-icon-button.theme.d.ts +14 -0
- package/lib/components/navbar/navbar-icon-button.theme.service.d.ts +8 -0
- package/lib/components/navbar/navbar-item.component.d.ts +29 -0
- package/lib/components/navbar/navbar-item.theme.d.ts +15 -0
- package/lib/components/navbar/navbar-item.theme.service.d.ts +8 -0
- package/lib/components/navbar/navbar-toggle.component.d.ts +23 -0
- package/lib/components/navbar/navbar-toggle.theme.d.ts +11 -0
- package/lib/components/navbar/navbar-toggle.theme.service.d.ts +8 -0
- package/lib/components/navbar/navbar.component.d.ts +45 -6
- package/lib/components/navbar/navbar.theme.d.ts +24 -0
- package/lib/components/navbar/navbar.theme.service.d.ts +8 -0
- package/lib/components/scroll-top/index.d.ts +4 -0
- package/lib/components/scroll-top/scroll-top.component.d.ts +46 -0
- package/lib/components/scroll-top/scroll-top.theme.d.ts +21 -0
- package/lib/components/scroll-top/scroll-top.theme.service.d.ts +8 -0
- package/lib/components/sidebar/index.d.ts +24 -3
- package/lib/components/sidebar/sidebar-item-group.component.d.ts +41 -2
- package/lib/components/sidebar/sidebar-item-group.theme.d.ts +19 -0
- package/lib/components/sidebar/sidebar-item-group.theme.service.d.ts +8 -0
- package/lib/components/sidebar/sidebar-item.component.d.ts +38 -8
- package/lib/components/sidebar/sidebar-item.theme.d.ts +22 -0
- package/lib/components/sidebar/sidebar-item.theme.service.d.ts +8 -0
- package/lib/components/sidebar/sidebar-menu.component.d.ts +43 -0
- package/lib/components/sidebar/sidebar-menu.theme.d.ts +18 -0
- package/lib/components/sidebar/sidebar-menu.theme.service.d.ts +8 -0
- package/lib/components/sidebar/sidebar-page-content.component.d.ts +22 -0
- package/lib/components/sidebar/sidebar-page-content.theme.d.ts +15 -0
- package/lib/components/sidebar/sidebar-page-content.theme.service.d.ts +8 -0
- package/lib/components/sidebar/sidebar-toggle.component.d.ts +40 -0
- package/lib/components/sidebar/sidebar-toggle.theme.d.ts +19 -0
- package/lib/components/sidebar/sidebar-toggle.theme.service.d.ts +8 -0
- package/lib/components/sidebar/sidebar.component.d.ts +30 -7
- package/lib/components/sidebar/sidebar.theme.d.ts +25 -0
- package/lib/components/sidebar/sidebar.theme.service.d.ts +8 -0
- package/lib/directives/flowbite-router-link-active.directive.d.ts +25 -0
- package/lib/directives/flowbite-router-link.directive.d.ts +16 -0
- package/lib/directives/index.d.ts +2 -0
- package/lib/pipes/index.d.ts +1 -1
- package/lib/pipes/sanitize-html/sanitize-html.pipe.d.ts +14 -4
- package/lib/services/flowbite.theme.service.d.ts +10 -0
- package/lib/services/index.d.ts +3 -2
- package/lib/services/signal-store.service.d.ts +46 -0
- package/lib/services/state/index.d.ts +1 -0
- package/lib/services/state/theme.state.d.ts +4 -0
- package/lib/utils/boolean.util.d.ts +8 -0
- package/lib/utils/directives/index.d.ts +2 -0
- package/lib/utils/directives/inputs/index.d.ts +2 -0
- package/lib/utils/directives/inputs/router-link-active.input.d.ts +8 -0
- package/lib/utils/directives/inputs/router-link.inputs.d.ts +8 -0
- package/lib/utils/directives/outputs/index.d.ts +2 -0
- package/lib/utils/directives/outputs/router-link-active.output.d.ts +8 -0
- package/lib/utils/directives/outputs/router-link.output.d.ts +8 -0
- package/lib/utils/icon.list.d.ts +7 -0
- package/lib/utils/id.generator.d.ts +59 -0
- package/lib/utils/index.d.ts +8 -0
- package/lib/utils/theme/clone-deep.d.ts +7 -0
- package/lib/utils/theme/create-class.d.ts +7 -0
- package/lib/utils/theme/create-theme.d.ts +7 -0
- package/lib/utils/theme/is-object.d.ts +7 -0
- package/lib/utils/theme/merge-theme.d.ts +8 -0
- package/lib/utils/theme/to-string.d.ts +7 -0
- package/package.json +11 -25
- package/public-api.d.ts +6 -0
- package/LICENSE +0 -21
- package/README.md +0 -376
- package/esm2020/index.mjs +0 -5
- package/esm2020/lib/components/alert/alert.component.mjs +0 -128
- package/esm2020/lib/components/alert/index.mjs +0 -2
- package/esm2020/lib/components/badge/badge.component.mjs +0 -77
- package/esm2020/lib/components/badge/index.mjs +0 -2
- package/esm2020/lib/components/dark-theme-toggle/dark-theme-toggle.component.mjs +0 -122
- package/esm2020/lib/components/dark-theme-toggle/index.mjs +0 -2
- package/esm2020/lib/components/index.mjs +0 -6
- package/esm2020/lib/components/navbar/index.mjs +0 -2
- package/esm2020/lib/components/navbar/navbar.component.mjs +0 -49
- package/esm2020/lib/components/sidebar/index.mjs +0 -4
- package/esm2020/lib/components/sidebar/sidebar-item-group.component.mjs +0 -18
- package/esm2020/lib/components/sidebar/sidebar-item.component.mjs +0 -73
- package/esm2020/lib/components/sidebar/sidebar.component.mjs +0 -50
- package/esm2020/lib/flowbite.module.mjs +0 -45
- package/esm2020/lib/pipes/index.mjs +0 -2
- package/esm2020/lib/pipes/sanitize-html/sanitize-html.pipe.mjs +0 -21
- package/esm2020/lib/services/index.mjs +0 -3
- package/esm2020/lib/services/sidebar/index.mjs +0 -2
- package/esm2020/lib/services/sidebar/sidebar.service.mjs +0 -24
- package/esm2020/lib/services/theme/index.mjs +0 -2
- package/esm2020/lib/services/theme/theme.service.mjs +0 -24
- package/fesm2015/flowbite-angular.mjs +0 -600
- package/fesm2015/flowbite-angular.mjs.map +0 -1
- package/fesm2020/flowbite-angular.mjs +0 -599
- package/fesm2020/flowbite-angular.mjs.map +0 -1
- package/flowbite-angular.d.ts +0 -5
- package/lib/flowbite.module.d.ts +0 -16
- package/lib/services/sidebar/index.d.ts +0 -1
- package/lib/services/sidebar/sidebar.service.d.ts +0 -9
- package/lib/services/theme/index.d.ts +0 -1
- package/lib/services/theme/theme.service.d.ts +0 -10
- /package/{esm2020 → esm2022}/lib/pipes/sanitize-html/index.mjs +0 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { createTheme } from '../../utils/theme/create-theme';
|
|
2
|
+
export const navbarTheme = createTheme({
|
|
3
|
+
root: {
|
|
4
|
+
base: 'flex flex-wrap items-center justify-between p-4',
|
|
5
|
+
color: {
|
|
6
|
+
primary: 'bg-primary-200 dark:bg-primary-800 border-primary-200 dark:border-primary-700',
|
|
7
|
+
gray: 'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700',
|
|
8
|
+
},
|
|
9
|
+
isRounded: {
|
|
10
|
+
enabled: 'rounded',
|
|
11
|
+
disabled: '',
|
|
12
|
+
},
|
|
13
|
+
hasBorder: {
|
|
14
|
+
enabled: 'border',
|
|
15
|
+
disabled: '',
|
|
16
|
+
},
|
|
17
|
+
isFixed: {
|
|
18
|
+
enabled: 'border-b',
|
|
19
|
+
disabled: '',
|
|
20
|
+
},
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9mbG93Yml0ZS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9uYXZiYXIvbmF2YmFyLnRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQXlCN0QsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFnQixXQUFXLENBQUM7SUFDbEQsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFLGlEQUFpRDtRQUN2RCxLQUFLLEVBQUU7WUFDTCxPQUFPLEVBQUUsK0VBQStFO1lBQ3hGLElBQUksRUFBRSxnRUFBZ0U7U0FDdkU7UUFDRCxTQUFTLEVBQUU7WUFDVCxPQUFPLEVBQUUsU0FBUztZQUNsQixRQUFRLEVBQUUsRUFBRTtTQUNiO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsT0FBTyxFQUFFLFFBQVE7WUFDakIsUUFBUSxFQUFFLEVBQUU7U0FDYjtRQUNELE9BQU8sRUFBRTtZQUNQLE9BQU8sRUFBRSxVQUFVO1lBQ25CLFFBQVEsRUFBRSxFQUFFO1NBQ2I7S0FDRjtDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRGVlcFBhcnRpYWwgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuaW1wb3J0IHR5cGUgeyBGbG93Yml0ZUNvbG9ycyB9IGZyb20gJy4uLy4uL2NvbW1vbi90eXBlLWRlZmluaXRpb25zL2NvbG9ycy9mbG93Yml0ZS5jb2xvcnMnO1xuaW1wb3J0IHR5cGUgeyBGbG93Yml0ZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vdHlwZS1kZWZpbml0aW9ucy9mbG93Yml0ZS5ib29sZWFuJztcbmltcG9ydCB0eXBlIHsgRmxvd2JpdGVDbGFzcyB9IGZyb20gJy4uLy4uL2NvbW1vbi90eXBlLWRlZmluaXRpb25zL2Zsb3diaXRlLmNsYXNzJztcbmltcG9ydCB7IGNyZWF0ZVRoZW1lIH0gZnJvbSAnLi4vLi4vdXRpbHMvdGhlbWUvY3JlYXRlLXRoZW1lJztcblxuLy8jcmVnaW9uIENvbXBvbmVudCB0aGVtZSBvcHRpb25cbmV4cG9ydCBpbnRlcmZhY2UgTmF2YmFyQ29sb3JzIGV4dGVuZHMgUGljazxGbG93Yml0ZUNvbG9ycywgJ3ByaW1hcnknIHwgJ2dyYXknPiB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn1cbi8vI2VuZHJlZ2lvblxuXG5leHBvcnQgaW50ZXJmYWNlIE5hdmJhclByb3BlcnRpZXMge1xuICBpc1JvdW5kZWQ6IGtleW9mIEZsb3diaXRlQm9vbGVhbjtcbiAgaGFzQm9yZGVyOiBrZXlvZiBGbG93Yml0ZUJvb2xlYW47XG4gIGlzRml4ZWQ6IGtleW9mIEZsb3diaXRlQm9vbGVhbjtcbiAgY3VzdG9tU3R5bGU6IERlZXBQYXJ0aWFsPE5hdmJhclRoZW1lPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBOYXZiYXJUaGVtZSB7XG4gIHJvb3Q6IHtcbiAgICBiYXNlOiBzdHJpbmc7XG4gICAgY29sb3I6IE5hdmJhckNvbG9ycztcbiAgICBpc1JvdW5kZWQ6IEZsb3diaXRlQm9vbGVhbjtcbiAgICBoYXNCb3JkZXI6IEZsb3diaXRlQm9vbGVhbjtcbiAgICBpc0ZpeGVkOiBGbG93Yml0ZUJvb2xlYW47XG4gIH07XG59XG5cbmV4cG9ydCBjb25zdCBuYXZiYXJUaGVtZTogTmF2YmFyVGhlbWUgPSBjcmVhdGVUaGVtZSh7XG4gIHJvb3Q6IHtcbiAgICBiYXNlOiAnZmxleCBmbGV4LXdyYXAgaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlbiBwLTQnLFxuICAgIGNvbG9yOiB7XG4gICAgICBwcmltYXJ5OiAnYmctcHJpbWFyeS0yMDAgZGFyazpiZy1wcmltYXJ5LTgwMCBib3JkZXItcHJpbWFyeS0yMDAgZGFyazpib3JkZXItcHJpbWFyeS03MDAnLFxuICAgICAgZ3JheTogJ2JnLXdoaXRlIGRhcms6YmctZ3JheS04MDAgYm9yZGVyLWdyYXktMjAwIGRhcms6Ym9yZGVyLWdyYXktNzAwJyxcbiAgICB9LFxuICAgIGlzUm91bmRlZDoge1xuICAgICAgZW5hYmxlZDogJ3JvdW5kZWQnLFxuICAgICAgZGlzYWJsZWQ6ICcnLFxuICAgIH0sXG4gICAgaGFzQm9yZGVyOiB7XG4gICAgICBlbmFibGVkOiAnYm9yZGVyJyxcbiAgICAgIGRpc2FibGVkOiAnJyxcbiAgICB9LFxuICAgIGlzRml4ZWQ6IHtcbiAgICAgIGVuYWJsZWQ6ICdib3JkZXItYicsXG4gICAgICBkaXNhYmxlZDogJycsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgdHlwZSBOYXZiYXJDbGFzcyA9IEZsb3diaXRlQ2xhc3M7XG4iXX0=
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { mergeTheme } from '../../utils/theme/merge-theme';
|
|
2
|
+
import { inject, InjectionToken } from '@angular/core';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
export const FLOWBITE_NAVBAR_THEME_TOKEN = new InjectionToken('FLOWBITE_NAVBAR_THEME_TOKEN');
|
|
5
|
+
export class NavbarThemeService {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.baseTheme = inject(FLOWBITE_NAVBAR_THEME_TOKEN);
|
|
8
|
+
}
|
|
9
|
+
getClasses(properties) {
|
|
10
|
+
const theme = mergeTheme(this.baseTheme, properties.customStyle);
|
|
11
|
+
const output = {
|
|
12
|
+
rootClass: twMerge(theme.root.base, theme.root.color['gray'], theme.root.isRounded[properties.isRounded], theme.root.hasBorder[properties.hasBorder], theme.root.isFixed[properties.isFixed]),
|
|
13
|
+
};
|
|
14
|
+
return output;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2YmFyLnRoZW1lLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Zsb3diaXRlLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL25hdmJhci9uYXZiYXIudGhlbWUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFHM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpDLE1BQU0sQ0FBQyxNQUFNLDJCQUEyQixHQUFHLElBQUksY0FBYyxDQUFjLDZCQUE2QixDQUFDLENBQUM7QUFFMUcsTUFBTSxPQUFPLGtCQUFrQjtJQUEvQjtRQUNtQixjQUFTLEdBQUcsTUFBTSxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFpQm5FLENBQUM7SUFmUSxVQUFVLENBQUMsVUFBNEI7UUFDNUMsTUFBTSxLQUFLLEdBQWdCLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUU5RSxNQUFNLE1BQU0sR0FBZ0I7WUFDMUIsU0FBUyxFQUFFLE9BQU8sQ0FDaEIsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQ2YsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQ3hCLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsRUFDMUMsS0FBSyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxFQUMxQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLENBQ3ZDO1NBQ0YsQ0FBQztRQUVGLE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmxvd2JpdGVUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBtZXJnZVRoZW1lIH0gZnJvbSAnLi4vLi4vdXRpbHMvdGhlbWUvbWVyZ2UtdGhlbWUnO1xuaW1wb3J0IHR5cGUgeyBOYXZiYXJDbGFzcywgTmF2YmFyUHJvcGVydGllcywgTmF2YmFyVGhlbWUgfSBmcm9tICcuL25hdmJhci50aGVtZSc7XG5cbmltcG9ydCB7IGluamVjdCwgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR3TWVyZ2UgfSBmcm9tICd0YWlsd2luZC1tZXJnZSc7XG5cbmV4cG9ydCBjb25zdCBGTE9XQklURV9OQVZCQVJfVEhFTUVfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48TmF2YmFyVGhlbWU+KCdGTE9XQklURV9OQVZCQVJfVEhFTUVfVE9LRU4nKTtcblxuZXhwb3J0IGNsYXNzIE5hdmJhclRoZW1lU2VydmljZSBpbXBsZW1lbnRzIEZsb3diaXRlVGhlbWVTZXJ2aWNlPE5hdmJhclByb3BlcnRpZXM+IHtcbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlVGhlbWUgPSBpbmplY3QoRkxPV0JJVEVfTkFWQkFSX1RIRU1FX1RPS0VOKTtcblxuICBwdWJsaWMgZ2V0Q2xhc3Nlcyhwcm9wZXJ0aWVzOiBOYXZiYXJQcm9wZXJ0aWVzKTogTmF2YmFyQ2xhc3Mge1xuICAgIGNvbnN0IHRoZW1lOiBOYXZiYXJUaGVtZSA9IG1lcmdlVGhlbWUodGhpcy5iYXNlVGhlbWUsIHByb3BlcnRpZXMuY3VzdG9tU3R5bGUpO1xuXG4gICAgY29uc3Qgb3V0cHV0OiBOYXZiYXJDbGFzcyA9IHtcbiAgICAgIHJvb3RDbGFzczogdHdNZXJnZShcbiAgICAgICAgdGhlbWUucm9vdC5iYXNlLFxuICAgICAgICB0aGVtZS5yb290LmNvbG9yWydncmF5J10sXG4gICAgICAgIHRoZW1lLnJvb3QuaXNSb3VuZGVkW3Byb3BlcnRpZXMuaXNSb3VuZGVkXSxcbiAgICAgICAgdGhlbWUucm9vdC5oYXNCb3JkZXJbcHJvcGVydGllcy5oYXNCb3JkZXJdLFxuICAgICAgICB0aGVtZS5yb290LmlzRml4ZWRbcHJvcGVydGllcy5pc0ZpeGVkXSxcbiAgICAgICksXG4gICAgfTtcblxuICAgIHJldHVybiBvdXRwdXQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { ScrollTopComponent } from './scroll-top.component';
|
|
2
|
+
export { scrollTopTheme } from './scroll-top.theme';
|
|
3
|
+
export { FLOWBITE_SCROLL_TOP_THEME_TOKEN, ScrollTopThemeService } from './scroll-top.theme.service';
|
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Zsb3diaXRlLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbC10b3AvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFRNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3BELE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU2Nyb2xsVG9wQ29tcG9uZW50IH0gZnJvbSAnLi9zY3JvbGwtdG9wLmNvbXBvbmVudCc7XG5leHBvcnQgdHlwZSB7XG4gIFNjcm9sbFRvcFRoZW1lLFxuICBTY3JvbGxUb3BDbGFzcyxcbiAgU2Nyb2xsVG9wUHJvcGVydGllcyxcbiAgU2Nyb2xsVG9wQ29sb3JzLFxuICBTY3JvbGxUb3BQb3NpdGlvbnMsXG59IGZyb20gJy4vc2Nyb2xsLXRvcC50aGVtZSc7XG5leHBvcnQgeyBzY3JvbGxUb3BUaGVtZSB9IGZyb20gJy4vc2Nyb2xsLXRvcC50aGVtZSc7XG5leHBvcnQgeyBGTE9XQklURV9TQ1JPTExfVE9QX1RIRU1FX1RPS0VOLCBTY3JvbGxUb3BUaGVtZVNlcnZpY2UgfSBmcm9tICcuL3Njcm9sbC10b3AudGhlbWUuc2VydmljZSc7XG4iXX0=
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { CHEVRON_UP_SVG_ICON } from '../../utils/icon.list';
|
|
2
|
+
import { BaseComponent } from '../base-component.directive';
|
|
3
|
+
import { IconComponent, IconRegistry } from '../icon';
|
|
4
|
+
import { ScrollTopThemeService } from './scroll-top.theme.service';
|
|
5
|
+
import { Component, inject, model } from '@angular/core';
|
|
6
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class ScrollTopComponent extends BaseComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
this.themeService = inject(ScrollTopThemeService);
|
|
12
|
+
this.iconRegistry = inject(IconRegistry);
|
|
13
|
+
this.domSanitizer = inject(DomSanitizer);
|
|
14
|
+
//#region properties
|
|
15
|
+
this.color = model('primary');
|
|
16
|
+
this.position = model('bottom-right');
|
|
17
|
+
this.customStyle = model({});
|
|
18
|
+
}
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region BaseComponent implemenation
|
|
21
|
+
fetchClass() {
|
|
22
|
+
return this.themeService.getClasses({
|
|
23
|
+
color: this.color(),
|
|
24
|
+
position: this.position(),
|
|
25
|
+
customStyle: this.customStyle(),
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
init() {
|
|
29
|
+
this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'chevron-up', this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_UP_SVG_ICON));
|
|
30
|
+
}
|
|
31
|
+
//#endregion
|
|
32
|
+
onClick() {
|
|
33
|
+
window.scrollTo(window.scrollX, 0);
|
|
34
|
+
}
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ScrollTopComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.5", type: ScrollTopComponent, isStandalone: true, selector: "flowbite-scroll-top", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", position: "positionChange", customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: `<flowbite-icon
|
|
37
|
+
svgIcon="flowbite-angular:chevron-up"
|
|
38
|
+
class="w-5 h-5" />`, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "flowbite-icon", inputs: ["svgIcon"], outputs: ["svgIconChange"] }] }); }
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ScrollTopComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{
|
|
43
|
+
selector: 'flowbite-scroll-top',
|
|
44
|
+
standalone: true,
|
|
45
|
+
imports: [IconComponent],
|
|
46
|
+
template: `<flowbite-icon
|
|
47
|
+
svgIcon="flowbite-angular:chevron-up"
|
|
48
|
+
class="w-5 h-5" />`,
|
|
49
|
+
host: {
|
|
50
|
+
'(click)': 'onClick()',
|
|
51
|
+
},
|
|
52
|
+
}]
|
|
53
|
+
}] });
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLXRvcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Zsb3diaXRlLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3Njcm9sbC10b3Avc2Nyb2xsLXRvcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBRXRELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBR25FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBYXpELE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxhQUE2QjtJQVhyRTs7UUFZa0IsaUJBQVksR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUM3QyxpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwQyxpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUVwRCxvQkFBb0I7UUFDYixVQUFLLEdBQUcsS0FBSyxDQUF3QixTQUFTLENBQUMsQ0FBQztRQUNoRCxhQUFRLEdBQUcsS0FBSyxDQUEyQixjQUFjLENBQUMsQ0FBQztRQUMzRCxnQkFBVyxHQUFHLEtBQUssQ0FBOEIsRUFBRSxDQUFDLENBQUM7S0F3QjdEO0lBdkJDLFlBQVk7SUFFWixxQ0FBcUM7SUFDckIsVUFBVTtRQUN4QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ2xDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3pCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFO1NBQ2hDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFZSxJQUFJO1FBQ2xCLElBQUksQ0FBQyxZQUFZLENBQUMsd0JBQXdCLENBQ3hDLGtCQUFrQixFQUNsQixZQUFZLEVBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyx1QkFBdUIsQ0FBQyxtQkFBbUIsQ0FBQyxDQUMvRCxDQUFDO0lBQ0osQ0FBQztJQUNELFlBQVk7SUFFTCxPQUFPO1FBQ1osTUFBTSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ3JDLENBQUM7OEdBL0JVLGtCQUFrQjtrR0FBbEIsa0JBQWtCLHFvQkFQbkI7O3VCQUVXLDREQUhYLGFBQWE7OzJGQVFaLGtCQUFrQjtrQkFYOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixRQUFRLEVBQUU7O3VCQUVXO29CQUNyQixJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLFdBQVc7cUJBQ3ZCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEZWVwUGFydGlhbCB9IGZyb20gJy4uLy4uL2NvbW1vbic7XG5pbXBvcnQgeyBDSEVWUk9OX1VQX1NWR19JQ09OIH0gZnJvbSAnLi4vLi4vdXRpbHMvaWNvbi5saXN0JztcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWNvbXBvbmVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCwgSWNvblJlZ2lzdHJ5IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgdHlwZSB7IFNjcm9sbFRvcENsYXNzLCBTY3JvbGxUb3BDb2xvcnMsIFNjcm9sbFRvcFBvc2l0aW9ucywgU2Nyb2xsVG9wVGhlbWUgfSBmcm9tICcuL3Njcm9sbC10b3AudGhlbWUnO1xuaW1wb3J0IHsgU2Nyb2xsVG9wVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi9zY3JvbGwtdG9wLnRoZW1lLnNlcnZpY2UnO1xuXG5pbXBvcnQgdHlwZSB7IE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIG1vZGVsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZmxvd2JpdGUtc2Nyb2xsLXRvcCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGU6IGA8Zmxvd2JpdGUtaWNvblxuICAgIHN2Z0ljb249XCJmbG93Yml0ZS1hbmd1bGFyOmNoZXZyb24tdXBcIlxuICAgIGNsYXNzPVwidy01IGgtNVwiIC8+YCxcbiAgaG9zdDoge1xuICAgICcoY2xpY2spJzogJ29uQ2xpY2soKScsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFNjcm9sbFRvcENvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQ8U2Nyb2xsVG9wQ2xhc3M+IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHVibGljIHJlYWRvbmx5IHRoZW1lU2VydmljZSA9IGluamVjdChTY3JvbGxUb3BUaGVtZVNlcnZpY2UpO1xuICBwdWJsaWMgcmVhZG9ubHkgaWNvblJlZ2lzdHJ5ID0gaW5qZWN0KEljb25SZWdpc3RyeSk7XG4gIHB1YmxpYyByZWFkb25seSBkb21TYW5pdGl6ZXIgPSBpbmplY3QoRG9tU2FuaXRpemVyKTtcblxuICAvLyNyZWdpb24gcHJvcGVydGllc1xuICBwdWJsaWMgY29sb3IgPSBtb2RlbDxrZXlvZiBTY3JvbGxUb3BDb2xvcnM+KCdwcmltYXJ5Jyk7XG4gIHB1YmxpYyBwb3NpdGlvbiA9IG1vZGVsPGtleW9mIFNjcm9sbFRvcFBvc2l0aW9ucz4oJ2JvdHRvbS1yaWdodCcpO1xuICBwdWJsaWMgY3VzdG9tU3R5bGUgPSBtb2RlbDxEZWVwUGFydGlhbDxTY3JvbGxUb3BUaGVtZT4+KHt9KTtcbiAgLy8jZW5kcmVnaW9uXG5cbiAgLy8jcmVnaW9uIEJhc2VDb21wb25lbnQgaW1wbGVtZW5hdGlvblxuICBwdWJsaWMgb3ZlcnJpZGUgZmV0Y2hDbGFzcygpOiBTY3JvbGxUb3BDbGFzcyB7XG4gICAgcmV0dXJuIHRoaXMudGhlbWVTZXJ2aWNlLmdldENsYXNzZXMoe1xuICAgICAgY29sb3I6IHRoaXMuY29sb3IoKSxcbiAgICAgIHBvc2l0aW9uOiB0aGlzLnBvc2l0aW9uKCksXG4gICAgICBjdXN0b21TdHlsZTogdGhpcy5jdXN0b21TdHlsZSgpLFxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pY29uUmVnaXN0cnkuYWRkUmF3U3ZnSWNvbkluTmFtZXBzYWNlKFxuICAgICAgJ2Zsb3diaXRlLWFuZ3VsYXInLFxuICAgICAgJ2NoZXZyb24tdXAnLFxuICAgICAgdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoQ0hFVlJPTl9VUF9TVkdfSUNPTiksXG4gICAgKTtcbiAgfVxuICAvLyNlbmRyZWdpb25cblxuICBwdWJsaWMgb25DbGljaygpOiB2b2lkIHtcbiAgICB3aW5kb3cuc2Nyb2xsVG8od2luZG93LnNjcm9sbFgsIDApO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { createTheme } from '../../utils/theme/create-theme';
|
|
2
|
+
export const scrollTopTheme = createTheme({
|
|
3
|
+
root: {
|
|
4
|
+
base: 'cursor-pointer fixed flex flex-row place-items-center p-2 rounded-lg',
|
|
5
|
+
color: {
|
|
6
|
+
primary: 'bg-primary-100',
|
|
7
|
+
dark: 'bg-gray-100 dark:bg-gray-800 dark:text-white',
|
|
8
|
+
blue: 'bg-blue-100',
|
|
9
|
+
gray: 'bg-gray-100',
|
|
10
|
+
green: 'bg-green-100',
|
|
11
|
+
lime: 'bg-lime-100',
|
|
12
|
+
purple: 'bg-purple-100',
|
|
13
|
+
red: 'bg-red-100',
|
|
14
|
+
},
|
|
15
|
+
position: {
|
|
16
|
+
'bottom-center': 'bottom-3 left-1/2 right-1/2',
|
|
17
|
+
'bottom-left': 'bottom-3 left-3',
|
|
18
|
+
'bottom-right': 'bottom-3 right-3',
|
|
19
|
+
'center-left': 'left-3 top-1/2 bottom-1/2',
|
|
20
|
+
'center-right': 'right-3 top-1/2 bottom-1/2',
|
|
21
|
+
'top-center': 'top-3 left-1/2 right-1/2',
|
|
22
|
+
'top-left': 'top-3 left-3',
|
|
23
|
+
'top-right': 'top-3 right-3',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLXRvcC50aGVtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZmxvd2JpdGUtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc2Nyb2xsLXRvcC9zY3JvbGwtdG9wLnRoZW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQTJCN0QsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFtQixXQUFXLENBQUM7SUFDeEQsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFLHNFQUFzRTtRQUM1RSxLQUFLLEVBQUU7WUFDTCxPQUFPLEVBQUUsZ0JBQWdCO1lBQ3pCLElBQUksRUFBRSw4Q0FBOEM7WUFDcEQsSUFBSSxFQUFFLGFBQWE7WUFDbkIsSUFBSSxFQUFFLGFBQWE7WUFDbkIsS0FBSyxFQUFFLGNBQWM7WUFDckIsSUFBSSxFQUFFLGFBQWE7WUFDbkIsTUFBTSxFQUFFLGVBQWU7WUFDdkIsR0FBRyxFQUFFLFlBQVk7U0FDbEI7UUFDRCxRQUFRLEVBQUU7WUFDUixlQUFlLEVBQUUsNkJBQTZCO1lBQzlDLGFBQWEsRUFBRSxpQkFBaUI7WUFDaEMsY0FBYyxFQUFFLGtCQUFrQjtZQUNsQyxhQUFhLEVBQUUsMkJBQTJCO1lBQzFDLGNBQWMsRUFBRSw0QkFBNEI7WUFDNUMsWUFBWSxFQUFFLDBCQUEwQjtZQUN4QyxVQUFVLEVBQUUsY0FBYztZQUMxQixXQUFXLEVBQUUsZUFBZTtTQUM3QjtLQUNGO0NBQ0YsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBEZWVwUGFydGlhbCwgRmxvd2JpdGVDbGFzcywgRmxvd2JpdGVDb2xvcnMsIEZsb3diaXRlUG9zaXRpb25zIH0gZnJvbSAnLi4vLi4vY29tbW9uJztcbmltcG9ydCB7IGNyZWF0ZVRoZW1lIH0gZnJvbSAnLi4vLi4vdXRpbHMvdGhlbWUvY3JlYXRlLXRoZW1lJztcblxuLy8jcmVnaW9uIHJlZ2lvbiBDb21wb25lbnQgdGhlbWUgb3B0aW9uXG5leHBvcnQgaW50ZXJmYWNlIFNjcm9sbFRvcENvbG9yc1xuICBleHRlbmRzIFBpY2s8Rmxvd2JpdGVDb2xvcnMsICdwcmltYXJ5JyB8ICdkYXJrJyB8ICdibHVlJyB8ICdncmF5JyB8ICdncmVlbicgfCAnbGltZScgfCAncHVycGxlJyB8ICdyZWQnPiB7XG4gIFtrZXk6IHN0cmluZ106IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTY3JvbGxUb3BQb3NpdGlvbnMgZXh0ZW5kcyBPbWl0PEZsb3diaXRlUG9zaXRpb25zLCAnY2VudGVyJz4ge1xuICBba2V5OiBzdHJpbmddOiBzdHJpbmc7XG59XG4vLyNlbmRyZWdpb25cblxuZXhwb3J0IGludGVyZmFjZSBTY3JvbGxUb3BQcm9wZXJ0aWVzIHtcbiAgY29sb3I6IGtleW9mIFNjcm9sbFRvcFBvc2l0aW9ucztcbiAgcG9zaXRpb246IGtleW9mIFNjcm9sbFRvcFBvc2l0aW9ucztcbiAgY3VzdG9tU3R5bGU6IERlZXBQYXJ0aWFsPFNjcm9sbFRvcFRoZW1lPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTY3JvbGxUb3BUaGVtZSB7XG4gIHJvb3Q6IHtcbiAgICBiYXNlOiBzdHJpbmc7XG4gICAgY29sb3I6IFNjcm9sbFRvcENvbG9ycztcbiAgICBwb3NpdGlvbjogU2Nyb2xsVG9wUG9zaXRpb25zO1xuICB9O1xufVxuXG5leHBvcnQgY29uc3Qgc2Nyb2xsVG9wVGhlbWU6IFNjcm9sbFRvcFRoZW1lID0gY3JlYXRlVGhlbWUoe1xuICByb290OiB7XG4gICAgYmFzZTogJ2N1cnNvci1wb2ludGVyIGZpeGVkIGZsZXggZmxleC1yb3cgcGxhY2UtaXRlbXMtY2VudGVyIHAtMiByb3VuZGVkLWxnJyxcbiAgICBjb2xvcjoge1xuICAgICAgcHJpbWFyeTogJ2JnLXByaW1hcnktMTAwJyxcbiAgICAgIGRhcms6ICdiZy1ncmF5LTEwMCBkYXJrOmJnLWdyYXktODAwIGRhcms6dGV4dC13aGl0ZScsXG4gICAgICBibHVlOiAnYmctYmx1ZS0xMDAnLFxuICAgICAgZ3JheTogJ2JnLWdyYXktMTAwJyxcbiAgICAgIGdyZWVuOiAnYmctZ3JlZW4tMTAwJyxcbiAgICAgIGxpbWU6ICdiZy1saW1lLTEwMCcsXG4gICAgICBwdXJwbGU6ICdiZy1wdXJwbGUtMTAwJyxcbiAgICAgIHJlZDogJ2JnLXJlZC0xMDAnLFxuICAgIH0sXG4gICAgcG9zaXRpb246IHtcbiAgICAgICdib3R0b20tY2VudGVyJzogJ2JvdHRvbS0zIGxlZnQtMS8yIHJpZ2h0LTEvMicsXG4gICAgICAnYm90dG9tLWxlZnQnOiAnYm90dG9tLTMgbGVmdC0zJyxcbiAgICAgICdib3R0b20tcmlnaHQnOiAnYm90dG9tLTMgcmlnaHQtMycsXG4gICAgICAnY2VudGVyLWxlZnQnOiAnbGVmdC0zIHRvcC0xLzIgYm90dG9tLTEvMicsXG4gICAgICAnY2VudGVyLXJpZ2h0JzogJ3JpZ2h0LTMgdG9wLTEvMiBib3R0b20tMS8yJyxcbiAgICAgICd0b3AtY2VudGVyJzogJ3RvcC0zIGxlZnQtMS8yIHJpZ2h0LTEvMicsXG4gICAgICAndG9wLWxlZnQnOiAndG9wLTMgbGVmdC0zJyxcbiAgICAgICd0b3AtcmlnaHQnOiAndG9wLTMgcmlnaHQtMycsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgdHlwZSBTY3JvbGxUb3BDbGFzcyA9IEZsb3diaXRlQ2xhc3M7XG4iXX0=
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { mergeTheme } from '../../utils/theme/merge-theme';
|
|
2
|
+
import { inject, InjectionToken } from '@angular/core';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
export const FLOWBITE_SCROLL_TOP_THEME_TOKEN = new InjectionToken('FLOWBITE_SCROLL_TOP_THEME_TOKEN');
|
|
5
|
+
export class ScrollTopThemeService {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.baseTheme = inject(FLOWBITE_SCROLL_TOP_THEME_TOKEN);
|
|
8
|
+
}
|
|
9
|
+
getClasses(properties) {
|
|
10
|
+
const theme = mergeTheme(this.baseTheme, properties.customStyle);
|
|
11
|
+
const output = {
|
|
12
|
+
rootClass: twMerge(theme.root.base, theme.root.color[properties.color], theme.root.position[properties.position]),
|
|
13
|
+
};
|
|
14
|
+
return output;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Nyb2xsLXRvcC50aGVtZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9mbG93Yml0ZS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zY3JvbGwtdG9wL3Njcm9sbC10b3AudGhlbWUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFHM0QsT0FBTyxFQUFFLE1BQU0sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpDLE1BQU0sQ0FBQyxNQUFNLCtCQUErQixHQUFHLElBQUksY0FBYyxDQUFpQixpQ0FBaUMsQ0FBQyxDQUFDO0FBRXJILE1BQU0sT0FBTyxxQkFBcUI7SUFBbEM7UUFDbUIsY0FBUyxHQUFHLE1BQU0sQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO0lBV3ZFLENBQUM7SUFUUSxVQUFVLENBQUMsVUFBK0I7UUFDL0MsTUFBTSxLQUFLLEdBQW1CLFVBQVUsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUVqRixNQUFNLE1BQU0sR0FBbUI7WUFDN0IsU0FBUyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1NBQ2xILENBQUM7UUFFRixPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEZsb3diaXRlVGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMnO1xuaW1wb3J0IHsgbWVyZ2VUaGVtZSB9IGZyb20gJy4uLy4uL3V0aWxzL3RoZW1lL21lcmdlLXRoZW1lJztcbmltcG9ydCB0eXBlIHsgU2Nyb2xsVG9wQ2xhc3MsIFNjcm9sbFRvcFByb3BlcnRpZXMsIFNjcm9sbFRvcFRoZW1lIH0gZnJvbSAnLi9zY3JvbGwtdG9wLnRoZW1lJztcblxuaW1wb3J0IHsgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHdNZXJnZSB9IGZyb20gJ3RhaWx3aW5kLW1lcmdlJztcblxuZXhwb3J0IGNvbnN0IEZMT1dCSVRFX1NDUk9MTF9UT1BfVEhFTUVfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48U2Nyb2xsVG9wVGhlbWU+KCdGTE9XQklURV9TQ1JPTExfVE9QX1RIRU1FX1RPS0VOJyk7XG5cbmV4cG9ydCBjbGFzcyBTY3JvbGxUb3BUaGVtZVNlcnZpY2UgaW1wbGVtZW50cyBGbG93Yml0ZVRoZW1lU2VydmljZTxTY3JvbGxUb3BQcm9wZXJ0aWVzPiB7XG4gIHByaXZhdGUgcmVhZG9ubHkgYmFzZVRoZW1lID0gaW5qZWN0KEZMT1dCSVRFX1NDUk9MTF9UT1BfVEhFTUVfVE9LRU4pO1xuXG4gIHB1YmxpYyBnZXRDbGFzc2VzKHByb3BlcnRpZXM6IFNjcm9sbFRvcFByb3BlcnRpZXMpOiBTY3JvbGxUb3BDbGFzcyB7XG4gICAgY29uc3QgdGhlbWU6IFNjcm9sbFRvcFRoZW1lID0gbWVyZ2VUaGVtZSh0aGlzLmJhc2VUaGVtZSwgcHJvcGVydGllcy5jdXN0b21TdHlsZSk7XG5cbiAgICBjb25zdCBvdXRwdXQ6IFNjcm9sbFRvcENsYXNzID0ge1xuICAgICAgcm9vdENsYXNzOiB0d01lcmdlKHRoZW1lLnJvb3QuYmFzZSwgdGhlbWUucm9vdC5jb2xvcltwcm9wZXJ0aWVzLmNvbG9yXSwgdGhlbWUucm9vdC5wb3NpdGlvbltwcm9wZXJ0aWVzLnBvc2l0aW9uXSksXG4gICAgfTtcblxuICAgIHJldHVybiBvdXRwdXQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export { SidebarComponent } from './sidebar.component';
|
|
2
|
+
export { sidebarTheme } from './sidebar.theme';
|
|
3
|
+
export { FLOWBITE_SIDEBAR_THEME_TOKEN, SidebarThemeService } from './sidebar.theme.service';
|
|
4
|
+
export { SidebarItemComponent } from './sidebar-item.component';
|
|
5
|
+
export { sidebarItemTheme } from './sidebar-item.theme';
|
|
6
|
+
export { FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN, SidebarItemThemeService } from './sidebar-item.theme.service';
|
|
7
|
+
export { SidebarItemGroupComponent } from './sidebar-item-group.component';
|
|
8
|
+
export { sidebarItemGroupTheme } from './sidebar-item-group.theme';
|
|
9
|
+
export { FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN, SidebarItemGroupThemeService, } from './sidebar-item-group.theme.service';
|
|
10
|
+
export { SidebarToggleComponent } from './sidebar-toggle.component';
|
|
11
|
+
export { sidebarToggleTheme } from './sidebar-toggle.theme';
|
|
12
|
+
export { FLOWBITE_SIDEBAR_TOGGLE_THEME_TOKEN, SidebarToggleThemeService } from './sidebar-toggle.theme.service';
|
|
13
|
+
export { SidebarPageContentComponent } from './sidebar-page-content.component';
|
|
14
|
+
export { sidebarPageContentTheme } from './sidebar-page-content.theme';
|
|
15
|
+
export { FLOWBITE_SIDEBAR_PAGE_CONTENT_THEME_TOKEN, SidebarPageContentThemeService, } from './sidebar-page-content.theme.service';
|
|
16
|
+
export { SidebarMenuComponent } from './sidebar-menu.component';
|
|
17
|
+
export { sidebarMenuTheme } from './sidebar-menu.theme';
|
|
18
|
+
export { FLOWBITE_SIDEBAR_MENU_THEME_TOKEN, SidebarMenuThemeService } from './sidebar-menu.theme.service';
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Zsb3diaXRlLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGViYXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTVGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRWhFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTFHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBTTNFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ25FLE9BQU8sRUFDTCx1Q0FBdUMsRUFDdkMsNEJBQTRCLEdBQzdCLE1BQU0sb0NBQW9DLENBQUM7QUFFNUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFPcEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFFaEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFNL0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkUsT0FBTyxFQUNMLHlDQUF5QyxFQUN6Qyw4QkFBOEIsR0FDL0IsTUFBTSxzQ0FBc0MsQ0FBQztBQUU5QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFNpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXIuY29tcG9uZW50JztcbmV4cG9ydCB0eXBlIHsgU2lkZWJhclByb3BlcnRpZXMsIFNpZGViYXJDbGFzcywgU2lkZWJhclRoZW1lLCBTaWRlYmFyQ29sb3JzLCBTaWRlYmFyRGlzcGxheU1vZGUgfSBmcm9tICcuL3NpZGViYXIudGhlbWUnO1xuZXhwb3J0IHsgc2lkZWJhclRoZW1lIH0gZnJvbSAnLi9zaWRlYmFyLnRoZW1lJztcbmV4cG9ydCB7IEZMT1dCSVRFX1NJREVCQVJfVEhFTUVfVE9LRU4sIFNpZGViYXJUaGVtZVNlcnZpY2UgfSBmcm9tICcuL3NpZGViYXIudGhlbWUuc2VydmljZSc7XG5cbmV4cG9ydCB7IFNpZGViYXJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCB0eXBlIHsgU2lkZWJhckl0ZW1Qcm9wZXJ0aWVzLCBTaWRlYmFySXRlbUNsYXNzLCBTaWRlYmFySXRlbVRoZW1lIH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0udGhlbWUnO1xuZXhwb3J0IHsgc2lkZWJhckl0ZW1UaGVtZSB9IGZyb20gJy4vc2lkZWJhci1pdGVtLnRoZW1lJztcbmV4cG9ydCB7IEZMT1dCSVRFX1NJREVCQVJfSVRFTV9USEVNRV9UT0tFTiwgU2lkZWJhckl0ZW1UaGVtZVNlcnZpY2UgfSBmcm9tICcuL3NpZGViYXItaXRlbS50aGVtZS5zZXJ2aWNlJztcblxuZXhwb3J0IHsgU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1pdGVtLWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgdHlwZSB7XG4gIFNpZGViYXJJdGVtR3JvdXBQcm9wZXJ0aWVzLFxuICBTaWRlYmFySXRlbUdyb3VwQ2xhc3MsXG4gIFNpZGViYXJJdGVtR3JvdXBUaGVtZSxcbn0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0tZ3JvdXAudGhlbWUnO1xuZXhwb3J0IHsgc2lkZWJhckl0ZW1Hcm91cFRoZW1lIH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0tZ3JvdXAudGhlbWUnO1xuZXhwb3J0IHtcbiAgRkxPV0JJVEVfU0lERUJBUl9JVEVNX0dST1VQX1RIRU1FX1RPS0VOLFxuICBTaWRlYmFySXRlbUdyb3VwVGhlbWVTZXJ2aWNlLFxufSBmcm9tICcuL3NpZGViYXItaXRlbS1ncm91cC50aGVtZS5zZXJ2aWNlJztcblxuZXhwb3J0IHsgU2lkZWJhclRvZ2dsZUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci10b2dnbGUuY29tcG9uZW50JztcbmV4cG9ydCB0eXBlIHtcbiAgU2lkZWJhclRvZ2dsZVRoZW1lLFxuICBTaWRlYmFyVG9nZ2xlQ2xhc3MsXG4gIFNpZGViYXJUb2dnbGVQcm9wZXJ0aWVzLFxuICBTaWRlYmFyVG9nZ2xlU2l6ZXMsXG59IGZyb20gJy4vc2lkZWJhci10b2dnbGUudGhlbWUnO1xuZXhwb3J0IHsgc2lkZWJhclRvZ2dsZVRoZW1lIH0gZnJvbSAnLi9zaWRlYmFyLXRvZ2dsZS50aGVtZSc7XG5leHBvcnQgeyBGTE9XQklURV9TSURFQkFSX1RPR0dMRV9USEVNRV9UT0tFTiwgU2lkZWJhclRvZ2dsZVRoZW1lU2VydmljZSB9IGZyb20gJy4vc2lkZWJhci10b2dnbGUudGhlbWUuc2VydmljZSc7XG5cbmV4cG9ydCB7IFNpZGViYXJQYWdlQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1wYWdlLWNvbnRlbnQuY29tcG9uZW50JztcbmV4cG9ydCB0eXBlIHtcbiAgU2lkZWJhclBhZ2VDb250ZW50Q2xhc3MsXG4gIFNpZGViYXJQYWdlQ29udGVudFByb3BlcnRpZXMsXG4gIFNpZGViYXJQYWdlQ29udGVudFRoZW1lLFxufSBmcm9tICcuL3NpZGViYXItcGFnZS1jb250ZW50LnRoZW1lJztcbmV4cG9ydCB7IHNpZGViYXJQYWdlQ29udGVudFRoZW1lIH0gZnJvbSAnLi9zaWRlYmFyLXBhZ2UtY29udGVudC50aGVtZSc7XG5leHBvcnQge1xuICBGTE9XQklURV9TSURFQkFSX1BBR0VfQ09OVEVOVF9USEVNRV9UT0tFTixcbiAgU2lkZWJhclBhZ2VDb250ZW50VGhlbWVTZXJ2aWNlLFxufSBmcm9tICcuL3NpZGViYXItcGFnZS1jb250ZW50LnRoZW1lLnNlcnZpY2UnO1xuXG5leHBvcnQgeyBTaWRlYmFyTWVudUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgdHlwZSB7IFNpZGViYXJNZW51Q2xhc3MsIFNpZGViYXJNZW51UHJvcGVydGllcywgU2lkZWJhck1lbnVUaGVtZSB9IGZyb20gJy4vc2lkZWJhci1tZW51LnRoZW1lJztcbmV4cG9ydCB7IHNpZGViYXJNZW51VGhlbWUgfSBmcm9tICcuL3NpZGViYXItbWVudS50aGVtZSc7XG5leHBvcnQgeyBGTE9XQklURV9TSURFQkFSX01FTlVfVEhFTUVfVE9LRU4sIFNpZGViYXJNZW51VGhlbWVTZXJ2aWNlIH0gZnJvbSAnLi9zaWRlYmFyLW1lbnUudGhlbWUuc2VydmljZSc7XG4iXX0=
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { CHEVRON_DOWN_SVG_ICON } from '../../utils/icon.list';
|
|
2
|
+
import { BaseComponent } from '../base-component.directive';
|
|
3
|
+
import { IconComponent, IconRegistry } from '../icon';
|
|
4
|
+
import { SidebarItemGroupThemeService } from './sidebar-item-group.theme.service';
|
|
5
|
+
import { SidebarItemComponent } from './sidebar-item.component';
|
|
6
|
+
import { SidebarMenuComponent } from './sidebar-menu.component';
|
|
7
|
+
import { NgClass, NgIf } from '@angular/common';
|
|
8
|
+
import { Component, contentChildren, inject, model, untracked } from '@angular/core';
|
|
9
|
+
import { DomSanitizer } from '@angular/platform-browser';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class SidebarItemGroupComponent extends BaseComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
super(...arguments);
|
|
14
|
+
this.themeService = inject(SidebarItemGroupThemeService);
|
|
15
|
+
this.iconRegistry = inject(IconRegistry);
|
|
16
|
+
this.domSanitizer = inject(DomSanitizer);
|
|
17
|
+
this.sidebarMenuComponent = inject(SidebarMenuComponent);
|
|
18
|
+
this.sidebarItemChildren = contentChildren(SidebarItemComponent);
|
|
19
|
+
//#region properties
|
|
20
|
+
this.isOpen = model(this.sidebarItemChildren().some((x) => x.flowbiteRouterLinkActive?.isActive() ?? false));
|
|
21
|
+
this.color = model(this.sidebarMenuComponent.color());
|
|
22
|
+
this.title = model.required();
|
|
23
|
+
this.customStyle = model({});
|
|
24
|
+
}
|
|
25
|
+
//#endregion
|
|
26
|
+
//#region BaseComponent implementation
|
|
27
|
+
fetchClass() {
|
|
28
|
+
return this.themeService.getClasses({
|
|
29
|
+
color: this.color(),
|
|
30
|
+
customStyle: this.customStyle(),
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
verify() {
|
|
34
|
+
if (this.sidebarItemChildren().length === 0) {
|
|
35
|
+
throw new Error('No SidebarItemComponent available');
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
init() {
|
|
39
|
+
this.iconRegistry.addRawSvgIconInNamepsace('flowbite-angular', 'chevron-down', this.domSanitizer.bypassSecurityTrustHtml(CHEVRON_DOWN_SVG_ICON));
|
|
40
|
+
}
|
|
41
|
+
//#endregion
|
|
42
|
+
onSpanClick() {
|
|
43
|
+
this.toggleVisibility();
|
|
44
|
+
}
|
|
45
|
+
toggleVisibility(isOpen) {
|
|
46
|
+
if (isOpen === undefined) {
|
|
47
|
+
isOpen = untracked(() => !this.isOpen());
|
|
48
|
+
}
|
|
49
|
+
this.isOpen.set(isOpen);
|
|
50
|
+
}
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SidebarItemGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.5", type: SidebarItemGroupComponent, isStandalone: true, selector: "flowbite-sidebar-item-group", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange", color: "colorChange", title: "titleChange", customStyle: "customStyleChange" }, queries: [{ propertyName: "sidebarItemChildren", predicate: SidebarItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
|
|
53
|
+
<span
|
|
54
|
+
[class]="contentClasses().spanClass"
|
|
55
|
+
(click)="onSpanClick()">
|
|
56
|
+
<h4>{{ title() }}</h4>
|
|
57
|
+
<flowbite-icon
|
|
58
|
+
svgIcon="flowbite-angular:chevron-down"
|
|
59
|
+
class="h-6 w-6 shrink-0 duration-200"
|
|
60
|
+
[class.rotate-180]="!isOpen()" />
|
|
61
|
+
</span>
|
|
62
|
+
<ng-content *ngIf="isOpen()" />
|
|
63
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "flowbite-icon", inputs: ["svgIcon"], outputs: ["svgIconChange"] }] }); }
|
|
64
|
+
}
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SidebarItemGroupComponent, decorators: [{
|
|
66
|
+
type: Component,
|
|
67
|
+
args: [{
|
|
68
|
+
standalone: true,
|
|
69
|
+
imports: [NgClass, NgIf, IconComponent],
|
|
70
|
+
selector: 'flowbite-sidebar-item-group',
|
|
71
|
+
template: `
|
|
72
|
+
<span
|
|
73
|
+
[class]="contentClasses().spanClass"
|
|
74
|
+
(click)="onSpanClick()">
|
|
75
|
+
<h4>{{ title() }}</h4>
|
|
76
|
+
<flowbite-icon
|
|
77
|
+
svgIcon="flowbite-angular:chevron-down"
|
|
78
|
+
class="h-6 w-6 shrink-0 duration-200"
|
|
79
|
+
[class.rotate-180]="!isOpen()" />
|
|
80
|
+
</span>
|
|
81
|
+
<ng-content *ngIf="isOpen()" />
|
|
82
|
+
`,
|
|
83
|
+
}]
|
|
84
|
+
}] });
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZmxvd2JpdGUtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLWl0ZW0tZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUV0RCxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNsRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUdoRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRWhELE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7QUFtQnpELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxhQUFvQztJQWpCbkY7O1FBa0JrQixpQkFBWSxHQUFHLE1BQU0sQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBQ3BELGlCQUFZLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BDLGlCQUFZLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BDLHlCQUFvQixHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQ3BELHdCQUFtQixHQUFHLGVBQWUsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBRTVFLG9CQUFvQjtRQUNiLFdBQU0sR0FBRyxLQUFLLENBQ25CLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLHdCQUF3QixFQUFFLFFBQVEsRUFBRSxJQUFJLEtBQUssQ0FBQyxDQUN4RixDQUFDO1FBQ0ssVUFBSyxHQUFHLEtBQUssQ0FBc0IsSUFBSSxDQUFDLG9CQUFvQixDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDdEUsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUNqQyxnQkFBVyxHQUFHLEtBQUssQ0FBcUMsRUFBRSxDQUFDLENBQUM7S0FxQ3BFO0lBcENDLFlBQVk7SUFFWixzQ0FBc0M7SUFDdEIsVUFBVTtRQUN4QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ2xDLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFO1NBQ2hDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFZSxNQUFNO1FBQ3BCLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQzVDLE1BQU0sSUFBSSxLQUFLLENBQUMsbUNBQW1DLENBQUMsQ0FBQztRQUN2RCxDQUFDO0lBQ0gsQ0FBQztJQUVlLElBQUk7UUFDbEIsSUFBSSxDQUFDLFlBQVksQ0FBQyx3QkFBd0IsQ0FDeEMsa0JBQWtCLEVBQ2xCLGNBQWMsRUFDZCxJQUFJLENBQUMsWUFBWSxDQUFDLHVCQUF1QixDQUFDLHFCQUFxQixDQUFDLENBQ2pFLENBQUM7SUFDSixDQUFDO0lBQ0QsWUFBWTtJQUVMLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLE1BQWdCO1FBQ3RDLElBQUksTUFBTSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ3pCLE1BQU0sR0FBRyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQztRQUMzQyxDQUFDO1FBRUQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUIsQ0FBQzs4R0FqRFUseUJBQXlCO2tHQUF6Qix5QkFBeUIsOHVCQUtrQixvQkFBb0Isb0VBbEJoRTs7Ozs7Ozs7Ozs7R0FXVCw0REFia0IsSUFBSSw2RkFBRSxhQUFhOzsyRkFlM0IseUJBQXlCO2tCQWpCckMsU0FBUzttQkFBQztvQkFDVCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLENBQUM7b0JBQ3ZDLFFBQVEsRUFBRSw2QkFBNkI7b0JBQ3ZDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7R0FXVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRGVlcFBhcnRpYWwgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuaW1wb3J0IHsgQ0hFVlJPTl9ET1dOX1NWR19JQ09OIH0gZnJvbSAnLi4vLi4vdXRpbHMvaWNvbi5saXN0JztcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWNvbXBvbmVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCwgSWNvblJlZ2lzdHJ5IH0gZnJvbSAnLi4vaWNvbic7XG5pbXBvcnQgdHlwZSB7IFNpZGViYXJJdGVtR3JvdXBDbGFzcywgU2lkZWJhckl0ZW1Hcm91cFRoZW1lIH0gZnJvbSAnLi9zaWRlYmFyLWl0ZW0tZ3JvdXAudGhlbWUnO1xuaW1wb3J0IHsgU2lkZWJhckl0ZW1Hcm91cFRoZW1lU2VydmljZSB9IGZyb20gJy4vc2lkZWJhci1pdGVtLWdyb3VwLnRoZW1lLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2lkZWJhckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2lkZWJhck1lbnVDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHR5cGUgeyBTaWRlYmFyQ29sb3JzIH0gZnJvbSAnLi9zaWRlYmFyLnRoZW1lJztcblxuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgdHlwZSB7IE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBjb250ZW50Q2hpbGRyZW4sIGluamVjdCwgbW9kZWwsIHVudHJhY2tlZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdDbGFzcywgTmdJZiwgSWNvbkNvbXBvbmVudF0sXG4gIHNlbGVjdG9yOiAnZmxvd2JpdGUtc2lkZWJhci1pdGVtLWdyb3VwJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3BhblxuICAgICAgW2NsYXNzXT1cImNvbnRlbnRDbGFzc2VzKCkuc3BhbkNsYXNzXCJcbiAgICAgIChjbGljayk9XCJvblNwYW5DbGljaygpXCI+XG4gICAgICA8aDQ+e3sgdGl0bGUoKSB9fTwvaDQ+XG4gICAgICA8Zmxvd2JpdGUtaWNvblxuICAgICAgICBzdmdJY29uPVwiZmxvd2JpdGUtYW5ndWxhcjpjaGV2cm9uLWRvd25cIlxuICAgICAgICBjbGFzcz1cImgtNiB3LTYgc2hyaW5rLTAgZHVyYXRpb24tMjAwXCJcbiAgICAgICAgW2NsYXNzLnJvdGF0ZS0xODBdPVwiIWlzT3BlbigpXCIgLz5cbiAgICA8L3NwYW4+XG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCJpc09wZW4oKVwiIC8+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50PFNpZGViYXJJdGVtR3JvdXBDbGFzcz4gaW1wbGVtZW50cyBPbkluaXQge1xuICBwdWJsaWMgcmVhZG9ubHkgdGhlbWVTZXJ2aWNlID0gaW5qZWN0KFNpZGViYXJJdGVtR3JvdXBUaGVtZVNlcnZpY2UpO1xuICBwdWJsaWMgcmVhZG9ubHkgaWNvblJlZ2lzdHJ5ID0gaW5qZWN0KEljb25SZWdpc3RyeSk7XG4gIHB1YmxpYyByZWFkb25seSBkb21TYW5pdGl6ZXIgPSBpbmplY3QoRG9tU2FuaXRpemVyKTtcbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJNZW51Q29tcG9uZW50ID0gaW5qZWN0KFNpZGViYXJNZW51Q29tcG9uZW50KTtcbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJJdGVtQ2hpbGRyZW4gPSBjb250ZW50Q2hpbGRyZW4oU2lkZWJhckl0ZW1Db21wb25lbnQpO1xuXG4gIC8vI3JlZ2lvbiBwcm9wZXJ0aWVzXG4gIHB1YmxpYyBpc09wZW4gPSBtb2RlbDxib29sZWFuPihcbiAgICB0aGlzLnNpZGViYXJJdGVtQ2hpbGRyZW4oKS5zb21lKCh4KSA9PiB4LmZsb3diaXRlUm91dGVyTGlua0FjdGl2ZT8uaXNBY3RpdmUoKSA/PyBmYWxzZSksXG4gICk7XG4gIHB1YmxpYyBjb2xvciA9IG1vZGVsPGtleW9mIFNpZGViYXJDb2xvcnM+KHRoaXMuc2lkZWJhck1lbnVDb21wb25lbnQuY29sb3IoKSk7XG4gIHB1YmxpYyB0aXRsZSA9IG1vZGVsLnJlcXVpcmVkPHN0cmluZz4oKTtcbiAgcHVibGljIGN1c3RvbVN0eWxlID0gbW9kZWw8RGVlcFBhcnRpYWw8U2lkZWJhckl0ZW1Hcm91cFRoZW1lPj4oe30pO1xuICAvLyNlbmRyZWdpb25cblxuICAvLyNyZWdpb24gQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRhdGlvblxuICBwdWJsaWMgb3ZlcnJpZGUgZmV0Y2hDbGFzcygpOiBTaWRlYmFySXRlbUdyb3VwQ2xhc3Mge1xuICAgIHJldHVybiB0aGlzLnRoZW1lU2VydmljZS5nZXRDbGFzc2VzKHtcbiAgICAgIGNvbG9yOiB0aGlzLmNvbG9yKCksXG4gICAgICBjdXN0b21TdHlsZTogdGhpcy5jdXN0b21TdHlsZSgpLFxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHZlcmlmeSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zaWRlYmFySXRlbUNoaWxkcmVuKCkubGVuZ3RoID09PSAwKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ05vIFNpZGViYXJJdGVtQ29tcG9uZW50IGF2YWlsYWJsZScpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBpbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWNvblJlZ2lzdHJ5LmFkZFJhd1N2Z0ljb25Jbk5hbWVwc2FjZShcbiAgICAgICdmbG93Yml0ZS1hbmd1bGFyJyxcbiAgICAgICdjaGV2cm9uLWRvd24nLFxuICAgICAgdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoQ0hFVlJPTl9ET1dOX1NWR19JQ09OKSxcbiAgICApO1xuICB9XG4gIC8vI2VuZHJlZ2lvblxuXG4gIHB1YmxpYyBvblNwYW5DbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLnRvZ2dsZVZpc2liaWxpdHkoKTtcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVWaXNpYmlsaXR5KGlzT3Blbj86IGJvb2xlYW4pOiB2b2lkIHtcbiAgICBpZiAoaXNPcGVuID09PSB1bmRlZmluZWQpIHtcbiAgICAgIGlzT3BlbiA9IHVudHJhY2tlZCgoKSA9PiAhdGhpcy5pc09wZW4oKSk7XG4gICAgfVxuXG4gICAgdGhpcy5pc09wZW4uc2V0KGlzT3Blbik7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createTheme } from '../../utils/theme/create-theme';
|
|
2
|
+
export const sidebarItemGroupTheme = createTheme({
|
|
3
|
+
root: {
|
|
4
|
+
base: 'flex flex-col py-2 font-semibold cursor-pointer',
|
|
5
|
+
},
|
|
6
|
+
spanText: {
|
|
7
|
+
base: 'flex flex-row justify-between m-2',
|
|
8
|
+
color: {
|
|
9
|
+
primary: 'text-primary-600',
|
|
10
|
+
dark: 'text-gray-600',
|
|
11
|
+
blue: 'text-blue-600',
|
|
12
|
+
red: 'text-red-600',
|
|
13
|
+
green: 'text-green-600',
|
|
14
|
+
yellow: 'text-yellow-600',
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLWdyb3VwLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9mbG93Yml0ZS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zaWRlYmFyL3NpZGViYXItaXRlbS1ncm91cC50aGVtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFrQjdELE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUEwQixXQUFXLENBQUM7SUFDdEUsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFLGlEQUFpRDtLQUN4RDtJQUNELFFBQVEsRUFBRTtRQUNSLElBQUksRUFBRSxtQ0FBbUM7UUFDekMsS0FBSyxFQUFFO1lBQ0wsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixJQUFJLEVBQUUsZUFBZTtZQUNyQixJQUFJLEVBQUUsZUFBZTtZQUNyQixHQUFHLEVBQUUsY0FBYztZQUNuQixLQUFLLEVBQUUsZ0JBQWdCO1lBQ3ZCLE1BQU0sRUFBRSxpQkFBaUI7U0FDMUI7S0FDRjtDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRGVlcFBhcnRpYWwsIEZsb3diaXRlQ2xhc3MgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuaW1wb3J0IHsgY3JlYXRlVGhlbWUgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZS9jcmVhdGUtdGhlbWUnO1xuaW1wb3J0IHR5cGUgeyBTaWRlYmFyQ29sb3JzIH0gZnJvbSAnLi9zaWRlYmFyLnRoZW1lJztcblxuZXhwb3J0IGludGVyZmFjZSBTaWRlYmFySXRlbUdyb3VwUHJvcGVydGllcyB7XG4gIGNvbG9yOiBrZXlvZiBTaWRlYmFyQ29sb3JzO1xuICBjdXN0b21TdHlsZTogRGVlcFBhcnRpYWw8U2lkZWJhckl0ZW1Hcm91cFRoZW1lPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTaWRlYmFySXRlbUdyb3VwVGhlbWUge1xuICByb290OiB7XG4gICAgYmFzZTogc3RyaW5nO1xuICB9O1xuICBzcGFuVGV4dDoge1xuICAgIGJhc2U6IHN0cmluZztcbiAgICBjb2xvcjogU2lkZWJhckNvbG9ycztcbiAgfTtcbn1cblxuZXhwb3J0IGNvbnN0IHNpZGViYXJJdGVtR3JvdXBUaGVtZTogU2lkZWJhckl0ZW1Hcm91cFRoZW1lID0gY3JlYXRlVGhlbWUoe1xuICByb290OiB7XG4gICAgYmFzZTogJ2ZsZXggZmxleC1jb2wgcHktMiBmb250LXNlbWlib2xkIGN1cnNvci1wb2ludGVyJyxcbiAgfSxcbiAgc3BhblRleHQ6IHtcbiAgICBiYXNlOiAnZmxleCBmbGV4LXJvdyBqdXN0aWZ5LWJldHdlZW4gbS0yJyxcbiAgICBjb2xvcjoge1xuICAgICAgcHJpbWFyeTogJ3RleHQtcHJpbWFyeS02MDAnLFxuICAgICAgZGFyazogJ3RleHQtZ3JheS02MDAnLFxuICAgICAgYmx1ZTogJ3RleHQtYmx1ZS02MDAnLFxuICAgICAgcmVkOiAndGV4dC1yZWQtNjAwJyxcbiAgICAgIGdyZWVuOiAndGV4dC1ncmVlbi02MDAnLFxuICAgICAgeWVsbG93OiAndGV4dC15ZWxsb3ctNjAwJyxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2lkZWJhckl0ZW1Hcm91cENsYXNzIGV4dGVuZHMgRmxvd2JpdGVDbGFzcyB7XG4gIHNwYW5DbGFzczogc3RyaW5nO1xufVxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { mergeTheme } from '../../utils/theme/merge-theme';
|
|
2
|
+
import { inject, InjectionToken } from '@angular/core';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
export const FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN = new InjectionToken('FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN');
|
|
5
|
+
export class SidebarItemGroupThemeService {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.baseTheme = inject(FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN);
|
|
8
|
+
}
|
|
9
|
+
getClasses(properties) {
|
|
10
|
+
const theme = mergeTheme(this.baseTheme, properties.customStyle);
|
|
11
|
+
const output = {
|
|
12
|
+
rootClass: twMerge(theme.root.base),
|
|
13
|
+
spanClass: twMerge(theme.spanText.base, theme.spanText.color[properties.color]),
|
|
14
|
+
};
|
|
15
|
+
return output;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLWdyb3VwLnRoZW1lLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Zsb3diaXRlLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1pdGVtLWdyb3VwLnRoZW1lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBTzNELE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSx1Q0FBdUMsR0FBRyxJQUFJLGNBQWMsQ0FDdkUseUNBQXlDLENBQzFDLENBQUM7QUFFRixNQUFNLE9BQU8sNEJBQTRCO0lBQXpDO1FBQ21CLGNBQVMsR0FBRyxNQUFNLENBQUMsdUNBQXVDLENBQUMsQ0FBQztJQVkvRSxDQUFDO0lBVlEsVUFBVSxDQUFDLFVBQXNDO1FBQ3RELE1BQU0sS0FBSyxHQUEwQixVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFeEYsTUFBTSxNQUFNLEdBQTBCO1lBQ3BDLFNBQVMsRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7WUFDbkMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDaEYsQ0FBQztRQUVGLE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmxvd2JpdGVUaGVtZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcyc7XG5pbXBvcnQgeyBtZXJnZVRoZW1lIH0gZnJvbSAnLi4vLi4vdXRpbHMvdGhlbWUvbWVyZ2UtdGhlbWUnO1xuaW1wb3J0IHR5cGUge1xuICBTaWRlYmFySXRlbUdyb3VwQ2xhc3MsXG4gIFNpZGViYXJJdGVtR3JvdXBQcm9wZXJ0aWVzLFxuICBTaWRlYmFySXRlbUdyb3VwVGhlbWUsXG59IGZyb20gJy4vc2lkZWJhci1pdGVtLWdyb3VwLnRoZW1lJztcblxuaW1wb3J0IHsgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHdNZXJnZSB9IGZyb20gJ3RhaWx3aW5kLW1lcmdlJztcblxuZXhwb3J0IGNvbnN0IEZMT1dCSVRFX1NJREVCQVJfSVRFTV9HUk9VUF9USEVNRV9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxTaWRlYmFySXRlbUdyb3VwVGhlbWU+KFxuICAnRkxPV0JJVEVfU0lERUJBUl9JVEVNX0dST1VQX1RIRU1FX1RPS0VOJyxcbik7XG5cbmV4cG9ydCBjbGFzcyBTaWRlYmFySXRlbUdyb3VwVGhlbWVTZXJ2aWNlIGltcGxlbWVudHMgRmxvd2JpdGVUaGVtZVNlcnZpY2U8U2lkZWJhckl0ZW1Hcm91cFByb3BlcnRpZXM+IHtcbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlVGhlbWUgPSBpbmplY3QoRkxPV0JJVEVfU0lERUJBUl9JVEVNX0dST1VQX1RIRU1FX1RPS0VOKTtcblxuICBwdWJsaWMgZ2V0Q2xhc3Nlcyhwcm9wZXJ0aWVzOiBTaWRlYmFySXRlbUdyb3VwUHJvcGVydGllcyk6IFNpZGViYXJJdGVtR3JvdXBDbGFzcyB7XG4gICAgY29uc3QgdGhlbWU6IFNpZGViYXJJdGVtR3JvdXBUaGVtZSA9IG1lcmdlVGhlbWUodGhpcy5iYXNlVGhlbWUsIHByb3BlcnRpZXMuY3VzdG9tU3R5bGUpO1xuXG4gICAgY29uc3Qgb3V0cHV0OiBTaWRlYmFySXRlbUdyb3VwQ2xhc3MgPSB7XG4gICAgICByb290Q2xhc3M6IHR3TWVyZ2UodGhlbWUucm9vdC5iYXNlKSxcbiAgICAgIHNwYW5DbGFzczogdHdNZXJnZSh0aGVtZS5zcGFuVGV4dC5iYXNlLCB0aGVtZS5zcGFuVGV4dC5jb2xvcltwcm9wZXJ0aWVzLmNvbG9yXSksXG4gICAgfTtcblxuICAgIHJldHVybiBvdXRwdXQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { FlowbiteRouterLinkActiveDirective } from '../../directives/flowbite-router-link-active.directive';
|
|
2
|
+
import { FlowbiteRouterLinkDirective } from '../../directives/flowbite-router-link.directive';
|
|
3
|
+
import { SanitizeHtmlPipe } from '../../pipes';
|
|
4
|
+
import { BadgeComponent } from '../badge';
|
|
5
|
+
import { BaseComponent } from '../base-component.directive';
|
|
6
|
+
import { SidebarItemGroupComponent } from './sidebar-item-group.component';
|
|
7
|
+
import { SidebarItemThemeService } from './sidebar-item.theme.service';
|
|
8
|
+
import { SidebarMenuComponent } from './sidebar-menu.component';
|
|
9
|
+
import { NgClass, NgIf } from '@angular/common';
|
|
10
|
+
import { Component, inject, model } from '@angular/core';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
export class SidebarItemComponent extends BaseComponent {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
this.flowbiteRouterLink = inject(FlowbiteRouterLinkDirective, { optional: true });
|
|
16
|
+
this.flowbiteRouterLinkActive = inject(FlowbiteRouterLinkActiveDirective, { optional: true });
|
|
17
|
+
this.themeService = inject(SidebarItemThemeService);
|
|
18
|
+
this.sidebarItemGroupComponent = inject(SidebarItemGroupComponent, {
|
|
19
|
+
optional: true,
|
|
20
|
+
});
|
|
21
|
+
this.sidebarMenuComponent = inject(SidebarMenuComponent);
|
|
22
|
+
//#region properties
|
|
23
|
+
this.icon = model(undefined);
|
|
24
|
+
this.color = model((this.sidebarItemGroupComponent ?? this.sidebarMenuComponent).color());
|
|
25
|
+
this.label = model(undefined);
|
|
26
|
+
this.customStyle = model({});
|
|
27
|
+
}
|
|
28
|
+
//#endregion
|
|
29
|
+
//#region BaseComponent implementation
|
|
30
|
+
fetchClass() {
|
|
31
|
+
return this.themeService.getClasses({
|
|
32
|
+
icon: this.icon(),
|
|
33
|
+
color: this.color(),
|
|
34
|
+
label: this.label(),
|
|
35
|
+
customStyle: this.customStyle(),
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
verify() {
|
|
39
|
+
if (this.sidebarMenuComponent === undefined && this.sidebarItemGroupComponent === undefined) {
|
|
40
|
+
throw new Error('No SidebarMenuComponent/SidebarItemGroupComponent available');
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
//#endregion
|
|
44
|
+
onClick() {
|
|
45
|
+
(this.sidebarMenuComponent || this.sidebarItemGroupComponent?.sidebarMenuComponent)?.closeAll();
|
|
46
|
+
(this.sidebarMenuComponent || this.sidebarItemGroupComponent?.sidebarMenuComponent)?.sidebarComponent.toggleVisibility(false);
|
|
47
|
+
}
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SidebarItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.5", type: SidebarItemComponent, isStandalone: true, selector: "flowbite-sidebar-item", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { icon: "iconChange", color: "colorChange", label: "labelChange", customStyle: "customStyleChange" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: `
|
|
50
|
+
<span
|
|
51
|
+
class="flex-shrink-0"
|
|
52
|
+
[innerHTML]="icon()! | sanitizeHtml"
|
|
53
|
+
*ngIf="icon()"></span>
|
|
54
|
+
<span
|
|
55
|
+
[ngClass]="contentClasses().sidebarIconClass"
|
|
56
|
+
[class.ml-3]="icon()">
|
|
57
|
+
<ng-content />
|
|
58
|
+
</span>
|
|
59
|
+
<flowbite-badge *ngIf="label()">{{ label() }}</flowbite-badge>
|
|
60
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SanitizeHtmlPipe, name: "sanitizeHtml" }, { kind: "component", type: BadgeComponent, selector: "flowbite-badge", inputs: ["color", "size", "isIconOnly", "isPill", "customStyle"], outputs: ["colorChange", "sizeChange", "isIconOnlyChange", "isPillChange", "customStyleChange"] }] }); }
|
|
61
|
+
}
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SidebarItemComponent, decorators: [{
|
|
63
|
+
type: Component,
|
|
64
|
+
args: [{
|
|
65
|
+
standalone: true,
|
|
66
|
+
imports: [NgIf, NgClass, SanitizeHtmlPipe, BadgeComponent],
|
|
67
|
+
selector: 'flowbite-sidebar-item',
|
|
68
|
+
template: `
|
|
69
|
+
<span
|
|
70
|
+
class="flex-shrink-0"
|
|
71
|
+
[innerHTML]="icon()! | sanitizeHtml"
|
|
72
|
+
*ngIf="icon()"></span>
|
|
73
|
+
<span
|
|
74
|
+
[ngClass]="contentClasses().sidebarIconClass"
|
|
75
|
+
[class.ml-3]="icon()">
|
|
76
|
+
<ng-content />
|
|
77
|
+
</span>
|
|
78
|
+
<flowbite-badge *ngIf="label()">{{ label() }}</flowbite-badge>
|
|
79
|
+
`,
|
|
80
|
+
host: {
|
|
81
|
+
'(click)': 'onClick()',
|
|
82
|
+
},
|
|
83
|
+
}]
|
|
84
|
+
}] });
|
|
85
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZmxvd2JpdGUtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHdEQUF3RCxDQUFDO0FBQzNHLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUUzRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUdoRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFzQnpELE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxhQUErQjtJQXBCekU7O1FBcUJrQix1QkFBa0IsR0FBRyxNQUFNLENBQUMsMkJBQTJCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUM3RSw2QkFBd0IsR0FBRyxNQUFNLENBQUMsaUNBQWlDLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUN6RixpQkFBWSxHQUFHLE1BQU0sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO1FBQy9DLDhCQUF5QixHQUFHLE1BQU0sQ0FBd0MseUJBQXlCLEVBQUU7WUFDbkgsUUFBUSxFQUFFLElBQUk7U0FDZixDQUFDLENBQUM7UUFDYSx5QkFBb0IsR0FBRyxNQUFNLENBQW1DLG9CQUFvQixDQUFDLENBQUM7UUFFdEcsb0JBQW9CO1FBQ2IsU0FBSSxHQUFHLEtBQUssQ0FBcUIsU0FBUyxDQUFDLENBQUM7UUFDNUMsVUFBSyxHQUFHLEtBQUssQ0FBc0IsQ0FBQyxJQUFJLENBQUMseUJBQXlCLElBQUksSUFBSSxDQUFDLG9CQUFvQixDQUFFLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUMzRyxVQUFLLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM3QyxnQkFBVyxHQUFHLEtBQUssQ0FBZ0MsRUFBRSxDQUFDLENBQUM7S0EwQi9EO0lBekJDLFlBQVk7SUFFWixzQ0FBc0M7SUFDdEIsVUFBVTtRQUN4QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ2xDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2pCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ25CLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFO1NBQ2hDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFZSxNQUFNO1FBQ3BCLElBQUksSUFBSSxDQUFDLG9CQUFvQixLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMseUJBQXlCLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDNUYsTUFBTSxJQUFJLEtBQUssQ0FBQyw2REFBNkQsQ0FBQyxDQUFDO1FBQ2pGLENBQUM7SUFDSCxDQUFDO0lBQ0QsWUFBWTtJQUVaLE9BQU87UUFDTCxDQUFDLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxJQUFJLENBQUMseUJBQXlCLEVBQUUsb0JBQW9CLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQztRQUNoRyxDQUNFLElBQUksQ0FBQyxvQkFBb0IsSUFBSSxJQUFJLENBQUMseUJBQXlCLEVBQUUsb0JBQW9CLENBQ2xGLEVBQUUsZ0JBQWdCLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUMsQ0FBQzs4R0F0Q1Usb0JBQW9CO2tHQUFwQixvQkFBb0IsaXdCQWhCckI7Ozs7Ozs7Ozs7O0dBV1QsNERBYlMsSUFBSSw2RkFBRSxPQUFPLCtFQUFFLGdCQUFnQixxREFBRSxjQUFjOzsyRkFrQjlDLG9CQUFvQjtrQkFwQmhDLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsY0FBYyxDQUFDO29CQUMxRCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0QsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSxXQUFXO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRGVlcFBhcnRpYWwgfSBmcm9tICcuLi8uLi9jb21tb24vdHlwZS1kZWZpbml0aW9ucy9mbG93Yml0ZS5kZWVwLXBhcnRpYWwnO1xuaW1wb3J0IHsgRmxvd2JpdGVSb3V0ZXJMaW5rQWN0aXZlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9mbG93Yml0ZS1yb3V0ZXItbGluay1hY3RpdmUuZGlyZWN0aXZlJztcbmltcG9ydCB7IEZsb3diaXRlUm91dGVyTGlua0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMvZmxvd2JpdGUtcm91dGVyLWxpbmsuZGlyZWN0aXZlJztcbmltcG9ydCB7IFNhbml0aXplSHRtbFBpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5pbXBvcnQgeyBCYWRnZUNvbXBvbmVudCB9IGZyb20gJy4uL2JhZGdlJztcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWNvbXBvbmVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1pdGVtLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgdHlwZSB7IFNpZGViYXJJdGVtQ2xhc3MsIFNpZGViYXJJdGVtVGhlbWUgfSBmcm9tICcuL3NpZGViYXItaXRlbS50aGVtZSc7XG5pbXBvcnQgeyBTaWRlYmFySXRlbVRoZW1lU2VydmljZSB9IGZyb20gJy4vc2lkZWJhci1pdGVtLnRoZW1lLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2lkZWJhck1lbnVDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItbWVudS5jb21wb25lbnQnO1xuaW1wb3J0IHR5cGUgeyBTaWRlYmFyQ29sb3JzIH0gZnJvbSAnLi9zaWRlYmFyLnRoZW1lJztcblxuaW1wb3J0IHsgTmdDbGFzcywgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmLCBOZ0NsYXNzLCBTYW5pdGl6ZUh0bWxQaXBlLCBCYWRnZUNvbXBvbmVudF0sXG4gIHNlbGVjdG9yOiAnZmxvd2JpdGUtc2lkZWJhci1pdGVtJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJmbGV4LXNocmluay0wXCJcbiAgICAgIFtpbm5lckhUTUxdPVwiaWNvbigpISB8IHNhbml0aXplSHRtbFwiXG4gICAgICAqbmdJZj1cImljb24oKVwiPjwvc3Bhbj5cbiAgICA8c3BhblxuICAgICAgW25nQ2xhc3NdPVwiY29udGVudENsYXNzZXMoKS5zaWRlYmFySWNvbkNsYXNzXCJcbiAgICAgIFtjbGFzcy5tbC0zXT1cImljb24oKVwiPlxuICAgICAgPG5nLWNvbnRlbnQgLz5cbiAgICA8L3NwYW4+XG4gICAgPGZsb3diaXRlLWJhZGdlICpuZ0lmPVwibGFiZWwoKVwiPnt7IGxhYmVsKCkgfX08L2Zsb3diaXRlLWJhZGdlPlxuICBgLFxuICBob3N0OiB7XG4gICAgJyhjbGljayknOiAnb25DbGljaygpJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgU2lkZWJhckl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50PFNpZGViYXJJdGVtQ2xhc3M+IHtcbiAgcHVibGljIHJlYWRvbmx5IGZsb3diaXRlUm91dGVyTGluayA9IGluamVjdChGbG93Yml0ZVJvdXRlckxpbmtEaXJlY3RpdmUsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG4gIHB1YmxpYyByZWFkb25seSBmbG93Yml0ZVJvdXRlckxpbmtBY3RpdmUgPSBpbmplY3QoRmxvd2JpdGVSb3V0ZXJMaW5rQWN0aXZlRGlyZWN0aXZlLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuICBwdWJsaWMgcmVhZG9ubHkgdGhlbWVTZXJ2aWNlID0gaW5qZWN0KFNpZGViYXJJdGVtVGhlbWVTZXJ2aWNlKTtcbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQgPSBpbmplY3Q8U2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCB8IHVuZGVmaW5lZD4oU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCwge1xuICAgIG9wdGlvbmFsOiB0cnVlLFxuICB9KTtcbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJNZW51Q29tcG9uZW50ID0gaW5qZWN0PFNpZGViYXJNZW51Q29tcG9uZW50IHwgdW5kZWZpbmVkPihTaWRlYmFyTWVudUNvbXBvbmVudCk7XG5cbiAgLy8jcmVnaW9uIHByb3BlcnRpZXNcbiAgcHVibGljIGljb24gPSBtb2RlbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHB1YmxpYyBjb2xvciA9IG1vZGVsPGtleW9mIFNpZGViYXJDb2xvcnM+KCh0aGlzLnNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQgPz8gdGhpcy5zaWRlYmFyTWVudUNvbXBvbmVudCkhLmNvbG9yKCkpO1xuICBwdWJsaWMgbGFiZWwgPSBtb2RlbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gIHB1YmxpYyBjdXN0b21TdHlsZSA9IG1vZGVsPERlZXBQYXJ0aWFsPFNpZGViYXJJdGVtVGhlbWU+Pih7fSk7XG4gIC8vI2VuZHJlZ2lvblxuXG4gIC8vI3JlZ2lvbiBCYXNlQ29tcG9uZW50IGltcGxlbWVudGF0aW9uXG4gIHB1YmxpYyBvdmVycmlkZSBmZXRjaENsYXNzKCk6IFNpZGViYXJJdGVtQ2xhc3Mge1xuICAgIHJldHVybiB0aGlzLnRoZW1lU2VydmljZS5nZXRDbGFzc2VzKHtcbiAgICAgIGljb246IHRoaXMuaWNvbigpLFxuICAgICAgY29sb3I6IHRoaXMuY29sb3IoKSxcbiAgICAgIGxhYmVsOiB0aGlzLmxhYmVsKCksXG4gICAgICBjdXN0b21TdHlsZTogdGhpcy5jdXN0b21TdHlsZSgpLFxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHZlcmlmeSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5zaWRlYmFyTWVudUNvbXBvbmVudCA9PT0gdW5kZWZpbmVkICYmIHRoaXMuc2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ05vIFNpZGViYXJNZW51Q29tcG9uZW50L1NpZGViYXJJdGVtR3JvdXBDb21wb25lbnQgYXZhaWxhYmxlJyk7XG4gICAgfVxuICB9XG4gIC8vI2VuZHJlZ2lvblxuXG4gIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgKHRoaXMuc2lkZWJhck1lbnVDb21wb25lbnQgfHwgdGhpcy5zaWRlYmFySXRlbUdyb3VwQ29tcG9uZW50Py5zaWRlYmFyTWVudUNvbXBvbmVudCk/LmNsb3NlQWxsKCk7XG4gICAgKFxuICAgICAgdGhpcy5zaWRlYmFyTWVudUNvbXBvbmVudCB8fCB0aGlzLnNpZGViYXJJdGVtR3JvdXBDb21wb25lbnQ/LnNpZGViYXJNZW51Q29tcG9uZW50XG4gICAgKT8uc2lkZWJhckNvbXBvbmVudC50b2dnbGVWaXNpYmlsaXR5KGZhbHNlKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createTheme } from '../../utils/theme/create-theme';
|
|
2
|
+
export const sidebarItemTheme = createTheme({
|
|
3
|
+
root: {
|
|
4
|
+
base: 'group flex cursor-pointer items-center rounded-lg p-2 text-base font-normal text-gray-900 dark:text-white',
|
|
5
|
+
color: {
|
|
6
|
+
primary: 'aria-current:text-primary-500 dark:aria-current:text-primary-300 hover:bg-primary-200/35 dark:hover:bg-primary-700/35',
|
|
7
|
+
dark: 'aria-current:text-gray-500 dark:aria-current:text-gray-300 hover:bg-gray-200/35 dark:hover:bg-gray-700/35',
|
|
8
|
+
blue: 'aria-current:text-blue-500 dark:aria-current:text-blue-300 hover:bg-blue-200/35 dark:hover:bg-blue-700/35',
|
|
9
|
+
red: 'aria-current:text-red-500 dark:aria-current:text-red-300 hover:bg-red-200/35 dark:hover:bg-red-700/35',
|
|
10
|
+
green: 'aria-current:text-green-500 dark:aria-current:text-green-300 hover:bg-green-200/35 dark:hover:bg-green-700/35',
|
|
11
|
+
yellow: 'aria-current:text-yellow-500 dark:aria-current:text-yellow-300 hover:bg-yellow-200/35 dark:hover:bg-yellow-700/35',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
icon: {
|
|
15
|
+
base: 'flex-1 whitespace-nowrap',
|
|
16
|
+
},
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9mbG93Yml0ZS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zaWRlYmFyL3NpZGViYXItaXRlbS50aGVtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFvQjdELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFxQixXQUFXLENBQUM7SUFDNUQsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFLDJHQUEyRztRQUNqSCxLQUFLLEVBQUU7WUFDTCxPQUFPLEVBQ0wsdUhBQXVIO1lBQ3pILElBQUksRUFBRSwyR0FBMkc7WUFDakgsSUFBSSxFQUFFLDJHQUEyRztZQUNqSCxHQUFHLEVBQUUsdUdBQXVHO1lBQzVHLEtBQUssRUFDSCwrR0FBK0c7WUFDakgsTUFBTSxFQUNKLG1IQUFtSDtTQUN0SDtLQUNGO0lBQ0QsSUFBSSxFQUFFO1FBQ0osSUFBSSxFQUFFLDBCQUEwQjtLQUNqQztDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRmxvd2JpdGVDbGFzcyB9IGZyb20gJy4uLy4uL2NvbW1vbic7XG5pbXBvcnQgdHlwZSB7IERlZXBQYXJ0aWFsIH0gZnJvbSAnLi4vLi4vY29tbW9uL3R5cGUtZGVmaW5pdGlvbnMvZmxvd2JpdGUuZGVlcC1wYXJ0aWFsJztcbmltcG9ydCB7IGNyZWF0ZVRoZW1lIH0gZnJvbSAnLi4vLi4vdXRpbHMvdGhlbWUvY3JlYXRlLXRoZW1lJztcbmltcG9ydCB0eXBlIHsgU2lkZWJhckNvbG9ycyB9IGZyb20gJy4vc2lkZWJhci50aGVtZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2lkZWJhckl0ZW1Qcm9wZXJ0aWVzIHtcbiAgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBjb2xvcjoga2V5b2YgU2lkZWJhckNvbG9ycztcbiAgbGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgY3VzdG9tU3R5bGU6IERlZXBQYXJ0aWFsPFNpZGViYXJJdGVtVGhlbWU+O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFNpZGViYXJJdGVtVGhlbWUge1xuICByb290OiB7XG4gICAgYmFzZTogc3RyaW5nO1xuICAgIGNvbG9yOiBTaWRlYmFyQ29sb3JzO1xuICB9O1xuICBpY29uOiB7XG4gICAgYmFzZTogc3RyaW5nO1xuICB9O1xufVxuXG5leHBvcnQgY29uc3Qgc2lkZWJhckl0ZW1UaGVtZTogU2lkZWJhckl0ZW1UaGVtZSA9IGNyZWF0ZVRoZW1lKHtcbiAgcm9vdDoge1xuICAgIGJhc2U6ICdncm91cCBmbGV4IGN1cnNvci1wb2ludGVyIGl0ZW1zLWNlbnRlciByb3VuZGVkLWxnIHAtMiB0ZXh0LWJhc2UgZm9udC1ub3JtYWwgdGV4dC1ncmF5LTkwMCBkYXJrOnRleHQtd2hpdGUnLFxuICAgIGNvbG9yOiB7XG4gICAgICBwcmltYXJ5OlxuICAgICAgICAnYXJpYS1jdXJyZW50OnRleHQtcHJpbWFyeS01MDAgZGFyazphcmlhLWN1cnJlbnQ6dGV4dC1wcmltYXJ5LTMwMCBob3ZlcjpiZy1wcmltYXJ5LTIwMC8zNSBkYXJrOmhvdmVyOmJnLXByaW1hcnktNzAwLzM1JyxcbiAgICAgIGRhcms6ICdhcmlhLWN1cnJlbnQ6dGV4dC1ncmF5LTUwMCBkYXJrOmFyaWEtY3VycmVudDp0ZXh0LWdyYXktMzAwIGhvdmVyOmJnLWdyYXktMjAwLzM1IGRhcms6aG92ZXI6YmctZ3JheS03MDAvMzUnLFxuICAgICAgYmx1ZTogJ2FyaWEtY3VycmVudDp0ZXh0LWJsdWUtNTAwIGRhcms6YXJpYS1jdXJyZW50OnRleHQtYmx1ZS0zMDAgaG92ZXI6YmctYmx1ZS0yMDAvMzUgZGFyazpob3ZlcjpiZy1ibHVlLTcwMC8zNScsXG4gICAgICByZWQ6ICdhcmlhLWN1cnJlbnQ6dGV4dC1yZWQtNTAwIGRhcms6YXJpYS1jdXJyZW50OnRleHQtcmVkLTMwMCBob3ZlcjpiZy1yZWQtMjAwLzM1IGRhcms6aG92ZXI6YmctcmVkLTcwMC8zNScsXG4gICAgICBncmVlbjpcbiAgICAgICAgJ2FyaWEtY3VycmVudDp0ZXh0LWdyZWVuLTUwMCBkYXJrOmFyaWEtY3VycmVudDp0ZXh0LWdyZWVuLTMwMCBob3ZlcjpiZy1ncmVlbi0yMDAvMzUgZGFyazpob3ZlcjpiZy1ncmVlbi03MDAvMzUnLFxuICAgICAgeWVsbG93OlxuICAgICAgICAnYXJpYS1jdXJyZW50OnRleHQteWVsbG93LTUwMCBkYXJrOmFyaWEtY3VycmVudDp0ZXh0LXllbGxvdy0zMDAgaG92ZXI6YmcteWVsbG93LTIwMC8zNSBkYXJrOmhvdmVyOmJnLXllbGxvdy03MDAvMzUnLFxuICAgIH0sXG4gIH0sXG4gIGljb246IHtcbiAgICBiYXNlOiAnZmxleC0xIHdoaXRlc3BhY2Utbm93cmFwJyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNpZGViYXJJdGVtQ2xhc3MgZXh0ZW5kcyBGbG93Yml0ZUNsYXNzIHtcbiAgc2lkZWJhckljb25DbGFzczogc3RyaW5nO1xufVxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { mergeTheme } from '../../utils/theme/merge-theme';
|
|
2
|
+
import { inject, InjectionToken } from '@angular/core';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
export const FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN = new InjectionToken('FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN');
|
|
5
|
+
export class SidebarItemThemeService {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.baseTheme = inject(FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN);
|
|
8
|
+
}
|
|
9
|
+
getClasses(properties) {
|
|
10
|
+
const theme = mergeTheme(this.baseTheme, properties.customStyle);
|
|
11
|
+
const output = {
|
|
12
|
+
rootClass: twMerge(theme.root.base, theme.root.color[properties.color]),
|
|
13
|
+
sidebarIconClass: twMerge(theme.icon.base),
|
|
14
|
+
};
|
|
15
|
+
return output;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1pdGVtLnRoZW1lLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Zsb3diaXRlLWFuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3NpZGViYXIvc2lkZWJhci1pdGVtLnRoZW1lLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRzNELE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSxpQ0FBaUMsR0FBRyxJQUFJLGNBQWMsQ0FDakUsbUNBQW1DLENBQ3BDLENBQUM7QUFFRixNQUFNLE9BQU8sdUJBQXVCO0lBQXBDO1FBQ21CLGNBQVMsR0FBRyxNQUFNLENBQUMsaUNBQWlDLENBQUMsQ0FBQztJQVl6RSxDQUFDO0lBVlEsVUFBVSxDQUFDLFVBQWlDO1FBQ2pELE1BQU0sS0FBSyxHQUFxQixVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFbkYsTUFBTSxNQUFNLEdBQXFCO1lBQy9CLFNBQVMsRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3ZFLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztTQUMzQyxDQUFDO1FBRUYsT0FBTyxNQUFNLENBQUM7SUFDaEIsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBGbG93Yml0ZVRoZW1lU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzJztcbmltcG9ydCB7IG1lcmdlVGhlbWUgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZS9tZXJnZS10aGVtZSc7XG5pbXBvcnQgdHlwZSB7IFNpZGViYXJJdGVtQ2xhc3MsIFNpZGViYXJJdGVtUHJvcGVydGllcywgU2lkZWJhckl0ZW1UaGVtZSB9IGZyb20gJy4vc2lkZWJhci1pdGVtLnRoZW1lJztcblxuaW1wb3J0IHsgaW5qZWN0LCBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHdNZXJnZSB9IGZyb20gJ3RhaWx3aW5kLW1lcmdlJztcblxuZXhwb3J0IGNvbnN0IEZMT1dCSVRFX1NJREVCQVJfSVRFTV9USEVNRV9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxTaWRlYmFySXRlbVRoZW1lPihcbiAgJ0ZMT1dCSVRFX1NJREVCQVJfSVRFTV9USEVNRV9UT0tFTicsXG4pO1xuXG5leHBvcnQgY2xhc3MgU2lkZWJhckl0ZW1UaGVtZVNlcnZpY2UgaW1wbGVtZW50cyBGbG93Yml0ZVRoZW1lU2VydmljZTxTaWRlYmFySXRlbVByb3BlcnRpZXM+IHtcbiAgcHJpdmF0ZSByZWFkb25seSBiYXNlVGhlbWUgPSBpbmplY3QoRkxPV0JJVEVfU0lERUJBUl9JVEVNX1RIRU1FX1RPS0VOKTtcblxuICBwdWJsaWMgZ2V0Q2xhc3Nlcyhwcm9wZXJ0aWVzOiBTaWRlYmFySXRlbVByb3BlcnRpZXMpOiBTaWRlYmFySXRlbUNsYXNzIHtcbiAgICBjb25zdCB0aGVtZTogU2lkZWJhckl0ZW1UaGVtZSA9IG1lcmdlVGhlbWUodGhpcy5iYXNlVGhlbWUsIHByb3BlcnRpZXMuY3VzdG9tU3R5bGUpO1xuXG4gICAgY29uc3Qgb3V0cHV0OiBTaWRlYmFySXRlbUNsYXNzID0ge1xuICAgICAgcm9vdENsYXNzOiB0d01lcmdlKHRoZW1lLnJvb3QuYmFzZSwgdGhlbWUucm9vdC5jb2xvcltwcm9wZXJ0aWVzLmNvbG9yXSksXG4gICAgICBzaWRlYmFySWNvbkNsYXNzOiB0d01lcmdlKHRoZW1lLmljb24uYmFzZSksXG4gICAgfTtcblxuICAgIHJldHVybiBvdXRwdXQ7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { booleanToFlowbiteBoolean } from '../../utils/boolean.util';
|
|
2
|
+
import { BaseComponent } from '../base-component.directive';
|
|
3
|
+
import { SidebarItemGroupComponent } from './sidebar-item-group.component';
|
|
4
|
+
import { SidebarItemComponent } from './sidebar-item.component';
|
|
5
|
+
import { SidebarMenuThemeService } from './sidebar-menu.theme.service';
|
|
6
|
+
import { SidebarComponent } from './sidebar.component';
|
|
7
|
+
import { Component, contentChildren, inject, model } from '@angular/core';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class SidebarMenuComponent extends BaseComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
super(...arguments);
|
|
12
|
+
this.themeService = inject(SidebarMenuThemeService);
|
|
13
|
+
this.sidebarComponent = inject(SidebarComponent);
|
|
14
|
+
this.sidebarItemGroupChildren = contentChildren(SidebarItemGroupComponent);
|
|
15
|
+
this.sidebarItemChildren = contentChildren(SidebarItemComponent);
|
|
16
|
+
//#region properties
|
|
17
|
+
this.color = model(this.sidebarComponent.color());
|
|
18
|
+
this.customStyle = model({});
|
|
19
|
+
}
|
|
20
|
+
//#endregion
|
|
21
|
+
fetchClass() {
|
|
22
|
+
return this.themeService.getClasses({
|
|
23
|
+
isOpen: booleanToFlowbiteBoolean(this.sidebarComponent.isOpen()),
|
|
24
|
+
color: this.color(),
|
|
25
|
+
displayMode: this.sidebarComponent.displayMode(),
|
|
26
|
+
customStyle: this.customStyle(),
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
verify() {
|
|
30
|
+
if (this.sidebarItemChildren().length === 0 && this.sidebarItemGroupChildren().length === 0) {
|
|
31
|
+
throw new Error('No SidebarItemComponent/SidebarItemGroupComponent available');
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
closeAll() {
|
|
35
|
+
this.sidebarItemGroupChildren().forEach((x) => x.toggleVisibility(false));
|
|
36
|
+
}
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SidebarMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.5", type: SidebarMenuComponent, isStandalone: true, selector: "flowbite-sidebar-menu", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange", customStyle: "customStyleChange" }, queries: [{ propertyName: "sidebarItemGroupChildren", predicate: SidebarItemGroupComponent, isSignal: true }, { propertyName: "sidebarItemChildren", predicate: SidebarItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0, template: '<ng-content />', isInline: true }); }
|
|
39
|
+
}
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SidebarMenuComponent, decorators: [{
|
|
41
|
+
type: Component,
|
|
42
|
+
args: [{
|
|
43
|
+
standalone: true,
|
|
44
|
+
imports: [],
|
|
45
|
+
selector: 'flowbite-sidebar-menu',
|
|
46
|
+
template: '<ng-content />',
|
|
47
|
+
}]
|
|
48
|
+
}] });
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZmxvd2JpdGUtYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLW1lbnUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUd2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVExRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsYUFBK0I7SUFOekU7O1FBT2tCLGlCQUFZLEdBQUcsTUFBTSxDQUFDLHVCQUF1QixDQUFDLENBQUM7UUFDL0MscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDNUMsNkJBQXdCLEdBQUcsZUFBZSxDQUFDLHlCQUF5QixDQUFDLENBQUM7UUFDdEUsd0JBQW1CLEdBQUcsZUFBZSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFFNUUsb0JBQW9CO1FBQ2IsVUFBSyxHQUFHLEtBQUssQ0FBc0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDbEUsZ0JBQVcsR0FBRyxLQUFLLENBQWdDLEVBQUUsQ0FBQyxDQUFDO0tBcUIvRDtJQXBCQyxZQUFZO0lBRUksVUFBVTtRQUN4QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDO1lBQ2xDLE1BQU0sRUFBRSx3QkFBd0IsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDbkIsV0FBVyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLEVBQUU7WUFDaEQsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUU7U0FDaEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVlLE1BQU07UUFDcEIsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQyxNQUFNLEtBQUssQ0FBQyxJQUFJLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUUsQ0FBQztZQUM1RixNQUFNLElBQUksS0FBSyxDQUFDLDZEQUE2RCxDQUFDLENBQUM7UUFDakYsQ0FBQztJQUNILENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUM1RSxDQUFDOzhHQTVCVSxvQkFBb0I7a0dBQXBCLG9CQUFvQiw2Y0FHNEIseUJBQXlCLHNFQUM5QixvQkFBb0Isb0VBTmhFLGdCQUFnQjs7MkZBRWYsb0JBQW9CO2tCQU5oQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixPQUFPLEVBQUUsRUFBRTtvQkFDWCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRGVlcFBhcnRpYWwgfSBmcm9tICcuLi8uLi9jb21tb24nO1xuaW1wb3J0IHsgYm9vbGVhblRvRmxvd2JpdGVCb29sZWFuIH0gZnJvbSAnLi4vLi4vdXRpbHMvYm9vbGVhbi51dGlsJztcbmltcG9ydCB7IEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWNvbXBvbmVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1pdGVtLWdyb3VwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTaWRlYmFySXRlbUNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgdHlwZSB7IFNpZGViYXJNZW51Q2xhc3MsIFNpZGViYXJNZW51VGhlbWUgfSBmcm9tICcuL3NpZGViYXItbWVudS50aGVtZSc7XG5pbXBvcnQgeyBTaWRlYmFyTWVudVRoZW1lU2VydmljZSB9IGZyb20gJy4vc2lkZWJhci1tZW51LnRoZW1lLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHR5cGUgeyBTaWRlYmFyQ29sb3JzIH0gZnJvbSAnLi9zaWRlYmFyLnRoZW1lJztcblxuaW1wb3J0IHsgQ29tcG9uZW50LCBjb250ZW50Q2hpbGRyZW4sIGluamVjdCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICBzZWxlY3RvcjogJ2Zsb3diaXRlLXNpZGViYXItbWVudScsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgLz4nLFxufSlcbmV4cG9ydCBjbGFzcyBTaWRlYmFyTWVudUNvbXBvbmVudCBleHRlbmRzIEJhc2VDb21wb25lbnQ8U2lkZWJhck1lbnVDbGFzcz4ge1xuICBwdWJsaWMgcmVhZG9ubHkgdGhlbWVTZXJ2aWNlID0gaW5qZWN0KFNpZGViYXJNZW51VGhlbWVTZXJ2aWNlKTtcbiAgcHVibGljIHJlYWRvbmx5IHNpZGViYXJDb21wb25lbnQgPSBpbmplY3QoU2lkZWJhckNvbXBvbmVudCk7XG4gIHB1YmxpYyByZWFkb25seSBzaWRlYmFySXRlbUdyb3VwQ2hpbGRyZW4gPSBjb250ZW50Q2hpbGRyZW4oU2lkZWJhckl0ZW1Hcm91cENvbXBvbmVudCk7XG4gIHB1YmxpYyByZWFkb25seSBzaWRlYmFySXRlbUNoaWxkcmVuID0gY29udGVudENoaWxkcmVuKFNpZGViYXJJdGVtQ29tcG9uZW50KTtcblxuICAvLyNyZWdpb24gcHJvcGVydGllc1xuICBwdWJsaWMgY29sb3IgPSBtb2RlbDxrZXlvZiBTaWRlYmFyQ29sb3JzPih0aGlzLnNpZGViYXJDb21wb25lbnQuY29sb3IoKSk7XG4gIHB1YmxpYyBjdXN0b21TdHlsZSA9IG1vZGVsPERlZXBQYXJ0aWFsPFNpZGViYXJNZW51VGhlbWU+Pih7fSk7XG4gIC8vI2VuZHJlZ2lvblxuXG4gIHB1YmxpYyBvdmVycmlkZSBmZXRjaENsYXNzKCk6IFNpZGViYXJNZW51Q2xhc3Mge1xuICAgIHJldHVybiB0aGlzLnRoZW1lU2VydmljZS5nZXRDbGFzc2VzKHtcbiAgICAgIGlzT3BlbjogYm9vbGVhblRvRmxvd2JpdGVCb29sZWFuKHRoaXMuc2lkZWJhckNvbXBvbmVudC5pc09wZW4oKSksXG4gICAgICBjb2xvcjogdGhpcy5jb2xvcigpLFxuICAgICAgZGlzcGxheU1vZGU6IHRoaXMuc2lkZWJhckNvbXBvbmVudC5kaXNwbGF5TW9kZSgpLFxuICAgICAgY3VzdG9tU3R5bGU6IHRoaXMuY3VzdG9tU3R5bGUoKSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSB2ZXJpZnkoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc2lkZWJhckl0ZW1DaGlsZHJlbigpLmxlbmd0aCA9PT0gMCAmJiB0aGlzLnNpZGViYXJJdGVtR3JvdXBDaGlsZHJlbigpLmxlbmd0aCA9PT0gMCkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdObyBTaWRlYmFySXRlbUNvbXBvbmVudC9TaWRlYmFySXRlbUdyb3VwQ29tcG9uZW50IGF2YWlsYWJsZScpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjbG9zZUFsbCgpOiB2b2lkIHtcbiAgICB0aGlzLnNpZGViYXJJdGVtR3JvdXBDaGlsZHJlbigpLmZvckVhY2goKHgpID0+IHgudG9nZ2xlVmlzaWJpbGl0eShmYWxzZSkpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { createTheme } from '../../utils';
|
|
2
|
+
export const sidebarMenuTheme = createTheme({
|
|
3
|
+
root: {
|
|
4
|
+
base: 'flex-col min-h-full overflow-y-auto shrink-0 pr-1 border-r bg-white dark:bg-gray-800',
|
|
5
|
+
displayMode: {
|
|
6
|
+
push: '',
|
|
7
|
+
over: 'sticky top-0 z-50',
|
|
8
|
+
backdrop: 'sticky top-0 z-50',
|
|
9
|
+
},
|
|
10
|
+
isOpen: {
|
|
11
|
+
enabled: 'flex',
|
|
12
|
+
disabled: 'hidden',
|
|
13
|
+
},
|
|
14
|
+
color: {
|
|
15
|
+
primary: 'border-primary-200 dark:border-primary-700',
|
|
16
|
+
dark: 'border-gray-200 dark:border-gray-800',
|
|
17
|
+
blue: 'border-blue-200 dark:border-blue-700',
|
|
18
|
+
red: 'border-red-200 dark:border-red-700',
|
|
19
|
+
green: 'border-green-200 dark:border-green-700',
|
|
20
|
+
yellow: 'border-yellow-200 dark:border-yellow-700',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1tZW51LnRoZW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9mbG93Yml0ZS1hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy9zaWRlYmFyL3NpZGViYXItbWVudS50aGVtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBbUIxQyxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBcUIsV0FBVyxDQUFDO0lBQzVELElBQUksRUFBRTtRQUNKLElBQUksRUFBRSxzRkFBc0Y7UUFDNUYsV0FBVyxFQUFFO1lBQ1gsSUFBSSxFQUFFLEVBQUU7WUFDUixJQUFJLEVBQUUsbUJBQW1CO1lBQ3pCLFFBQVEsRUFBRSxtQkFBbUI7U0FDOUI7UUFDRCxNQUFNLEVBQUU7WUFDTixPQUFPLEVBQUUsTUFBTTtZQUNmLFFBQVEsRUFBRSxRQUFRO1NBQ25CO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsT0FBTyxFQUFFLDRDQUE0QztZQUNyRCxJQUFJLEVBQUUsc0NBQXNDO1lBQzVDLElBQUksRUFBRSxzQ0FBc0M7WUFDNUMsR0FBRyxFQUFFLG9DQUFvQztZQUN6QyxLQUFLLEVBQUUsd0NBQXdDO1lBQy9DLE1BQU0sRUFBRSwwQ0FBMEM7U0FDbkQ7S0FDRjtDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgRGVlcFBhcnRpYWwsIEZsb3diaXRlQm9vbGVhbiwgRmxvd2JpdGVDbGFzcyB9IGZyb20gJy4uLy4uL2NvbW1vbic7XG5pbXBvcnQgeyBjcmVhdGVUaGVtZSB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU2lkZWJhckNvbG9ycywgU2lkZWJhckRpc3BsYXlNb2RlIH0gZnJvbSAnLi9zaWRlYmFyLnRoZW1lJztcblxuZXhwb3J0IGludGVyZmFjZSBTaWRlYmFyTWVudVByb3BlcnRpZXMge1xuICBpc09wZW46IGtleW9mIEZsb3diaXRlQm9vbGVhbjtcbiAgY29sb3I6IGtleW9mIFNpZGViYXJDb2xvcnM7XG4gIGRpc3BsYXlNb2RlOiBrZXlvZiBTaWRlYmFyRGlzcGxheU1vZGU7XG4gIGN1c3RvbVN0eWxlOiBEZWVwUGFydGlhbDxTaWRlYmFyTWVudVRoZW1lPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTaWRlYmFyTWVudVRoZW1lIHtcbiAgcm9vdDoge1xuICAgIGJhc2U6IHN0cmluZztcbiAgICBkaXNwbGF5TW9kZTogU2lkZWJhckRpc3BsYXlNb2RlO1xuICAgIGlzT3BlbjogRmxvd2JpdGVCb29sZWFuO1xuICAgIGNvbG9yOiBTaWRlYmFyQ29sb3JzO1xuICB9O1xufVxuXG5leHBvcnQgY29uc3Qgc2lkZWJhck1lbnVUaGVtZTogU2lkZWJhck1lbnVUaGVtZSA9IGNyZWF0ZVRoZW1lKHtcbiAgcm9vdDoge1xuICAgIGJhc2U6ICdmbGV4LWNvbCBtaW4taC1mdWxsIG92ZXJmbG93LXktYXV0byBzaHJpbmstMCBwci0xIGJvcmRlci1yIGJnLXdoaXRlIGRhcms6YmctZ3JheS04MDAnLFxuICAgIGRpc3BsYXlNb2RlOiB7XG4gICAgICBwdXNoOiAnJyxcbiAgICAgIG92ZXI6ICdzdGlja3kgdG9wLTAgei01MCcsXG4gICAgICBiYWNrZHJvcDogJ3N0aWNreSB0b3AtMCB6LTUwJyxcbiAgICB9LFxuICAgIGlzT3Blbjoge1xuICAgICAgZW5hYmxlZDogJ2ZsZXgnLFxuICAgICAgZGlzYWJsZWQ6ICdoaWRkZW4nLFxuICAgIH0sXG4gICAgY29sb3I6IHtcbiAgICAgIHByaW1hcnk6ICdib3JkZXItcHJpbWFyeS0yMDAgZGFyazpib3JkZXItcHJpbWFyeS03MDAnLFxuICAgICAgZGFyazogJ2JvcmRlci1ncmF5LTIwMCBkYXJrOmJvcmRlci1ncmF5LTgwMCcsXG4gICAgICBibHVlOiAnYm9yZGVyLWJsdWUtMjAwIGRhcms6Ym9yZGVyLWJsdWUtNzAwJyxcbiAgICAgIHJlZDogJ2JvcmRlci1yZWQtMjAwIGRhcms6Ym9yZGVyLXJlZC03MDAnLFxuICAgICAgZ3JlZW46ICdib3JkZXItZ3JlZW4tMjAwIGRhcms6Ym9yZGVyLWdyZWVuLTcwMCcsXG4gICAgICB5ZWxsb3c6ICdib3JkZXIteWVsbG93LTIwMCBkYXJrOmJvcmRlci15ZWxsb3ctNzAwJyxcbiAgICB9LFxuICB9LFxufSk7XG5cbmV4cG9ydCB0eXBlIFNpZGViYXJNZW51Q2xhc3MgPSBGbG93Yml0ZUNsYXNzO1xuIl19
|