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
|
@@ -4,10 +4,27 @@ import { AccordionPanelComponent } from './accordion-panel.component';
|
|
|
4
4
|
import type { AccordionColors } from './accordion.theme';
|
|
5
5
|
import { BaseComponent } from 'flowbite-angular';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* @see https://flowbite.com/docs/components/accordion/
|
|
9
|
+
*/
|
|
7
10
|
export declare class AccordionContentComponent extends BaseComponent<AccordionContentClass> {
|
|
11
|
+
/**
|
|
12
|
+
* Service injected used to generate class
|
|
13
|
+
*/
|
|
8
14
|
readonly themeService: AccordionContentThemeService;
|
|
15
|
+
/**
|
|
16
|
+
* The parent `AccordionPanelComponent`
|
|
17
|
+
*/
|
|
9
18
|
readonly accordionPanelComponent: AccordionPanelComponent;
|
|
19
|
+
/**
|
|
20
|
+
* Set the accordion content color
|
|
21
|
+
*
|
|
22
|
+
@default `AccordionPanelComponent`'s color
|
|
23
|
+
*/
|
|
10
24
|
color: import("@angular/core").ModelSignal<keyof AccordionColors>;
|
|
25
|
+
/**
|
|
26
|
+
* Set the custom style for this accordion content
|
|
27
|
+
*/
|
|
11
28
|
customStyle: import("@angular/core").ModelSignal<{
|
|
12
29
|
root?: {
|
|
13
30
|
base?: string | undefined;
|
|
@@ -1,10 +1,16 @@
|
|
|
1
1
|
import type { AccordionColors } from './accordion.theme';
|
|
2
2
|
import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
|
|
3
|
+
/**
|
|
4
|
+
* Required properties for the class generation of `AccordionContentComponent`
|
|
5
|
+
*/
|
|
3
6
|
export interface AccordionContentProperties {
|
|
4
7
|
color: keyof AccordionColors;
|
|
5
8
|
isOpen: keyof FlowbiteBoolean;
|
|
6
9
|
customStyle: DeepPartial<AccordionContentTheme>;
|
|
7
10
|
}
|
|
11
|
+
/**
|
|
12
|
+
* Theme definition for `AccordionContentComponent`
|
|
13
|
+
*/
|
|
8
14
|
export interface AccordionContentTheme {
|
|
9
15
|
root: {
|
|
10
16
|
base: string;
|
|
@@ -12,5 +18,11 @@ export interface AccordionContentTheme {
|
|
|
12
18
|
isOpen: FlowbiteBoolean;
|
|
13
19
|
};
|
|
14
20
|
}
|
|
21
|
+
/**
|
|
22
|
+
* Default theme for `AccordionContentComponent`
|
|
23
|
+
*/
|
|
15
24
|
export declare const accordionContentTheme: AccordionContentTheme;
|
|
25
|
+
/**
|
|
26
|
+
* Generated class definition for `AccordionContentComponent`
|
|
27
|
+
*/
|
|
16
28
|
export type AccordionContentClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { AccordionContentClass, AccordionContentProperties, AccordionContentTheme } from './accordion-content.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 `AccordionContentTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN: InjectionToken<AccordionContentTheme>;
|
|
5
14
|
export declare class AccordionContentThemeService implements FlowbiteThemeService<AccordionContentProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: AccordionContentProperties): AccordionContentClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionContentThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AccordionContentThemeService>;
|
|
8
19
|
}
|
|
@@ -7,13 +7,41 @@ import type { AccordionColors } from './accordion.theme';
|
|
|
7
7
|
import { BaseComponent } from 'flowbite-angular';
|
|
8
8
|
import type { OnInit } from '@angular/core';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* @see https://flowbite.com/docs/components/accordion/
|
|
12
|
+
*/
|
|
10
13
|
export declare class AccordionPanelComponent extends BaseComponent<AccordionPanelClass> implements OnInit {
|
|
14
|
+
/**
|
|
15
|
+
* Service injected used to generate class
|
|
16
|
+
*/
|
|
11
17
|
readonly themeService: AccordionPanelThemeService;
|
|
18
|
+
/**
|
|
19
|
+
* The parent `AccordionComponent`
|
|
20
|
+
*/
|
|
12
21
|
readonly accordionComponent: AccordionComponent;
|
|
22
|
+
/**
|
|
23
|
+
* The child `AccordionTitleComponent`
|
|
24
|
+
*/
|
|
13
25
|
readonly accordionTitleChild: import("@angular/core").Signal<AccordionTitleComponent | undefined>;
|
|
26
|
+
/**
|
|
27
|
+
* The child `AccordionContentComponent`
|
|
28
|
+
*/
|
|
14
29
|
readonly accordionContentChild: import("@angular/core").Signal<AccordionContentComponent | undefined>;
|
|
30
|
+
/**
|
|
31
|
+
* Set the accordion panel color
|
|
32
|
+
*
|
|
33
|
+
* @default `AccordionComponent`'s color
|
|
34
|
+
*/
|
|
15
35
|
color: import("@angular/core").ModelSignal<keyof AccordionColors>;
|
|
36
|
+
/**
|
|
37
|
+
* Set if the accordion panel is open or not
|
|
38
|
+
*
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
16
41
|
isOpen: import("@angular/core").ModelSignal<boolean>;
|
|
42
|
+
/**
|
|
43
|
+
* Set the custom style for this accordion panel
|
|
44
|
+
*/
|
|
17
45
|
customStyle: import("@angular/core").ModelSignal<{
|
|
18
46
|
root?: {
|
|
19
47
|
base?: string | undefined;
|
|
@@ -21,6 +49,11 @@ export declare class AccordionPanelComponent extends BaseComponent<AccordionPane
|
|
|
21
49
|
}>;
|
|
22
50
|
fetchClass(): AccordionPanelClass;
|
|
23
51
|
verify(): void;
|
|
52
|
+
/**
|
|
53
|
+
* Toggle isOpen for itself and close every other `AccordionPanelComponent` if the parent `AccordionComponent`'s isAlwaysOpen is false
|
|
54
|
+
*
|
|
55
|
+
* @param isOpen Instead of toggle, it can set the value provided
|
|
56
|
+
*/
|
|
24
57
|
toggleVisibility(isOpen?: boolean): void;
|
|
25
58
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelComponent, never>;
|
|
26
59
|
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionPanelComponent, "flowbite-accordion-panel", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "customStyle": "customStyleChange"; }, ["accordionTitleChild", "accordionContentChild"], ["*"], true, never>;
|
|
@@ -1,11 +1,23 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Required properties for th class generation of `AccordionPanelComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface AccordionPanelProperties {
|
|
3
6
|
customStyle: DeepPartial<AccordionPanelTheme>;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Theme definition for `AccordionPanelComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface AccordionPanelTheme {
|
|
6
12
|
root: {
|
|
7
13
|
base: string;
|
|
8
14
|
};
|
|
9
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* Default theme for `AccordionPanelComponent`
|
|
18
|
+
*/
|
|
10
19
|
export declare const accordionPanelTheme: AccordionPanelTheme;
|
|
20
|
+
/**
|
|
21
|
+
* Generated class definition for `AccordionPanelComponent`
|
|
22
|
+
*/
|
|
11
23
|
export type AccordionPanelClass = FlowbiteClass;
|
|
@@ -2,8 +2,19 @@ import type { AccordionPanelProperties, AccordionPanelTheme } from './accordion-
|
|
|
2
2
|
import type { AccordionClass } from './accordion.theme';
|
|
3
3
|
import type { FlowbiteThemeService } from 'flowbite-angular';
|
|
4
4
|
import { InjectionToken } from '@angular/core';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* `InjectionToken` used to import `AccordionPanelTheme` value
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```
|
|
11
|
+
* var theme = inject(FLOWBITE_ACCORDION_PANEL_THEME_TOKEN)
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
5
14
|
export declare const FLOWBITE_ACCORDION_PANEL_THEME_TOKEN: InjectionToken<AccordionPanelTheme>;
|
|
6
15
|
export declare class AccordionPanelThemeService implements FlowbiteThemeService<AccordionPanelProperties> {
|
|
7
16
|
private readonly baseTheme;
|
|
8
17
|
getClasses(properties: AccordionPanelProperties): AccordionClass;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionPanelThemeService, never>;
|
|
19
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AccordionPanelThemeService>;
|
|
9
20
|
}
|
|
@@ -7,12 +7,35 @@ import { IconRegistry } from 'flowbite-angular/icon';
|
|
|
7
7
|
import type { OnInit } from '@angular/core';
|
|
8
8
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
|
+
/**
|
|
11
|
+
* @see https://flowbite.com/docs/components/accordion/
|
|
12
|
+
*/
|
|
10
13
|
export declare class AccordionTitleComponent extends BaseComponent<AccordionTitleClass> implements OnInit {
|
|
14
|
+
/**
|
|
15
|
+
* Service injected used to generate class
|
|
16
|
+
*/
|
|
11
17
|
readonly themeService: AccordionTitleThemeService;
|
|
18
|
+
/**
|
|
19
|
+
* The parent `AccordionPanelComponent`
|
|
20
|
+
*/
|
|
12
21
|
readonly accordionPanelComponent: AccordionPanelComponent;
|
|
22
|
+
/**
|
|
23
|
+
* `IconRegistry` service
|
|
24
|
+
*/
|
|
13
25
|
readonly iconRegistry: IconRegistry;
|
|
26
|
+
/**
|
|
27
|
+
* `DomSanitizer` service
|
|
28
|
+
*/
|
|
14
29
|
readonly domSanitizer: DomSanitizer;
|
|
30
|
+
/**
|
|
31
|
+
* Set the accordion title color
|
|
32
|
+
*
|
|
33
|
+
* @default `AccordionPanelComponents`'s color
|
|
34
|
+
*/
|
|
15
35
|
color: import("@angular/core").ModelSignal<keyof AccordionColors>;
|
|
36
|
+
/**
|
|
37
|
+
* Set the custom style for this accordion title
|
|
38
|
+
*/
|
|
16
39
|
customStyle: import("@angular/core").ModelSignal<{
|
|
17
40
|
root?: {
|
|
18
41
|
base?: string | undefined;
|
|
@@ -40,6 +63,9 @@ export declare class AccordionTitleComponent extends BaseComponent<AccordionTitl
|
|
|
40
63
|
}>;
|
|
41
64
|
fetchClass(): AccordionTitleClass;
|
|
42
65
|
init(): void;
|
|
66
|
+
/**
|
|
67
|
+
* Toggle the parent `AccordionPanelComponent`'s isOpen
|
|
68
|
+
*/
|
|
43
69
|
onClick(): void;
|
|
44
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTitleComponent, never>;
|
|
45
71
|
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTitleComponent, "flowbite-accordion-title", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import type { AccordionColors } from './accordion.theme';
|
|
2
2
|
import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
|
|
3
|
+
/**
|
|
4
|
+
* Required properties for the class generation of `AccordionTitleComponent`
|
|
5
|
+
*/
|
|
3
6
|
export interface AccordionTitleProperties {
|
|
4
7
|
color: keyof AccordionColors;
|
|
5
8
|
isOpen: keyof FlowbiteBoolean;
|
|
6
9
|
isFlush: keyof FlowbiteBoolean;
|
|
7
10
|
customStyle: DeepPartial<AccordionTitleTheme>;
|
|
8
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Theme definition for `AccordionTitleComponent`
|
|
14
|
+
*/
|
|
9
15
|
export interface AccordionTitleTheme {
|
|
10
16
|
root: {
|
|
11
17
|
base: string;
|
|
@@ -17,7 +23,13 @@ export interface AccordionTitleTheme {
|
|
|
17
23
|
base: string;
|
|
18
24
|
};
|
|
19
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* Default theme for `AccordionTitleComponent`
|
|
28
|
+
*/
|
|
20
29
|
export declare const accordionTitleTheme: AccordionTitleTheme;
|
|
30
|
+
/**
|
|
31
|
+
* Generated class definition for `AccordionTitleComponent`
|
|
32
|
+
*/
|
|
21
33
|
export interface AccordionTitleClass extends FlowbiteClass {
|
|
22
34
|
textClass: string;
|
|
23
35
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { AccordionTitleClass, AccordionTitleProperties, AccordionTitleTheme } from './accordion-title.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 `AccordionTitleTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_ACCORDION_TITLE_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_ACCORDION_TITLE_THEME_TOKEN: InjectionToken<AccordionTitleTheme>;
|
|
5
14
|
export declare class AccordionTitleThemeService implements FlowbiteThemeService<AccordionTitleProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: AccordionTitleProperties): AccordionTitleClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTitleThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AccordionTitleThemeService>;
|
|
8
19
|
}
|
|
@@ -3,12 +3,39 @@ import type { AccordionClass, AccordionColors } from './accordion.theme';
|
|
|
3
3
|
import { AccordionThemeService } from './accordion.theme.service';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @see https://flowbite.com/docs/components/accordion/
|
|
8
|
+
*/
|
|
6
9
|
export declare class AccordionComponent extends BaseComponent<AccordionClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Service injected used to generated class
|
|
12
|
+
*/
|
|
7
13
|
readonly themeService: AccordionThemeService;
|
|
14
|
+
/**
|
|
15
|
+
* List of `AccordionPanelComponent`
|
|
16
|
+
*/
|
|
8
17
|
readonly accordionPanelChildren: import("@angular/core").Signal<readonly AccordionPanelComponent[]>;
|
|
18
|
+
/**
|
|
19
|
+
* Does the opened `AccordionPanelComponent` stay open if another one is opening
|
|
20
|
+
*
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
9
23
|
isAlwaysOpen: import("@angular/core").ModelSignal<boolean>;
|
|
24
|
+
/**
|
|
25
|
+
* Set the accordion color and every child default color
|
|
26
|
+
*
|
|
27
|
+
* @default primary
|
|
28
|
+
*/
|
|
10
29
|
color: import("@angular/core").ModelSignal<keyof AccordionColors>;
|
|
30
|
+
/**
|
|
31
|
+
* Set the accordion as flush or not
|
|
32
|
+
*
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
11
35
|
isFlush: import("@angular/core").ModelSignal<boolean>;
|
|
36
|
+
/**
|
|
37
|
+
* Set the custom style for this accordion
|
|
38
|
+
*/
|
|
12
39
|
customStyle: import("@angular/core").ModelSignal<{
|
|
13
40
|
root?: {
|
|
14
41
|
base?: string | undefined;
|
|
@@ -29,6 +56,9 @@ export declare class AccordionComponent extends BaseComponent<AccordionClass> {
|
|
|
29
56
|
}>;
|
|
30
57
|
fetchClass(): AccordionClass;
|
|
31
58
|
verify(): void;
|
|
59
|
+
/**
|
|
60
|
+
* Close every `AccordionPanelComponent`
|
|
61
|
+
*/
|
|
32
62
|
closeAll(): void;
|
|
33
63
|
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
|
|
34
64
|
static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "flowbite-accordion", never, { "isAlwaysOpen": { "alias": "isAlwaysOpen"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "isFlush": { "alias": "isFlush"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "isAlwaysOpen": "isAlwaysOpenChange"; "color": "colorChange"; "isFlush": "isFlushChange"; "customStyle": "customStyleChange"; }, ["accordionPanelChildren"], ["*"], true, never>;
|
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Available colors for `AccordionComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface AccordionColors extends Pick<FlowbiteColors, 'primary' | 'light' | 'blue' | 'red' | 'green' | 'yellow'> {
|
|
3
6
|
[key: string]: string;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Required properties for the class generation of `AccordionComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface AccordionProperties {
|
|
6
12
|
color: keyof AccordionColors;
|
|
7
13
|
isFlush: keyof FlowbiteBoolean;
|
|
8
14
|
customStyle: DeepPartial<AccordionTheme>;
|
|
9
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* Theme definition for `AccordionComponent`
|
|
18
|
+
*/
|
|
10
19
|
export interface AccordionTheme {
|
|
11
20
|
root: {
|
|
12
21
|
base: string;
|
|
@@ -14,5 +23,11 @@ export interface AccordionTheme {
|
|
|
14
23
|
isFlush: FlowbiteBoolean;
|
|
15
24
|
};
|
|
16
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* Default theme for `AccordionComponent`
|
|
28
|
+
*/
|
|
17
29
|
export declare const accordionTheme: AccordionTheme;
|
|
30
|
+
/**
|
|
31
|
+
* Generated class definition for `AccordionComponent`
|
|
32
|
+
*/
|
|
18
33
|
export type AccordionClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { AccordionClass, AccordionProperties, AccordionTheme } from './accordion.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 `AccordionTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_ACCORDION_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_ACCORDION_THEME_TOKEN: InjectionToken<AccordionTheme>;
|
|
5
14
|
export declare class AccordionThemeService implements FlowbiteThemeService<AccordionProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: AccordionProperties): AccordionClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AccordionThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AccordionThemeService>;
|
|
8
19
|
}
|
|
@@ -5,13 +5,43 @@ import { IconRegistry } from 'flowbite-angular/icon';
|
|
|
5
5
|
import type { OnInit, TemplateRef } from '@angular/core';
|
|
6
6
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
/**
|
|
9
|
+
* @see https://flowbite.com/docs/components/alerts/
|
|
10
|
+
*/
|
|
8
11
|
export declare class AlertComponent extends BaseComponent<AlertClass> implements OnInit {
|
|
12
|
+
/**
|
|
13
|
+
* Service injected used to generate class
|
|
14
|
+
*/
|
|
9
15
|
readonly themeService: AlertThemeService;
|
|
16
|
+
/**
|
|
17
|
+
* `IcoRegistry` service
|
|
18
|
+
*/
|
|
10
19
|
readonly iconRegistry: IconRegistry;
|
|
20
|
+
/**
|
|
21
|
+
* `DomSanitizer` service
|
|
22
|
+
*/
|
|
11
23
|
readonly domSanitizer: DomSanitizer;
|
|
24
|
+
/**
|
|
25
|
+
* Set the indicator color
|
|
26
|
+
*
|
|
27
|
+
* @default primary
|
|
28
|
+
*/
|
|
12
29
|
color: import("@angular/core").ModelSignal<"primary" | "dark" | "blue" | "red" | "green" | "yellow">;
|
|
30
|
+
/**
|
|
31
|
+
* Set if the alert has border
|
|
32
|
+
*
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
13
35
|
hasBorder: import("@angular/core").ModelSignal<boolean>;
|
|
36
|
+
/**
|
|
37
|
+
* Set if the alert has border accent
|
|
38
|
+
*
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
14
41
|
hasBorderAccent: import("@angular/core").ModelSignal<boolean>;
|
|
42
|
+
/**
|
|
43
|
+
* Set the custom style for this alert
|
|
44
|
+
*/
|
|
15
45
|
customStyle: import("@angular/core").ModelSignal<{
|
|
16
46
|
root?: {
|
|
17
47
|
base?: string | undefined;
|
|
@@ -44,12 +74,35 @@ export declare class AlertComponent extends BaseComponent<AlertClass> implements
|
|
|
44
74
|
} | undefined;
|
|
45
75
|
} | undefined;
|
|
46
76
|
}>;
|
|
77
|
+
/**
|
|
78
|
+
* Set the custom icon
|
|
79
|
+
*
|
|
80
|
+
* @default null
|
|
81
|
+
*/
|
|
47
82
|
icon: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
|
|
83
|
+
/**
|
|
84
|
+
* Set the additional content
|
|
85
|
+
*
|
|
86
|
+
* @default null
|
|
87
|
+
*/
|
|
48
88
|
additionalContent: import("@angular/core").ModelSignal<TemplateRef<unknown> | null>;
|
|
89
|
+
/**
|
|
90
|
+
* Set if the alert is dismissable
|
|
91
|
+
*
|
|
92
|
+
* @default false
|
|
93
|
+
*/
|
|
49
94
|
isDismissable: import("@angular/core").ModelSignal<boolean>;
|
|
95
|
+
/**
|
|
96
|
+
* Set the function called when the alert is dismissed
|
|
97
|
+
*
|
|
98
|
+
* @default undefined
|
|
99
|
+
*/
|
|
50
100
|
onDismiss: import("@angular/core").ModelSignal<(() => void | undefined) | undefined>;
|
|
51
101
|
fetchClass(): AlertClass;
|
|
52
102
|
init(): void;
|
|
103
|
+
/**
|
|
104
|
+
* Call the onDismiss function if it's not undefined
|
|
105
|
+
*/
|
|
53
106
|
onDismissClick(): void;
|
|
54
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
|
|
55
108
|
static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "flowbite-alert", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "hasBorderAccent": { "alias": "hasBorderAccent"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "additionalContent": { "alias": "additionalContent"; "required": false; "isSignal": true; }; "isDismissable": { "alias": "isDismissable"; "required": false; "isSignal": true; }; "onDismiss": { "alias": "onDismiss"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "hasBorder": "hasBorderChange"; "hasBorderAccent": "hasBorderAccentChange"; "customStyle": "customStyleChange"; "icon": "iconChange"; "additionalContent": "additionalContentChange"; "isDismissable": "isDismissableChange"; "onDismiss": "onDismissChange"; }, never, ["*"], true, never>;
|
package/alert/alert.theme.d.ts
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Available colors for `AlertComponent`
|
|
4
|
+
*/
|
|
2
5
|
export type AlertColors = Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow'>;
|
|
6
|
+
/**
|
|
7
|
+
* Required properties for the class generation of `AlertComponent`
|
|
8
|
+
*/
|
|
3
9
|
export interface AlertProperties {
|
|
4
10
|
color: keyof AlertColors;
|
|
5
11
|
hasBorder: keyof FlowbiteBoolean;
|
|
6
12
|
hasBorderAccent: keyof FlowbiteBoolean;
|
|
7
13
|
customStyle: DeepPartial<AlertTheme>;
|
|
8
14
|
}
|
|
15
|
+
/**
|
|
16
|
+
* Theme definition for `AlertComponent`
|
|
17
|
+
*/
|
|
9
18
|
export interface AlertTheme {
|
|
10
19
|
root: {
|
|
11
20
|
base: string;
|
|
@@ -18,7 +27,13 @@ export interface AlertTheme {
|
|
|
18
27
|
color: AlertColors;
|
|
19
28
|
};
|
|
20
29
|
}
|
|
30
|
+
/**
|
|
31
|
+
* Default theme for `AlertComponent`
|
|
32
|
+
*/
|
|
21
33
|
export declare const alertTheme: AlertTheme;
|
|
34
|
+
/**
|
|
35
|
+
* Generated class definition for `AlertComponent`
|
|
36
|
+
*/
|
|
22
37
|
export interface AlertClass extends FlowbiteClass {
|
|
23
38
|
closeButtonClass: string;
|
|
24
39
|
}
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { AlertClass, AlertProperties, AlertTheme } from './alert.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 `AlertTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_ALERT_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_ALERT_THEME_TOKEN: InjectionToken<AlertTheme>;
|
|
5
14
|
export declare class AlertThemeService implements FlowbiteThemeService<AlertProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: AlertProperties): AlertClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AlertThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<AlertThemeService>;
|
|
8
19
|
}
|
|
@@ -7,12 +7,41 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
* @see https://flowbite.com/docs/components/badge/
|
|
8
8
|
*/
|
|
9
9
|
export declare class BadgeComponent extends BaseComponent<BadgeClass> {
|
|
10
|
+
/**
|
|
11
|
+
* Optional `FlowbiteRouterLinkDirective` injected
|
|
12
|
+
*/
|
|
10
13
|
readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
|
|
14
|
+
/**
|
|
15
|
+
* Service injected used to generate class
|
|
16
|
+
*/
|
|
11
17
|
readonly themeService: BadgeThemeService;
|
|
18
|
+
/**
|
|
19
|
+
* Set the badge color
|
|
20
|
+
*
|
|
21
|
+
* @default primary
|
|
22
|
+
*/
|
|
12
23
|
color: import("@angular/core").ModelSignal<keyof BadgeColors>;
|
|
24
|
+
/**
|
|
25
|
+
* Set the badge size
|
|
26
|
+
*
|
|
27
|
+
* @default xs
|
|
28
|
+
*/
|
|
13
29
|
size: import("@angular/core").ModelSignal<keyof BadgeSizes>;
|
|
30
|
+
/**
|
|
31
|
+
* Set if the badge is icon only
|
|
32
|
+
*
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
14
35
|
isIconOnly: import("@angular/core").ModelSignal<boolean>;
|
|
36
|
+
/**
|
|
37
|
+
* Set if the badge is pill
|
|
38
|
+
*
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
15
41
|
isPill: import("@angular/core").ModelSignal<boolean>;
|
|
42
|
+
/**
|
|
43
|
+
* Set the custom style for this badge
|
|
44
|
+
*/
|
|
16
45
|
customStyle: import("@angular/core").ModelSignal<{
|
|
17
46
|
root?: {
|
|
18
47
|
base?: string | undefined;
|
package/badge/badge.theme.d.ts
CHANGED
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors, FlowbiteSizes, RouterLinkParameter } from 'flowbite-angular';
|
|
2
|
+
/**
|
|
3
|
+
* Available colors for `BadgeComponent`
|
|
4
|
+
*/
|
|
2
5
|
export interface BadgeColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink'> {
|
|
3
6
|
[key: string]: string;
|
|
4
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Available sizes for `BadgeComponent`
|
|
10
|
+
*/
|
|
5
11
|
export interface BadgeSizes extends Pick<FlowbiteSizes, 'xs' | 'sm'> {
|
|
6
12
|
[key: string]: string;
|
|
7
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* Required properties for the class generation of `BadgeComponent`
|
|
16
|
+
*/
|
|
8
17
|
export interface BadgeProperties {
|
|
9
18
|
color: keyof BadgeColors;
|
|
10
19
|
size: keyof BadgeSizes;
|
|
@@ -13,6 +22,9 @@ export interface BadgeProperties {
|
|
|
13
22
|
link: RouterLinkParameter;
|
|
14
23
|
customStyle: DeepPartial<BadgeTheme>;
|
|
15
24
|
}
|
|
25
|
+
/**
|
|
26
|
+
* Theme definition for `BadgeComponent`
|
|
27
|
+
*/
|
|
16
28
|
export interface BadgeTheme {
|
|
17
29
|
root: {
|
|
18
30
|
base: string;
|
|
@@ -23,5 +35,11 @@ export interface BadgeTheme {
|
|
|
23
35
|
link: FlowbiteBoolean;
|
|
24
36
|
};
|
|
25
37
|
}
|
|
38
|
+
/**
|
|
39
|
+
* Default theme for `BadgeComponent`
|
|
40
|
+
*/
|
|
26
41
|
export declare const badgeTheme: BadgeTheme;
|
|
42
|
+
/**
|
|
43
|
+
* Generated class definition for `BadgeComponent`
|
|
44
|
+
*/
|
|
27
45
|
export type BadgeClass = FlowbiteClass;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
1
|
import type { BadgeClass, BadgeProperties, BadgeTheme } from './badge.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 `BadgeTheme` value
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```
|
|
10
|
+
* var theme = inject(FLOWBITE_BADGE_THEME_TOKEN)
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
4
13
|
export declare const FLOWBITE_BADGE_THEME_TOKEN: InjectionToken<BadgeTheme>;
|
|
5
14
|
export declare class BadgeThemeService implements FlowbiteThemeService<BadgeProperties> {
|
|
6
15
|
private readonly baseTheme;
|
|
7
16
|
getClasses(properties: BadgeProperties): BadgeClass;
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeThemeService, never>;
|
|
18
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<BadgeThemeService>;
|
|
8
19
|
}
|
|
@@ -3,12 +3,48 @@ import { Guid } from 'flowbite-angular/utils';
|
|
|
3
3
|
import type { OnInit } from '@angular/core';
|
|
4
4
|
import { Injector } from '@angular/core';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* Base abstract component.
|
|
8
|
+
* Every flowbite-angular components has to extends on this one.
|
|
9
|
+
*/
|
|
6
10
|
export declare abstract class BaseComponent<TClass extends FlowbiteClass> implements OnInit {
|
|
11
|
+
/**
|
|
12
|
+
* `Injector` instance injected to be used as an injector context where there is no default one.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```
|
|
16
|
+
* public ngOnInit(): void {
|
|
17
|
+
* afterNextRender(
|
|
18
|
+
* () => {},
|
|
19
|
+
* { injector: this.injector }
|
|
20
|
+
* );
|
|
21
|
+
* }
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
7
24
|
readonly injector: Injector;
|
|
25
|
+
/**
|
|
26
|
+
* Auto generated GUID for each flowbite-angular component
|
|
27
|
+
*
|
|
28
|
+
* Its default value is 00000000-0000-0000-0000-000000000000, and is set to a random GUID inside the `afterNextRender` hook
|
|
29
|
+
*/
|
|
8
30
|
readonly flowbiteId: import("@angular/core").WritableSignal<Guid>;
|
|
31
|
+
/**
|
|
32
|
+
* Computed signal storing the component classes used in its template
|
|
33
|
+
*/
|
|
9
34
|
contentClasses: import("@angular/core").Signal<TClass>;
|
|
35
|
+
/**
|
|
36
|
+
* Initialize component.
|
|
37
|
+
*
|
|
38
|
+
* A call to verify and init function is done. Then a new Guid is set in the `afterNextRender` hook.
|
|
39
|
+
*/
|
|
10
40
|
ngOnInit(): void;
|
|
41
|
+
/**
|
|
42
|
+
* Function loaded during `OnInit` lifecycle hook. It initialize requirments for the component.
|
|
43
|
+
*/
|
|
11
44
|
init(): void;
|
|
45
|
+
/**
|
|
46
|
+
* Function loaded during the `OnInit` lifecycle hook. It ensure that required initialization is done.
|
|
47
|
+
*/
|
|
12
48
|
verify(): void;
|
|
13
49
|
/**
|
|
14
50
|
* Function to load component's classes
|