flowbite-angular 1.0.0-beta.1 → 1.1.0
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/README.md +15 -15
- package/accordion/accordion-content.component.d.ts +21 -1
- package/accordion/accordion-content.theme.d.ts +2 -2
- package/accordion/accordion-panel.component.d.ts +10 -3
- package/accordion/accordion-title.component.d.ts +27 -0
- package/accordion/accordion.component.d.ts +10 -14
- package/accordion/accordion.theme.d.ts +1 -5
- package/accordion/index.d.ts +4 -4
- package/alert/alert.component.d.ts +42 -1
- package/alert/index.d.ts +1 -1
- package/badge/badge.component.d.ts +40 -0
- package/badge/index.d.ts +1 -1
- package/base-component.directive.d.ts +0 -4
- package/breadcrumb/breadcrumb-item.component.d.ts +19 -0
- package/breadcrumb/breadcrumb.component.d.ts +8 -1
- package/breadcrumb/index.d.ts +2 -2
- package/button/button.component.d.ts +100 -1
- package/button/index.d.ts +1 -1
- package/dark-theme-toggle/dark-theme-toggle.component.d.ts +12 -17
- package/dark-theme-toggle/index.d.ts +1 -1
- package/dropdown/dropdown-divider.component.d.ts +13 -2
- package/dropdown/dropdown-divider.theme.d.ts +2 -2
- package/dropdown/dropdown-header.component.d.ts +19 -2
- package/dropdown/dropdown-item.component.d.ts +7 -0
- package/dropdown/dropdown.component.d.ts +39 -13
- package/dropdown/index.d.ts +4 -4
- package/esm2022/accordion/accordion-content.component.mjs +30 -16
- package/esm2022/accordion/accordion-content.theme.mjs +5 -5
- package/esm2022/accordion/accordion-content.theme.service.mjs +2 -2
- package/esm2022/accordion/accordion-panel.component.mjs +18 -15
- package/esm2022/accordion/accordion-title.component.mjs +14 -8
- package/esm2022/accordion/accordion-title.theme.mjs +3 -3
- package/esm2022/accordion/accordion.component.mjs +29 -16
- package/esm2022/accordion/accordion.theme.mjs +1 -13
- package/esm2022/accordion/accordion.theme.service.mjs +2 -2
- package/esm2022/accordion/index.mjs +5 -5
- package/esm2022/alert/alert.component.mjs +93 -37
- package/esm2022/alert/index.mjs +2 -2
- package/esm2022/badge/badge.component.mjs +34 -9
- package/esm2022/badge/index.mjs +2 -2
- package/esm2022/base-component.directive.mjs +1 -7
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +14 -8
- package/esm2022/breadcrumb/breadcrumb.component.mjs +16 -11
- package/esm2022/breadcrumb/index.mjs +3 -3
- package/esm2022/button/button.component.mjs +72 -34
- package/esm2022/button/index.mjs +2 -2
- package/esm2022/core/flowbite.theme.init.mjs +48 -14
- package/esm2022/dark-theme-toggle/dark-theme-toggle.component.mjs +17 -42
- package/esm2022/dark-theme-toggle/index.mjs +2 -2
- package/esm2022/dropdown/dropdown-divider.component.mjs +10 -5
- package/esm2022/dropdown/dropdown-divider.theme.mjs +1 -1
- package/esm2022/dropdown/dropdown-header.component.mjs +13 -10
- package/esm2022/dropdown/dropdown-item.component.mjs +10 -5
- package/esm2022/dropdown/dropdown.component.mjs +51 -72
- package/esm2022/dropdown/dropdown.theme.mjs +6 -6
- package/esm2022/dropdown/index.mjs +5 -5
- package/esm2022/indicator/index.mjs +2 -2
- package/esm2022/indicator/indicators.component.mjs +64 -14
- package/esm2022/modal/index.mjs +5 -5
- package/esm2022/modal/modal-body.component.mjs +10 -5
- package/esm2022/modal/modal-footer.component.mjs +10 -5
- package/esm2022/modal/modal-header.component.mjs +16 -10
- package/esm2022/modal/modal.component.mjs +42 -23
- package/esm2022/navbar/index.mjs +7 -7
- package/esm2022/navbar/navbar-brand.component.mjs +10 -5
- package/esm2022/navbar/navbar-content.component.mjs +35 -11
- package/esm2022/navbar/navbar-content.theme.mjs +2 -6
- package/esm2022/navbar/navbar-content.theme.service.mjs +2 -2
- package/esm2022/navbar/navbar-icon-button.component.mjs +10 -9
- package/esm2022/navbar/navbar-item.component.mjs +10 -5
- package/esm2022/navbar/navbar-toggle.component.mjs +12 -6
- package/esm2022/navbar/navbar.component.mjs +41 -16
- package/esm2022/scroll-top/index.mjs +2 -2
- package/esm2022/scroll-top/scroll-top.component.mjs +22 -5
- package/esm2022/sidebar/index.mjs +7 -7
- package/esm2022/sidebar/sidebar-item-group.component.mjs +19 -14
- package/esm2022/sidebar/sidebar-item.component.mjs +45 -26
- package/esm2022/sidebar/sidebar-menu.component.mjs +10 -9
- package/esm2022/sidebar/sidebar-page-content.component.mjs +10 -4
- package/esm2022/sidebar/sidebar-toggle.component.mjs +22 -5
- package/esm2022/sidebar/sidebar.component.mjs +36 -19
- package/esm2022/theme/flowbite-angular-theme.mjs +5 -0
- package/esm2022/theme/flowbite-theme.directive.mjs +71 -0
- package/esm2022/theme/index.mjs +2 -0
- package/fesm2022/flowbite-angular-accordion.mjs +92 -66
- package/fesm2022/flowbite-angular-accordion.mjs.map +1 -1
- package/fesm2022/flowbite-angular-alert.mjs +93 -37
- package/fesm2022/flowbite-angular-alert.mjs.map +1 -1
- package/fesm2022/flowbite-angular-badge.mjs +34 -9
- package/fesm2022/flowbite-angular-badge.mjs.map +1 -1
- package/fesm2022/flowbite-angular-breadcrumb.mjs +28 -16
- package/fesm2022/flowbite-angular-breadcrumb.mjs.map +1 -1
- package/fesm2022/flowbite-angular-button.mjs +72 -34
- package/fesm2022/flowbite-angular-button.mjs.map +1 -1
- package/fesm2022/flowbite-angular-core.mjs +47 -13
- package/fesm2022/flowbite-angular-core.mjs.map +1 -1
- package/fesm2022/flowbite-angular-dark-theme-toggle.mjs +17 -42
- package/fesm2022/flowbite-angular-dark-theme-toggle.mjs.map +1 -1
- package/fesm2022/flowbite-angular-dropdown.mjs +83 -88
- package/fesm2022/flowbite-angular-dropdown.mjs.map +1 -1
- package/fesm2022/flowbite-angular-indicator.mjs +64 -14
- package/fesm2022/flowbite-angular-indicator.mjs.map +1 -1
- package/fesm2022/flowbite-angular-modal.mjs +72 -34
- package/fesm2022/flowbite-angular-modal.mjs.map +1 -1
- package/fesm2022/flowbite-angular-navbar.mjs +109 -43
- package/fesm2022/flowbite-angular-navbar.mjs.map +1 -1
- package/fesm2022/flowbite-angular-scroll-top.mjs +22 -5
- package/fesm2022/flowbite-angular-scroll-top.mjs.map +1 -1
- package/fesm2022/flowbite-angular-sidebar.mjs +132 -65
- package/fesm2022/flowbite-angular-sidebar.mjs.map +1 -1
- package/fesm2022/flowbite-angular-theme.mjs +78 -0
- package/fesm2022/flowbite-angular-theme.mjs.map +1 -0
- package/fesm2022/flowbite-angular.mjs +0 -6
- package/fesm2022/flowbite-angular.mjs.map +1 -1
- package/indicator/index.d.ts +1 -1
- package/indicator/indicators.component.d.ts +81 -0
- package/modal/index.d.ts +4 -4
- package/modal/modal-body.component.d.ts +7 -0
- package/modal/modal-footer.component.d.ts +7 -0
- package/modal/modal-header.component.d.ts +13 -0
- package/modal/modal.component.d.ts +40 -2
- package/navbar/index.d.ts +6 -6
- package/navbar/navbar-brand.component.d.ts +7 -0
- package/navbar/navbar-content.component.d.ts +13 -4
- package/navbar/navbar-content.theme.d.ts +1 -3
- package/navbar/navbar-icon-button.component.d.ts +12 -1
- package/navbar/navbar-item.component.d.ts +12 -0
- package/navbar/navbar-toggle.component.d.ts +7 -0
- package/navbar/navbar.component.d.ts +30 -2
- package/package.json +7 -2
- package/scroll-top/index.d.ts +1 -1
- package/scroll-top/scroll-top.component.d.ts +31 -0
- package/sidebar/index.d.ts +6 -6
- package/sidebar/sidebar-item-group.component.d.ts +19 -1
- package/sidebar/sidebar-item.component.d.ts +21 -1
- package/sidebar/sidebar-menu.component.d.ts +25 -1
- package/sidebar/sidebar-page-content.component.d.ts +12 -0
- package/sidebar/sidebar-toggle.component.d.ts +22 -0
- package/sidebar/sidebar.component.d.ts +17 -3
- package/theme/README.md +4 -0
- package/theme/flowbite-theme.directive.d.ts +36 -0
- package/theme/index.d.ts +1 -0
package/README.md
CHANGED
|
@@ -84,29 +84,29 @@ module.exports = {
|
|
|
84
84
|
</tr>
|
|
85
85
|
<tr>
|
|
86
86
|
<td width="33.3333%">
|
|
87
|
-
<a href="https://flowbite-angular.com
|
|
87
|
+
<a href="https://flowbite-angular.com/docs/components/alert">
|
|
88
88
|
<img alt="Tailwind CSS Alerts" src="https://flowbite.s3.amazonaws.com/github/alerts.jpg">
|
|
89
89
|
</a>
|
|
90
90
|
</td>
|
|
91
91
|
<td width="33.3333%">
|
|
92
|
-
<a href="https://flowbite-angular.com
|
|
92
|
+
<a href="https://flowbite-angular.com/docs/components/badge">
|
|
93
93
|
<img alt="Tailwind CSS Badge" src="https://flowbite.s3.amazonaws.com/github/badge.jpg">
|
|
94
94
|
</a>
|
|
95
95
|
</td>
|
|
96
96
|
<td width="33.3333%">
|
|
97
|
-
<a href="https://flowbite-angular.com
|
|
97
|
+
<a href="https://flowbite-angular.com/docs/components/breadcrumb">
|
|
98
98
|
<img alt="Tailwind CSS Breadcrumbs" src="https://flowbite.s3.amazonaws.com/github/breadcrumbs.jpg">
|
|
99
99
|
</a>
|
|
100
100
|
</td>
|
|
101
101
|
</tr>
|
|
102
102
|
<tr>
|
|
103
|
-
<td width="33.3333%"
|
|
103
|
+
<td width="33.3333%">Buttons</td>
|
|
104
104
|
<td width="33.3333%">:construction: Button group</td>
|
|
105
105
|
<td width="33.3333%">:construction: Cards</td>
|
|
106
106
|
</tr>
|
|
107
107
|
<tr>
|
|
108
108
|
<td width="33.3333%">
|
|
109
|
-
<a href="https://flowbite-angular.com
|
|
109
|
+
<a href="https://flowbite-angular.com/docs/components/button">
|
|
110
110
|
<img alt="Tailwind CSS Buttons" src="https://flowbite.s3.amazonaws.com/github/buttons.jpg">
|
|
111
111
|
</a>
|
|
112
112
|
</td>
|
|
@@ -122,13 +122,13 @@ module.exports = {
|
|
|
122
122
|
</td>
|
|
123
123
|
</tr>
|
|
124
124
|
<tr>
|
|
125
|
-
<td width="33.3333%"
|
|
125
|
+
<td width="33.3333%">Dropdown</td>
|
|
126
126
|
<td width="33.3333%">:construction: Forms</td>
|
|
127
127
|
<td width="33.3333%">:construction: List group</td>
|
|
128
128
|
</tr>
|
|
129
129
|
<tr>
|
|
130
130
|
<td width="33.3333%">
|
|
131
|
-
<a href="https://flowbite-angular.com
|
|
131
|
+
<a href="https://flowbite-angular.com/docs/components/dropdown">
|
|
132
132
|
<img alt="Tailwind CSS Dropdown" src="https://flowbite.s3.amazonaws.com/github/dropdown.jpg">
|
|
133
133
|
</a>
|
|
134
134
|
</td>
|
|
@@ -145,7 +145,7 @@ module.exports = {
|
|
|
145
145
|
</tr>
|
|
146
146
|
<tr>
|
|
147
147
|
<td width="33.3333%">:construction: Typography</td>
|
|
148
|
-
<td width="33.3333%"
|
|
148
|
+
<td width="33.3333%">Modal</td>
|
|
149
149
|
<td width="33.3333%">:construction: Tabs</td>
|
|
150
150
|
</tr>
|
|
151
151
|
<tr>
|
|
@@ -155,7 +155,7 @@ module.exports = {
|
|
|
155
155
|
</a>
|
|
156
156
|
</td>
|
|
157
157
|
<td width="33.3333%">
|
|
158
|
-
<a href="https://flowbite-angular.com
|
|
158
|
+
<a href="https://flowbite-angular.com/docs/components/modal">
|
|
159
159
|
<img alt="Tailwind CSS Modal" src="https://flowbite.s3.amazonaws.com/github/modal.jpg">
|
|
160
160
|
</a>
|
|
161
161
|
</td>
|
|
@@ -166,13 +166,13 @@ module.exports = {
|
|
|
166
166
|
</td>
|
|
167
167
|
</tr>
|
|
168
168
|
<tr>
|
|
169
|
-
<td width="33.3333%"
|
|
169
|
+
<td width="33.3333%">Navbar</td>
|
|
170
170
|
<td width="33.3333%">:construction: Pagination</td>
|
|
171
171
|
<td width="33.3333%">:construction: Timeline</td>
|
|
172
172
|
</tr>
|
|
173
173
|
<tr>
|
|
174
174
|
<td width="33.3333%">
|
|
175
|
-
<a href="https://flowbite-angular.com
|
|
175
|
+
<a href="https://flowbite-angular.com/docs/components/navbar">
|
|
176
176
|
<img alt="Tailwind CSS Navbar" src="https://flowbite.s3.amazonaws.com/github/navbar.jpg">
|
|
177
177
|
</a>
|
|
178
178
|
</td>
|
|
@@ -233,8 +233,8 @@ module.exports = {
|
|
|
233
233
|
</tr>
|
|
234
234
|
<tr>
|
|
235
235
|
<td width="33.3333%">:construction: Footer</td>
|
|
236
|
-
<td width="33.3333%"
|
|
237
|
-
<td width="33.3333%"
|
|
236
|
+
<td width="33.3333%">Accordion</td>
|
|
237
|
+
<td width="33.3333%">Sidebar</td>
|
|
238
238
|
</tr>
|
|
239
239
|
<tr>
|
|
240
240
|
<td width="33.3333%">
|
|
@@ -243,12 +243,12 @@ module.exports = {
|
|
|
243
243
|
</a>
|
|
244
244
|
</td>
|
|
245
245
|
<td width="33.3333%">
|
|
246
|
-
<a href="https://flowbite-angular.com
|
|
246
|
+
<a href="https://flowbite-angular.com/docs/components/accordion">
|
|
247
247
|
<img alt="Tailwind CSS Accordion" src="https://flowbite.s3.amazonaws.com/github/accordion.jpg">
|
|
248
248
|
</a>
|
|
249
249
|
</td>
|
|
250
250
|
<td width="33.3333%">
|
|
251
|
-
<a href="https://flowbite-angular.com
|
|
251
|
+
<a href="https://flowbite-angular.com/docs/components/sidebar">
|
|
252
252
|
<img alt="Tailwind CSS Sidebar" src="https://flowbite.s3.amazonaws.com/github/sidebar.jpg">
|
|
253
253
|
</a>
|
|
254
254
|
</td>
|
|
@@ -3,7 +3,27 @@ import { AccordionContentThemeService } from './accordion-content.theme.service'
|
|
|
3
3
|
import { AccordionPanelComponent } from './accordion-panel.component';
|
|
4
4
|
import type { AccordionColors } from './accordion.theme';
|
|
5
5
|
import { BaseComponent } from 'flowbite-angular';
|
|
6
|
+
import { InjectionToken } from '@angular/core';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
8
|
+
export declare const FLOWBITE_ACCORDION_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
9
|
+
root?: {
|
|
10
|
+
base?: string | undefined;
|
|
11
|
+
color?: {
|
|
12
|
+
[x: string]: string | undefined;
|
|
13
|
+
primary?: string | undefined;
|
|
14
|
+
light?: string | undefined;
|
|
15
|
+
blue?: string | undefined;
|
|
16
|
+
red?: string | undefined;
|
|
17
|
+
green?: string | undefined;
|
|
18
|
+
yellow?: string | undefined;
|
|
19
|
+
} | undefined;
|
|
20
|
+
isFlush?: {
|
|
21
|
+
enabled?: string | undefined;
|
|
22
|
+
disabled?: string | undefined;
|
|
23
|
+
} | undefined;
|
|
24
|
+
} | undefined;
|
|
25
|
+
}>;
|
|
26
|
+
export declare const accordionContentDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
7
27
|
/**
|
|
8
28
|
* @see https://flowbite.com/docs/components/accordion/
|
|
9
29
|
*/
|
|
@@ -37,7 +57,7 @@ export declare class AccordionContentComponent extends BaseComponent<AccordionCo
|
|
|
37
57
|
green?: string | undefined;
|
|
38
58
|
yellow?: string | undefined;
|
|
39
59
|
} | undefined;
|
|
40
|
-
|
|
60
|
+
isFlush?: {
|
|
41
61
|
enabled?: string | undefined;
|
|
42
62
|
disabled?: string | undefined;
|
|
43
63
|
} | undefined;
|
|
@@ -5,7 +5,7 @@ import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angul
|
|
|
5
5
|
*/
|
|
6
6
|
export interface AccordionContentProperties {
|
|
7
7
|
color: keyof AccordionColors;
|
|
8
|
-
|
|
8
|
+
isFlush: keyof FlowbiteBoolean;
|
|
9
9
|
customStyle: DeepPartial<AccordionContentTheme>;
|
|
10
10
|
}
|
|
11
11
|
/**
|
|
@@ -15,7 +15,7 @@ export interface AccordionContentTheme {
|
|
|
15
15
|
root: {
|
|
16
16
|
base: string;
|
|
17
17
|
color: AccordionColors;
|
|
18
|
-
|
|
18
|
+
isFlush: FlowbiteBoolean;
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
@@ -6,7 +6,15 @@ import { AccordionComponent } from './accordion.component';
|
|
|
6
6
|
import type { AccordionColors } from './accordion.theme';
|
|
7
7
|
import { BaseComponent } from 'flowbite-angular';
|
|
8
8
|
import type { OnInit } from '@angular/core';
|
|
9
|
+
import { InjectionToken } from '@angular/core';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
11
|
+
export declare const FLOWBITE_ACCORDION_PANEL_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
12
|
+
export declare const FLOWBITE_ACCORDION_PANEL_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
13
|
+
root?: {
|
|
14
|
+
base?: string | undefined;
|
|
15
|
+
} | undefined;
|
|
16
|
+
}>;
|
|
17
|
+
export declare const accordionPanelDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
10
18
|
/**
|
|
11
19
|
* @see https://flowbite.com/docs/components/accordion/
|
|
12
20
|
*/
|
|
@@ -22,11 +30,11 @@ export declare class AccordionPanelComponent extends BaseComponent<AccordionPane
|
|
|
22
30
|
/**
|
|
23
31
|
* The child `AccordionTitleComponent`
|
|
24
32
|
*/
|
|
25
|
-
readonly accordionTitleChild: import("@angular/core").Signal<AccordionTitleComponent
|
|
33
|
+
readonly accordionTitleChild: import("@angular/core").Signal<AccordionTitleComponent>;
|
|
26
34
|
/**
|
|
27
35
|
* The child `AccordionContentComponent`
|
|
28
36
|
*/
|
|
29
|
-
readonly accordionContentChild: import("@angular/core").Signal<AccordionContentComponent
|
|
37
|
+
readonly accordionContentChild: import("@angular/core").Signal<AccordionContentComponent>;
|
|
30
38
|
/**
|
|
31
39
|
* Set the accordion panel color
|
|
32
40
|
*
|
|
@@ -48,7 +56,6 @@ export declare class AccordionPanelComponent extends BaseComponent<AccordionPane
|
|
|
48
56
|
} | undefined;
|
|
49
57
|
}>;
|
|
50
58
|
fetchClass(): AccordionPanelClass;
|
|
51
|
-
verify(): void;
|
|
52
59
|
/**
|
|
53
60
|
* Toggle isOpen for itself and close every other `AccordionPanelComponent` if the parent `AccordionComponent`'s isAlwaysOpen is false
|
|
54
61
|
*
|
|
@@ -5,8 +5,35 @@ import type { AccordionColors } from './accordion.theme';
|
|
|
5
5
|
import { BaseComponent } from 'flowbite-angular';
|
|
6
6
|
import { IconRegistry } from 'flowbite-angular/icon';
|
|
7
7
|
import type { OnInit } from '@angular/core';
|
|
8
|
+
import { InjectionToken } from '@angular/core';
|
|
8
9
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
11
|
+
export declare const FLOWBITE_ACCORDION_TITLE_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
12
|
+
root?: {
|
|
13
|
+
base?: string | undefined;
|
|
14
|
+
color?: {
|
|
15
|
+
[x: string]: string | undefined;
|
|
16
|
+
primary?: string | undefined;
|
|
17
|
+
light?: string | undefined;
|
|
18
|
+
blue?: string | undefined;
|
|
19
|
+
red?: string | undefined;
|
|
20
|
+
green?: string | undefined;
|
|
21
|
+
yellow?: string | undefined;
|
|
22
|
+
} | undefined;
|
|
23
|
+
isFlush?: {
|
|
24
|
+
enabled?: string | undefined;
|
|
25
|
+
disabled?: string | undefined;
|
|
26
|
+
} | undefined;
|
|
27
|
+
isOpen?: {
|
|
28
|
+
enabled?: string | undefined;
|
|
29
|
+
disabled?: string | undefined;
|
|
30
|
+
} | undefined;
|
|
31
|
+
} | undefined;
|
|
32
|
+
text?: {
|
|
33
|
+
base?: string | undefined;
|
|
34
|
+
} | undefined;
|
|
35
|
+
}>;
|
|
36
|
+
export declare const accordionTitleDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
10
37
|
/**
|
|
11
38
|
* @see https://flowbite.com/docs/components/accordion/
|
|
12
39
|
*/
|
|
@@ -2,7 +2,17 @@ import { AccordionPanelComponent } from './accordion-panel.component';
|
|
|
2
2
|
import type { AccordionClass, AccordionColors } from './accordion.theme';
|
|
3
3
|
import { AccordionThemeService } from './accordion.theme.service';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
|
+
import { InjectionToken } from '@angular/core';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
export declare const FLOWBITE_ACCORDION_IS_ALWAYS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
8
|
+
export declare const FLOWBITE_ACCORDION_COLOR_DEFAULT_VALUE: InjectionToken<keyof AccordionColors>;
|
|
9
|
+
export declare const FLOWBITE_ACCORDION_IS_FLUSH_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
10
|
+
export declare const FLOWBITE_ACCORDION_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
11
|
+
root?: {
|
|
12
|
+
base?: string | undefined;
|
|
13
|
+
} | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const accordionDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
6
16
|
/**
|
|
7
17
|
* @see https://flowbite.com/docs/components/accordion/
|
|
8
18
|
*/
|
|
@@ -39,23 +49,9 @@ export declare class AccordionComponent extends BaseComponent<AccordionClass> {
|
|
|
39
49
|
customStyle: import("@angular/core").ModelSignal<{
|
|
40
50
|
root?: {
|
|
41
51
|
base?: string | undefined;
|
|
42
|
-
color?: {
|
|
43
|
-
[x: string]: string | undefined;
|
|
44
|
-
primary?: string | undefined;
|
|
45
|
-
light?: string | undefined;
|
|
46
|
-
blue?: string | undefined;
|
|
47
|
-
red?: string | undefined;
|
|
48
|
-
green?: string | undefined;
|
|
49
|
-
yellow?: string | undefined;
|
|
50
|
-
} | undefined;
|
|
51
|
-
isFlush?: {
|
|
52
|
-
enabled?: string | undefined;
|
|
53
|
-
disabled?: string | undefined;
|
|
54
|
-
} | undefined;
|
|
55
52
|
} | undefined;
|
|
56
53
|
}>;
|
|
57
54
|
fetchClass(): AccordionClass;
|
|
58
|
-
verify(): void;
|
|
59
55
|
/**
|
|
60
56
|
* Close every `AccordionPanelComponent`
|
|
61
57
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { DeepPartial,
|
|
1
|
+
import type { DeepPartial, FlowbiteClass, FlowbiteColors } from 'flowbite-angular';
|
|
2
2
|
/**
|
|
3
3
|
* Available colors for `AccordionComponent`
|
|
4
4
|
*/
|
|
@@ -9,8 +9,6 @@ export interface AccordionColors extends Pick<FlowbiteColors, 'primary' | 'light
|
|
|
9
9
|
* Required properties for the class generation of `AccordionComponent`
|
|
10
10
|
*/
|
|
11
11
|
export interface AccordionProperties {
|
|
12
|
-
color: keyof AccordionColors;
|
|
13
|
-
isFlush: keyof FlowbiteBoolean;
|
|
14
12
|
customStyle: DeepPartial<AccordionTheme>;
|
|
15
13
|
}
|
|
16
14
|
/**
|
|
@@ -19,8 +17,6 @@ export interface AccordionProperties {
|
|
|
19
17
|
export interface AccordionTheme {
|
|
20
18
|
root: {
|
|
21
19
|
base: string;
|
|
22
|
-
color: AccordionColors;
|
|
23
|
-
isFlush: FlowbiteBoolean;
|
|
24
20
|
};
|
|
25
21
|
}
|
|
26
22
|
/**
|
package/accordion/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export { AccordionComponent } from './accordion.component';
|
|
1
|
+
export { AccordionComponent, FLOWBITE_ACCORDION_IS_ALWAYS_OPEN_DEFAULT_VALUE, FLOWBITE_ACCORDION_COLOR_DEFAULT_VALUE, FLOWBITE_ACCORDION_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_ACCORDION_IS_FLUSH_DEFAULT_VALUE, accordionDefaultValueProvider, } from './accordion.component';
|
|
2
2
|
export type { AccordionProperties, AccordionClass, AccordionTheme, AccordionColors, } from './accordion.theme';
|
|
3
3
|
export { accordionTheme } from './accordion.theme';
|
|
4
4
|
export { AccordionThemeService, FLOWBITE_ACCORDION_THEME_TOKEN } from './accordion.theme.service';
|
|
5
|
-
export { AccordionContentComponent } from './accordion-content.component';
|
|
5
|
+
export { AccordionContentComponent, FLOWBITE_ACCORDION_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE, accordionContentDefaultValueProvider, } from './accordion-content.component';
|
|
6
6
|
export type { AccordionContentProperties, AccordionContentClass, AccordionContentTheme, } from './accordion-content.theme';
|
|
7
7
|
export { accordionContentTheme } from './accordion-content.theme';
|
|
8
8
|
export { AccordionContentThemeService, FLOWBITE_ACCORDION_CONTENT_THEME_TOKEN, } from './accordion-content.theme.service';
|
|
9
|
-
export { AccordionPanelComponent } from './accordion-panel.component';
|
|
9
|
+
export { AccordionPanelComponent, FLOWBITE_ACCORDION_PANEL_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_ACCORDION_PANEL_IS_OPEN_DEFAULT_VALUE, accordionPanelDefaultValueProvider, } from './accordion-panel.component';
|
|
10
10
|
export type { AccordionPanelProperties, AccordionPanelClass, AccordionPanelTheme, } from './accordion-panel.theme';
|
|
11
11
|
export { accordionPanelTheme } from './accordion-panel.theme';
|
|
12
12
|
export { AccordionPanelThemeService, FLOWBITE_ACCORDION_PANEL_THEME_TOKEN, } from './accordion-panel.theme.service';
|
|
13
|
-
export { AccordionTitleComponent } from './accordion-title.component';
|
|
13
|
+
export { AccordionTitleComponent, FLOWBITE_ACCORDION_TITLE_CUSTOM_STYLE_DEFAULT_VALUE, accordionTitleDefaultValueProvider, } from './accordion-title.component';
|
|
14
14
|
export type { AccordionTitleProperties, AccordionTitleTheme, AccordionTitleClass, } from './accordion-title.theme';
|
|
15
15
|
export { accordionTitleTheme } from './accordion-title.theme';
|
|
16
16
|
export { AccordionTitleThemeService, FLOWBITE_ACCORDION_TITLE_THEME_TOKEN, } from './accordion-title.theme.service';
|
|
@@ -3,8 +3,49 @@ import { AlertThemeService } from './alert.theme.service';
|
|
|
3
3
|
import { BaseComponent } from 'flowbite-angular';
|
|
4
4
|
import { IconRegistry } from 'flowbite-angular/icon';
|
|
5
5
|
import type { OnInit, TemplateRef } from '@angular/core';
|
|
6
|
+
import { InjectionToken } from '@angular/core';
|
|
6
7
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
9
|
+
export declare const FLOWBITE_ALERT_COLOR_DEFAULT_VALUE: InjectionToken<"primary" | "dark" | "blue" | "red" | "green" | "yellow">;
|
|
10
|
+
export declare const FLOWBITE_ALERT_HAS_BORDER_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
11
|
+
export declare const FLOWBITE_ALERT_HAS_BORDER_ACCENT_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
12
|
+
export declare const FLOWBITE_ALERT_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
13
|
+
root?: {
|
|
14
|
+
base?: string | undefined;
|
|
15
|
+
color?: {
|
|
16
|
+
primary?: string | undefined;
|
|
17
|
+
dark?: string | undefined;
|
|
18
|
+
blue?: string | undefined;
|
|
19
|
+
red?: string | undefined;
|
|
20
|
+
green?: string | undefined;
|
|
21
|
+
yellow?: string | undefined;
|
|
22
|
+
} | undefined;
|
|
23
|
+
hasBorder?: {
|
|
24
|
+
enabled?: string | undefined;
|
|
25
|
+
disabled?: string | undefined;
|
|
26
|
+
} | undefined;
|
|
27
|
+
hasBorderAccent?: {
|
|
28
|
+
enabled?: string | undefined;
|
|
29
|
+
disabled?: string | undefined;
|
|
30
|
+
} | undefined;
|
|
31
|
+
} | undefined;
|
|
32
|
+
closeButton?: {
|
|
33
|
+
base?: string | undefined;
|
|
34
|
+
color?: {
|
|
35
|
+
primary?: string | undefined;
|
|
36
|
+
dark?: string | undefined;
|
|
37
|
+
blue?: string | undefined;
|
|
38
|
+
red?: string | undefined;
|
|
39
|
+
green?: string | undefined;
|
|
40
|
+
yellow?: string | undefined;
|
|
41
|
+
} | undefined;
|
|
42
|
+
} | undefined;
|
|
43
|
+
}>;
|
|
44
|
+
export declare const FLOWBITE_ALERT_ICON_DEFAULT_VALUE: InjectionToken<TemplateRef<unknown> | null>;
|
|
45
|
+
export declare const FLOWBITE_ALERT_ADDITIONAL_CONTENT_DEFAULT_VALUE: InjectionToken<TemplateRef<unknown> | null>;
|
|
46
|
+
export declare const FLOWBITE_ALERT_IS_DISMISSABLE_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
47
|
+
export declare const FLOWBITE_ALERT_ON_DISMISS_DEFAULT_VALUE: InjectionToken<(() => void) | undefined>;
|
|
48
|
+
export declare const alertDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
8
49
|
/**
|
|
9
50
|
* @see https://flowbite.com/docs/components/alerts/
|
|
10
51
|
*/
|
|
@@ -97,7 +138,7 @@ export declare class AlertComponent extends BaseComponent<AlertClass> implements
|
|
|
97
138
|
*
|
|
98
139
|
* @default undefined
|
|
99
140
|
*/
|
|
100
|
-
onDismiss: import("@angular/core").ModelSignal<(() => void
|
|
141
|
+
onDismiss: import("@angular/core").ModelSignal<(() => void) | undefined>;
|
|
101
142
|
fetchClass(): AlertClass;
|
|
102
143
|
init(): void;
|
|
103
144
|
/**
|
package/alert/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AlertComponent } from './alert.component';
|
|
1
|
+
export { AlertComponent, FLOWBITE_ALERT_ADDITIONAL_CONTENT_DEFAULT_VALUE, FLOWBITE_ALERT_COLOR_DEFAULT_VALUE, FLOWBITE_ALERT_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_ALERT_HAS_BORDER_ACCENT_DEFAULT_VALUE, FLOWBITE_ALERT_HAS_BORDER_DEFAULT_VALUE, FLOWBITE_ALERT_ICON_DEFAULT_VALUE, FLOWBITE_ALERT_IS_DISMISSABLE_DEFAULT_VALUE, FLOWBITE_ALERT_ON_DISMISS_DEFAULT_VALUE, alertDefaultValueProvider, } from './alert.component';
|
|
2
2
|
export type { AlertProperties, AlertClass, AlertColors, AlertTheme } from './alert.theme';
|
|
3
3
|
export { alertTheme } from './alert.theme';
|
|
4
4
|
export { AlertThemeService, FLOWBITE_ALERT_THEME_TOKEN } from './alert.theme.service';
|
|
@@ -2,7 +2,47 @@ import type { BadgeClass, BadgeColors, BadgeSizes } from './badge.theme';
|
|
|
2
2
|
import { BadgeThemeService } from './badge.theme.service';
|
|
3
3
|
import { BaseComponent } from 'flowbite-angular';
|
|
4
4
|
import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
|
|
5
|
+
import { InjectionToken } from '@angular/core';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
export declare const FLOWBITE_BADGE_COLOR_DEFAULT_VALUE: InjectionToken<keyof BadgeColors>;
|
|
8
|
+
export declare const FLOWBITE_BADGE_SIZE_DEFAULT_VALUE: InjectionToken<keyof BadgeSizes>;
|
|
9
|
+
export declare const FLOWBITE_BADGE_IS_ICON_ONLY_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
10
|
+
export declare const FLOWBITE_BADGE_IS_PILL_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
11
|
+
export declare const FLOWBITE_BADGE_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
12
|
+
root?: {
|
|
13
|
+
base?: string | undefined;
|
|
14
|
+
color?: {
|
|
15
|
+
[x: string]: string | undefined;
|
|
16
|
+
primary?: string | undefined;
|
|
17
|
+
dark?: string | undefined;
|
|
18
|
+
blue?: string | undefined;
|
|
19
|
+
red?: string | undefined;
|
|
20
|
+
green?: string | undefined;
|
|
21
|
+
yellow?: string | undefined;
|
|
22
|
+
indigo?: string | undefined;
|
|
23
|
+
purple?: string | undefined;
|
|
24
|
+
pink?: string | undefined;
|
|
25
|
+
} | undefined;
|
|
26
|
+
size?: {
|
|
27
|
+
[x: string]: string | undefined;
|
|
28
|
+
xs?: string | undefined;
|
|
29
|
+
sm?: string | undefined;
|
|
30
|
+
} | undefined;
|
|
31
|
+
isPill?: {
|
|
32
|
+
enabled?: string | undefined;
|
|
33
|
+
disabled?: string | undefined;
|
|
34
|
+
} | undefined;
|
|
35
|
+
isIconOnly?: {
|
|
36
|
+
enabled?: string | undefined;
|
|
37
|
+
disabled?: string | undefined;
|
|
38
|
+
} | undefined;
|
|
39
|
+
link?: {
|
|
40
|
+
enabled?: string | undefined;
|
|
41
|
+
disabled?: string | undefined;
|
|
42
|
+
} | undefined;
|
|
43
|
+
} | undefined;
|
|
44
|
+
}>;
|
|
45
|
+
export declare const badgeDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
6
46
|
/**
|
|
7
47
|
* @see https://flowbite.com/docs/components/badge/
|
|
8
48
|
*/
|
package/badge/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { BadgeComponent } from './badge.component';
|
|
1
|
+
export { BadgeComponent, FLOWBITE_BADGE_COLOR_DEFAULT_VALUE, FLOWBITE_BADGE_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_BADGE_IS_ICON_ONLY_DEFAULT_VALUE, FLOWBITE_BADGE_IS_PILL_DEFAULT_VALUE, FLOWBITE_BADGE_SIZE_DEFAULT_VALUE, badgeDefaultValueProvider, } from './badge.component';
|
|
2
2
|
export type { BadgeProperties, BadgeClass, BadgeColors, BadgeSizes, BadgeTheme, } from './badge.theme';
|
|
3
3
|
export { badgeTheme } from './badge.theme';
|
|
4
4
|
export { BadgeThemeService, FLOWBITE_BADGE_THEME_TOKEN } from './badge.theme.service';
|
|
@@ -42,10 +42,6 @@ export declare abstract class BaseComponent<TClass extends FlowbiteClass> implem
|
|
|
42
42
|
* Function loaded during `OnInit` lifecycle hook. It initialize requirments for the component.
|
|
43
43
|
*/
|
|
44
44
|
init(): void;
|
|
45
|
-
/**
|
|
46
|
-
* Function loaded during the `OnInit` lifecycle hook. It ensure that required initialization is done.
|
|
47
|
-
*/
|
|
48
|
-
verify(): void;
|
|
49
45
|
/**
|
|
50
46
|
* Function to load component's classes
|
|
51
47
|
*/
|
|
@@ -6,8 +6,27 @@ import { BaseComponent } from 'flowbite-angular';
|
|
|
6
6
|
import { IconRegistry } from 'flowbite-angular/icon';
|
|
7
7
|
import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
|
|
8
8
|
import type { OnInit } from '@angular/core';
|
|
9
|
+
import { InjectionToken } from '@angular/core';
|
|
9
10
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
12
|
+
export declare const FLOWBITE_BREADCRUMB_ITEM_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
13
|
+
root?: {
|
|
14
|
+
base?: string | undefined;
|
|
15
|
+
color?: {
|
|
16
|
+
[x: string]: string | undefined;
|
|
17
|
+
primary?: string | undefined;
|
|
18
|
+
dark?: string | undefined;
|
|
19
|
+
blue?: string | undefined;
|
|
20
|
+
red?: string | undefined;
|
|
21
|
+
green?: string | undefined;
|
|
22
|
+
yellow?: string | undefined;
|
|
23
|
+
} | undefined;
|
|
24
|
+
} | undefined;
|
|
25
|
+
icon?: {
|
|
26
|
+
base?: string | undefined;
|
|
27
|
+
} | undefined;
|
|
28
|
+
}>;
|
|
29
|
+
export declare const breadcrumbItemDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
11
30
|
/**
|
|
12
31
|
* @see https://flowbite.com/docs/components/breadcrumb/
|
|
13
32
|
*/
|
|
@@ -2,7 +2,15 @@ import { BreadcrumbItemComponent } from './breadcrumb-item.component';
|
|
|
2
2
|
import type { BreadcrumbClass, BreadcrumbColors } from './breadcrumb.theme';
|
|
3
3
|
import { BreadcrumbThemeService } from './breadcrumb.theme.service';
|
|
4
4
|
import { BaseComponent } from 'flowbite-angular';
|
|
5
|
+
import { InjectionToken } from '@angular/core';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
export declare const FLOWBITE_BREADCRUMB_COLOR_DEFAULT_VALUE: InjectionToken<keyof BreadcrumbColors>;
|
|
8
|
+
export declare const FLOWBITE_BREADCRUMB_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
9
|
+
root?: {
|
|
10
|
+
base?: string | undefined;
|
|
11
|
+
} | undefined;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const breadcrumbDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
6
14
|
/**
|
|
7
15
|
* @see https://flowbite.com/docs/components/breadcrumb/
|
|
8
16
|
*/
|
|
@@ -30,7 +38,6 @@ export declare class BreadcrumbComponent extends BaseComponent<BreadcrumbClass>
|
|
|
30
38
|
} | undefined;
|
|
31
39
|
}>;
|
|
32
40
|
fetchClass(): BreadcrumbClass;
|
|
33
|
-
verify(): void;
|
|
34
41
|
static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
|
|
35
42
|
static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "flowbite-breadcrumb", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, ["breadcrumbItemChildren"], ["*"], true, never>;
|
|
36
43
|
}
|
package/breadcrumb/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export { BreadcrumbComponent } from './breadcrumb.component';
|
|
1
|
+
export { BreadcrumbComponent, FLOWBITE_BREADCRUMB_COLOR_DEFAULT_VALUE, FLOWBITE_BREADCRUMB_CUSTOM_STYLE_DEFAULT_VALUE, breadcrumbDefaultValueProvider, } from './breadcrumb.component';
|
|
2
2
|
export type { BreadcrumbProperties, BreadcrumbClass, BreadcrumbTheme, BreadcrumbColors, } from './breadcrumb.theme';
|
|
3
3
|
export { breadcrumbTheme } from './breadcrumb.theme';
|
|
4
4
|
export { BreadcrumbThemeService, FLOWBITE_BREADCRUMB_THEME_TOKEN, } from './breadcrumb.theme.service';
|
|
5
|
-
export { BreadcrumbItemComponent } from './breadcrumb-item.component';
|
|
5
|
+
export { BreadcrumbItemComponent, FLOWBITE_BREADCRUMB_ITEM_CUSTOM_STYLE_DEFAULT_VALUE, breadcrumbItemDefaultValueProvider, } from './breadcrumb-item.component';
|
|
6
6
|
export type { BreadcrumbItemProperties, BreadcrumbItemClass, BreadcrumbItemTheme, } from './breadcrumb-item.theme';
|
|
7
7
|
export { breadcrumbItemTheme } from './breadcrumb-item.theme';
|
|
8
8
|
export { BreadcrumbItemThemeService, FLOWBITE_BREADCRUMB_ITEM_THEME_TOKEN, } from './breadcrumb-item.theme.service';
|
|
@@ -1,7 +1,106 @@
|
|
|
1
1
|
import type { ButtonClass, ButtonColors, ButtonFill, ButtonMonochromeColors, ButtonSizes } from './button.theme';
|
|
2
2
|
import { ButtonThemeService } from './button.theme.service';
|
|
3
3
|
import { BaseComponent } from 'flowbite-angular';
|
|
4
|
+
import { InjectionToken } from '@angular/core';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
export declare const FLOWBITE_BUTTON_COLOR_DEFAULT_VALUE: InjectionToken<keyof ButtonColors>;
|
|
7
|
+
export declare const FLOWBITE_BUTTON_SIZE_DEFAULT_VALUE: InjectionToken<keyof ButtonSizes>;
|
|
8
|
+
export declare const FLOWBITE_BUTTON_IS_PILL_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
9
|
+
export declare const FLOWBITE_BUTTON_FILL_DEFAULT_VALUE: InjectionToken<keyof ButtonFill>;
|
|
10
|
+
export declare const FLOWBITE_BUTTON_IS_DISABLED_DEFAULT_VALUE: InjectionToken<boolean>;
|
|
11
|
+
export declare const FLOWBITE_BUTTON_GRADIENT_MONOCHROME_DEFAULT_VALUE: InjectionToken<keyof ButtonMonochromeColors | undefined>;
|
|
12
|
+
export declare const FLOWBITE_BUTTON_GRADIENT_DUOTONE_DEFAULT_VALUE: InjectionToken<"purpleToBlue" | "cyanToBlue" | "greenToBlue" | "purpleToPink" | "pinkToOrange" | "tealToLime" | "redToYellow" | undefined>;
|
|
13
|
+
export declare const FLOWBITE_BUTTON_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
|
|
14
|
+
root?: {
|
|
15
|
+
base?: {
|
|
16
|
+
default?: string | undefined;
|
|
17
|
+
span?: string | undefined;
|
|
18
|
+
} | undefined;
|
|
19
|
+
color?: {
|
|
20
|
+
[x: string]: {
|
|
21
|
+
solid?: string | undefined;
|
|
22
|
+
outline?: string | undefined;
|
|
23
|
+
} | undefined;
|
|
24
|
+
[x: number]: {
|
|
25
|
+
solid?: string | undefined;
|
|
26
|
+
outline?: string | undefined;
|
|
27
|
+
} | undefined;
|
|
28
|
+
} | undefined;
|
|
29
|
+
gradientMonochrome?: {
|
|
30
|
+
[x: string]: string | undefined;
|
|
31
|
+
blue?: string | undefined;
|
|
32
|
+
red?: string | undefined;
|
|
33
|
+
green?: string | undefined;
|
|
34
|
+
purple?: string | undefined;
|
|
35
|
+
cyan?: string | undefined;
|
|
36
|
+
lime?: string | undefined;
|
|
37
|
+
pink?: string | undefined;
|
|
38
|
+
teal?: string | undefined;
|
|
39
|
+
} | undefined;
|
|
40
|
+
gradientDuoTone?: {
|
|
41
|
+
purpleToBlue?: {
|
|
42
|
+
solid?: string | undefined;
|
|
43
|
+
outline?: string | undefined;
|
|
44
|
+
} | undefined;
|
|
45
|
+
cyanToBlue?: {
|
|
46
|
+
solid?: string | undefined;
|
|
47
|
+
outline?: string | undefined;
|
|
48
|
+
} | undefined;
|
|
49
|
+
greenToBlue?: {
|
|
50
|
+
solid?: string | undefined;
|
|
51
|
+
outline?: string | undefined;
|
|
52
|
+
} | undefined;
|
|
53
|
+
purpleToPink?: {
|
|
54
|
+
solid?: string | undefined;
|
|
55
|
+
outline?: string | undefined;
|
|
56
|
+
} | undefined;
|
|
57
|
+
pinkToOrange?: {
|
|
58
|
+
solid?: string | undefined;
|
|
59
|
+
outline?: string | undefined;
|
|
60
|
+
} | undefined;
|
|
61
|
+
tealToLime?: {
|
|
62
|
+
solid?: string | undefined;
|
|
63
|
+
outline?: string | undefined;
|
|
64
|
+
} | undefined;
|
|
65
|
+
redToYellow?: {
|
|
66
|
+
solid?: string | undefined;
|
|
67
|
+
outline?: string | undefined;
|
|
68
|
+
} | undefined;
|
|
69
|
+
} | undefined;
|
|
70
|
+
size?: {
|
|
71
|
+
[x: string]: string | undefined;
|
|
72
|
+
xs?: string | undefined;
|
|
73
|
+
sm?: string | undefined;
|
|
74
|
+
md?: string | undefined;
|
|
75
|
+
lg?: string | undefined;
|
|
76
|
+
xl?: string | undefined;
|
|
77
|
+
} | undefined;
|
|
78
|
+
isPill?: {
|
|
79
|
+
enabled?: string | undefined;
|
|
80
|
+
disabled?: string | undefined;
|
|
81
|
+
} | undefined;
|
|
82
|
+
isDisabled?: {
|
|
83
|
+
enabled?: string | undefined;
|
|
84
|
+
disabled?: string | undefined;
|
|
85
|
+
} | undefined;
|
|
86
|
+
} | undefined;
|
|
87
|
+
span?: {
|
|
88
|
+
base?: string | undefined;
|
|
89
|
+
isPill?: {
|
|
90
|
+
enabled?: string | undefined;
|
|
91
|
+
disabled?: string | undefined;
|
|
92
|
+
} | undefined;
|
|
93
|
+
size?: {
|
|
94
|
+
[x: string]: string | undefined;
|
|
95
|
+
xs?: string | undefined;
|
|
96
|
+
sm?: string | undefined;
|
|
97
|
+
md?: string | undefined;
|
|
98
|
+
lg?: string | undefined;
|
|
99
|
+
xl?: string | undefined;
|
|
100
|
+
} | undefined;
|
|
101
|
+
} | undefined;
|
|
102
|
+
}>;
|
|
103
|
+
export declare const buttonDefaultValueProvider: import("@angular/core").EnvironmentProviders;
|
|
5
104
|
/**
|
|
6
105
|
* @see https://flowbite.com/docs/components/buttons/
|
|
7
106
|
*/
|
|
@@ -147,5 +246,5 @@ export declare class ButtonComponent extends BaseComponent<ButtonClass> {
|
|
|
147
246
|
}>;
|
|
148
247
|
fetchClass(): ButtonClass;
|
|
149
248
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
150
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "flowbite-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isPill": { "alias": "isPill"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "gradientMonochrome": { "alias": "gradientMonochrome"; "required": false; "isSignal": true; }; "gradientDuoTone": { "alias": "gradientDuoTone"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "size": "sizeChange"; "isPill": "isPillChange"; "fill": "fillChange"; "isDisabled": "isDisabledChange"; "gradientMonochrome": "gradientMonochromeChange"; "gradientDuoTone": "gradientDuoToneChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
|
|
249
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "flowbite-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isPill": { "alias": "isPill"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "gradientMonochrome": { "alias": "gradientMonochrome"; "required": false; "isSignal": true; }; "gradientDuoTone": { "alias": "gradientDuoTone"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "size": "sizeChange"; "isPill": "isPillChange"; "fill": "fillChange"; "isDisabled": "isDisabledChange"; "gradientMonochrome": "gradientMonochromeChange"; "gradientDuoTone": "gradientDuoToneChange"; "customStyle": "customStyleChange"; }, never, ["*", "*", "*"], true, never>;
|
|
151
250
|
}
|