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.
Files changed (236) hide show
  1. package/accordion/accordion-content.component.d.ts +17 -0
  2. package/accordion/accordion-content.theme.d.ts +12 -0
  3. package/accordion/accordion-content.theme.service.d.ts +11 -0
  4. package/accordion/accordion-panel.component.d.ts +33 -0
  5. package/accordion/accordion-panel.theme.d.ts +12 -0
  6. package/accordion/accordion-panel.theme.service.d.ts +11 -0
  7. package/accordion/accordion-title.component.d.ts +26 -0
  8. package/accordion/accordion-title.theme.d.ts +12 -0
  9. package/accordion/accordion-title.theme.service.d.ts +11 -0
  10. package/accordion/accordion.component.d.ts +30 -0
  11. package/accordion/accordion.theme.d.ts +15 -0
  12. package/accordion/accordion.theme.service.d.ts +11 -0
  13. package/alert/alert.component.d.ts +53 -0
  14. package/alert/alert.theme.d.ts +15 -0
  15. package/alert/alert.theme.service.d.ts +11 -0
  16. package/badge/badge.component.d.ts +29 -0
  17. package/badge/badge.theme.d.ts +18 -0
  18. package/badge/badge.theme.service.d.ts +11 -0
  19. package/base-component.directive.d.ts +36 -0
  20. package/breadcrumb/breadcrumb-item.component.d.ts +26 -0
  21. package/breadcrumb/breadcrumb-item.theme.d.ts +12 -0
  22. package/breadcrumb/breadcrumb-item.theme.service.d.ts +11 -0
  23. package/breadcrumb/breadcrumb.component.d.ts +14 -0
  24. package/breadcrumb/breadcrumb.theme.d.ts +15 -0
  25. package/breadcrumb/breadcrumb.theme.service.d.ts +11 -0
  26. package/button/button.component.d.ts +41 -0
  27. package/button/button.theme.d.ts +30 -0
  28. package/button/button.theme.service.d.ts +11 -0
  29. package/dark-theme-toggle/dark-theme-toggle.component.d.ts +32 -0
  30. package/dark-theme-toggle/dark-theme-toggle.theme.d.ts +12 -0
  31. package/dark-theme-toggle/dark-theme-toggle.theme.service.d.ts +11 -0
  32. package/dropdown/dropdown-divider.component.d.ts +12 -0
  33. package/dropdown/dropdown-divider.theme.d.ts +12 -0
  34. package/dropdown/dropdown-divider.theme.service.d.ts +11 -0
  35. package/dropdown/dropdown-header.component.d.ts +12 -0
  36. package/dropdown/dropdown-header.theme.d.ts +12 -0
  37. package/dropdown/dropdown-header.theme.service.d.ts +11 -0
  38. package/dropdown/dropdown-item.component.d.ts +12 -0
  39. package/dropdown/dropdown-item.theme.d.ts +12 -0
  40. package/dropdown/dropdown-item.theme.service.d.ts +11 -0
  41. package/dropdown/dropdown.component.d.ts +39 -0
  42. package/dropdown/dropdown.theme.d.ts +15 -0
  43. package/dropdown/dropdown.theme.service.d.ts +11 -0
  44. package/esm2022/accordion/accordion-content.component.mjs +18 -1
  45. package/esm2022/accordion/accordion-content.theme.mjs +4 -1
  46. package/esm2022/accordion/accordion-content.theme.service.mjs +19 -2
  47. package/esm2022/accordion/accordion-panel.component.mjs +34 -1
  48. package/esm2022/accordion/accordion-panel.theme.mjs +4 -1
  49. package/esm2022/accordion/accordion-panel.theme.service.mjs +19 -2
  50. package/esm2022/accordion/accordion-title.component.mjs +27 -1
  51. package/esm2022/accordion/accordion-title.theme.mjs +4 -1
  52. package/esm2022/accordion/accordion-title.theme.service.mjs +19 -2
  53. package/esm2022/accordion/accordion.component.mjs +31 -1
  54. package/esm2022/accordion/accordion.theme.mjs +4 -1
  55. package/esm2022/accordion/accordion.theme.service.mjs +19 -2
  56. package/esm2022/alert/alert.component.mjs +54 -1
  57. package/esm2022/alert/alert.theme.mjs +4 -1
  58. package/esm2022/alert/alert.theme.service.mjs +19 -2
  59. package/esm2022/badge/badge.component.mjs +30 -1
  60. package/esm2022/badge/badge.theme.mjs +4 -1
  61. package/esm2022/badge/badge.theme.service.mjs +19 -2
  62. package/esm2022/base-component.directive.mjs +37 -1
  63. package/esm2022/breadcrumb/breadcrumb-item.component.mjs +27 -1
  64. package/esm2022/breadcrumb/breadcrumb-item.theme.mjs +4 -1
  65. package/esm2022/breadcrumb/breadcrumb-item.theme.service.mjs +19 -2
  66. package/esm2022/breadcrumb/breadcrumb.component.mjs +15 -1
  67. package/esm2022/breadcrumb/breadcrumb.theme.mjs +4 -1
  68. package/esm2022/breadcrumb/breadcrumb.theme.service.mjs +19 -2
  69. package/esm2022/button/button.component.mjs +42 -1
  70. package/esm2022/button/button.theme.mjs +4 -1
  71. package/esm2022/button/button.theme.service.mjs +19 -2
  72. package/esm2022/core/flowbite.theme.init.mjs +3 -3
  73. package/esm2022/dark-theme-toggle/dark-theme-toggle.component.mjs +33 -1
  74. package/esm2022/dark-theme-toggle/dark-theme-toggle.theme.mjs +4 -1
  75. package/esm2022/dark-theme-toggle/dark-theme-toggle.theme.service.mjs +19 -2
  76. package/esm2022/dropdown/dropdown-divider.component.mjs +13 -1
  77. package/esm2022/dropdown/dropdown-divider.theme.mjs +4 -1
  78. package/esm2022/dropdown/dropdown-divider.theme.service.mjs +19 -2
  79. package/esm2022/dropdown/dropdown-header.component.mjs +13 -1
  80. package/esm2022/dropdown/dropdown-header.theme.mjs +4 -1
  81. package/esm2022/dropdown/dropdown-header.theme.service.mjs +19 -2
  82. package/esm2022/dropdown/dropdown-item.component.mjs +13 -1
  83. package/esm2022/dropdown/dropdown-item.theme.mjs +4 -1
  84. package/esm2022/dropdown/dropdown-item.theme.service.mjs +19 -2
  85. package/esm2022/dropdown/dropdown.component.mjs +40 -1
  86. package/esm2022/dropdown/dropdown.theme.mjs +4 -1
  87. package/esm2022/dropdown/dropdown.theme.service.mjs +19 -2
  88. package/esm2022/flowbite.theme.service.mjs +2 -12
  89. package/esm2022/indicator/indicators.component.mjs +52 -1
  90. package/esm2022/indicator/indicators.theme.mjs +4 -1
  91. package/esm2022/indicator/indicators.theme.service.mjs +19 -2
  92. package/esm2022/modal/modal-body.component.mjs +13 -1
  93. package/esm2022/modal/modal-body.theme.mjs +4 -1
  94. package/esm2022/modal/modal-body.theme.service.mjs +19 -2
  95. package/esm2022/modal/modal-footer.component.mjs +13 -1
  96. package/esm2022/modal/modal-footer.theme.mjs +4 -1
  97. package/esm2022/modal/modal-footer.theme.service.mjs +19 -2
  98. package/esm2022/modal/modal-header.component.mjs +19 -1
  99. package/esm2022/modal/modal-header.theme.mjs +4 -1
  100. package/esm2022/modal/modal-header.theme.service.mjs +19 -2
  101. package/esm2022/modal/modal.component.mjs +36 -1
  102. package/esm2022/modal/modal.theme.service.mjs +19 -2
  103. package/esm2022/navbar/index.mjs +2 -2
  104. package/esm2022/navbar/navbar-brand.component.mjs +13 -1
  105. package/esm2022/navbar/navbar-brand.theme.mjs +4 -1
  106. package/esm2022/navbar/navbar-brand.theme.service.mjs +19 -2
  107. package/esm2022/navbar/navbar-content.component.mjs +15 -1
  108. package/esm2022/navbar/navbar-content.theme.mjs +4 -1
  109. package/esm2022/navbar/navbar-content.theme.service.mjs +19 -2
  110. package/esm2022/navbar/navbar-icon-button.component.mjs +22 -1
  111. package/esm2022/navbar/navbar-icon-button.theme.mjs +4 -1
  112. package/esm2022/navbar/navbar-icon-button.theme.service.mjs +20 -3
  113. package/esm2022/navbar/navbar-item.component.mjs +27 -1
  114. package/esm2022/navbar/navbar-item.theme.mjs +4 -1
  115. package/esm2022/navbar/navbar-item.theme.service.mjs +19 -2
  116. package/esm2022/navbar/navbar-toggle.component.mjs +22 -1
  117. package/esm2022/navbar/navbar-toggle.theme.mjs +5 -2
  118. package/esm2022/navbar/navbar-toggle.theme.service.mjs +19 -2
  119. package/esm2022/navbar/navbar.component.mjs +46 -1
  120. package/esm2022/navbar/navbar.theme.service.mjs +19 -2
  121. package/esm2022/router-link/flowbite-router-link.directive.mjs +13 -1
  122. package/esm2022/router-link-active/flowbite-router-link-active.directive.mjs +13 -1
  123. package/esm2022/sanitize-html/sanitize-html.pipe.mjs +3 -3
  124. package/esm2022/scroll-top/scroll-top.component.mjs +29 -1
  125. package/esm2022/scroll-top/scroll-top.theme.mjs +4 -1
  126. package/esm2022/scroll-top/scroll-top.theme.service.mjs +19 -2
  127. package/esm2022/sidebar/sidebar-item-group.component.mjs +43 -6
  128. package/esm2022/sidebar/sidebar-item-group.theme.mjs +4 -1
  129. package/esm2022/sidebar/sidebar-item-group.theme.service.mjs +19 -2
  130. package/esm2022/sidebar/sidebar-item.component.mjs +43 -5
  131. package/esm2022/sidebar/sidebar-item.theme.mjs +4 -1
  132. package/esm2022/sidebar/sidebar-item.theme.service.mjs +19 -2
  133. package/esm2022/sidebar/sidebar-menu.component.mjs +27 -1
  134. package/esm2022/sidebar/sidebar-menu.theme.mjs +4 -1
  135. package/esm2022/sidebar/sidebar-menu.theme.service.mjs +19 -2
  136. package/esm2022/sidebar/sidebar-page-content.component.mjs +13 -1
  137. package/esm2022/sidebar/sidebar-page-content.theme.mjs +4 -1
  138. package/esm2022/sidebar/sidebar-page-content.theme.service.mjs +19 -2
  139. package/esm2022/sidebar/sidebar-toggle.component.mjs +34 -1
  140. package/esm2022/sidebar/sidebar-toggle.theme.mjs +4 -1
  141. package/esm2022/sidebar/sidebar-toggle.theme.service.mjs +19 -2
  142. package/esm2022/sidebar/sidebar.component.mjs +38 -1
  143. package/esm2022/sidebar/sidebar.theme.service.mjs +19 -2
  144. package/esm2022/type-definitions/colors/flowbite.gradient-colors.mjs +1 -1
  145. package/fesm2022/flowbite-angular-accordion.mjs +183 -1
  146. package/fesm2022/flowbite-angular-accordion.mjs.map +1 -1
  147. package/fesm2022/flowbite-angular-alert.mjs +73 -1
  148. package/fesm2022/flowbite-angular-alert.mjs.map +1 -1
  149. package/fesm2022/flowbite-angular-badge.mjs +49 -1
  150. package/fesm2022/flowbite-angular-badge.mjs.map +1 -1
  151. package/fesm2022/flowbite-angular-breadcrumb.mjs +79 -1
  152. package/fesm2022/flowbite-angular-breadcrumb.mjs.map +1 -1
  153. package/fesm2022/flowbite-angular-button.mjs +61 -1
  154. package/fesm2022/flowbite-angular-button.mjs.map +1 -1
  155. package/fesm2022/flowbite-angular-core.mjs +2 -2
  156. package/fesm2022/flowbite-angular-core.mjs.map +1 -1
  157. package/fesm2022/flowbite-angular-dark-theme-toggle.mjs +52 -1
  158. package/fesm2022/flowbite-angular-dark-theme-toggle.mjs.map +1 -1
  159. package/fesm2022/flowbite-angular-dropdown.mjs +152 -1
  160. package/fesm2022/flowbite-angular-dropdown.mjs.map +1 -1
  161. package/fesm2022/flowbite-angular-indicator.mjs +71 -1
  162. package/fesm2022/flowbite-angular-indicator.mjs.map +1 -1
  163. package/fesm2022/flowbite-angular-modal.mjs +151 -1
  164. package/fesm2022/flowbite-angular-modal.mjs.map +1 -1
  165. package/fesm2022/flowbite-angular-navbar.mjs +254 -4
  166. package/fesm2022/flowbite-angular-navbar.mjs.map +1 -1
  167. package/fesm2022/flowbite-angular-router-link-active.mjs +12 -0
  168. package/fesm2022/flowbite-angular-router-link-active.mjs.map +1 -1
  169. package/fesm2022/flowbite-angular-router-link.mjs +12 -0
  170. package/fesm2022/flowbite-angular-router-link.mjs.map +1 -1
  171. package/fesm2022/flowbite-angular-sanitize-html.mjs +2 -2
  172. package/fesm2022/flowbite-angular-sanitize-html.mjs.map +1 -1
  173. package/fesm2022/flowbite-angular-scroll-top.mjs +48 -1
  174. package/fesm2022/flowbite-angular-scroll-top.mjs.map +1 -1
  175. package/fesm2022/flowbite-angular-sidebar.mjs +304 -10
  176. package/fesm2022/flowbite-angular-sidebar.mjs.map +1 -1
  177. package/fesm2022/flowbite-angular.mjs +39 -11
  178. package/fesm2022/flowbite-angular.mjs.map +1 -1
  179. package/flowbite.theme.service.d.ts +6 -4
  180. package/indicator/indicators.component.d.ts +51 -0
  181. package/indicator/indicators.theme.d.ts +21 -0
  182. package/indicator/indicators.theme.service.d.ts +11 -0
  183. package/modal/modal-body.component.d.ts +12 -0
  184. package/modal/modal-body.theme.d.ts +12 -0
  185. package/modal/modal-body.theme.service.d.ts +11 -0
  186. package/modal/modal-footer.component.d.ts +12 -0
  187. package/modal/modal-footer.theme.d.ts +12 -0
  188. package/modal/modal-footer.theme.service.d.ts +11 -0
  189. package/modal/modal-header.component.d.ts +18 -0
  190. package/modal/modal-header.theme.d.ts +12 -0
  191. package/modal/modal-header.theme.service.d.ts +11 -0
  192. package/modal/modal.component.d.ts +35 -0
  193. package/modal/modal.theme.service.d.ts +11 -0
  194. package/navbar/index.d.ts +1 -1
  195. package/navbar/navbar-brand.component.d.ts +12 -0
  196. package/navbar/navbar-brand.theme.d.ts +12 -0
  197. package/navbar/navbar-brand.theme.service.d.ts +11 -0
  198. package/navbar/navbar-content.component.d.ts +14 -0
  199. package/navbar/navbar-content.theme.d.ts +12 -0
  200. package/navbar/navbar-content.theme.service.d.ts +11 -0
  201. package/navbar/navbar-icon-button.component.d.ts +21 -0
  202. package/navbar/navbar-icon-button.theme.d.ts +12 -0
  203. package/navbar/navbar-icon-button.theme.service.d.ts +11 -0
  204. package/navbar/navbar-item.component.d.ts +26 -0
  205. package/navbar/navbar-item.theme.d.ts +12 -0
  206. package/navbar/navbar-item.theme.service.d.ts +11 -0
  207. package/navbar/navbar-toggle.component.d.ts +21 -0
  208. package/navbar/navbar-toggle.theme.d.ts +13 -1
  209. package/navbar/navbar-toggle.theme.service.d.ts +11 -0
  210. package/navbar/navbar.component.d.ts +45 -0
  211. package/navbar/navbar.theme.service.d.ts +11 -0
  212. package/package.json +8 -3
  213. package/router-link/flowbite-router-link.directive.d.ts +12 -0
  214. package/router-link-active/flowbite-router-link-active.directive.d.ts +12 -0
  215. package/sanitize-html/sanitize-html.pipe.d.ts +2 -2
  216. package/scroll-top/scroll-top.component.d.ts +28 -0
  217. package/scroll-top/scroll-top.theme.d.ts +19 -1
  218. package/scroll-top/scroll-top.theme.service.d.ts +11 -0
  219. package/sidebar/sidebar-item-group.component.d.ts +41 -3
  220. package/sidebar/sidebar-item-group.theme.d.ts +12 -0
  221. package/sidebar/sidebar-item-group.theme.service.d.ts +11 -0
  222. package/sidebar/sidebar-item.component.d.ts +42 -2
  223. package/sidebar/sidebar-item.theme.d.ts +12 -0
  224. package/sidebar/sidebar-item.theme.service.d.ts +11 -0
  225. package/sidebar/sidebar-menu.component.d.ts +26 -0
  226. package/sidebar/sidebar-menu.theme.d.ts +12 -0
  227. package/sidebar/sidebar-menu.theme.service.d.ts +11 -0
  228. package/sidebar/sidebar-page-content.component.d.ts +12 -0
  229. package/sidebar/sidebar-page-content.theme.d.ts +12 -0
  230. package/sidebar/sidebar-page-content.theme.service.d.ts +11 -0
  231. package/sidebar/sidebar-toggle.component.d.ts +33 -0
  232. package/sidebar/sidebar-toggle.theme.d.ts +15 -0
  233. package/sidebar/sidebar-toggle.theme.service.d.ts +11 -0
  234. package/sidebar/sidebar.component.d.ts +37 -0
  235. package/sidebar/sidebar.theme.service.d.ts +11 -0
  236. package/tailwind.config.js +0 -3
@@ -1,11 +1,23 @@
1
1
  import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
2
+ /**
3
+ * Required properties for the class generation of `ModalFooterComponent`
4
+ */
2
5
  export interface ModalFooterProperties {
3
6
  customStyle: DeepPartial<ModalFooterTheme>;
4
7
  }
8
+ /**
9
+ * Theme definition for `ModalFooteromponent`
10
+ */
5
11
  export interface ModalFooterTheme {
6
12
  root: {
7
13
  base: string;
8
14
  };
9
15
  }
16
+ /**
17
+ * Default theme for `ModalFooterComponent`
18
+ */
10
19
  export declare const modalFooterTheme: ModalFooterTheme;
20
+ /**
21
+ * Generated class definition for `ModalFooterComponent`
22
+ */
11
23
  export type ModalFooterClass = FlowbiteClass;
@@ -1,8 +1,19 @@
1
1
  import type { ModalFooterClass, ModalFooterProperties, ModalFooterTheme } from './modal-footer.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 `ModalFooterTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_MODAL_FOOTER_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_MODAL_FOOTER_THEME_TOKEN: InjectionToken<ModalFooterTheme>;
5
14
  export declare class ModalFooterThemeService implements FlowbiteThemeService<ModalFooterProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: ModalFooterProperties): ModalFooterClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<ModalFooterThemeService>;
8
19
  }
@@ -6,11 +6,29 @@ import { IconRegistry } from 'flowbite-angular/icon';
6
6
  import type { OnInit } from '@angular/core';
7
7
  import { DomSanitizer } from '@angular/platform-browser';
8
8
  import * as i0 from "@angular/core";
9
+ /**
10
+ * @see https://flowbite.com/docs/components/modal/
11
+ */
9
12
  export declare class ModalHeaderComponent extends BaseComponent<ModalHeaderClass> implements OnInit {
13
+ /**
14
+ * Service injected used to generate class
15
+ */
10
16
  readonly stateService: ModalHeaderThemeService;
17
+ /**
18
+ * The parent `ModalComponent`
19
+ */
11
20
  readonly modalComponent: ModalComponent;
21
+ /**
22
+ * `IconRegistry` service
23
+ */
12
24
  readonly iconRegistry: IconRegistry;
25
+ /**
26
+ * `DomSanitizer` service
27
+ */
13
28
  readonly domSanitizer: DomSanitizer;
29
+ /**
30
+ * Set the custom style for this modal header
31
+ */
14
32
  customStyle: import("@angular/core").ModelSignal<{
15
33
  root?: {
16
34
  base?: string | undefined;
@@ -1,7 +1,13 @@
1
1
  import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
2
+ /**
3
+ * Required properties for the class generation of `ModalComponent`
4
+ */
2
5
  export interface ModalHeaderProperties {
3
6
  customStyle: DeepPartial<ModalHeaderTheme>;
4
7
  }
8
+ /**
9
+ * Theme definition for `ModalComponent`
10
+ */
5
11
  export interface ModalHeaderTheme {
6
12
  root: {
7
13
  base: string;
@@ -13,7 +19,13 @@ export interface ModalHeaderTheme {
13
19
  base: string;
14
20
  };
15
21
  }
22
+ /**
23
+ * Default theme for `ModalComponent`
24
+ */
16
25
  export declare const modalHeaderTheme: ModalHeaderTheme;
26
+ /**
27
+ * Generated class definition for `ModalComponent`
28
+ */
17
29
  export interface ModalHeaderClass extends FlowbiteClass {
18
30
  modalHeaderTitleClass: string;
19
31
  modalHeaderButtonClass: string;
@@ -1,8 +1,19 @@
1
1
  import type { ModalHeaderClass, ModalHeaderProperties, ModalHeaderTheme } from './modal-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 `ModalHeaderTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_MODAL_HEADER_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_MODAL_HEADER_THEME_TOKEN: InjectionToken<ModalHeaderTheme>;
5
14
  export declare class ModalHeaderThemeService implements FlowbiteThemeService<ModalHeaderProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: ModalHeaderProperties): ModalHeaderClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<ModalHeaderThemeService>;
8
19
  }
@@ -11,18 +11,53 @@ import * as i0 from "@angular/core";
11
11
  */
12
12
  export declare class ModalComponent extends BaseComponent<ModalClass> implements OnDestroy {
13
13
  private readonly destroyed;
14
+ /**
15
+ * Service injected used to generate class
16
+ */
14
17
  readonly themeService: ModalThemeService;
18
+ /**
19
+ * The child `ModalHeaderComponent`
20
+ */
15
21
  readonly modalHeaderChild: import("@angular/core").Signal<ModalHeaderComponent | undefined>;
22
+ /**
23
+ * The child `ModalBodyComponent`
24
+ */
16
25
  readonly modalBodyChild: import("@angular/core").Signal<ModalBodyComponent | undefined>;
26
+ /**
27
+ * The child `ModalFooterComponent`
28
+ */
17
29
  readonly modalFooterChild: import("@angular/core").Signal<ModalFooterComponent | undefined>;
18
30
  private readonly template;
19
31
  private readonly viewContainer;
20
32
  private readonly router;
21
33
  private embeddedView?;
34
+ /**
35
+ * Set the modal size
36
+ *
37
+ * @default md
38
+ */
22
39
  size: import("@angular/core").ModelSignal<keyof ModalSizes>;
40
+ /**
41
+ * Set the modal position
42
+ *
43
+ * @default center
44
+ */
23
45
  position: import("@angular/core").ModelSignal<keyof ModalPositions>;
46
+ /**
47
+ * Set if the modal is dismissable
48
+ *
49
+ * @default false
50
+ */
24
51
  isDismissable: import("@angular/core").ModelSignal<boolean>;
52
+ /**
53
+ * Set if the modal is open
54
+ *
55
+ * @default false
56
+ */
25
57
  isOpen: import("@angular/core").ModelSignal<boolean>;
58
+ /**
59
+ * Set the custom style for this modal
60
+ */
26
61
  customStyle: import("@angular/core").ModelSignal<{
27
62
  root?: {
28
63
  base?: string | undefined;
@@ -1,8 +1,19 @@
1
1
  import type { ModalClass, ModalProperties, ModalTheme } from './modal.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 `ModalTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_MODAL_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_MODAL_THEME_TOKEN: InjectionToken<ModalTheme>;
5
14
  export declare class ModalThemeService implements FlowbiteThemeService<ModalProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: ModalProperties): ModalClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModalThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<ModalThemeService>;
8
19
  }
package/navbar/index.d.ts CHANGED
@@ -16,7 +16,7 @@ export { navbarItemTheme } from './navbar-item.theme';
16
16
  export { FLOWBITE_NAVBAR_ITEM_THEME_TOKEN, NavbarItemThemeService, } from './navbar-item.theme.service';
17
17
  export { NavbarToggleComponent } from './navbar-toggle.component';
18
18
  export type { NavbarToggleTheme, NavbarToggleClass, NavbarToggleProperties, } from './navbar-toggle.theme';
19
- export { navbarToogleTheme } from './navbar-toggle.theme';
19
+ export { navbarToggleTheme } from './navbar-toggle.theme';
20
20
  export { FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN, NavbarToggleThemeService, } from './navbar-toggle.theme.service';
21
21
  export { NavbarIconButtonComponent } from './navbar-icon-button.component';
22
22
  export type { NavbarIconButtonProperties, NavbarIconButtonClass, NavbarIconButtonTheme, } from './navbar-icon-button.theme';
@@ -3,9 +3,21 @@ import { NavbarBrandThemeService } from './navbar-brand.theme.service';
3
3
  import { NavbarComponent } from './navbar.component';
4
4
  import { BaseComponent } from 'flowbite-angular';
5
5
  import * as i0 from "@angular/core";
6
+ /**
7
+ * @see https://flowbite.com/docs/components/navbar/
8
+ */
6
9
  export declare class NavbarBrandComponent extends BaseComponent<NavbarBrandClass> {
10
+ /**
11
+ * Service injected used to generate class
12
+ */
7
13
  readonly themeService: NavbarBrandThemeService;
14
+ /**
15
+ * The parent `NavbarComponent`
16
+ */
8
17
  readonly navbarComponent: NavbarComponent;
18
+ /**
19
+ * Set the custom style for this navbar brand
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 class generation of `NavbarBrandComponent`
4
+ */
2
5
  export interface NavbarBrandProperties {
3
6
  customStyle: DeepPartial<NavbarBrandTheme>;
4
7
  }
8
+ /**
9
+ * Theme definition for `NavbarBrandComponent`
10
+ */
5
11
  export interface NavbarBrandTheme {
6
12
  root: {
7
13
  base: string;
8
14
  };
9
15
  }
16
+ /**
17
+ * Default theme for `NavbarBrandComponent`
18
+ */
10
19
  export declare const navbarBrandTheme: NavbarBrandTheme;
20
+ /**
21
+ * Generated class definition for `NavbarBrandComponent`
22
+ */
11
23
  export type NavbarBrandClass = FlowbiteClass;
@@ -1,8 +1,19 @@
1
1
  import type { NavbarBrandClass, NavbarBrandProperties, NavbarBrandTheme } from './navbar-brand.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 `NavbarBrandTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_NAVBAR_BRAND_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_NAVBAR_BRAND_THEME_TOKEN: InjectionToken<NavbarBrandTheme>;
5
14
  export declare class NavbarBrandThemeService implements FlowbiteThemeService<NavbarBrandProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: NavbarBrandProperties): NavbarBrandClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavbarBrandThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<NavbarBrandThemeService>;
8
19
  }
@@ -5,9 +5,23 @@ import type { NavbarColors } from './navbar.theme';
5
5
  import { BaseComponent } from 'flowbite-angular';
6
6
  import type { OnInit } from '@angular/core';
7
7
  import * as i0 from "@angular/core";
8
+ /**
9
+ * @see https://flowbite.com/docs/components/navbar/
10
+ */
8
11
  export declare class NavbarContentComponent extends BaseComponent<NavbarContentClass> implements OnInit {
12
+ /**
13
+ * Service injected used to generate class
14
+ */
9
15
  readonly themeService: NavbarContentThemeService;
16
+ /**
17
+ * The parent `NavbarComponent`
18
+ */
10
19
  readonly navbarComponent: import("@angular/core").ModelSignal<NavbarComponent>;
20
+ /**
21
+ * Set the navbar content color
22
+ *
23
+ * @default `NavbarComponent`'s color
24
+ */
11
25
  color: import("@angular/core").ModelSignal<keyof NavbarColors>;
12
26
  customStyle: import("@angular/core").ModelSignal<{
13
27
  root?: {
@@ -1,8 +1,14 @@
1
1
  import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
2
+ /**
3
+ * Required properties for the class generation of `NavbarContentComponent`
4
+ */
2
5
  export interface NavbarContentProperties {
3
6
  isOpen: keyof FlowbiteBoolean;
4
7
  customStyle: DeepPartial<NavbarContentTheme>;
5
8
  }
9
+ /**
10
+ * Theme definition for `NavbarContentComponent`
11
+ */
6
12
  export interface NavbarContentTheme {
7
13
  root: {
8
14
  base: string;
@@ -12,7 +18,13 @@ export interface NavbarContentTheme {
12
18
  base: string;
13
19
  };
14
20
  }
21
+ /**
22
+ * Default theme for `NavbarContentComponent`
23
+ */
15
24
  export declare const navbarContentTheme: NavbarContentTheme;
25
+ /**
26
+ * Generated class definition for `NavbarContentComponent`
27
+ */
16
28
  export interface NavbarContentClass extends FlowbiteClass {
17
29
  navbarContentListClass: string;
18
30
  }
@@ -1,8 +1,19 @@
1
1
  import type { NavbarContentClass, NavbarContentProperties, NavbarContentTheme } from './navbar-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 `NavbarContentTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN: InjectionToken<NavbarContentTheme>;
5
14
  export declare class NavbarContentThemeService implements FlowbiteThemeService<NavbarContentProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: NavbarContentProperties): NavbarContentClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavbarContentThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<NavbarContentThemeService>;
8
19
  }
@@ -5,11 +5,32 @@ import { NavbarComponent } from './navbar.component';
5
5
  import type { NavbarColors } from './navbar.theme';
6
6
  import { BaseComponent } from 'flowbite-angular';
7
7
  import * as i0 from "@angular/core";
8
+ /**
9
+ * @see https://flowbite.com/docs/components/navbar/
10
+ */
8
11
  export declare class NavbarIconButtonComponent extends BaseComponent<NavbarIconButtonClass> {
12
+ /**
13
+ * Service injected used to generate class
14
+ */
9
15
  readonly themeService: NavbarIconButtonThemeService;
16
+ /**
17
+ * The optional parent `NavbarComponent`
18
+ */
10
19
  readonly navbarComponent: NavbarComponent | null;
20
+ /**
21
+ * The optional parent `NavbarContentComponent`
22
+ */
11
23
  readonly navbarContentComponent: NavbarContentComponent | null;
24
+ /**
25
+ * Set the navbar icon button color
26
+ *
27
+ * @default `NavbarContentComponent`'s color
28
+ * @default `NavbarComponent`'s color
29
+ */
12
30
  color: import("@angular/core").ModelSignal<keyof NavbarColors>;
31
+ /**
32
+ * Set the custom style for this navbar icon button
33
+ */
13
34
  customStyle: import("@angular/core").ModelSignal<{
14
35
  root?: {
15
36
  base?: string | undefined;
@@ -1,14 +1,26 @@
1
1
  import type { NavbarColors } from './navbar.theme';
2
2
  import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
3
+ /**
4
+ * Required properties for the class generation of `NavbarIconButtonComponent`
5
+ */
3
6
  export interface NavbarIconButtonProperties {
4
7
  color: keyof NavbarColors;
5
8
  customStyle: DeepPartial<NavbarIconButtonTheme>;
6
9
  }
10
+ /**
11
+ * Theme definition for `NavbarIconButtonComponent`
12
+ */
7
13
  export interface NavbarIconButtonTheme {
8
14
  root: {
9
15
  base: string;
10
16
  color: NavbarColors;
11
17
  };
12
18
  }
19
+ /**
20
+ * Default theme for `NavbarIconButtonComponent`
21
+ */
13
22
  export declare const navbarIconButtonTheme: NavbarIconButtonTheme;
23
+ /**
24
+ * Generated class definition for `NavbarIconButtonComponent`
25
+ */
14
26
  export type NavbarIconButtonClass = FlowbiteClass;
@@ -1,8 +1,19 @@
1
1
  import type { NavbarIconButtonClass, NavbarIconButtonProperties, NavbarIconButtonTheme } from './navbar-icon-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 `NavbarIconButtonTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN: InjectionToken<NavbarIconButtonTheme>;
5
14
  export declare class NavbarIconButtonThemeService implements FlowbiteThemeService<NavbarIconButtonProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: NavbarIconButtonProperties): NavbarIconButtonClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavbarIconButtonThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<NavbarIconButtonThemeService>;
8
19
  }
@@ -6,12 +6,35 @@ import { BaseComponent } from 'flowbite-angular';
6
6
  import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
7
7
  import { FlowbiteRouterLinkActiveDirective } from 'flowbite-angular/router-link-active';
8
8
  import * as i0 from "@angular/core";
9
+ /**
10
+ * @see https://flowbite.com/docs/components/navbar/
11
+ */
9
12
  export declare class NavbarItemComponent extends BaseComponent<NavbarItemClass> {
13
+ /**
14
+ * Optional `FlowbiteRouterLinkDirective` injected
15
+ */
10
16
  readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
17
+ /**
18
+ * Optional `FlowbiteRouterLinkActiveDirective` injected
19
+ */
11
20
  readonly flowbiteRouterLinkActive: FlowbiteRouterLinkActiveDirective | null;
21
+ /**
22
+ * Service injected used to generate class
23
+ */
12
24
  readonly themeService: NavbarItemThemeService;
25
+ /**
26
+ * The parent `NavbarContentComponent`
27
+ */
13
28
  readonly navbarContentComponent: NavbarContentComponent;
29
+ /**
30
+ * Set the navbar item color
31
+ *
32
+ * @default `NavbarContentComponent`'s color
33
+ */
14
34
  color: import("@angular/core").ModelSignal<keyof NavbarColors>;
35
+ /**
36
+ * Set the custom style for this navbar item
37
+ */
15
38
  customStyle: import("@angular/core").ModelSignal<{
16
39
  root?: {
17
40
  base?: string | undefined;
@@ -23,6 +46,9 @@ export declare class NavbarItemComponent extends BaseComponent<NavbarItemClass>
23
46
  } | undefined;
24
47
  }>;
25
48
  fetchClass(): NavbarItemClass;
49
+ /**
50
+ * Toggle the nnavbar visibility (auto close when on mobile device)
51
+ */
26
52
  onClick(): void;
27
53
  static ɵfac: i0.ɵɵFactoryDeclaration<NavbarItemComponent, never>;
28
54
  static ɵcmp: i0.ɵɵComponentDeclaration<NavbarItemComponent, "flowbite-navbar-item", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
@@ -1,14 +1,26 @@
1
1
  import type { NavbarColors } from './navbar.theme';
2
2
  import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
3
+ /**
4
+ * Required properties for class generation of `NavbarItemComponent`
5
+ */
3
6
  export interface NabvarItemProperties {
4
7
  color: keyof NavbarColors;
5
8
  customStyle: DeepPartial<NavbarItemTheme>;
6
9
  }
10
+ /**
11
+ * Theme definition for `NavbarItemComponent`
12
+ */
7
13
  export interface NavbarItemTheme {
8
14
  root: {
9
15
  base: string;
10
16
  color: NavbarColors;
11
17
  };
12
18
  }
19
+ /**
20
+ * Default theme for `NavbarItemComponent`
21
+ */
13
22
  export declare const navbarItemTheme: NavbarItemTheme;
23
+ /**
24
+ * Generated class definition for `NavbarItemComponent`
25
+ */
14
26
  export type NavbarItemClass = FlowbiteClass;
@@ -1,8 +1,19 @@
1
1
  import type { NabvarItemProperties, NavbarItemClass, NavbarItemTheme } from './navbar-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 `NavbarItemTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_NAVBAR_ITEM_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_NAVBAR_ITEM_THEME_TOKEN: InjectionToken<NavbarItemTheme>;
5
14
  export declare class NavbarItemThemeService implements FlowbiteThemeService<NabvarItemProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: NabvarItemProperties): NavbarItemClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavbarItemThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<NavbarItemThemeService>;
8
19
  }
@@ -5,11 +5,29 @@ import { BaseComponent } from 'flowbite-angular';
5
5
  import { IconRegistry } from 'flowbite-angular/icon';
6
6
  import { DomSanitizer } from '@angular/platform-browser';
7
7
  import * as i0 from "@angular/core";
8
+ /**
9
+ * @see https://flowbite.com/docs/components/navbar/
10
+ */
8
11
  export declare class NavbarToggleComponent extends BaseComponent<NavbarToggleClass> {
12
+ /**
13
+ * Service injected used to generate class
14
+ */
9
15
  readonly themeService: NavbarToggleThemeService;
16
+ /**
17
+ * The parent `NavbarComponent`
18
+ */
10
19
  readonly navbarComponent: import("@angular/core").ModelSignal<NavbarComponent>;
20
+ /**
21
+ * `IconRegistry` service
22
+ */
11
23
  readonly iconRegistry: IconRegistry;
24
+ /**
25
+ * `DomSanitizer` service
26
+ */
12
27
  readonly domSanitizer: DomSanitizer;
28
+ /**
29
+ * Set the custom style for this navbar toggle
30
+ */
13
31
  customStyle: import("@angular/core").ModelSignal<{
14
32
  root?: {
15
33
  base?: string | undefined;
@@ -17,6 +35,9 @@ export declare class NavbarToggleComponent extends BaseComponent<NavbarToggleCla
17
35
  }>;
18
36
  fetchClass(): NavbarToggleClass;
19
37
  init(): void;
38
+ /**
39
+ * Toggle navbar visibility (open close on mobile device)
40
+ */
20
41
  onClick(): void;
21
42
  static ɵfac: i0.ɵɵFactoryDeclaration<NavbarToggleComponent, never>;
22
43
  static ɵcmp: i0.ɵɵComponentDeclaration<NavbarToggleComponent, "flowbite-navbar-toggle", never, { "navbarComponent": { "alias": "navbarComponent"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "navbarComponent": "navbarComponentChange"; "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 `NavbarToggleComponent`
4
+ */
2
5
  export interface NavbarToggleProperties {
3
6
  customStyle: DeepPartial<NavbarToggleTheme>;
4
7
  }
8
+ /**
9
+ * Theme definition for `NavbarToggleComponent`
10
+ */
5
11
  export interface NavbarToggleTheme {
6
12
  root: {
7
13
  base: string;
8
14
  };
9
15
  }
10
- export declare const navbarToogleTheme: NavbarToggleTheme;
16
+ /**
17
+ * Default theme for `NavbarToggleComponent`
18
+ */
19
+ export declare const navbarToggleTheme: NavbarToggleTheme;
20
+ /**
21
+ * Generated class definition for `NavbarToggleComponent`
22
+ */
11
23
  export type NavbarToggleClass = FlowbiteClass;
@@ -1,8 +1,19 @@
1
1
  import type { NavbarToggleClass, NavbarToggleProperties, NavbarToggleTheme } from './navbar-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 `NavbarToggleTheme` value
7
+ *
8
+ * @example
9
+ * ```
10
+ * var theme = inject(FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN)
11
+ * ```
12
+ */
4
13
  export declare const FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN: InjectionToken<NavbarToggleTheme>;
5
14
  export declare class NavbarToggleThemeService implements FlowbiteThemeService<NavbarToggleProperties> {
6
15
  private readonly baseTheme;
7
16
  getClasses(properties: NavbarToggleProperties): NavbarToggleClass;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<NavbarToggleThemeService, never>;
18
+ static ɵprov: i0.ɵɵInjectableDeclaration<NavbarToggleThemeService>;
8
19
  }