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
|
@@ -8,13 +8,39 @@ import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
|
|
|
8
8
|
import type { OnInit } from '@angular/core';
|
|
9
9
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
|
+
/**
|
|
12
|
+
* @see https://flowbite.com/docs/components/breadcrumb/
|
|
13
|
+
*/
|
|
11
14
|
export declare class BreadcrumbItemComponent extends BaseComponent<BreadcrumbItemClass> implements OnInit {
|
|
15
|
+
/**
|
|
16
|
+
* Service injected used to generate class
|
|
17
|
+
*/
|
|
12
18
|
readonly themeService: BreadcrumbItemThemeService;
|
|
19
|
+
/**
|
|
20
|
+
* The parent `BreadcrumbComponent`
|
|
21
|
+
*/
|
|
13
22
|
readonly breadcrumbComponent: BreadcrumbComponent;
|
|
23
|
+
/**
|
|
24
|
+
* Optional `FlowbiteRouterLinkDirective` injected
|
|
25
|
+
*/
|
|
14
26
|
readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
|
|
27
|
+
/**
|
|
28
|
+
* `IconRegistry` service
|
|
29
|
+
*/
|
|
15
30
|
readonly iconRegistry: IconRegistry;
|
|
31
|
+
/**
|
|
32
|
+
* `DomSanitizer` service
|
|
33
|
+
*/
|
|
16
34
|
readonly domSanitizer: DomSanitizer;
|
|
35
|
+
/**
|
|
36
|
+
* Set the breadcrumb item color
|
|
37
|
+
*
|
|
38
|
+
* @default `BreadcrumbComponent`'s color
|
|
39
|
+
*/
|
|
17
40
|
color: import("@angular/core").ModelSignal<keyof BreadcrumbColors>;
|
|
41
|
+
/**
|
|
42
|
+
* Set the custom style for this breadcrumb item
|
|
43
|
+
*/
|
|
18
44
|
customStyle: import("@angular/core").ModelSignal<{
|
|
19
45
|
root?: {
|
|
20
46
|
base?: string | undefined;
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import type { BreadcrumbColors } from './breadcrumb.theme';
|
|
2
2
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
3
3
|
import type { UrlTree } from '@angular/router';
|
|
4
|
+
/**
|
|
5
|
+
* Required properties for the class generation of `BreadcrumbItemComponent`
|
|
6
|
+
*/
|
|
4
7
|
export interface BreadcrumbItemProperties {
|
|
5
8
|
color: keyof BreadcrumbColors;
|
|
6
9
|
link: UrlTree | null;
|
|
7
10
|
customStyle: DeepPartial<BreadcrumbItemTheme>;
|
|
8
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Theme definition for `BreadcrumbItemComponent`
|
|
14
|
+
*/
|
|
9
15
|
export interface BreadcrumbItemTheme {
|
|
10
16
|
root: {
|
|
11
17
|
base: string;
|
|
@@ -15,7 +21,13 @@ export interface BreadcrumbItemTheme {
|
|
|
15
21
|
base: string;
|
|
16
22
|
};
|
|
17
23
|
}
|
|
24
|
+
/**
|
|
25
|
+
* Default theme for `BreadcrumbItemComponent`
|
|
26
|
+
*/
|
|
18
27
|
export declare const breadcrumbItemTheme: BreadcrumbItemTheme;
|
|
28
|
+
/**
|
|
29
|
+
* Generated class definition for `BreadcrumbItemComponent`
|
|
30
|
+
*/
|
|
19
31
|
export interface BreadcrumbItemClass extends FlowbiteClass {
|
|
20
32
|
breadcrumbIconClass: string;
|
|
21
33
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { BreadcrumbItemClass, BreadcrumbItemProperties, BreadcrumbItemTheme } from './breadcrumb-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 `BreadcrumbItemTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN: InjectionToken<BreadcrumbItemTheme>;
|
|
5
14
|
export declare class BreadcrumbItemThemeService implements FlowbiteThemeService<BreadcrumbItemProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: BreadcrumbItemProperties): BreadcrumbItemClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbItemThemeService>;
|
|
8
19
|
}
|
|
@@ -7,9 +7,23 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
* @see https://flowbite.com/docs/components/breadcrumb/
|
|
8
8
|
*/
|
|
9
9
|
export declare class BreadcrumbComponent extends BaseComponent<BreadcrumbClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Service injected used to generate class
|
|
12
|
+
*/
|
|
10
13
|
readonly themeService: BreadcrumbThemeService;
|
|
14
|
+
/**
|
|
15
|
+
* List of `BreadcrumbItemComponent`
|
|
16
|
+
*/
|
|
11
17
|
readonly breadcrumbItemChildren: import("@angular/core").Signal<readonly BreadcrumbItemComponent[]>;
|
|
18
|
+
/**
|
|
19
|
+
* Set the breacrumb color
|
|
20
|
+
*
|
|
21
|
+
* @default primary
|
|
22
|
+
*/
|
|
12
23
|
color: import("@angular/core").ModelSignal<keyof BreadcrumbColors>;
|
|
24
|
+
/**
|
|
25
|
+
* Set the custom style for this breadcrumb
|
|
26
|
+
*/
|
|
13
27
|
customStyle: import("@angular/core").ModelSignal<{
|
|
14
28
|
root?: {
|
|
15
29
|
base?: string | undefined;
|
|
@@ -1,14 +1,29 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Available colors for `BreadcrumbComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface BreadcrumbColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'> {
|
|
3
6
|
[key: string]: string;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Required properties for the class generation of `BreadcrumbComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface BreadcrumbProperties {
|
|
6
12
|
customStyle: DeepPartial<BreadcrumbTheme>;
|
|
7
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* Theme definition for `BreadcrumbComponent`
|
|
16
|
+
*/
|
|
8
17
|
export interface BreadcrumbTheme {
|
|
9
18
|
root: {
|
|
10
19
|
base: string;
|
|
11
20
|
};
|
|
12
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Default theme for `BreadcrumbComponent`
|
|
24
|
+
*/
|
|
13
25
|
export declare const breadcrumbTheme: BreadcrumbTheme;
|
|
26
|
+
/**
|
|
27
|
+
* Generated class definition for `BreadcrumbComponent`
|
|
28
|
+
*/
|
|
14
29
|
export type BreadcrumbClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { BreadcrumbClass, BreadcrumbProperties, BreadcrumbTheme } from './breadcrumb.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 `BreadcrumbTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_BREADCRUMB_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_BREADCRUMB_THEME_TOKEN: InjectionToken<BreadcrumbTheme>;
|
|
5
14
|
export declare class BreadcrumbThemeService implements FlowbiteThemeService<BreadcrumbProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: BreadcrumbProperties): BreadcrumbClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbThemeService>;
|
|
8
19
|
}
|
|
@@ -6,14 +6,55 @@ import * as i0 from "@angular/core";
|
|
|
6
6
|
* @see https://flowbite.com/docs/components/buttons/
|
|
7
7
|
*/
|
|
8
8
|
export declare class ButtonComponent extends BaseComponent<ButtonClass> {
|
|
9
|
+
/**
|
|
10
|
+
* Service injected used to generate class
|
|
11
|
+
*/
|
|
9
12
|
readonly themeService: ButtonThemeService;
|
|
13
|
+
/**
|
|
14
|
+
* Set the button color
|
|
15
|
+
*
|
|
16
|
+
* @default primary
|
|
17
|
+
*/
|
|
10
18
|
color: import("@angular/core").ModelSignal<keyof ButtonColors>;
|
|
19
|
+
/**
|
|
20
|
+
* Set the button size
|
|
21
|
+
*
|
|
22
|
+
* @default md
|
|
23
|
+
*/
|
|
11
24
|
size: import("@angular/core").ModelSignal<keyof ButtonSizes>;
|
|
25
|
+
/**
|
|
26
|
+
* Set if the button is pill
|
|
27
|
+
*
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
12
30
|
isPill: import("@angular/core").ModelSignal<boolean>;
|
|
31
|
+
/**
|
|
32
|
+
* Set the button fill
|
|
33
|
+
*
|
|
34
|
+
* @default solid
|
|
35
|
+
*/
|
|
13
36
|
fill: import("@angular/core").ModelSignal<keyof ButtonFill>;
|
|
37
|
+
/**
|
|
38
|
+
* Set if the button is disabled
|
|
39
|
+
*
|
|
40
|
+
* @default false
|
|
41
|
+
*/
|
|
14
42
|
isDisabled: import("@angular/core").ModelSignal<boolean>;
|
|
43
|
+
/**
|
|
44
|
+
* Set the button gradient monochrome
|
|
45
|
+
*
|
|
46
|
+
* @default undefined
|
|
47
|
+
*/
|
|
15
48
|
gradientMonochrome: import("@angular/core").ModelSignal<keyof ButtonMonochromeColors | undefined>;
|
|
49
|
+
/**
|
|
50
|
+
* Set the button gradient duotone
|
|
51
|
+
*
|
|
52
|
+
* @default undefined
|
|
53
|
+
*/
|
|
16
54
|
gradientDuoTone: import("@angular/core").ModelSignal<"purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined>;
|
|
55
|
+
/**
|
|
56
|
+
* Set the custom style for this button
|
|
57
|
+
*/
|
|
17
58
|
customStyle: import("@angular/core").ModelSignal<{
|
|
18
59
|
root?: {
|
|
19
60
|
base?: {
|
package/button/button.theme.d.ts
CHANGED
|
@@ -1,22 +1,43 @@
|
|
|
1
1
|
import type { Combination, DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors, FlowbiteGradientColors, FlowbiteGradientDuoToneColors, FlowbiteSizes } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Available colors for `ButtonComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface ButtonColors extends Pick<FlowbiteColors, 'dark' | 'primary' | 'light' | 'blue' | 'red' | 'green' | 'yellow' | 'purple'> {
|
|
3
6
|
[key: string]: string;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Available monochrome colors for `ButtonComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface ButtonMonochromeColors extends Pick<FlowbiteGradientColors, 'blue' | 'green' | 'cyan' | 'teal' | 'lime' | 'red' | 'pink' | 'purple'> {
|
|
6
12
|
[key: string]: string;
|
|
7
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* Available duotone colors for `ButtonComponent`
|
|
16
|
+
*/
|
|
8
17
|
export type ButtonDuoToneColors = Pick<FlowbiteGradientDuoToneColors, 'purpleToBlue' | 'cyanToBlue' | 'greenToBlue' | 'purpleToPink' | 'pinkToOrange' | 'tealToLime' | 'redToYellow'>;
|
|
18
|
+
/**
|
|
19
|
+
* Available sizes for `ButtonComponent`
|
|
20
|
+
*/
|
|
9
21
|
export interface ButtonSizes extends Pick<FlowbiteSizes, 'xs' | 'sm' | 'md' | 'lg' | 'xl'> {
|
|
10
22
|
[key: string]: string;
|
|
11
23
|
}
|
|
24
|
+
/**
|
|
25
|
+
* Available fill for `ButtonComponent`
|
|
26
|
+
*/
|
|
12
27
|
export interface ButtonFill {
|
|
13
28
|
solid: string;
|
|
14
29
|
outline: string;
|
|
15
30
|
}
|
|
31
|
+
/**
|
|
32
|
+
* Available types for `ButtonComponent`
|
|
33
|
+
*/
|
|
16
34
|
export interface ButtonTypes {
|
|
17
35
|
default: string;
|
|
18
36
|
span: string;
|
|
19
37
|
}
|
|
38
|
+
/**
|
|
39
|
+
* Required properties for the class generation of `ButtonComponent`
|
|
40
|
+
*/
|
|
20
41
|
export interface ButtonProperties {
|
|
21
42
|
color: keyof ButtonColors;
|
|
22
43
|
gradientMonochrome?: keyof ButtonMonochromeColors;
|
|
@@ -27,6 +48,9 @@ export interface ButtonProperties {
|
|
|
27
48
|
isDisabled: keyof FlowbiteBoolean;
|
|
28
49
|
customStyle: DeepPartial<ButtonTheme>;
|
|
29
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* Theme definition for `ButtonComponent`
|
|
53
|
+
*/
|
|
30
54
|
export interface ButtonTheme {
|
|
31
55
|
root: {
|
|
32
56
|
base: ButtonTypes;
|
|
@@ -43,7 +67,13 @@ export interface ButtonTheme {
|
|
|
43
67
|
size: ButtonSizes;
|
|
44
68
|
};
|
|
45
69
|
}
|
|
70
|
+
/**
|
|
71
|
+
* Default theme for `ButtonComponent`
|
|
72
|
+
*/
|
|
46
73
|
export declare const buttonTheme: ButtonTheme;
|
|
74
|
+
/**
|
|
75
|
+
* Generated class definition for `ButtonComponent`
|
|
76
|
+
*/
|
|
47
77
|
export interface ButtonClass extends FlowbiteClass {
|
|
48
78
|
spanClass: string;
|
|
49
79
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { ButtonClass, ButtonProperties, ButtonTheme } from './button.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 `ButtonTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_BUTTON_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_BUTTON_THEME_TOKEN: InjectionToken<ButtonTheme>;
|
|
5
14
|
export declare class ButtonThemeService implements FlowbiteThemeService<ButtonProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: ButtonProperties): ButtonClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ButtonThemeService>;
|
|
8
19
|
}
|
|
@@ -4,10 +4,25 @@ import { BaseComponent } from 'flowbite-angular';
|
|
|
4
4
|
import { IconRegistry } from 'flowbite-angular/icon';
|
|
5
5
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Use to toggle light/dark mode accross the site
|
|
9
|
+
*/
|
|
7
10
|
export declare class DarkThemeToggleComponent extends BaseComponent<DarkThemeToggleClass> {
|
|
11
|
+
/**
|
|
12
|
+
* Service injected used to generate class
|
|
13
|
+
*/
|
|
8
14
|
readonly themeService: DarkThemeToggleThemeService;
|
|
15
|
+
/**
|
|
16
|
+
* `IconRegistry` service
|
|
17
|
+
*/
|
|
9
18
|
readonly iconRegistry: IconRegistry;
|
|
19
|
+
/**
|
|
20
|
+
* `DomSanitizer` service
|
|
21
|
+
*/
|
|
10
22
|
readonly domSanitizer: DomSanitizer;
|
|
23
|
+
/**
|
|
24
|
+
* Set the custom style for this dark-theme-toggle
|
|
25
|
+
*/
|
|
11
26
|
customStyle: import("@angular/core").ModelSignal<{
|
|
12
27
|
root?: {
|
|
13
28
|
base?: string | undefined;
|
|
@@ -15,9 +30,26 @@ export declare class DarkThemeToggleComponent extends BaseComponent<DarkThemeTog
|
|
|
15
30
|
}>;
|
|
16
31
|
fetchClass(): DarkThemeToggleClass;
|
|
17
32
|
init(): void;
|
|
33
|
+
/**
|
|
34
|
+
* Toggle between dark and light mode
|
|
35
|
+
*/
|
|
18
36
|
onClick(): void;
|
|
37
|
+
/**
|
|
38
|
+
* Get theme from the `localStorage`
|
|
39
|
+
* @returns The current theme saved in the `localStorage` with the key `color-theme`
|
|
40
|
+
*/
|
|
19
41
|
private getTheme;
|
|
42
|
+
/**
|
|
43
|
+
* Toggle the theme saced in the `localStorage`
|
|
44
|
+
*
|
|
45
|
+
* @param theme If provided, force the theme instead of toggling it between light and dark mode
|
|
46
|
+
*/
|
|
20
47
|
private toggleTheme;
|
|
48
|
+
/**
|
|
49
|
+
* Set the theme inside the page
|
|
50
|
+
*
|
|
51
|
+
* @param theme Theme to apply
|
|
52
|
+
*/
|
|
21
53
|
private setTheme;
|
|
22
54
|
static ɵfac: i0.ɵɵFactoryDeclaration<DarkThemeToggleComponent, never>;
|
|
23
55
|
static ɵcmp: i0.ɵɵComponentDeclaration<DarkThemeToggleComponent, "flowbite-dark-theme-toggle", never, { "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "customStyle": "customStyleChange"; }, never, never, true, never>;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Required properties for the class generation of `DarkThemeToggleComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface DarkThemeToggleProperties {
|
|
3
6
|
customStyle: DeepPartial<DarkThemeToggleTheme>;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Theme definition for `DarkThemeToggleComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface DarkThemeToggleTheme {
|
|
6
12
|
root: {
|
|
7
13
|
base: string;
|
|
8
14
|
};
|
|
9
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* Default theme for `DarkThemeToggleComponent`
|
|
18
|
+
*/
|
|
10
19
|
export declare const darkThemeToggleTheme: DarkThemeToggleTheme;
|
|
20
|
+
/**
|
|
21
|
+
* Generated class definition for `DarkThemeToggleComponent`
|
|
22
|
+
*/
|
|
11
23
|
export type DarkThemeToggleClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { DarkThemeToggleClass, DarkThemeToggleProperties, DarkThemeToggleTheme } from './dark-theme-toggle.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 `DarkThemeToggleTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_DARK_THEME_TOGGLE_THEME_TOKEN: InjectionToken<DarkThemeToggleTheme>;
|
|
5
14
|
export declare class DarkThemeToggleThemeService implements FlowbiteThemeService<DarkThemeToggleProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: DarkThemeToggleProperties): DarkThemeToggleClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DarkThemeToggleThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DarkThemeToggleThemeService>;
|
|
8
19
|
}
|
|
@@ -3,9 +3,21 @@ import { DropdownDividerThemeService } from './dropdown-divider.theme.service';
|
|
|
3
3
|
import { DropdownComponent } from './dropdown.component';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @see https://flowbite.com/docs/components/dropdowns/
|
|
8
|
+
*/
|
|
6
9
|
export declare class DropdownDividerComponent extends BaseComponent<DropdownDividerClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Service injected used to generate class
|
|
12
|
+
*/
|
|
7
13
|
readonly themeService: DropdownDividerThemeService;
|
|
14
|
+
/**
|
|
15
|
+
* The parent `DropdownComponent`
|
|
16
|
+
*/
|
|
8
17
|
readonly dropdownComponent: DropdownComponent;
|
|
18
|
+
/**
|
|
19
|
+
* Set the custom style for this dropdown divider
|
|
20
|
+
*/
|
|
9
21
|
customStyle: import("@angular/core").ModelSignal<Partial<DropdownDividerTheme>>;
|
|
10
22
|
fetchClass(): DropdownDividerClass;
|
|
11
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDividerComponent, never>;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import type { FlowbiteClass } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Required properties for the class generation of `DropdownDividerComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface DropdownDividerProperties {
|
|
3
6
|
customStyle: Partial<DropdownDividerTheme>;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Theme definition for `DropdownDividerComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface DropdownDividerTheme {
|
|
6
12
|
root: {
|
|
7
13
|
base: string;
|
|
8
14
|
};
|
|
9
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* Default theme for `DropdownDividerComponent`
|
|
18
|
+
*/
|
|
10
19
|
export declare const dropdownDividerTheme: DropdownDividerTheme;
|
|
20
|
+
/**
|
|
21
|
+
* Generated class definition for `DropdownDividerComponent`
|
|
22
|
+
*/
|
|
11
23
|
export type DropdownDividerClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { DropdownDividerClass, DropdownDividerProperties, DropdownDividerTheme } from './dropdown-divider.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 `DropdownDividerTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_DROPDOWN_DIVIDER_THEME_TOKEN: InjectionToken<DropdownDividerTheme>;
|
|
5
14
|
export declare class DropdownDividerThemeService implements FlowbiteThemeService<DropdownDividerProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: DropdownDividerProperties): DropdownDividerClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDividerThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DropdownDividerThemeService>;
|
|
8
19
|
}
|
|
@@ -3,9 +3,21 @@ import { DropdownHeaderThemeService } from './dropdown-header.theme.service';
|
|
|
3
3
|
import { DropdownComponent } from './dropdown.component';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @see https://flowbite.com/docs/components/dropdowns/
|
|
8
|
+
*/
|
|
6
9
|
export declare class DropdownHeaderComponent extends BaseComponent<DropdownHeaderClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Service injected used to generate class
|
|
12
|
+
*/
|
|
7
13
|
readonly themeService: DropdownHeaderThemeService;
|
|
14
|
+
/**
|
|
15
|
+
* The parent `DropdownComponent`
|
|
16
|
+
*/
|
|
8
17
|
readonly dropdownComponent: DropdownComponent;
|
|
18
|
+
/**
|
|
19
|
+
* Set the custom style for this dropdown header
|
|
20
|
+
*/
|
|
9
21
|
customStyle: import("@angular/core").ModelSignal<Partial<DropdownHeaderTheme>>;
|
|
10
22
|
fetchClass(): DropdownHeaderClass;
|
|
11
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownHeaderComponent, never>;
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Required properties for the class generation of `DropdownHeaderComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface DropdownHeaderProperties {
|
|
3
6
|
customStyle: DeepPartial<DropdownHeaderTheme>;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Theme definition of `DropdownHeaderComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface DropdownHeaderTheme {
|
|
6
12
|
root: {
|
|
7
13
|
base: string;
|
|
@@ -10,7 +16,13 @@ export interface DropdownHeaderTheme {
|
|
|
10
16
|
base: string;
|
|
11
17
|
};
|
|
12
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* Default theme for `DropdownHeaderComponent`
|
|
21
|
+
*/
|
|
13
22
|
export declare const dropdownHeaderTheme: DropdownHeaderTheme;
|
|
23
|
+
/**
|
|
24
|
+
* Generated class definition for `DropdownHeaderComponent`
|
|
25
|
+
*/
|
|
14
26
|
export interface DropdownHeaderClass extends FlowbiteClass {
|
|
15
27
|
root: string;
|
|
16
28
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { DropdownHeaderClass, DropdownHeaderProperties, DropdownHeaderTheme } from './dropdown-header.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 `DropdownHeaderTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_DROPDOWN_HEADER_THEME_TOKEN: InjectionToken<DropdownHeaderTheme>;
|
|
5
14
|
export declare class DropdownHeaderThemeService implements FlowbiteThemeService<DropdownHeaderProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: DropdownHeaderProperties): DropdownHeaderClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownHeaderThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DropdownHeaderThemeService>;
|
|
8
19
|
}
|
|
@@ -3,9 +3,21 @@ import { DropdownItemThemeService } from './dropdown-item.theme.service';
|
|
|
3
3
|
import { DropdownComponent } from './dropdown.component';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @see https://flowbite.com/docs/components/dropdowns/
|
|
8
|
+
*/
|
|
6
9
|
export declare class DropdownItemComponent extends BaseComponent<DropdownItemClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Service injected used to generate class
|
|
12
|
+
*/
|
|
7
13
|
readonly themeService: DropdownItemThemeService;
|
|
14
|
+
/**
|
|
15
|
+
* The parent `DropdownComponent`
|
|
16
|
+
*/
|
|
8
17
|
readonly dropdownComponent: DropdownComponent;
|
|
18
|
+
/**
|
|
19
|
+
* Set the custom style for this dropdown item
|
|
20
|
+
*/
|
|
9
21
|
customStyle: import("@angular/core").ModelSignal<{
|
|
10
22
|
root?: {
|
|
11
23
|
base?: string | undefined;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Required properties for the cmass generation of `DropdownItemComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface DropdownItemProperties {
|
|
3
6
|
customStyle: DeepPartial<DropdownItemTheme>;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Theme definition for `DropdownItemComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface DropdownItemTheme {
|
|
6
12
|
root: {
|
|
7
13
|
base: string;
|
|
8
14
|
};
|
|
9
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* Default theme value for `DropdownItemComponent`
|
|
18
|
+
*/
|
|
10
19
|
export declare const dropdownItemTheme: DropdownItemTheme;
|
|
20
|
+
/**
|
|
21
|
+
* Generated class definition for `DropdownItemComponent`
|
|
22
|
+
*/
|
|
11
23
|
export type DropdownItemClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { DropdownItemClass, DropdownItemProperties, DropdownItemTheme } from './dropdown-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 `DropdownItemTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_DROPDOWN_ITEM_THEME_TOKEN: InjectionToken<DropdownItemTheme>;
|
|
5
14
|
export declare class DropdownItemThemeService implements FlowbiteThemeService<DropdownItemProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: DropdownItemProperties): DropdownItemClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<DropdownItemThemeService>;
|
|
8
19
|
}
|