flowbite-angular 1.0.0-alpha.4 → 1.0.0-alpha.6
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/accordion/accordion-content.component.d.ts +17 -0
- package/accordion/accordion-content.theme.d.ts +12 -0
- package/accordion/accordion-content.theme.service.d.ts +11 -0
- package/accordion/accordion-panel.component.d.ts +33 -0
- package/accordion/accordion-panel.theme.d.ts +12 -0
- package/accordion/accordion-panel.theme.service.d.ts +11 -0
- package/accordion/accordion-title.component.d.ts +26 -0
- package/accordion/accordion-title.theme.d.ts +12 -0
- package/accordion/accordion-title.theme.service.d.ts +11 -0
- package/accordion/accordion.component.d.ts +30 -0
- package/accordion/accordion.theme.d.ts +15 -0
- package/accordion/accordion.theme.service.d.ts +11 -0
- package/alert/alert.component.d.ts +53 -0
- package/alert/alert.theme.d.ts +15 -0
- package/alert/alert.theme.service.d.ts +11 -0
- package/badge/badge.component.d.ts +29 -0
- package/badge/badge.theme.d.ts +18 -0
- package/badge/badge.theme.service.d.ts +11 -0
- package/base-component.directive.d.ts +36 -0
- package/breadcrumb/breadcrumb-item.component.d.ts +26 -0
- package/breadcrumb/breadcrumb-item.theme.d.ts +12 -0
- package/breadcrumb/breadcrumb-item.theme.service.d.ts +11 -0
- package/breadcrumb/breadcrumb.component.d.ts +14 -0
- package/breadcrumb/breadcrumb.theme.d.ts +15 -0
- package/breadcrumb/breadcrumb.theme.service.d.ts +11 -0
- package/button/button.component.d.ts +41 -0
- package/button/button.theme.d.ts +30 -0
- package/button/button.theme.service.d.ts +11 -0
- package/dark-theme-toggle/dark-theme-toggle.component.d.ts +32 -0
- package/dark-theme-toggle/dark-theme-toggle.theme.d.ts +12 -0
- package/dark-theme-toggle/dark-theme-toggle.theme.service.d.ts +11 -0
- package/dropdown/dropdown-divider.component.d.ts +12 -0
- package/dropdown/dropdown-divider.theme.d.ts +12 -0
- package/dropdown/dropdown-divider.theme.service.d.ts +11 -0
- package/dropdown/dropdown-header.component.d.ts +12 -0
- package/dropdown/dropdown-header.theme.d.ts +12 -0
- package/dropdown/dropdown-header.theme.service.d.ts +11 -0
- package/dropdown/dropdown-item.component.d.ts +12 -0
- package/dropdown/dropdown-item.theme.d.ts +12 -0
- package/dropdown/dropdown-item.theme.service.d.ts +11 -0
- package/dropdown/dropdown.component.d.ts +39 -0
- package/dropdown/dropdown.theme.d.ts +15 -0
- package/dropdown/dropdown.theme.service.d.ts +11 -0
- package/esm2022/accordion/accordion-content.component.mjs +18 -1
- package/esm2022/accordion/accordion-content.theme.mjs +4 -1
- package/esm2022/accordion/accordion-content.theme.service.mjs +19 -2
- package/esm2022/accordion/accordion-panel.component.mjs +34 -1
- package/esm2022/accordion/accordion-panel.theme.mjs +4 -1
- package/esm2022/accordion/accordion-panel.theme.service.mjs +19 -2
- package/esm2022/accordion/accordion-title.component.mjs +27 -1
- package/esm2022/accordion/accordion-title.theme.mjs +4 -1
- package/esm2022/accordion/accordion-title.theme.service.mjs +19 -2
- package/esm2022/accordion/accordion.component.mjs +31 -1
- package/esm2022/accordion/accordion.theme.mjs +4 -1
- package/esm2022/accordion/accordion.theme.service.mjs +19 -2
- package/esm2022/alert/alert.component.mjs +54 -1
- package/esm2022/alert/alert.theme.mjs +4 -1
- package/esm2022/alert/alert.theme.service.mjs +19 -2
- package/esm2022/badge/badge.component.mjs +30 -1
- package/esm2022/badge/badge.theme.mjs +4 -1
- package/esm2022/badge/badge.theme.service.mjs +19 -2
- package/esm2022/base-component.directive.mjs +37 -1
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +27 -1
- package/esm2022/breadcrumb/breadcrumb-item.theme.mjs +4 -1
- package/esm2022/breadcrumb/breadcrumb-item.theme.service.mjs +19 -2
- package/esm2022/breadcrumb/breadcrumb.component.mjs +15 -1
- package/esm2022/breadcrumb/breadcrumb.theme.mjs +4 -1
- package/esm2022/breadcrumb/breadcrumb.theme.service.mjs +19 -2
- package/esm2022/button/button.component.mjs +42 -1
- package/esm2022/button/button.theme.mjs +4 -1
- package/esm2022/button/button.theme.service.mjs +19 -2
- package/esm2022/core/flowbite.theme.init.mjs +3 -3
- package/esm2022/dark-theme-toggle/dark-theme-toggle.component.mjs +33 -1
- package/esm2022/dark-theme-toggle/dark-theme-toggle.theme.mjs +4 -1
- package/esm2022/dark-theme-toggle/dark-theme-toggle.theme.service.mjs +19 -2
- package/esm2022/dropdown/dropdown-divider.component.mjs +13 -1
- package/esm2022/dropdown/dropdown-divider.theme.mjs +4 -1
- package/esm2022/dropdown/dropdown-divider.theme.service.mjs +19 -2
- package/esm2022/dropdown/dropdown-header.component.mjs +13 -1
- package/esm2022/dropdown/dropdown-header.theme.mjs +4 -1
- package/esm2022/dropdown/dropdown-header.theme.service.mjs +19 -2
- package/esm2022/dropdown/dropdown-item.component.mjs +13 -1
- package/esm2022/dropdown/dropdown-item.theme.mjs +4 -1
- package/esm2022/dropdown/dropdown-item.theme.service.mjs +19 -2
- package/esm2022/dropdown/dropdown.component.mjs +40 -1
- package/esm2022/dropdown/dropdown.theme.mjs +4 -1
- package/esm2022/dropdown/dropdown.theme.service.mjs +19 -2
- package/esm2022/flowbite.theme.service.mjs +2 -12
- package/esm2022/indicator/indicators.component.mjs +52 -1
- package/esm2022/indicator/indicators.theme.mjs +4 -1
- package/esm2022/indicator/indicators.theme.service.mjs +19 -2
- package/esm2022/modal/modal-body.component.mjs +13 -1
- package/esm2022/modal/modal-body.theme.mjs +4 -1
- package/esm2022/modal/modal-body.theme.service.mjs +19 -2
- package/esm2022/modal/modal-footer.component.mjs +13 -1
- package/esm2022/modal/modal-footer.theme.mjs +4 -1
- package/esm2022/modal/modal-footer.theme.service.mjs +19 -2
- package/esm2022/modal/modal-header.component.mjs +19 -1
- package/esm2022/modal/modal-header.theme.mjs +4 -1
- package/esm2022/modal/modal-header.theme.service.mjs +19 -2
- package/esm2022/modal/modal.component.mjs +36 -1
- package/esm2022/modal/modal.theme.service.mjs +19 -2
- package/esm2022/navbar/index.mjs +2 -2
- package/esm2022/navbar/navbar-brand.component.mjs +13 -1
- package/esm2022/navbar/navbar-brand.theme.mjs +4 -1
- package/esm2022/navbar/navbar-brand.theme.service.mjs +19 -2
- package/esm2022/navbar/navbar-content.component.mjs +15 -1
- package/esm2022/navbar/navbar-content.theme.mjs +4 -1
- package/esm2022/navbar/navbar-content.theme.service.mjs +19 -2
- package/esm2022/navbar/navbar-icon-button.component.mjs +22 -1
- package/esm2022/navbar/navbar-icon-button.theme.mjs +4 -1
- package/esm2022/navbar/navbar-icon-button.theme.service.mjs +20 -3
- package/esm2022/navbar/navbar-item.component.mjs +27 -1
- package/esm2022/navbar/navbar-item.theme.mjs +4 -1
- package/esm2022/navbar/navbar-item.theme.service.mjs +19 -2
- package/esm2022/navbar/navbar-toggle.component.mjs +22 -1
- package/esm2022/navbar/navbar-toggle.theme.mjs +5 -2
- package/esm2022/navbar/navbar-toggle.theme.service.mjs +19 -2
- package/esm2022/navbar/navbar.component.mjs +46 -1
- package/esm2022/navbar/navbar.theme.service.mjs +19 -2
- package/esm2022/router-link/flowbite-router-link.directive.mjs +13 -1
- package/esm2022/router-link-active/flowbite-router-link-active.directive.mjs +13 -1
- package/esm2022/sanitize-html/sanitize-html.pipe.mjs +3 -3
- package/esm2022/scroll-top/scroll-top.component.mjs +29 -1
- package/esm2022/scroll-top/scroll-top.theme.mjs +4 -1
- package/esm2022/scroll-top/scroll-top.theme.service.mjs +19 -2
- package/esm2022/sidebar/sidebar-item-group.component.mjs +43 -6
- package/esm2022/sidebar/sidebar-item-group.theme.mjs +4 -1
- package/esm2022/sidebar/sidebar-item-group.theme.service.mjs +19 -2
- package/esm2022/sidebar/sidebar-item.component.mjs +43 -5
- package/esm2022/sidebar/sidebar-item.theme.mjs +4 -1
- package/esm2022/sidebar/sidebar-item.theme.service.mjs +19 -2
- package/esm2022/sidebar/sidebar-menu.component.mjs +27 -1
- package/esm2022/sidebar/sidebar-menu.theme.mjs +4 -1
- package/esm2022/sidebar/sidebar-menu.theme.service.mjs +19 -2
- package/esm2022/sidebar/sidebar-page-content.component.mjs +13 -1
- package/esm2022/sidebar/sidebar-page-content.theme.mjs +4 -1
- package/esm2022/sidebar/sidebar-page-content.theme.service.mjs +19 -2
- package/esm2022/sidebar/sidebar-toggle.component.mjs +34 -1
- package/esm2022/sidebar/sidebar-toggle.theme.mjs +4 -1
- package/esm2022/sidebar/sidebar-toggle.theme.service.mjs +19 -2
- package/esm2022/sidebar/sidebar.component.mjs +38 -1
- package/esm2022/sidebar/sidebar.theme.service.mjs +19 -2
- package/esm2022/type-definitions/colors/flowbite.gradient-colors.mjs +1 -1
- package/fesm2022/flowbite-angular-accordion.mjs +183 -1
- package/fesm2022/flowbite-angular-accordion.mjs.map +1 -1
- package/fesm2022/flowbite-angular-alert.mjs +73 -1
- package/fesm2022/flowbite-angular-alert.mjs.map +1 -1
- package/fesm2022/flowbite-angular-badge.mjs +49 -1
- package/fesm2022/flowbite-angular-badge.mjs.map +1 -1
- package/fesm2022/flowbite-angular-breadcrumb.mjs +79 -1
- package/fesm2022/flowbite-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/flowbite-angular-button.mjs +61 -1
- package/fesm2022/flowbite-angular-button.mjs.map +1 -1
- package/fesm2022/flowbite-angular-core.mjs +2 -2
- package/fesm2022/flowbite-angular-core.mjs.map +1 -1
- package/fesm2022/flowbite-angular-dark-theme-toggle.mjs +52 -1
- package/fesm2022/flowbite-angular-dark-theme-toggle.mjs.map +1 -1
- package/fesm2022/flowbite-angular-dropdown.mjs +152 -1
- package/fesm2022/flowbite-angular-dropdown.mjs.map +1 -1
- package/fesm2022/flowbite-angular-indicator.mjs +71 -1
- package/fesm2022/flowbite-angular-indicator.mjs.map +1 -1
- package/fesm2022/flowbite-angular-modal.mjs +151 -1
- package/fesm2022/flowbite-angular-modal.mjs.map +1 -1
- package/fesm2022/flowbite-angular-navbar.mjs +254 -4
- package/fesm2022/flowbite-angular-navbar.mjs.map +1 -1
- package/fesm2022/flowbite-angular-router-link-active.mjs +12 -0
- package/fesm2022/flowbite-angular-router-link-active.mjs.map +1 -1
- package/fesm2022/flowbite-angular-router-link.mjs +12 -0
- package/fesm2022/flowbite-angular-router-link.mjs.map +1 -1
- package/fesm2022/flowbite-angular-sanitize-html.mjs +2 -2
- package/fesm2022/flowbite-angular-sanitize-html.mjs.map +1 -1
- package/fesm2022/flowbite-angular-scroll-top.mjs +48 -1
- package/fesm2022/flowbite-angular-scroll-top.mjs.map +1 -1
- package/fesm2022/flowbite-angular-sidebar.mjs +304 -10
- package/fesm2022/flowbite-angular-sidebar.mjs.map +1 -1
- package/fesm2022/flowbite-angular.mjs +39 -11
- package/fesm2022/flowbite-angular.mjs.map +1 -1
- package/flowbite.theme.service.d.ts +6 -4
- package/indicator/indicators.component.d.ts +51 -0
- package/indicator/indicators.theme.d.ts +21 -0
- package/indicator/indicators.theme.service.d.ts +11 -0
- package/modal/modal-body.component.d.ts +12 -0
- package/modal/modal-body.theme.d.ts +12 -0
- package/modal/modal-body.theme.service.d.ts +11 -0
- package/modal/modal-footer.component.d.ts +12 -0
- package/modal/modal-footer.theme.d.ts +12 -0
- package/modal/modal-footer.theme.service.d.ts +11 -0
- package/modal/modal-header.component.d.ts +18 -0
- package/modal/modal-header.theme.d.ts +12 -0
- package/modal/modal-header.theme.service.d.ts +11 -0
- package/modal/modal.component.d.ts +35 -0
- package/modal/modal.theme.service.d.ts +11 -0
- package/navbar/index.d.ts +1 -1
- package/navbar/navbar-brand.component.d.ts +12 -0
- package/navbar/navbar-brand.theme.d.ts +12 -0
- package/navbar/navbar-brand.theme.service.d.ts +11 -0
- package/navbar/navbar-content.component.d.ts +14 -0
- package/navbar/navbar-content.theme.d.ts +12 -0
- package/navbar/navbar-content.theme.service.d.ts +11 -0
- package/navbar/navbar-icon-button.component.d.ts +21 -0
- package/navbar/navbar-icon-button.theme.d.ts +12 -0
- package/navbar/navbar-icon-button.theme.service.d.ts +11 -0
- package/navbar/navbar-item.component.d.ts +26 -0
- package/navbar/navbar-item.theme.d.ts +12 -0
- package/navbar/navbar-item.theme.service.d.ts +11 -0
- package/navbar/navbar-toggle.component.d.ts +21 -0
- package/navbar/navbar-toggle.theme.d.ts +13 -1
- package/navbar/navbar-toggle.theme.service.d.ts +11 -0
- package/navbar/navbar.component.d.ts +45 -0
- package/navbar/navbar.theme.service.d.ts +11 -0
- package/package.json +8 -3
- package/router-link/flowbite-router-link.directive.d.ts +12 -0
- package/router-link-active/flowbite-router-link-active.directive.d.ts +12 -0
- package/sanitize-html/sanitize-html.pipe.d.ts +2 -2
- package/scroll-top/scroll-top.component.d.ts +28 -0
- package/scroll-top/scroll-top.theme.d.ts +19 -1
- package/scroll-top/scroll-top.theme.service.d.ts +11 -0
- package/sidebar/sidebar-item-group.component.d.ts +41 -3
- package/sidebar/sidebar-item-group.theme.d.ts +12 -0
- package/sidebar/sidebar-item-group.theme.service.d.ts +11 -0
- package/sidebar/sidebar-item.component.d.ts +42 -2
- package/sidebar/sidebar-item.theme.d.ts +12 -0
- package/sidebar/sidebar-item.theme.service.d.ts +11 -0
- package/sidebar/sidebar-menu.component.d.ts +26 -0
- package/sidebar/sidebar-menu.theme.d.ts +12 -0
- package/sidebar/sidebar-menu.theme.service.d.ts +11 -0
- package/sidebar/sidebar-page-content.component.d.ts +12 -0
- package/sidebar/sidebar-page-content.theme.d.ts +12 -0
- package/sidebar/sidebar-page-content.theme.service.d.ts +11 -0
- package/sidebar/sidebar-toggle.component.d.ts +33 -0
- package/sidebar/sidebar-toggle.theme.d.ts +15 -0
- package/sidebar/sidebar-toggle.theme.service.d.ts +11 -0
- package/sidebar/sidebar.component.d.ts +37 -0
- package/sidebar/sidebar.theme.service.d.ts +11 -0
- package/tailwind.config.js +0 -3
|
@@ -9,15 +9,55 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
* @see https://flowbite.com/docs/components/navbar/
|
|
10
10
|
*/
|
|
11
11
|
export declare class NavbarComponent extends BaseComponent<NavbarClass> {
|
|
12
|
+
/**
|
|
13
|
+
* Service injecteed used to generate class
|
|
14
|
+
*/
|
|
12
15
|
readonly themeService: NavbarThemeService;
|
|
16
|
+
/**
|
|
17
|
+
* The child `NavbarBrandComponent`
|
|
18
|
+
*/
|
|
13
19
|
readonly navbarBrandChild: import("@angular/core").Signal<NavbarBrandComponent | undefined>;
|
|
20
|
+
/**
|
|
21
|
+
* The child `NavbarToggleComponent`
|
|
22
|
+
*/
|
|
14
23
|
readonly navbarToggleChild: import("@angular/core").Signal<NavbarToggleComponent | undefined>;
|
|
24
|
+
/**
|
|
25
|
+
* The child `NavbarContentComponent`
|
|
26
|
+
*/
|
|
15
27
|
readonly navbarContentChild: import("@angular/core").Signal<NavbarContentComponent | undefined>;
|
|
28
|
+
/**
|
|
29
|
+
* Set the navbar color
|
|
30
|
+
*
|
|
31
|
+
* @default primary
|
|
32
|
+
*/
|
|
16
33
|
color: import("@angular/core").ModelSignal<keyof NavbarColors>;
|
|
34
|
+
/**
|
|
35
|
+
* Set if the navbar is open
|
|
36
|
+
*
|
|
37
|
+
* @default false
|
|
38
|
+
*/
|
|
17
39
|
isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
40
|
+
/**
|
|
41
|
+
* Set if the navbar is rounded
|
|
42
|
+
*
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
18
45
|
isRounded: import("@angular/core").ModelSignal<boolean>;
|
|
46
|
+
/**
|
|
47
|
+
* Set if the navbar has border
|
|
48
|
+
*
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
19
51
|
hasBorder: import("@angular/core").ModelSignal<boolean>;
|
|
52
|
+
/**
|
|
53
|
+
* Set if the navbar is fixed
|
|
54
|
+
*
|
|
55
|
+
* @default false
|
|
56
|
+
*/
|
|
20
57
|
isFixed: import("@angular/core").ModelSignal<boolean>;
|
|
58
|
+
/**
|
|
59
|
+
* Set the custom style for this navbar
|
|
60
|
+
*/
|
|
21
61
|
customStyle: import("@angular/core").ModelSignal<{
|
|
22
62
|
root?: {
|
|
23
63
|
base?: string | undefined;
|
|
@@ -42,6 +82,11 @@ export declare class NavbarComponent extends BaseComponent<NavbarClass> {
|
|
|
42
82
|
}>;
|
|
43
83
|
fetchClass(): NavbarClass;
|
|
44
84
|
verify(): void;
|
|
85
|
+
/**
|
|
86
|
+
* Toggle visibility of the navbar
|
|
87
|
+
*
|
|
88
|
+
* @param isOpen When provide force the isOpen value
|
|
89
|
+
*/
|
|
45
90
|
toggleVisibility(isOpen?: boolean): void;
|
|
46
91
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
47
92
|
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "flowbite-navbar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "isFixed": { "alias": "isFixed"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "isRounded": "isRoundedChange"; "hasBorder": "hasBorderChange"; "isFixed": "isFixedChange"; "customStyle": "customStyleChange"; }, ["navbarBrandChild", "navbarToggleChild", "navbarContentChild"], ["*"], true, never>;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { NavbarClass, NavbarProperties, NavbarTheme } from './navbar.theme';
|
|
2
2
|
import type { FlowbiteThemeService } from 'flowbite-angular';
|
|
3
3
|
import { InjectionToken } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* `InjectionToken` used to import `NavbarTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_NAVBAR_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_NAVBAR_THEME_TOKEN: InjectionToken<NavbarTheme>;
|
|
5
14
|
export declare class NavbarThemeService implements FlowbiteThemeService<NavbarProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: NavbarProperties): NavbarClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NavbarThemeService>;
|
|
8
19
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-angular",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -25,9 +25,8 @@
|
|
|
25
25
|
"email": "nasreddine.bacali95@gmail.com",
|
|
26
26
|
"url": "https://github.com/bacali95"
|
|
27
27
|
},
|
|
28
|
-
"module": "fesm2022/flowbite-angular.mjs",
|
|
29
|
-
"typings": "index.d.ts",
|
|
30
28
|
"exports": {
|
|
29
|
+
"./tailwind.config": "./tailwind.config.js",
|
|
31
30
|
"./package.json": {
|
|
32
31
|
"default": "./package.json"
|
|
33
32
|
},
|
|
@@ -146,6 +145,12 @@
|
|
|
146
145
|
"default": "./fesm2022/flowbite-angular-utils.mjs"
|
|
147
146
|
}
|
|
148
147
|
},
|
|
148
|
+
"peerDependencies": {
|
|
149
|
+
"@floating-ui/dom": "1.2.6",
|
|
150
|
+
"tailwind-merge": "2.2.1"
|
|
151
|
+
},
|
|
152
|
+
"module": "fesm2022/flowbite-angular.mjs",
|
|
153
|
+
"typings": "index.d.ts",
|
|
149
154
|
"sideEffects": false,
|
|
150
155
|
"dependencies": {
|
|
151
156
|
"tslib": "^2.3.0"
|
|
@@ -7,9 +7,21 @@ import * as i1 from "@angular/router";
|
|
|
7
7
|
* @see `RouterLink`
|
|
8
8
|
*/
|
|
9
9
|
export declare class FlowbiteRouterLinkDirective {
|
|
10
|
+
/**
|
|
11
|
+
* `Router` service
|
|
12
|
+
*/
|
|
10
13
|
readonly router: Router;
|
|
14
|
+
/**
|
|
15
|
+
* `RouterLink` directive
|
|
16
|
+
*/
|
|
11
17
|
readonly routerLink: RouterLink;
|
|
18
|
+
/**
|
|
19
|
+
* @todo Verify utility
|
|
20
|
+
*/
|
|
12
21
|
href: import("@angular/core").ModelSignal<string | undefined>;
|
|
22
|
+
/**
|
|
23
|
+
* @todo Verify utility
|
|
24
|
+
*/
|
|
13
25
|
onClick(): void;
|
|
14
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteRouterLinkDirective, never>;
|
|
15
27
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FlowbiteRouterLinkDirective, "[flowbiteRouterLink]", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "href": "hrefChange"; }, never, never, true, [{ directive: typeof i1.RouterLink; inputs: { "target": "target"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "routerLink": "routerLink"; }; outputs: {}; }]>;
|
|
@@ -12,13 +12,25 @@ import * as i1 from "@angular/router";
|
|
|
12
12
|
*/
|
|
13
13
|
export declare class FlowbiteRouterLinkActiveDirective {
|
|
14
14
|
private readonly ariaCurrentValue;
|
|
15
|
+
/**
|
|
16
|
+
* `RouterLinkActive` directive
|
|
17
|
+
*/
|
|
15
18
|
routerLinkActive: RouterLinkActive;
|
|
19
|
+
/**
|
|
20
|
+
* Updated value when the user is on the same page as routerLinkActive value
|
|
21
|
+
*/
|
|
16
22
|
private _isActive;
|
|
23
|
+
/**
|
|
24
|
+
* Getter for _isActive
|
|
25
|
+
*/
|
|
17
26
|
get isActive(): Signal<boolean>;
|
|
18
27
|
/**
|
|
19
28
|
* Set the RouterLinkActive's ariaCurrentWhenActive to the value passed to the component (via this Directive).
|
|
20
29
|
*/
|
|
21
30
|
constructor();
|
|
31
|
+
/**
|
|
32
|
+
* Update _isActive when `RouterLinkActive`'s isActive update
|
|
33
|
+
*/
|
|
22
34
|
onIsActiveChange(): void;
|
|
23
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<FlowbiteRouterLinkActiveDirective, never>;
|
|
24
36
|
static ɵdir: i0.ɵɵDirectiveDeclaration<FlowbiteRouterLinkActiveDirective, "[flowbiteRouterLinkActive]", never, {}, {}, never, never, true, [{ directive: typeof i1.RouterLinkActive; inputs: { "routerLinkActiveOptions": "routerLinkActiveOptions"; "ariaCurrentWhenActive": "ariaCurrentWhenActive"; "routerLinkActive": "routerLinkActive"; }; outputs: { "isActiveChange": "isActiveChange"; }; }]>;
|
|
@@ -9,10 +9,10 @@ import * as i0 from "@angular/core";
|
|
|
9
9
|
export declare class SanitizeHtmlPipe implements PipeTransform {
|
|
10
10
|
private _sanitizer;
|
|
11
11
|
/**
|
|
12
|
-
* Return the result of
|
|
12
|
+
* Return the result of `bypassSecurityTrustHtml` function of DomSanitizer for the parameter.
|
|
13
13
|
*
|
|
14
14
|
* @param v The string to be transformed.
|
|
15
|
-
* @returns The
|
|
15
|
+
* @returns The SafeHtml from the DomSanitizer.
|
|
16
16
|
*/
|
|
17
17
|
transform(v: string): SafeHtml;
|
|
18
18
|
static ɵfac: i0.ɵɵFactoryDeclaration<SanitizeHtmlPipe, never>;
|
|
@@ -5,12 +5,37 @@ import { IconRegistry } from 'flowbite-angular/icon';
|
|
|
5
5
|
import type { OnInit } from '@angular/core';
|
|
6
6
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* Provide a way to go at the top of the page via a button
|
|
10
|
+
*/
|
|
8
11
|
export declare class ScrollTopComponent extends BaseComponent<ScrollTopClass> implements OnInit {
|
|
12
|
+
/**
|
|
13
|
+
* Service injected used to generate class
|
|
14
|
+
*/
|
|
9
15
|
readonly themeService: ScrollTopThemeService;
|
|
16
|
+
/**
|
|
17
|
+
* `IconRegistry` service
|
|
18
|
+
*/
|
|
10
19
|
readonly iconRegistry: IconRegistry;
|
|
20
|
+
/**
|
|
21
|
+
* `DomSanitizer` service
|
|
22
|
+
*/
|
|
11
23
|
readonly domSanitizer: DomSanitizer;
|
|
24
|
+
/**
|
|
25
|
+
* Set the scroll top color
|
|
26
|
+
*
|
|
27
|
+
* @default primary
|
|
28
|
+
*/
|
|
12
29
|
color: import("@angular/core").ModelSignal<keyof ScrollTopColors>;
|
|
30
|
+
/**
|
|
31
|
+
* Set the scroll top position
|
|
32
|
+
*
|
|
33
|
+
* @default bottom-right
|
|
34
|
+
*/
|
|
13
35
|
position: import("@angular/core").ModelSignal<keyof ScrollTopPositions>;
|
|
36
|
+
/**
|
|
37
|
+
* Set the custom style for this scroll top
|
|
38
|
+
*/
|
|
14
39
|
customStyle: import("@angular/core").ModelSignal<{
|
|
15
40
|
root?: {
|
|
16
41
|
base?: string | undefined;
|
|
@@ -40,6 +65,9 @@ export declare class ScrollTopComponent extends BaseComponent<ScrollTopClass> im
|
|
|
40
65
|
}>;
|
|
41
66
|
fetchClass(): ScrollTopClass;
|
|
42
67
|
init(): void;
|
|
68
|
+
/**
|
|
69
|
+
* Navigate to the top of the page
|
|
70
|
+
*/
|
|
43
71
|
onClick(): void;
|
|
44
72
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollTopComponent, never>;
|
|
45
73
|
static ɵcmp: i0.ɵɵComponentDeclaration<ScrollTopComponent, "flowbite-scroll-top", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "position": "positionChange"; "customStyle": "customStyleChange"; }, never, never, true, never>;
|
|
@@ -1,15 +1,27 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteClass, FlowbiteColors, FlowbitePositions } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Available colors for `ScrollTopComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface ScrollTopColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'gray' | 'green' | 'lime' | 'purple' | 'red'> {
|
|
3
6
|
[key: string]: string;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Available positions for `ScrollTopComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface ScrollTopPositions extends Omit<FlowbitePositions, 'center'> {
|
|
6
12
|
[key: string]: string;
|
|
7
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* Required properties for the class generation for `ScrollTopComponent`
|
|
16
|
+
*/
|
|
8
17
|
export interface ScrollTopProperties {
|
|
9
|
-
color: keyof
|
|
18
|
+
color: keyof ScrollTopColors;
|
|
10
19
|
position: keyof ScrollTopPositions;
|
|
11
20
|
customStyle: DeepPartial<ScrollTopTheme>;
|
|
12
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Theme definition for `ScrollTopComponent`
|
|
24
|
+
*/
|
|
13
25
|
export interface ScrollTopTheme {
|
|
14
26
|
root: {
|
|
15
27
|
base: string;
|
|
@@ -17,5 +29,11 @@ export interface ScrollTopTheme {
|
|
|
17
29
|
position: ScrollTopPositions;
|
|
18
30
|
};
|
|
19
31
|
}
|
|
32
|
+
/**
|
|
33
|
+
* Default theme for `ScrollTopComponent`
|
|
34
|
+
*/
|
|
20
35
|
export declare const scrollTopTheme: ScrollTopTheme;
|
|
36
|
+
/**
|
|
37
|
+
* Generated class definition for `ScrollTopComponent`
|
|
38
|
+
*/
|
|
21
39
|
export type ScrollTopClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { ScrollTopClass, ScrollTopProperties, ScrollTopTheme } from './scroll-top.theme';
|
|
2
2
|
import type { FlowbiteThemeService } from 'flowbite-angular';
|
|
3
3
|
import { InjectionToken } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* `InjectionToken` used to import `ScrollTopTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_SCROLL_TOP_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_SCROLL_TOP_THEME_TOKEN: InjectionToken<ScrollTopTheme>;
|
|
5
14
|
export declare class ScrollTopThemeService implements FlowbiteThemeService<ScrollTopProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: ScrollTopProperties): ScrollTopClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollTopThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ScrollTopThemeService>;
|
|
8
19
|
}
|
|
@@ -5,18 +5,52 @@ import { SidebarMenuComponent } from './sidebar-menu.component';
|
|
|
5
5
|
import type { SidebarColors } from './sidebar.theme';
|
|
6
6
|
import { BaseComponent } from 'flowbite-angular';
|
|
7
7
|
import { IconRegistry } from 'flowbite-angular/icon';
|
|
8
|
-
import type { OnInit } from '@angular/core';
|
|
9
8
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
10
9
|
import * as i0 from "@angular/core";
|
|
11
|
-
|
|
10
|
+
/**
|
|
11
|
+
* @see https://flowbite.com/docs/components/sidebar/
|
|
12
|
+
*/
|
|
13
|
+
export declare class SidebarItemGroupComponent extends BaseComponent<SidebarItemGroupClass> {
|
|
14
|
+
/**
|
|
15
|
+
* Service injecteed used to generate class
|
|
16
|
+
*/
|
|
12
17
|
readonly themeService: SidebarItemGroupThemeService;
|
|
18
|
+
/**
|
|
19
|
+
* `IconRegistry` service
|
|
20
|
+
*/
|
|
13
21
|
readonly iconRegistry: IconRegistry;
|
|
22
|
+
/**
|
|
23
|
+
* `DomSanitizer` service
|
|
24
|
+
*/
|
|
14
25
|
readonly domSanitizer: DomSanitizer;
|
|
26
|
+
/**
|
|
27
|
+
* The parent `SidebarMenuComponent`
|
|
28
|
+
*/
|
|
15
29
|
readonly sidebarMenuComponent: SidebarMenuComponent;
|
|
30
|
+
/**
|
|
31
|
+
* List of `SidebarItemComponent`
|
|
32
|
+
*/
|
|
16
33
|
readonly sidebarItemChildren: import("@angular/core").Signal<readonly SidebarItemComponent[]>;
|
|
34
|
+
/**
|
|
35
|
+
* Set if the sidebar item group is open
|
|
36
|
+
*
|
|
37
|
+
* @default One of children is active
|
|
38
|
+
* @default false
|
|
39
|
+
*/
|
|
17
40
|
isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
41
|
+
/**
|
|
42
|
+
* Set the sidebar item group color
|
|
43
|
+
*
|
|
44
|
+
* @default `SidebarMenuComponent`'s color
|
|
45
|
+
*/
|
|
18
46
|
color: import("@angular/core").ModelSignal<keyof SidebarColors>;
|
|
47
|
+
/**
|
|
48
|
+
* Set the sidebar item group title
|
|
49
|
+
*/
|
|
19
50
|
title: import("@angular/core").ModelSignal<string>;
|
|
51
|
+
/**
|
|
52
|
+
* Set the custom style for this sidebar item group
|
|
53
|
+
*/
|
|
20
54
|
customStyle: import("@angular/core").ModelSignal<{
|
|
21
55
|
root?: {
|
|
22
56
|
base?: string | undefined;
|
|
@@ -37,7 +71,11 @@ export declare class SidebarItemGroupComponent extends BaseComponent<SidebarItem
|
|
|
37
71
|
fetchClass(): SidebarItemGroupClass;
|
|
38
72
|
verify(): void;
|
|
39
73
|
init(): void;
|
|
40
|
-
|
|
74
|
+
/**
|
|
75
|
+
* Toggle isOpen value
|
|
76
|
+
*
|
|
77
|
+
* @param isOpen If provided force isOpen value
|
|
78
|
+
*/
|
|
41
79
|
toggleVisibility(isOpen?: boolean): void;
|
|
42
80
|
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemGroupComponent, never>;
|
|
43
81
|
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemGroupComponent, "flowbite-sidebar-item-group", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "color": "colorChange"; "title": "titleChange"; "customStyle": "customStyleChange"; }, ["sidebarItemChildren"], ["*"], true, never>;
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import type { SidebarColors } from './sidebar.theme';
|
|
2
2
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
3
|
+
/**
|
|
4
|
+
* Required properties for the class generation of `SidebarItemGroupComponent`
|
|
5
|
+
*/
|
|
3
6
|
export interface SidebarItemGroupProperties {
|
|
4
7
|
color: keyof SidebarColors;
|
|
5
8
|
customStyle: DeepPartial<SidebarItemGroupTheme>;
|
|
6
9
|
}
|
|
10
|
+
/**
|
|
11
|
+
* Theme definition for `SidebarItemGroupComponent`
|
|
12
|
+
*/
|
|
7
13
|
export interface SidebarItemGroupTheme {
|
|
8
14
|
root: {
|
|
9
15
|
base: string;
|
|
@@ -13,7 +19,13 @@ export interface SidebarItemGroupTheme {
|
|
|
13
19
|
color: SidebarColors;
|
|
14
20
|
};
|
|
15
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Default theme for `SidebarItemGroupComponent`
|
|
24
|
+
*/
|
|
16
25
|
export declare const sidebarItemGroupTheme: SidebarItemGroupTheme;
|
|
26
|
+
/**
|
|
27
|
+
* Generated class definition for `SidebarItemGroupComponent`
|
|
28
|
+
*/
|
|
17
29
|
export interface SidebarItemGroupClass extends FlowbiteClass {
|
|
18
30
|
spanClass: string;
|
|
19
31
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { SidebarItemGroupClass, SidebarItemGroupProperties, SidebarItemGroupTheme } from './sidebar-item-group.theme';
|
|
2
2
|
import type { FlowbiteThemeService } from 'flowbite-angular';
|
|
3
3
|
import { InjectionToken } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* `InjectionToken` used to import `SidebarItemGroupTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN: InjectionToken<SidebarItemGroupTheme>;
|
|
5
14
|
export declare class SidebarItemGroupThemeService implements FlowbiteThemeService<SidebarItemGroupProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: SidebarItemGroupProperties): SidebarItemGroupClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemGroupThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SidebarItemGroupThemeService>;
|
|
8
19
|
}
|
|
@@ -7,15 +7,52 @@ import { BaseComponent } from 'flowbite-angular';
|
|
|
7
7
|
import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
|
|
8
8
|
import { FlowbiteRouterLinkActiveDirective } from 'flowbite-angular/router-link-active';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* @see https://flowbite.com/docs/components/sidebar/
|
|
12
|
+
*/
|
|
10
13
|
export declare class SidebarItemComponent extends BaseComponent<SidebarItemClass> {
|
|
14
|
+
/**
|
|
15
|
+
* Optional `FlowbiteRouterLinkDirective` injected
|
|
16
|
+
*/
|
|
11
17
|
readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
|
|
18
|
+
/**
|
|
19
|
+
* Optional `FlowbiteRouterLinkActiveDirective` injected
|
|
20
|
+
*/
|
|
12
21
|
readonly flowbiteRouterLinkActive: FlowbiteRouterLinkActiveDirective | null;
|
|
22
|
+
/**
|
|
23
|
+
* Service injected used to generate class
|
|
24
|
+
*/
|
|
13
25
|
readonly themeService: SidebarItemThemeService;
|
|
14
|
-
|
|
15
|
-
|
|
26
|
+
/**
|
|
27
|
+
* The optional parent `SidebarItemGroupComponent`
|
|
28
|
+
*/
|
|
29
|
+
readonly sidebarItemGroupComponent: SidebarItemGroupComponent | null;
|
|
30
|
+
/**
|
|
31
|
+
* The optional parent `SidebarMenuComponent`
|
|
32
|
+
*/
|
|
33
|
+
readonly sidebarMenuComponent: SidebarMenuComponent | null;
|
|
34
|
+
/**
|
|
35
|
+
* Set the sidebar item icon
|
|
36
|
+
*
|
|
37
|
+
* @default undefined
|
|
38
|
+
*/
|
|
16
39
|
icon: import("@angular/core").ModelSignal<string | undefined>;
|
|
40
|
+
/**
|
|
41
|
+
* Set the sidebar item color
|
|
42
|
+
*
|
|
43
|
+
* @default `SidebarItemGroupComponent`'s color
|
|
44
|
+
* @default `SidebarMenuComponent`'s color
|
|
45
|
+
*/
|
|
17
46
|
color: import("@angular/core").ModelSignal<keyof SidebarColors>;
|
|
47
|
+
/**
|
|
48
|
+
* Set the sidebar item label
|
|
49
|
+
*
|
|
50
|
+
* @default undefined
|
|
51
|
+
*/
|
|
18
52
|
label: import("@angular/core").ModelSignal<string | undefined>;
|
|
53
|
+
/**
|
|
54
|
+
* Set the custom style for this sidebar item
|
|
55
|
+
*/
|
|
19
56
|
customStyle: import("@angular/core").ModelSignal<{
|
|
20
57
|
root?: {
|
|
21
58
|
base?: string | undefined;
|
|
@@ -35,6 +72,9 @@ export declare class SidebarItemComponent extends BaseComponent<SidebarItemClass
|
|
|
35
72
|
}>;
|
|
36
73
|
fetchClass(): SidebarItemClass;
|
|
37
74
|
verify(): void;
|
|
75
|
+
/**
|
|
76
|
+
* Toggle sidebar menu visibility
|
|
77
|
+
*/
|
|
38
78
|
onClick(): void;
|
|
39
79
|
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemComponent, never>;
|
|
40
80
|
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemComponent, "flowbite-sidebar-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "icon": "iconChange"; "color": "colorChange"; "label": "labelChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import type { SidebarColors } from './sidebar.theme';
|
|
2
2
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
3
|
+
/**
|
|
4
|
+
* Required properties for the class generation of `SidebarItemComponent`
|
|
5
|
+
*/
|
|
3
6
|
export interface SidebarItemProperties {
|
|
4
7
|
icon: string | undefined;
|
|
5
8
|
color: keyof SidebarColors;
|
|
6
9
|
label: string | undefined;
|
|
7
10
|
customStyle: DeepPartial<SidebarItemTheme>;
|
|
8
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Theme definition for `SidebarItemComponent`
|
|
14
|
+
*/
|
|
9
15
|
export interface SidebarItemTheme {
|
|
10
16
|
root: {
|
|
11
17
|
base: string;
|
|
@@ -15,7 +21,13 @@ export interface SidebarItemTheme {
|
|
|
15
21
|
base: string;
|
|
16
22
|
};
|
|
17
23
|
}
|
|
24
|
+
/**
|
|
25
|
+
* Default theme for `SidebarItemComponent`
|
|
26
|
+
*/
|
|
18
27
|
export declare const sidebarItemTheme: SidebarItemTheme;
|
|
28
|
+
/**
|
|
29
|
+
* Generated class definition for `SidebarItemComponent`
|
|
30
|
+
*/
|
|
19
31
|
export interface SidebarItemClass extends FlowbiteClass {
|
|
20
32
|
sidebarIconClass: string;
|
|
21
33
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { SidebarItemClass, SidebarItemProperties, SidebarItemTheme } from './sidebar-item.theme';
|
|
2
2
|
import type { FlowbiteThemeService } from 'flowbite-angular';
|
|
3
3
|
import { InjectionToken } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* `InjectionToken` used to import `SidebarItemTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN: InjectionToken<SidebarItemTheme>;
|
|
5
14
|
export declare class SidebarItemThemeService implements FlowbiteThemeService<SidebarItemProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: SidebarItemProperties): SidebarItemClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SidebarItemThemeService>;
|
|
8
19
|
}
|
|
@@ -6,12 +6,35 @@ import { SidebarComponent } from './sidebar.component';
|
|
|
6
6
|
import type { SidebarColors } from './sidebar.theme';
|
|
7
7
|
import { BaseComponent } from 'flowbite-angular';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
|
+
/**
|
|
10
|
+
* @see https://flowbite.com/docs/components/sidebar/
|
|
11
|
+
*/
|
|
9
12
|
export declare class SidebarMenuComponent extends BaseComponent<SidebarMenuClass> {
|
|
13
|
+
/**
|
|
14
|
+
* Service injected used to generate class
|
|
15
|
+
*/
|
|
10
16
|
readonly themeService: SidebarMenuThemeService;
|
|
17
|
+
/**
|
|
18
|
+
* The parent `SidebarComponent`
|
|
19
|
+
*/
|
|
11
20
|
readonly sidebarComponent: SidebarComponent;
|
|
21
|
+
/**
|
|
22
|
+
* List of `SidebarItemGroupComponent`
|
|
23
|
+
*/
|
|
12
24
|
readonly sidebarItemGroupChildren: import("@angular/core").Signal<readonly SidebarItemGroupComponent[]>;
|
|
25
|
+
/**
|
|
26
|
+
* List of `SidebarItemComponent`
|
|
27
|
+
*/
|
|
13
28
|
readonly sidebarItemChildren: import("@angular/core").Signal<readonly SidebarItemComponent[]>;
|
|
29
|
+
/**
|
|
30
|
+
* Set the sidebar menu color
|
|
31
|
+
*
|
|
32
|
+
* @default `SidebarComponent`'s color
|
|
33
|
+
*/
|
|
14
34
|
color: import("@angular/core").ModelSignal<keyof SidebarColors>;
|
|
35
|
+
/**
|
|
36
|
+
* Set the custom style for this sidebar menu
|
|
37
|
+
*/
|
|
15
38
|
customStyle: import("@angular/core").ModelSignal<{
|
|
16
39
|
root?: {
|
|
17
40
|
base?: string | undefined;
|
|
@@ -37,6 +60,9 @@ export declare class SidebarMenuComponent extends BaseComponent<SidebarMenuClass
|
|
|
37
60
|
}>;
|
|
38
61
|
fetchClass(): SidebarMenuClass;
|
|
39
62
|
verify(): void;
|
|
63
|
+
/**
|
|
64
|
+
* Toggle visibility of ll children to false
|
|
65
|
+
*/
|
|
40
66
|
closeAll(): void;
|
|
41
67
|
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuComponent, never>;
|
|
42
68
|
static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMenuComponent, "flowbite-sidebar-menu", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, ["sidebarItemGroupChildren", "sidebarItemChildren"], ["*"], true, never>;
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import type { SidebarColors, SidebarDisplayMode } from './sidebar.theme';
|
|
2
2
|
import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
|
|
3
|
+
/**
|
|
4
|
+
* Required properties for the class definition of `SidebarMenuComponent`
|
|
5
|
+
*/
|
|
3
6
|
export interface SidebarMenuProperties {
|
|
4
7
|
isOpen: keyof FlowbiteBoolean;
|
|
5
8
|
color: keyof SidebarColors;
|
|
6
9
|
displayMode: keyof SidebarDisplayMode;
|
|
7
10
|
customStyle: DeepPartial<SidebarMenuTheme>;
|
|
8
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Theme definition for `SidebarMenuComponent`
|
|
14
|
+
*/
|
|
9
15
|
export interface SidebarMenuTheme {
|
|
10
16
|
root: {
|
|
11
17
|
base: string;
|
|
@@ -14,5 +20,11 @@ export interface SidebarMenuTheme {
|
|
|
14
20
|
color: SidebarColors;
|
|
15
21
|
};
|
|
16
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* Default theme for `SidebarMenuComponent`
|
|
25
|
+
*/
|
|
17
26
|
export declare const sidebarMenuTheme: SidebarMenuTheme;
|
|
27
|
+
/**
|
|
28
|
+
* Generated class definition for `SidebarMenuComponent`
|
|
29
|
+
*/
|
|
18
30
|
export type SidebarMenuClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { SidebarMenuClass, SidebarMenuProperties, SidebarMenuTheme } from './sidebar-menu.theme';
|
|
2
2
|
import type { FlowbiteThemeService } from 'flowbite-angular';
|
|
3
3
|
import { InjectionToken } from '@angular/core';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* `InjectionToken` used to import `SidebarMenuTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_SIDEBAR_MENU_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_SIDEBAR_MENU_THEME_TOKEN: InjectionToken<SidebarMenuTheme>;
|
|
5
14
|
export declare class SidebarMenuThemeService implements FlowbiteThemeService<SidebarMenuProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: SidebarMenuProperties): SidebarMenuClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SidebarMenuThemeService>;
|
|
8
19
|
}
|
|
@@ -3,9 +3,21 @@ import { SidebarPageContentThemeService } from './sidebar-page-content.theme.ser
|
|
|
3
3
|
import { SidebarComponent } from './sidebar.component';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @see https://flowbite.com/docs/components/sidebar/
|
|
8
|
+
*/
|
|
6
9
|
export declare class SidebarPageContentComponent extends BaseComponent<SidebarPageContentClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Service injected used to generate class
|
|
12
|
+
*/
|
|
7
13
|
readonly themeService: SidebarPageContentThemeService;
|
|
14
|
+
/**
|
|
15
|
+
* The parent `SidebarComponent`
|
|
16
|
+
*/
|
|
8
17
|
readonly sidebarComponent: SidebarComponent;
|
|
18
|
+
/**
|
|
19
|
+
* Set the custom style for this sidebar page content
|
|
20
|
+
*/
|
|
9
21
|
customStyle: import("@angular/core").ModelSignal<{
|
|
10
22
|
root?: {
|
|
11
23
|
base?: string | undefined;
|