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
@@ -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>;
@@ -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;
@@ -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