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.
Files changed (142) hide show
  1. package/README.md +15 -15
  2. package/accordion/accordion-content.component.d.ts +21 -1
  3. package/accordion/accordion-content.theme.d.ts +2 -2
  4. package/accordion/accordion-panel.component.d.ts +10 -3
  5. package/accordion/accordion-title.component.d.ts +27 -0
  6. package/accordion/accordion.component.d.ts +10 -14
  7. package/accordion/accordion.theme.d.ts +1 -5
  8. package/accordion/index.d.ts +4 -4
  9. package/alert/alert.component.d.ts +42 -1
  10. package/alert/index.d.ts +1 -1
  11. package/badge/badge.component.d.ts +40 -0
  12. package/badge/index.d.ts +1 -1
  13. package/base-component.directive.d.ts +0 -4
  14. package/breadcrumb/breadcrumb-item.component.d.ts +19 -0
  15. package/breadcrumb/breadcrumb.component.d.ts +8 -1
  16. package/breadcrumb/index.d.ts +2 -2
  17. package/button/button.component.d.ts +100 -1
  18. package/button/index.d.ts +1 -1
  19. package/dark-theme-toggle/dark-theme-toggle.component.d.ts +12 -17
  20. package/dark-theme-toggle/index.d.ts +1 -1
  21. package/dropdown/dropdown-divider.component.d.ts +13 -2
  22. package/dropdown/dropdown-divider.theme.d.ts +2 -2
  23. package/dropdown/dropdown-header.component.d.ts +19 -2
  24. package/dropdown/dropdown-item.component.d.ts +7 -0
  25. package/dropdown/dropdown.component.d.ts +39 -13
  26. package/dropdown/index.d.ts +4 -4
  27. package/esm2022/accordion/accordion-content.component.mjs +30 -16
  28. package/esm2022/accordion/accordion-content.theme.mjs +5 -5
  29. package/esm2022/accordion/accordion-content.theme.service.mjs +2 -2
  30. package/esm2022/accordion/accordion-panel.component.mjs +18 -15
  31. package/esm2022/accordion/accordion-title.component.mjs +14 -8
  32. package/esm2022/accordion/accordion-title.theme.mjs +3 -3
  33. package/esm2022/accordion/accordion.component.mjs +29 -16
  34. package/esm2022/accordion/accordion.theme.mjs +1 -13
  35. package/esm2022/accordion/accordion.theme.service.mjs +2 -2
  36. package/esm2022/accordion/index.mjs +5 -5
  37. package/esm2022/alert/alert.component.mjs +93 -37
  38. package/esm2022/alert/index.mjs +2 -2
  39. package/esm2022/badge/badge.component.mjs +34 -9
  40. package/esm2022/badge/index.mjs +2 -2
  41. package/esm2022/base-component.directive.mjs +1 -7
  42. package/esm2022/breadcrumb/breadcrumb-item.component.mjs +14 -8
  43. package/esm2022/breadcrumb/breadcrumb.component.mjs +16 -11
  44. package/esm2022/breadcrumb/index.mjs +3 -3
  45. package/esm2022/button/button.component.mjs +72 -34
  46. package/esm2022/button/index.mjs +2 -2
  47. package/esm2022/core/flowbite.theme.init.mjs +48 -14
  48. package/esm2022/dark-theme-toggle/dark-theme-toggle.component.mjs +17 -42
  49. package/esm2022/dark-theme-toggle/index.mjs +2 -2
  50. package/esm2022/dropdown/dropdown-divider.component.mjs +10 -5
  51. package/esm2022/dropdown/dropdown-divider.theme.mjs +1 -1
  52. package/esm2022/dropdown/dropdown-header.component.mjs +13 -10
  53. package/esm2022/dropdown/dropdown-item.component.mjs +10 -5
  54. package/esm2022/dropdown/dropdown.component.mjs +51 -72
  55. package/esm2022/dropdown/dropdown.theme.mjs +6 -6
  56. package/esm2022/dropdown/index.mjs +5 -5
  57. package/esm2022/indicator/index.mjs +2 -2
  58. package/esm2022/indicator/indicators.component.mjs +64 -14
  59. package/esm2022/modal/index.mjs +5 -5
  60. package/esm2022/modal/modal-body.component.mjs +10 -5
  61. package/esm2022/modal/modal-footer.component.mjs +10 -5
  62. package/esm2022/modal/modal-header.component.mjs +16 -10
  63. package/esm2022/modal/modal.component.mjs +42 -23
  64. package/esm2022/navbar/index.mjs +7 -7
  65. package/esm2022/navbar/navbar-brand.component.mjs +10 -5
  66. package/esm2022/navbar/navbar-content.component.mjs +35 -11
  67. package/esm2022/navbar/navbar-content.theme.mjs +2 -6
  68. package/esm2022/navbar/navbar-content.theme.service.mjs +2 -2
  69. package/esm2022/navbar/navbar-icon-button.component.mjs +10 -9
  70. package/esm2022/navbar/navbar-item.component.mjs +10 -5
  71. package/esm2022/navbar/navbar-toggle.component.mjs +12 -6
  72. package/esm2022/navbar/navbar.component.mjs +41 -16
  73. package/esm2022/scroll-top/index.mjs +2 -2
  74. package/esm2022/scroll-top/scroll-top.component.mjs +22 -5
  75. package/esm2022/sidebar/index.mjs +7 -7
  76. package/esm2022/sidebar/sidebar-item-group.component.mjs +19 -14
  77. package/esm2022/sidebar/sidebar-item.component.mjs +45 -26
  78. package/esm2022/sidebar/sidebar-menu.component.mjs +10 -9
  79. package/esm2022/sidebar/sidebar-page-content.component.mjs +10 -4
  80. package/esm2022/sidebar/sidebar-toggle.component.mjs +22 -5
  81. package/esm2022/sidebar/sidebar.component.mjs +36 -19
  82. package/esm2022/theme/flowbite-angular-theme.mjs +5 -0
  83. package/esm2022/theme/flowbite-theme.directive.mjs +71 -0
  84. package/esm2022/theme/index.mjs +2 -0
  85. package/fesm2022/flowbite-angular-accordion.mjs +92 -66
  86. package/fesm2022/flowbite-angular-accordion.mjs.map +1 -1
  87. package/fesm2022/flowbite-angular-alert.mjs +93 -37
  88. package/fesm2022/flowbite-angular-alert.mjs.map +1 -1
  89. package/fesm2022/flowbite-angular-badge.mjs +34 -9
  90. package/fesm2022/flowbite-angular-badge.mjs.map +1 -1
  91. package/fesm2022/flowbite-angular-breadcrumb.mjs +28 -16
  92. package/fesm2022/flowbite-angular-breadcrumb.mjs.map +1 -1
  93. package/fesm2022/flowbite-angular-button.mjs +72 -34
  94. package/fesm2022/flowbite-angular-button.mjs.map +1 -1
  95. package/fesm2022/flowbite-angular-core.mjs +47 -13
  96. package/fesm2022/flowbite-angular-core.mjs.map +1 -1
  97. package/fesm2022/flowbite-angular-dark-theme-toggle.mjs +17 -42
  98. package/fesm2022/flowbite-angular-dark-theme-toggle.mjs.map +1 -1
  99. package/fesm2022/flowbite-angular-dropdown.mjs +83 -88
  100. package/fesm2022/flowbite-angular-dropdown.mjs.map +1 -1
  101. package/fesm2022/flowbite-angular-indicator.mjs +64 -14
  102. package/fesm2022/flowbite-angular-indicator.mjs.map +1 -1
  103. package/fesm2022/flowbite-angular-modal.mjs +72 -34
  104. package/fesm2022/flowbite-angular-modal.mjs.map +1 -1
  105. package/fesm2022/flowbite-angular-navbar.mjs +109 -43
  106. package/fesm2022/flowbite-angular-navbar.mjs.map +1 -1
  107. package/fesm2022/flowbite-angular-scroll-top.mjs +22 -5
  108. package/fesm2022/flowbite-angular-scroll-top.mjs.map +1 -1
  109. package/fesm2022/flowbite-angular-sidebar.mjs +132 -65
  110. package/fesm2022/flowbite-angular-sidebar.mjs.map +1 -1
  111. package/fesm2022/flowbite-angular-theme.mjs +78 -0
  112. package/fesm2022/flowbite-angular-theme.mjs.map +1 -0
  113. package/fesm2022/flowbite-angular.mjs +0 -6
  114. package/fesm2022/flowbite-angular.mjs.map +1 -1
  115. package/indicator/index.d.ts +1 -1
  116. package/indicator/indicators.component.d.ts +81 -0
  117. package/modal/index.d.ts +4 -4
  118. package/modal/modal-body.component.d.ts +7 -0
  119. package/modal/modal-footer.component.d.ts +7 -0
  120. package/modal/modal-header.component.d.ts +13 -0
  121. package/modal/modal.component.d.ts +40 -2
  122. package/navbar/index.d.ts +6 -6
  123. package/navbar/navbar-brand.component.d.ts +7 -0
  124. package/navbar/navbar-content.component.d.ts +13 -4
  125. package/navbar/navbar-content.theme.d.ts +1 -3
  126. package/navbar/navbar-icon-button.component.d.ts +12 -1
  127. package/navbar/navbar-item.component.d.ts +12 -0
  128. package/navbar/navbar-toggle.component.d.ts +7 -0
  129. package/navbar/navbar.component.d.ts +30 -2
  130. package/package.json +7 -2
  131. package/scroll-top/index.d.ts +1 -1
  132. package/scroll-top/scroll-top.component.d.ts +31 -0
  133. package/sidebar/index.d.ts +6 -6
  134. package/sidebar/sidebar-item-group.component.d.ts +19 -1
  135. package/sidebar/sidebar-item.component.d.ts +21 -1
  136. package/sidebar/sidebar-menu.component.d.ts +25 -1
  137. package/sidebar/sidebar-page-content.component.d.ts +12 -0
  138. package/sidebar/sidebar-toggle.component.d.ts +22 -0
  139. package/sidebar/sidebar.component.d.ts +17 -3
  140. package/theme/README.md +4 -0
  141. package/theme/flowbite-theme.directive.d.ts +36 -0
  142. package/theme/index.d.ts +1 -0
@@ -4,8 +4,21 @@ import { ModalComponent } from './modal.component';
4
4
  import { BaseComponent } from 'flowbite-angular';
5
5
  import { IconRegistry } from 'flowbite-angular/icon';
6
6
  import type { OnInit } from '@angular/core';
7
+ import { InjectionToken } from '@angular/core';
7
8
  import { DomSanitizer } from '@angular/platform-browser';
8
9
  import * as i0 from "@angular/core";
10
+ export declare const FLOWBITE_MODAL_HEADER_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
11
+ root?: {
12
+ base?: string | undefined;
13
+ } | undefined;
14
+ title?: {
15
+ base?: string | undefined;
16
+ } | undefined;
17
+ button?: {
18
+ base?: string | undefined;
19
+ } | undefined;
20
+ }>;
21
+ export declare const modalHeaderDefaultValueProvider: import("@angular/core").EnvironmentProviders;
9
22
  /**
10
23
  * @see https://flowbite.com/docs/components/modal/
11
24
  */
@@ -5,7 +5,46 @@ import type { ModalClass, ModalPositions, ModalSizes } from './modal.theme';
5
5
  import { ModalThemeService } from './modal.theme.service';
6
6
  import { BaseComponent } from 'flowbite-angular';
7
7
  import type { OnDestroy } from '@angular/core';
8
+ import { InjectionToken } from '@angular/core';
8
9
  import * as i0 from "@angular/core";
10
+ export declare const FLOWBITE_MODAL_SIZE_DEFAULT_VALUE: InjectionToken<keyof ModalSizes>;
11
+ export declare const FLOWBITE_MODAL_POSITION_DEFAULT_VALUE: InjectionToken<keyof ModalPositions>;
12
+ export declare const FLOWBITE_MODAL_IS_DISMISSABLE_DEFAULT_VALUE: InjectionToken<boolean>;
13
+ export declare const FLOWBITE_MODAL_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
14
+ export declare const FLOWBITE_MODAL_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
15
+ root?: {
16
+ base?: string | undefined;
17
+ } | undefined;
18
+ wrapper?: {
19
+ base?: string | undefined;
20
+ position?: {
21
+ [x: string]: string | undefined;
22
+ center?: string | undefined;
23
+ 'top-left'?: string | undefined;
24
+ 'top-right'?: string | undefined;
25
+ 'bottom-left'?: string | undefined;
26
+ 'bottom-right'?: string | undefined;
27
+ 'top-center'?: string | undefined;
28
+ 'bottom-center'?: string | undefined;
29
+ 'center-left'?: string | undefined;
30
+ 'center-right'?: string | undefined;
31
+ } | undefined;
32
+ } | undefined;
33
+ container?: {
34
+ base?: string | undefined;
35
+ size?: {
36
+ [x: string]: string | undefined;
37
+ sm?: string | undefined;
38
+ md?: string | undefined;
39
+ lg?: string | undefined;
40
+ xl?: string | undefined;
41
+ } | undefined;
42
+ } | undefined;
43
+ content?: {
44
+ base?: string | undefined;
45
+ } | undefined;
46
+ }>;
47
+ export declare const modalDefaultValueProvider: import("@angular/core").EnvironmentProviders;
9
48
  /**
10
49
  * @see https://flowbite.com/docs/components/modal/
11
50
  */
@@ -22,7 +61,7 @@ export declare class ModalComponent extends BaseComponent<ModalClass> implements
22
61
  /**
23
62
  * The child `ModalBodyComponent`
24
63
  */
25
- readonly modalBodyChild: import("@angular/core").Signal<ModalBodyComponent | undefined>;
64
+ readonly modalBodyChild: import("@angular/core").Signal<ModalBodyComponent>;
26
65
  /**
27
66
  * The child `ModalFooterComponent`
28
67
  */
@@ -93,7 +132,6 @@ export declare class ModalComponent extends BaseComponent<ModalClass> implements
93
132
  }>;
94
133
  fetchClass(): ModalClass;
95
134
  init(): void;
96
- verify(): void;
97
135
  ngOnDestroy(): void;
98
136
  open(): void;
99
137
  close(): void;
package/navbar/index.d.ts CHANGED
@@ -1,24 +1,24 @@
1
- export { NavbarComponent } from './navbar.component';
1
+ export { NavbarComponent, FLOWBITE_NAVBAR_COLOR_DEFAULT_VALUE, FLOWBITE_NAVBAR_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_NAVBAR_HAS_BORDER_DEFAULT_VALUE, FLOWBITE_NAVBAR_IS_FIXED_DEFAULT_VALUE, FLOWBITE_NAVBAR_IS_OPEN_DEFAULT_VALUE, FLOWBITE_NAVBAR_IS_ROUNDED_DEFAULT_VALUE, navbarDefaultValueProvider, } from './navbar.component';
2
2
  export type { NavbarProperties, NavbarClass, NavbarColors, NavbarTheme } from './navbar.theme';
3
3
  export { navbarTheme } from './navbar.theme';
4
4
  export { FLOWBITE_NAVBAR_THEME_TOKEN, NavbarThemeService } from './navbar.theme.service';
5
- export { NavbarBrandComponent } from './navbar-brand.component';
5
+ export { NavbarBrandComponent, FLOWBITE_NAVBAR_BRAND_CUSTOM_STYLE_DEFAULT_VALUE, navbarBrandDefaultThemeProvider, } from './navbar-brand.component';
6
6
  export type { NavbarBrandProperties, NavbarBrandClass, NavbarBrandTheme, } from './navbar-brand.theme';
7
7
  export { navbarBrandTheme } from './navbar-brand.theme';
8
8
  export { FLOWBITE_NAVBAR_BRAND_THEME_TOKEN, NavbarBrandThemeService, } from './navbar-brand.theme.service';
9
- export { NavbarContentComponent } from './navbar-content.component';
9
+ export { NavbarContentComponent, FLOWBITE_NAVBAR_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE, navbarContentDefaultValueProvider, } from './navbar-content.component';
10
10
  export type { NavbarContentProperties, NavbarContentClass, NavbarContentTheme, } from './navbar-content.theme';
11
11
  export { navbarContentTheme } from './navbar-content.theme';
12
12
  export { FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN, NavbarContentThemeService, } from './navbar-content.theme.service';
13
- export { NavbarItemComponent } from './navbar-item.component';
13
+ export { NavbarItemComponent, FLOWBITE_NAVBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE, navbarItemDefaultValueProvider, } from './navbar-item.component';
14
14
  export type { NabvarItemProperties, NavbarItemClass, NavbarItemTheme } from './navbar-item.theme';
15
15
  export { navbarItemTheme } from './navbar-item.theme';
16
16
  export { FLOWBITE_NAVBAR_ITEM_THEME_TOKEN, NavbarItemThemeService, } from './navbar-item.theme.service';
17
- export { NavbarToggleComponent } from './navbar-toggle.component';
17
+ export { NavbarToggleComponent, FLOWBITE_NAVBAR_TOGGLE_CUSTOM_STYLE_DEFAULT_VALUE, navbarToggleDefaultValueProvider, } from './navbar-toggle.component';
18
18
  export type { NavbarToggleTheme, NavbarToggleClass, NavbarToggleProperties, } from './navbar-toggle.theme';
19
19
  export { navbarToggleTheme } from './navbar-toggle.theme';
20
20
  export { FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN, NavbarToggleThemeService, } from './navbar-toggle.theme.service';
21
- export { NavbarIconButtonComponent } from './navbar-icon-button.component';
21
+ export { NavbarIconButtonComponent, FLOWBITE_NAVBAR_ICON_BUTTON_CUSTOM_STYLE_DEFAULT_VALUE, navbarIconButtonDefaultValueProvider, } from './navbar-icon-button.component';
22
22
  export type { NavbarIconButtonProperties, NavbarIconButtonClass, NavbarIconButtonTheme, } from './navbar-icon-button.theme';
23
23
  export { navbarIconButtonTheme } from './navbar-icon-button.theme';
24
24
  export { FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN, NavbarIconButtonThemeService, } from './navbar-icon-button.theme.service';
@@ -2,7 +2,14 @@ import type { NavbarBrandClass } from './navbar-brand.theme';
2
2
  import { NavbarBrandThemeService } from './navbar-brand.theme.service';
3
3
  import { NavbarComponent } from './navbar.component';
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_NAVBAR_BRAND_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
8
+ root?: {
9
+ base?: string | undefined;
10
+ } | undefined;
11
+ }>;
12
+ export declare const navbarBrandDefaultThemeProvider: import("@angular/core").EnvironmentProviders;
6
13
  /**
7
14
  * @see https://flowbite.com/docs/components/navbar/
8
15
  */
@@ -4,7 +4,17 @@ import { NavbarComponent } from './navbar.component';
4
4
  import type { NavbarColors } from './navbar.theme';
5
5
  import { BaseComponent } from 'flowbite-angular';
6
6
  import type { OnInit } from '@angular/core';
7
+ import { InjectionToken } from '@angular/core';
7
8
  import * as i0 from "@angular/core";
9
+ export declare const FLOWBITE_NAVBAR_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
10
+ root?: {
11
+ base?: string | undefined;
12
+ } | undefined;
13
+ list?: {
14
+ base?: string | undefined;
15
+ } | undefined;
16
+ }>;
17
+ export declare const navbarContentDefaultValueProvider: import("@angular/core").EnvironmentProviders;
8
18
  /**
9
19
  * @see https://flowbite.com/docs/components/navbar/
10
20
  */
@@ -23,13 +33,12 @@ export declare class NavbarContentComponent extends BaseComponent<NavbarContentC
23
33
  * @default `NavbarComponent`'s color
24
34
  */
25
35
  color: import("@angular/core").ModelSignal<keyof NavbarColors>;
36
+ /**
37
+ * Set the custom style for this navbar content
38
+ */
26
39
  customStyle: import("@angular/core").ModelSignal<{
27
40
  root?: {
28
41
  base?: string | undefined;
29
- isOpen?: {
30
- enabled?: string | undefined;
31
- disabled?: string | undefined;
32
- } | undefined;
33
42
  } | undefined;
34
43
  list?: {
35
44
  base?: string | undefined;
@@ -1,9 +1,8 @@
1
- import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from 'flowbite-angular';
1
+ import type { DeepPartial, FlowbiteClass } from 'flowbite-angular';
2
2
  /**
3
3
  * Required properties for the class generation of `NavbarContentComponent`
4
4
  */
5
5
  export interface NavbarContentProperties {
6
- isOpen: keyof FlowbiteBoolean;
7
6
  customStyle: DeepPartial<NavbarContentTheme>;
8
7
  }
9
8
  /**
@@ -12,7 +11,6 @@ export interface NavbarContentProperties {
12
11
  export interface NavbarContentTheme {
13
12
  root: {
14
13
  base: string;
15
- isOpen: FlowbiteBoolean;
16
14
  };
17
15
  list: {
18
16
  base: string;
@@ -4,7 +4,19 @@ import { NavbarIconButtonThemeService } from './navbar-icon-button.theme.service
4
4
  import { NavbarComponent } from './navbar.component';
5
5
  import type { NavbarColors } from './navbar.theme';
6
6
  import { BaseComponent } from 'flowbite-angular';
7
+ import { InjectionToken } from '@angular/core';
7
8
  import * as i0 from "@angular/core";
9
+ export declare const FLOWBITE_NAVBAR_ICON_BUTTON_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
10
+ root?: {
11
+ base?: string | undefined;
12
+ color?: {
13
+ [x: string]: string | undefined;
14
+ primary?: string | undefined;
15
+ gray?: string | undefined;
16
+ } | undefined;
17
+ } | undefined;
18
+ }>;
19
+ export declare const navbarIconButtonDefaultValueProvider: import("@angular/core").EnvironmentProviders;
8
20
  /**
9
21
  * @see https://flowbite.com/docs/components/navbar/
10
22
  */
@@ -42,7 +54,6 @@ export declare class NavbarIconButtonComponent extends BaseComponent<NavbarIconB
42
54
  } | undefined;
43
55
  }>;
44
56
  fetchClass(): NavbarIconButtonClass;
45
- verify(): void;
46
57
  static ɵfac: i0.ɵɵFactoryDeclaration<NavbarIconButtonComponent, never>;
47
58
  static ɵcmp: i0.ɵɵComponentDeclaration<NavbarIconButtonComponent, "flowbite-navbar-icon-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
48
59
  }
@@ -5,7 +5,19 @@ import type { NavbarColors } from './navbar.theme';
5
5
  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
+ import { InjectionToken } from '@angular/core';
8
9
  import * as i0 from "@angular/core";
10
+ export declare const FLOWBITE_NAVBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
11
+ root?: {
12
+ base?: string | undefined;
13
+ color?: {
14
+ [x: string]: string | undefined;
15
+ primary?: string | undefined;
16
+ gray?: string | undefined;
17
+ } | undefined;
18
+ } | undefined;
19
+ }>;
20
+ export declare const navbarItemDefaultValueProvider: import("@angular/core").EnvironmentProviders;
9
21
  /**
10
22
  * @see https://flowbite.com/docs/components/navbar/
11
23
  */
@@ -3,8 +3,15 @@ import { NavbarToggleThemeService } from './navbar-toggle.theme.service';
3
3
  import { NavbarComponent } from './navbar.component';
4
4
  import { BaseComponent } from 'flowbite-angular';
5
5
  import { IconRegistry } from 'flowbite-angular/icon';
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_NAVBAR_TOGGLE_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
10
+ root?: {
11
+ base?: string | undefined;
12
+ } | undefined;
13
+ }>;
14
+ export declare const navbarToggleDefaultValueProvider: import("@angular/core").EnvironmentProviders;
8
15
  /**
9
16
  * @see https://flowbite.com/docs/components/navbar/
10
17
  */
@@ -4,7 +4,36 @@ import { NavbarToggleComponent } from './navbar-toggle.component';
4
4
  import type { NavbarClass, NavbarColors } from './navbar.theme';
5
5
  import { NavbarThemeService } from './navbar.theme.service';
6
6
  import { BaseComponent } from 'flowbite-angular';
7
+ import { InjectionToken } from '@angular/core';
7
8
  import * as i0 from "@angular/core";
9
+ export declare const FLOWBITE_NAVBAR_COLOR_DEFAULT_VALUE: InjectionToken<keyof NavbarColors>;
10
+ export declare const FLOWBITE_NAVBAR_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
11
+ export declare const FLOWBITE_NAVBAR_IS_ROUNDED_DEFAULT_VALUE: InjectionToken<boolean>;
12
+ export declare const FLOWBITE_NAVBAR_HAS_BORDER_DEFAULT_VALUE: InjectionToken<boolean>;
13
+ export declare const FLOWBITE_NAVBAR_IS_FIXED_DEFAULT_VALUE: InjectionToken<boolean>;
14
+ export declare const FLOWBITE_NAVBAR_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
15
+ root?: {
16
+ base?: string | undefined;
17
+ color?: {
18
+ [x: string]: string | undefined;
19
+ primary?: string | undefined;
20
+ gray?: string | undefined;
21
+ } | undefined;
22
+ isRounded?: {
23
+ enabled?: string | undefined;
24
+ disabled?: string | undefined;
25
+ } | undefined;
26
+ hasBorder?: {
27
+ enabled?: string | undefined;
28
+ disabled?: string | undefined;
29
+ } | undefined;
30
+ isFixed?: {
31
+ enabled?: string | undefined;
32
+ disabled?: string | undefined;
33
+ } | undefined;
34
+ } | undefined;
35
+ }>;
36
+ export declare const navbarDefaultValueProvider: import("@angular/core").EnvironmentProviders;
8
37
  /**
9
38
  * @see https://flowbite.com/docs/components/navbar/
10
39
  */
@@ -24,7 +53,7 @@ export declare class NavbarComponent extends BaseComponent<NavbarClass> {
24
53
  /**
25
54
  * The child `NavbarContentComponent`
26
55
  */
27
- readonly navbarContentChild: import("@angular/core").Signal<NavbarContentComponent | undefined>;
56
+ readonly navbarContentChild: import("@angular/core").Signal<NavbarContentComponent>;
28
57
  /**
29
58
  * Set the navbar color
30
59
  *
@@ -81,7 +110,6 @@ export declare class NavbarComponent extends BaseComponent<NavbarClass> {
81
110
  } | undefined;
82
111
  }>;
83
112
  fetchClass(): NavbarClass;
84
- verify(): void;
85
113
  /**
86
114
  * Toggle visibility of the navbar
87
115
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-angular",
3
- "version": "1.0.0-beta.1",
3
+ "version": "1.1.0",
4
4
  "private": false,
5
5
  "keywords": [
6
6
  "angular",
@@ -138,6 +138,12 @@
138
138
  "esm": "./esm2022/sidebar/flowbite-angular-sidebar.mjs",
139
139
  "default": "./fesm2022/flowbite-angular-sidebar.mjs"
140
140
  },
141
+ "./theme": {
142
+ "types": "./theme/index.d.ts",
143
+ "esm2022": "./esm2022/theme/flowbite-angular-theme.mjs",
144
+ "esm": "./esm2022/theme/flowbite-angular-theme.mjs",
145
+ "default": "./fesm2022/flowbite-angular-theme.mjs"
146
+ },
141
147
  "./utils": {
142
148
  "types": "./utils/index.d.ts",
143
149
  "esm2022": "./esm2022/utils/flowbite-angular-utils.mjs",
@@ -146,7 +152,6 @@
146
152
  }
147
153
  },
148
154
  "peerDependencies": {
149
- "@floating-ui/dom": "1.2.6",
150
155
  "tailwind-merge": "2.2.1"
151
156
  },
152
157
  "module": "fesm2022/flowbite-angular.mjs",
@@ -1,4 +1,4 @@
1
- export { ScrollTopComponent } from './scroll-top.component';
1
+ export { ScrollTopComponent, FLOWBITE_SCROLL_TOP_COLOR_DEFAULT_VALUE, FLOWBITE_SCROLL_TOP_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SCROLL_TOP_POSITION_DEFAULT_VALUE, scrollTopDefaultValueProvider, } from './scroll-top.component';
2
2
  export type { ScrollTopTheme, ScrollTopClass, ScrollTopProperties, ScrollTopColors, ScrollTopPositions, } from './scroll-top.theme';
3
3
  export { scrollTopTheme } from './scroll-top.theme';
4
4
  export { FLOWBITE_SCROLL_TOP_THEME_TOKEN, ScrollTopThemeService } from './scroll-top.theme.service';
@@ -3,8 +3,39 @@ import { ScrollTopThemeService } from './scroll-top.theme.service';
3
3
  import { BaseComponent } from 'flowbite-angular';
4
4
  import { IconRegistry } from 'flowbite-angular/icon';
5
5
  import type { OnInit } 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_SCROLL_TOP_COLOR_DEFAULT_VALUE: InjectionToken<keyof ScrollTopColors>;
10
+ export declare const FLOWBITE_SCROLL_TOP_POSITION_DEFAULT_VALUE: InjectionToken<keyof ScrollTopPositions>;
11
+ export declare const FLOWBITE_SCROLL_TOP_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
+ gray?: string | undefined;
20
+ green?: string | undefined;
21
+ lime?: string | undefined;
22
+ purple?: string | undefined;
23
+ red?: string | undefined;
24
+ } | undefined;
25
+ position?: {
26
+ [x: string]: string | undefined;
27
+ 'bottom-left'?: string | undefined;
28
+ 'bottom-right'?: string | undefined;
29
+ 'bottom-center'?: string | undefined;
30
+ 'top-left'?: string | undefined;
31
+ 'top-center'?: string | undefined;
32
+ 'top-right'?: string | undefined;
33
+ 'center-left'?: string | undefined;
34
+ 'center-right'?: string | undefined;
35
+ } | undefined;
36
+ } | undefined;
37
+ }>;
38
+ export declare const scrollTopDefaultValueProvider: import("@angular/core").EnvironmentProviders;
8
39
  /**
9
40
  * Provide a way to go at the top of the page via a button
10
41
  */
@@ -1,24 +1,24 @@
1
- export { SidebarComponent } from './sidebar.component';
1
+ export { SidebarComponent, FLOWBITE_SIDEBAR_COLOR_DEFAULT_VALUE, FLOWBITE_SIDEBAR_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_DISPLAY_MODE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_IS_OPEN_DEFAULT_VALUE, FLOWBITE_SIDEBAR_IS_ROUNDED_DEFAULT_VALUE, sidebarDefaultValueProvider, } from './sidebar.component';
2
2
  export type { SidebarProperties, SidebarClass, SidebarTheme, SidebarColors, SidebarDisplayMode, } from './sidebar.theme';
3
3
  export { sidebarTheme } from './sidebar.theme';
4
4
  export { FLOWBITE_SIDEBAR_THEME_TOKEN, SidebarThemeService } from './sidebar.theme.service';
5
- export { SidebarItemComponent } from './sidebar-item.component';
5
+ export { SidebarItemComponent, FLOWBITE_SIDEBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_ITEM_ICON_DEFAULT_VALUE, FLOWBITE_SIDEBAR_ITEM_LABEL_DEFAULT_VALUE, sidebarItemDefaultValueProvider, } from './sidebar-item.component';
6
6
  export type { SidebarItemProperties, SidebarItemClass, SidebarItemTheme, } from './sidebar-item.theme';
7
7
  export { sidebarItemTheme } from './sidebar-item.theme';
8
8
  export { FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN, SidebarItemThemeService, } from './sidebar-item.theme.service';
9
- export { SidebarItemGroupComponent } from './sidebar-item-group.component';
9
+ export { SidebarItemGroupComponent, FLOWBITE_SIDEBAR_ITEM_GROUP_CUSTOM_STYLE_DEFAULT_VALUE, sidebarItemGroupDefaultValueProvider, } from './sidebar-item-group.component';
10
10
  export type { SidebarItemGroupProperties, SidebarItemGroupClass, SidebarItemGroupTheme, } from './sidebar-item-group.theme';
11
11
  export { sidebarItemGroupTheme } from './sidebar-item-group.theme';
12
12
  export { FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN, SidebarItemGroupThemeService, } from './sidebar-item-group.theme.service';
13
- export { SidebarToggleComponent } from './sidebar-toggle.component';
13
+ export { SidebarToggleComponent, FLOWBITE_SIDEBAR_TOGGLE_COLOR_DEFAULT_VALUE, FLOWBITE_SIDEBAR_TOGGLE_CUSTOM_STYLE_DEFAULT_VALUE, FLOWBITE_SIDEBAR_TOGGLE_SIZE_DEFAULT_VALUE, sidebarToggleDefaultValueProvider, } from './sidebar-toggle.component';
14
14
  export type { SidebarToggleTheme, SidebarToggleClass, SidebarToggleProperties, SidebarToggleSizes, } from './sidebar-toggle.theme';
15
15
  export { sidebarToggleTheme } from './sidebar-toggle.theme';
16
16
  export { FLOWBITE_SIDEBAR_TOGGLE_THEME_TOKEN, SidebarToggleThemeService, } from './sidebar-toggle.theme.service';
17
- export { SidebarPageContentComponent } from './sidebar-page-content.component';
17
+ export { SidebarPageContentComponent, FLOWBITE_SIDEBAR_PAGE_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE, sidebarPageContentDefaultValueProvider, } from './sidebar-page-content.component';
18
18
  export type { SidebarPageContentClass, SidebarPageContentProperties, SidebarPageContentTheme, } from './sidebar-page-content.theme';
19
19
  export { sidebarPageContentTheme } from './sidebar-page-content.theme';
20
20
  export { FLOWBITE_SIDEBAR_PAGE_CONTENT_THEME_TOKEN, SidebarPageContentThemeService, } from './sidebar-page-content.theme.service';
21
- export { SidebarMenuComponent } from './sidebar-menu.component';
21
+ export { SidebarMenuComponent, FLOWBITE_SIDEBAR_MENU_CUSTOM_STYLE_DEFAULT_VALUE, sidebarMenuDefaultValueProvider, } from './sidebar-menu.component';
22
22
  export type { SidebarMenuClass, SidebarMenuProperties, SidebarMenuTheme, } from './sidebar-menu.theme';
23
23
  export { sidebarMenuTheme } from './sidebar-menu.theme';
24
24
  export { FLOWBITE_SIDEBAR_MENU_THEME_TOKEN, SidebarMenuThemeService, } from './sidebar-menu.theme.service';
@@ -5,8 +5,27 @@ import { SidebarMenuComponent } from './sidebar-menu.component';
5
5
  import type { SidebarColors } from './sidebar.theme';
6
6
  import { BaseComponent } from 'flowbite-angular';
7
7
  import { IconRegistry } from 'flowbite-angular/icon';
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_SIDEBAR_ITEM_GROUP_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
12
+ root?: {
13
+ base?: string | undefined;
14
+ } | undefined;
15
+ spanText?: {
16
+ base?: string | undefined;
17
+ color?: {
18
+ [x: string]: string | undefined;
19
+ primary?: string | undefined;
20
+ dark?: string | undefined;
21
+ blue?: string | undefined;
22
+ red?: string | undefined;
23
+ green?: string | undefined;
24
+ yellow?: string | undefined;
25
+ } | undefined;
26
+ } | undefined;
27
+ }>;
28
+ export declare const sidebarItemGroupDefaultValueProvider: import("@angular/core").EnvironmentProviders;
10
29
  /**
11
30
  * @see https://flowbite.com/docs/components/sidebar/
12
31
  */
@@ -69,7 +88,6 @@ export declare class SidebarItemGroupComponent extends BaseComponent<SidebarItem
69
88
  } | undefined;
70
89
  }>;
71
90
  fetchClass(): SidebarItemGroupClass;
72
- verify(): void;
73
91
  init(): void;
74
92
  /**
75
93
  * Toggle isOpen value
@@ -6,7 +6,28 @@ import type { SidebarColors } from './sidebar.theme';
6
6
  import { BaseComponent } from 'flowbite-angular';
7
7
  import { FlowbiteRouterLinkDirective } from 'flowbite-angular/router-link';
8
8
  import { FlowbiteRouterLinkActiveDirective } from 'flowbite-angular/router-link-active';
9
+ import { InjectionToken } from '@angular/core';
9
10
  import * as i0 from "@angular/core";
11
+ export declare const FLOWBITE_SIDEBAR_ITEM_ICON_DEFAULT_VALUE: InjectionToken<string | undefined>;
12
+ export declare const FLOWBITE_SIDEBAR_ITEM_LABEL_DEFAULT_VALUE: InjectionToken<string | undefined>;
13
+ export declare const FLOWBITE_SIDEBAR_ITEM_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
14
+ root?: {
15
+ base?: string | undefined;
16
+ color?: {
17
+ [x: string]: string | undefined;
18
+ primary?: string | undefined;
19
+ dark?: string | undefined;
20
+ blue?: string | undefined;
21
+ red?: string | undefined;
22
+ green?: string | undefined;
23
+ yellow?: string | undefined;
24
+ } | undefined;
25
+ } | undefined;
26
+ icon?: {
27
+ base?: string | undefined;
28
+ } | undefined;
29
+ }>;
30
+ export declare const sidebarItemDefaultValueProvider: import("@angular/core").EnvironmentProviders;
10
31
  /**
11
32
  * @see https://flowbite.com/docs/components/sidebar/
12
33
  */
@@ -71,7 +92,6 @@ export declare class SidebarItemComponent extends BaseComponent<SidebarItemClass
71
92
  } | undefined;
72
93
  }>;
73
94
  fetchClass(): SidebarItemClass;
74
- verify(): void;
75
95
  /**
76
96
  * Toggle sidebar menu visibility
77
97
  */
@@ -5,7 +5,32 @@ import { SidebarMenuThemeService } from './sidebar-menu.theme.service';
5
5
  import { SidebarComponent } from './sidebar.component';
6
6
  import type { SidebarColors } from './sidebar.theme';
7
7
  import { BaseComponent } from 'flowbite-angular';
8
+ import { InjectionToken } from '@angular/core';
8
9
  import * as i0 from "@angular/core";
10
+ export declare const FLOWBITE_SIDEBAR_MENU_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
11
+ root?: {
12
+ base?: string | undefined;
13
+ displayMode?: {
14
+ push?: string | undefined;
15
+ over?: string | undefined;
16
+ backdrop?: string | undefined;
17
+ } | undefined;
18
+ isOpen?: {
19
+ enabled?: string | undefined;
20
+ disabled?: string | undefined;
21
+ } | undefined;
22
+ color?: {
23
+ [x: string]: string | undefined;
24
+ primary?: string | undefined;
25
+ dark?: string | undefined;
26
+ blue?: string | undefined;
27
+ red?: string | undefined;
28
+ green?: string | undefined;
29
+ yellow?: string | undefined;
30
+ } | undefined;
31
+ } | undefined;
32
+ }>;
33
+ export declare const sidebarMenuDefaultValueProvider: import("@angular/core").EnvironmentProviders;
9
34
  /**
10
35
  * @see https://flowbite.com/docs/components/sidebar/
11
36
  */
@@ -59,7 +84,6 @@ export declare class SidebarMenuComponent extends BaseComponent<SidebarMenuClass
59
84
  } | undefined;
60
85
  }>;
61
86
  fetchClass(): SidebarMenuClass;
62
- verify(): void;
63
87
  /**
64
88
  * Toggle visibility of ll children to false
65
89
  */
@@ -2,7 +2,19 @@ import type { SidebarPageContentClass } from './sidebar-page-content.theme';
2
2
  import { SidebarPageContentThemeService } from './sidebar-page-content.theme.service';
3
3
  import { SidebarComponent } from './sidebar.component';
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_SIDEBAR_PAGE_CONTENT_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
8
+ root?: {
9
+ base?: string | undefined;
10
+ displayMode?: {
11
+ push?: string | undefined;
12
+ over?: string | undefined;
13
+ backdrop?: string | undefined;
14
+ } | undefined;
15
+ } | undefined;
16
+ }>;
17
+ export declare const sidebarPageContentDefaultValueProvider: import("@angular/core").EnvironmentProviders;
6
18
  /**
7
19
  * @see https://flowbite.com/docs/components/sidebar/
8
20
  */
@@ -5,8 +5,30 @@ import type { SidebarColors } from './sidebar.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_SIDEBAR_TOGGLE_COLOR_DEFAULT_VALUE: InjectionToken<keyof SidebarColors>;
12
+ export declare const FLOWBITE_SIDEBAR_TOGGLE_SIZE_DEFAULT_VALUE: InjectionToken<keyof SidebarToggleSizes>;
13
+ export declare const FLOWBITE_SIDEBAR_TOGGLE_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
14
+ root?: {
15
+ base?: string | undefined;
16
+ color?: {
17
+ [x: string]: string | undefined;
18
+ primary?: string | undefined;
19
+ dark?: string | undefined;
20
+ blue?: string | undefined;
21
+ red?: string | undefined;
22
+ green?: string | undefined;
23
+ yellow?: string | undefined;
24
+ } | undefined;
25
+ size?: {
26
+ [x: string]: string | undefined;
27
+ sm?: string | undefined;
28
+ } | undefined;
29
+ } | undefined;
30
+ }>;
31
+ export declare const sidebarToggleDefaultValueProvider: import("@angular/core").EnvironmentProviders;
10
32
  /**
11
33
  * @see https://flowbite.com/docs/components/sidebar/
12
34
  */
@@ -4,7 +4,22 @@ import type { SidebarClass, SidebarColors, SidebarDisplayMode } from './sidebar.
4
4
  import { SidebarThemeService } from './sidebar.theme.service';
5
5
  import { BaseComponent } from 'flowbite-angular';
6
6
  import type { OnInit } from '@angular/core';
7
+ import { InjectionToken } from '@angular/core';
7
8
  import * as i0 from "@angular/core";
9
+ export declare const FLOWBITE_SIDEBAR_COLOR_DEFAULT_VALUE: InjectionToken<keyof SidebarColors>;
10
+ export declare const FLOWBITE_SIDEBAR_DISPLAY_MODE_DEFAULT_VALUE: InjectionToken<keyof SidebarDisplayMode>;
11
+ export declare const FLOWBITE_SIDEBAR_IS_OPEN_DEFAULT_VALUE: InjectionToken<boolean>;
12
+ export declare const FLOWBITE_SIDEBAR_IS_ROUNDED_DEFAULT_VALUE: InjectionToken<boolean>;
13
+ export declare const FLOWBITE_SIDEBAR_CUSTOM_STYLE_DEFAULT_VALUE: InjectionToken<{
14
+ root?: {
15
+ base?: string | undefined;
16
+ isRounded?: {
17
+ enabled?: string | undefined;
18
+ disabled?: string | undefined;
19
+ } | undefined;
20
+ } | undefined;
21
+ }>;
22
+ export declare const sidebarDefaultValueProvider: import("@angular/core").EnvironmentProviders;
8
23
  /**
9
24
  * @see https://flowbite.com/docs/components/sidebar/
10
25
  */
@@ -16,11 +31,11 @@ export declare class SidebarComponent extends BaseComponent<SidebarClass> implem
16
31
  /**
17
32
  * The child `SidebarMenuComponent`
18
33
  */
19
- readonly sidebarMenuChild: import("@angular/core").Signal<SidebarMenuComponent | undefined>;
34
+ readonly sidebarMenuChild: import("@angular/core").Signal<SidebarMenuComponent>;
20
35
  /**
21
36
  * The child `SidebarPageContentComponent`
22
37
  */
23
- readonly sidebarPageContentChild: import("@angular/core").Signal<SidebarPageContentComponent | undefined>;
38
+ readonly sidebarPageContentChild: import("@angular/core").Signal<SidebarPageContentComponent>;
24
39
  /**
25
40
  * Set the sidebar color
26
41
  *
@@ -58,7 +73,6 @@ export declare class SidebarComponent extends BaseComponent<SidebarClass> implem
58
73
  } | undefined;
59
74
  }>;
60
75
  fetchClass(): SidebarClass;
61
- verify(): void;
62
76
  /**
63
77
  * Toggle sidebar visibility
64
78
  *
@@ -0,0 +1,4 @@
1
+ # flowbite-angular/theme
2
+
3
+ Secondary entry point of `flowbite-angular`. It can be used by importing from
4
+ `flowbite-angular/theme`.