flowbite-angular 0.0.2 → 1.0.0-alpha.2

package/lib/components/navbar/navbar-content.component.d.ts

@@ -0,0 +1,27 @@
+import { BaseComponent } from '../base-component.directive';
+import type { NavbarContentClass } from './navbar-content.theme';
+import { NavbarContentThemeService } from './navbar-content.theme.service';
+import { NavbarComponent } from './navbar.component';
+import type { NavbarColors } from './navbar.theme';
+import type { OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NavbarContentComponent extends BaseComponent<NavbarContentClass> implements OnInit {
+    readonly themeService: NavbarContentThemeService;
+    readonly navbarComponent: import("@angular/core").ModelSignal<NavbarComponent>;
+    color: import("@angular/core").ModelSignal<keyof NavbarColors>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            isOpen?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+        list?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): NavbarContentClass;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarContentComponent, "flowbite-navbar-content", never, { "navbarComponent": { "alias": "navbarComponent"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "navbarComponent": "navbarComponentChange"; "color": "colorChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
+}

package/lib/components/navbar/navbar-content.theme.d.ts

@@ -0,0 +1,18 @@
+import type { DeepPartial, FlowbiteBoolean, FlowbiteClass } from '../../common';
+export interface NavbarContentProperties {
+    isOpen: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<NavbarContentTheme>;
+}
+export interface NavbarContentTheme {
+    root: {
+        base: string;
+        isOpen: FlowbiteBoolean;
+    };
+    list: {
+        base: string;
+    };
+}
+export declare const navbarContentTheme: NavbarContentTheme;
+export interface NavbarContentClass extends FlowbiteClass {
+    navbarContentListClass: string;
+}

package/lib/components/navbar/navbar-content.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { NavbarContentClass, NavbarContentProperties, NavbarContentTheme } from './navbar-content.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_NAVBAR_CONTENT_THEME_TOKEN: InjectionToken<NavbarContentTheme>;
+export declare class NavbarContentThemeService implements FlowbiteThemeService<NavbarContentProperties> {
+    private readonly baseTheme;
+    getClasses(properties: NavbarContentProperties): NavbarContentClass;
+}

package/lib/components/navbar/navbar-icon-button.component.d.ts

@@ -0,0 +1,27 @@
+import { BaseComponent } from '../base-component.directive';
+import { NavbarContentComponent } from './navbar-content.component';
+import type { NavbarIconButtonClass } from './navbar-icon-button.theme';
+import { NavbarIconButtonThemeService } from './navbar-icon-button.theme.service';
+import { NavbarComponent } from './navbar.component';
+import type { NavbarColors } from './navbar.theme';
+import * as i0 from "@angular/core";
+export declare class NavbarIconButtonComponent extends BaseComponent<NavbarIconButtonClass> {
+    readonly themeService: NavbarIconButtonThemeService;
+    readonly navbarComponent: NavbarComponent | null;
+    readonly navbarContentComponent: NavbarContentComponent | null;
+    color: import("@angular/core").ModelSignal<keyof NavbarColors>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                gray?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): NavbarIconButtonClass;
+    verify(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarIconButtonComponent, never>;
+    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>;
+}

package/lib/components/navbar/navbar-icon-button.theme.d.ts

@@ -0,0 +1,14 @@
+import type { DeepPartial, FlowbiteClass } from '../../common';
+import type { NavbarColors } from './navbar.theme';
+export interface NavbarIconButtonProperties {
+    color: keyof NavbarColors;
+    customStyle: DeepPartial<NavbarIconButtonTheme>;
+}
+export interface NavbarIconButtonTheme {
+    root: {
+        base: string;
+        color: NavbarColors;
+    };
+}
+export declare const navbarIconButtonTheme: NavbarIconButtonTheme;
+export type NavbarIconButtonClass = FlowbiteClass;

package/lib/components/navbar/navbar-icon-button.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { NavbarIconButtonClass, NavbarIconButtonProperties, NavbarIconButtonTheme } from './navbar-icon-button.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_NAVBAR_ICON_BUTTON_THEME_TOKEN: InjectionToken<NavbarIconButtonTheme>;
+export declare class NavbarIconButtonThemeService implements FlowbiteThemeService<NavbarIconButtonProperties> {
+    private readonly baseTheme;
+    getClasses(properties: NavbarIconButtonProperties): NavbarIconButtonClass;
+}

package/lib/components/navbar/navbar-item.component.d.ts

@@ -0,0 +1,29 @@
+import { FlowbiteRouterLinkActiveDirective } from '../../directives/flowbite-router-link-active.directive';
+import { FlowbiteRouterLinkDirective } from '../../directives/flowbite-router-link.directive';
+import { BaseComponent } from '../base-component.directive';
+import { NavbarContentComponent } from './navbar-content.component';
+import type { NavbarItemClass } from './navbar-item.theme';
+import { NavbarItemThemeService } from './navbar-item.theme.service';
+import type { NavbarColors } from './navbar.theme';
+import * as i0 from "@angular/core";
+export declare class NavbarItemComponent extends BaseComponent<NavbarItemClass> {
+    readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
+    readonly flowbiteRouterLinkActive: FlowbiteRouterLinkActiveDirective | null;
+    readonly themeService: NavbarItemThemeService;
+    readonly navbarContentComponent: NavbarContentComponent;
+    color: import("@angular/core").ModelSignal<keyof NavbarColors>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                gray?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): NavbarItemClass;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarItemComponent, never>;
+    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>;
+}

package/lib/components/navbar/navbar-item.theme.d.ts

@@ -0,0 +1,15 @@
+import type { DeepPartial } from '../../common';
+import type { FlowbiteClass } from '../../common/type-definitions/flowbite.class';
+import type { NavbarColors } from './navbar.theme';
+export interface NabvarItemProperties {
+    color: keyof NavbarColors;
+    customStyle: DeepPartial<NavbarItemTheme>;
+}
+export interface NavbarItemTheme {
+    root: {
+        base: string;
+        color: NavbarColors;
+    };
+}
+export declare const navbarItemTheme: NavbarItemTheme;
+export type NavbarItemClass = FlowbiteClass;

package/lib/components/navbar/navbar-item.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { NabvarItemProperties, NavbarItemClass, NavbarItemTheme } from './navbar-item.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_NAVBAR_ITEM_THEME_TOKEN: InjectionToken<NavbarItemTheme>;
+export declare class NavbarItemThemeService implements FlowbiteThemeService<NabvarItemProperties> {
+    private readonly baseTheme;
+    getClasses(properties: NabvarItemProperties): NavbarItemClass;
+}

package/lib/components/navbar/navbar-toggle.component.d.ts

@@ -0,0 +1,23 @@
+import { BaseComponent } from '../base-component.directive';
+import { IconRegistry } from '../icon';
+import type { NavbarToggleClass } from './navbar-toggle.theme';
+import { NavbarToggleThemeService } from './navbar-toggle.theme.service';
+import { NavbarComponent } from './navbar.component';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class NavbarToggleComponent extends BaseComponent<NavbarToggleClass> {
+    readonly themeService: NavbarToggleThemeService;
+    readonly navbarComponent: import("@angular/core").ModelSignal<NavbarComponent>;
+    readonly iconRegistry: IconRegistry;
+    readonly domSanitizer: DomSanitizer;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): NavbarToggleClass;
+    init(): void;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarToggleComponent, never>;
+    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>;
+}

package/lib/components/navbar/navbar-toggle.theme.d.ts

@@ -0,0 +1,11 @@
+import type { DeepPartial, FlowbiteClass } from '../../common';
+export interface NavbarToggleProperties {
+    customStyle: DeepPartial<NavbarToggleTheme>;
+}
+export interface NavbarToggleTheme {
+    root: {
+        base: string;
+    };
+}
+export declare const navbarToogleTheme: NavbarToggleTheme;
+export type NavbarToggleClass = FlowbiteClass;

package/lib/components/navbar/navbar-toggle.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { NavbarToggleClass, NavbarToggleProperties, NavbarToggleTheme } from './navbar-toggle.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_NAVBAR_TOGGLE_THEME_TOKEN: InjectionToken<NavbarToggleTheme>;
+export declare class NavbarToggleThemeService implements FlowbiteThemeService<NavbarToggleProperties> {
+    private readonly baseTheme;
+    getClasses(properties: NavbarToggleProperties): NavbarToggleClass;
+}

package/lib/components/navbar/navbar.component.d.ts

@@ -1,9 +1,48 @@
+import { BaseComponent } from '../base-component.directive';
+import { NavbarBrandComponent } from './navbar-brand.component';
+import { NavbarContentComponent } from './navbar-content.component';
+import { NavbarToggleComponent } from './navbar-toggle.component';
+import type { NavbarClass, NavbarColors } from './navbar.theme';
+import { NavbarThemeService } from './navbar.theme.service';
 import * as i0 from "@angular/core";
-export declare class NavbarComponent {
-    extraClass: string;
-    rounded: boolean;
-    border: boolean;
-    fluid: boolean;
+/**
+ * @see https://flowbite.com/docs/components/navbar/
+ */
+export declare class NavbarComponent extends BaseComponent<NavbarClass> {
+    readonly themeService: NavbarThemeService;
+    readonly navbarBrandChild: import("@angular/core").Signal<NavbarBrandComponent | undefined>;
+    readonly navbarToggleChild: import("@angular/core").Signal<NavbarToggleComponent | undefined>;
+    readonly navbarContentChild: import("@angular/core").Signal<NavbarContentComponent | undefined>;
+    color: import("@angular/core").ModelSignal<keyof NavbarColors>;
+    isOpen: import("@angular/core").ModelSignal<boolean>;
+    isRounded: import("@angular/core").ModelSignal<boolean>;
+    hasBorder: import("@angular/core").ModelSignal<boolean>;
+    isFixed: import("@angular/core").ModelSignal<boolean>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                gray?: string | undefined;
+            } | undefined;
+            isRounded?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+            hasBorder?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+            isFixed?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): NavbarClass;
+    verify(): void;
+    toggleVisibility(isOpen?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "flowbite-navbar", never, { "extraClass": "extraClass"; "rounded": "rounded"; "border": "border"; "fluid": "fluid"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "flowbite-navbar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "isRounded": { "alias": "isRounded"; "required": false; "isSignal": true; }; "hasBorder": { "alias": "hasBorder"; "required": false; "isSignal": true; }; "isFixed": { "alias": "isFixed"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "isOpen": "isOpenChange"; "isRounded": "isRoundedChange"; "hasBorder": "hasBorderChange"; "isFixed": "isFixedChange"; "customStyle": "customStyleChange"; }, ["navbarBrandChild", "navbarToggleChild", "navbarContentChild"], ["*"], true, never>;
 }

package/lib/components/navbar/navbar.theme.d.ts

@@ -0,0 +1,24 @@
+import type { DeepPartial } from '../../common';
+import type { FlowbiteColors } from '../../common/type-definitions/colors/flowbite.colors';
+import type { FlowbiteBoolean } from '../../common/type-definitions/flowbite.boolean';
+import type { FlowbiteClass } from '../../common/type-definitions/flowbite.class';
+export interface NavbarColors extends Pick<FlowbiteColors, 'primary' | 'gray'> {
+    [key: string]: string;
+}
+export interface NavbarProperties {
+    isRounded: keyof FlowbiteBoolean;
+    hasBorder: keyof FlowbiteBoolean;
+    isFixed: keyof FlowbiteBoolean;
+    customStyle: DeepPartial<NavbarTheme>;
+}
+export interface NavbarTheme {
+    root: {
+        base: string;
+        color: NavbarColors;
+        isRounded: FlowbiteBoolean;
+        hasBorder: FlowbiteBoolean;
+        isFixed: FlowbiteBoolean;
+    };
+}
+export declare const navbarTheme: NavbarTheme;
+export type NavbarClass = FlowbiteClass;

package/lib/components/navbar/navbar.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { NavbarClass, NavbarProperties, NavbarTheme } from './navbar.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_NAVBAR_THEME_TOKEN: InjectionToken<NavbarTheme>;
+export declare class NavbarThemeService implements FlowbiteThemeService<NavbarProperties> {
+    private readonly baseTheme;
+    getClasses(properties: NavbarProperties): NavbarClass;
+}

package/lib/components/scroll-top/index.d.ts

@@ -0,0 +1,4 @@
+export { ScrollTopComponent } from './scroll-top.component';
+export type { ScrollTopTheme, ScrollTopClass, ScrollTopProperties, ScrollTopColors, ScrollTopPositions, } from './scroll-top.theme';
+export { scrollTopTheme } from './scroll-top.theme';
+export { FLOWBITE_SCROLL_TOP_THEME_TOKEN, ScrollTopThemeService } from './scroll-top.theme.service';

package/lib/components/scroll-top/scroll-top.component.d.ts

@@ -0,0 +1,46 @@
+import { BaseComponent } from '../base-component.directive';
+import { IconRegistry } from '../icon';
+import type { ScrollTopClass, ScrollTopColors, ScrollTopPositions } from './scroll-top.theme';
+import { ScrollTopThemeService } from './scroll-top.theme.service';
+import type { OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class ScrollTopComponent extends BaseComponent<ScrollTopClass> implements OnInit {
+    readonly themeService: ScrollTopThemeService;
+    readonly iconRegistry: IconRegistry;
+    readonly domSanitizer: DomSanitizer;
+    color: import("@angular/core").ModelSignal<keyof ScrollTopColors>;
+    position: import("@angular/core").ModelSignal<keyof ScrollTopPositions>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                dark?: string | undefined;
+                gray?: string | undefined;
+                lime?: string | undefined;
+                purple?: string | undefined;
+            } | undefined;
+            position?: {
+                [x: string]: string | undefined;
+                'bottom-center'?: string | undefined;
+                'top-center'?: string | undefined;
+                'bottom-left'?: string | undefined;
+                'bottom-right'?: string | undefined;
+                'top-left'?: string | undefined;
+                'top-right'?: string | undefined;
+                'center-left'?: string | undefined;
+                'center-right'?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): ScrollTopClass;
+    init(): void;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollTopComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollTopComponent, "flowbite-scroll-top", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "position": "positionChange"; "customStyle": "customStyleChange"; }, never, never, true, never>;
+}

package/lib/components/scroll-top/scroll-top.theme.d.ts

@@ -0,0 +1,21 @@
+import type { DeepPartial, FlowbiteClass, FlowbiteColors, FlowbitePositions } from '../../common';
+export interface ScrollTopColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'gray' | 'green' | 'lime' | 'purple' | 'red'> {
+    [key: string]: string;
+}
+export interface ScrollTopPositions extends Omit<FlowbitePositions, 'center'> {
+    [key: string]: string;
+}
+export interface ScrollTopProperties {
+    color: keyof ScrollTopPositions;
+    position: keyof ScrollTopPositions;
+    customStyle: DeepPartial<ScrollTopTheme>;
+}
+export interface ScrollTopTheme {
+    root: {
+        base: string;
+        color: ScrollTopColors;
+        position: ScrollTopPositions;
+    };
+}
+export declare const scrollTopTheme: ScrollTopTheme;
+export type ScrollTopClass = FlowbiteClass;

package/lib/components/scroll-top/scroll-top.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { ScrollTopClass, ScrollTopProperties, ScrollTopTheme } from './scroll-top.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SCROLL_TOP_THEME_TOKEN: InjectionToken<ScrollTopTheme>;
+export declare class ScrollTopThemeService implements FlowbiteThemeService<ScrollTopProperties> {
+    private readonly baseTheme;
+    getClasses(properties: ScrollTopProperties): ScrollTopClass;
+}

package/lib/components/sidebar/index.d.ts

@@ -1,3 +1,24 @@
-export * from './sidebar.component';
-export * from './sidebar-item.component';
-export * from './sidebar-item-group.component';
+export { SidebarComponent } from './sidebar.component';
+export type { SidebarProperties, SidebarClass, SidebarTheme, SidebarColors, SidebarDisplayMode, } from './sidebar.theme';
+export { sidebarTheme } from './sidebar.theme';
+export { FLOWBITE_SIDEBAR_THEME_TOKEN, SidebarThemeService } from './sidebar.theme.service';
+export { SidebarItemComponent } from './sidebar-item.component';
+export type { SidebarItemProperties, SidebarItemClass, SidebarItemTheme, } from './sidebar-item.theme';
+export { sidebarItemTheme } from './sidebar-item.theme';
+export { FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN, SidebarItemThemeService, } from './sidebar-item.theme.service';
+export { SidebarItemGroupComponent } from './sidebar-item-group.component';
+export type { SidebarItemGroupProperties, SidebarItemGroupClass, SidebarItemGroupTheme, } from './sidebar-item-group.theme';
+export { sidebarItemGroupTheme } from './sidebar-item-group.theme';
+export { FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN, SidebarItemGroupThemeService, } from './sidebar-item-group.theme.service';
+export { SidebarToggleComponent } from './sidebar-toggle.component';
+export type { SidebarToggleTheme, SidebarToggleClass, SidebarToggleProperties, SidebarToggleSizes, } from './sidebar-toggle.theme';
+export { sidebarToggleTheme } from './sidebar-toggle.theme';
+export { FLOWBITE_SIDEBAR_TOGGLE_THEME_TOKEN, SidebarToggleThemeService, } from './sidebar-toggle.theme.service';
+export { SidebarPageContentComponent } from './sidebar-page-content.component';
+export type { SidebarPageContentClass, SidebarPageContentProperties, SidebarPageContentTheme, } from './sidebar-page-content.theme';
+export { sidebarPageContentTheme } from './sidebar-page-content.theme';
+export { FLOWBITE_SIDEBAR_PAGE_CONTENT_THEME_TOKEN, SidebarPageContentThemeService, } from './sidebar-page-content.theme.service';
+export { SidebarMenuComponent } from './sidebar-menu.component';
+export type { SidebarMenuClass, SidebarMenuProperties, SidebarMenuTheme, } from './sidebar-menu.theme';
+export { sidebarMenuTheme } from './sidebar-menu.theme';
+export { FLOWBITE_SIDEBAR_MENU_THEME_TOKEN, SidebarMenuThemeService, } from './sidebar-menu.theme.service';

package/lib/components/sidebar/sidebar-item-group.component.d.ts

@@ -1,5 +1,44 @@
+import { BaseComponent } from '../base-component.directive';
+import { IconRegistry } from '../icon';
+import type { SidebarItemGroupClass } from './sidebar-item-group.theme';
+import { SidebarItemGroupThemeService } from './sidebar-item-group.theme.service';
+import { SidebarItemComponent } from './sidebar-item.component';
+import { SidebarMenuComponent } from './sidebar-menu.component';
+import type { SidebarColors } from './sidebar.theme';
+import type { OnInit } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class SidebarItemGroupComponent {
+export declare class SidebarItemGroupComponent extends BaseComponent<SidebarItemGroupClass> implements OnInit {
+    readonly themeService: SidebarItemGroupThemeService;
+    readonly iconRegistry: IconRegistry;
+    readonly domSanitizer: DomSanitizer;
+    readonly sidebarMenuComponent: SidebarMenuComponent;
+    readonly sidebarItemChildren: import("@angular/core").Signal<readonly SidebarItemComponent[]>;
+    isOpen: import("@angular/core").ModelSignal<boolean>;
+    color: import("@angular/core").ModelSignal<keyof SidebarColors>;
+    title: import("@angular/core").ModelSignal<string>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+        } | undefined;
+        spanText?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+                dark?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): SidebarItemGroupClass;
+    verify(): void;
+    init(): void;
+    onSpanClick(): void;
+    toggleVisibility(isOpen?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemGroupComponent, "flowbite-sidebar-item-group", never, {}, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemGroupComponent, "flowbite-sidebar-item-group", never, { "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "color": "colorChange"; "title": "titleChange"; "customStyle": "customStyleChange"; }, ["sidebarItemChildren"], ["*"], true, never>;
 }

package/lib/components/sidebar/sidebar-item-group.theme.d.ts

@@ -0,0 +1,19 @@
+import type { DeepPartial, FlowbiteClass } from '../../common';
+import type { SidebarColors } from './sidebar.theme';
+export interface SidebarItemGroupProperties {
+    color: keyof SidebarColors;
+    customStyle: DeepPartial<SidebarItemGroupTheme>;
+}
+export interface SidebarItemGroupTheme {
+    root: {
+        base: string;
+    };
+    spanText: {
+        base: string;
+        color: SidebarColors;
+    };
+}
+export declare const sidebarItemGroupTheme: SidebarItemGroupTheme;
+export interface SidebarItemGroupClass extends FlowbiteClass {
+    spanClass: string;
+}

package/lib/components/sidebar/sidebar-item-group.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { SidebarItemGroupClass, SidebarItemGroupProperties, SidebarItemGroupTheme } from './sidebar-item-group.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SIDEBAR_ITEM_GROUP_THEME_TOKEN: InjectionToken<SidebarItemGroupTheme>;
+export declare class SidebarItemGroupThemeService implements FlowbiteThemeService<SidebarItemGroupProperties> {
+    private readonly baseTheme;
+    getClasses(properties: SidebarItemGroupProperties): SidebarItemGroupClass;
+}

package/lib/components/sidebar/sidebar-item.component.d.ts

@@ -1,11 +1,41 @@
-import { SidebarService } from '../../services';
+import { FlowbiteRouterLinkActiveDirective } from '../../directives/flowbite-router-link-active.directive';
+import { FlowbiteRouterLinkDirective } from '../../directives/flowbite-router-link.directive';
+import { BaseComponent } from '../base-component.directive';
+import { SidebarItemGroupComponent } from './sidebar-item-group.component';
+import type { SidebarItemClass } from './sidebar-item.theme';
+import { SidebarItemThemeService } from './sidebar-item.theme.service';
+import { SidebarMenuComponent } from './sidebar-menu.component';
+import type { SidebarColors } from './sidebar.theme';
 import * as i0 from "@angular/core";
-export declare class SidebarItemComponent {
-    readonly sidebarService: SidebarService;
-    icon?: string;
-    link?: string;
-    label?: string;
-    constructor(sidebarService: SidebarService);
+export declare class SidebarItemComponent extends BaseComponent<SidebarItemClass> {
+    readonly flowbiteRouterLink: FlowbiteRouterLinkDirective | null;
+    readonly flowbiteRouterLinkActive: FlowbiteRouterLinkActiveDirective | null;
+    readonly themeService: SidebarItemThemeService;
+    readonly sidebarItemGroupComponent: SidebarItemGroupComponent | null | undefined;
+    readonly sidebarMenuComponent: SidebarMenuComponent | undefined;
+    icon: import("@angular/core").ModelSignal<string | undefined>;
+    color: import("@angular/core").ModelSignal<keyof SidebarColors>;
+    label: import("@angular/core").ModelSignal<string | undefined>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+                dark?: string | undefined;
+            } | undefined;
+        } | undefined;
+        icon?: {
+            base?: string | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): SidebarItemClass;
+    verify(): void;
+    onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemComponent, "flowbite-sidebar-item", never, { "icon": "icon"; "link": "link"; "label": "label"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarItemComponent, "flowbite-sidebar-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "icon": "iconChange"; "color": "colorChange"; "label": "labelChange"; "customStyle": "customStyleChange"; }, never, ["*"], true, never>;
 }

package/lib/components/sidebar/sidebar-item.theme.d.ts

@@ -0,0 +1,22 @@
+import type { FlowbiteClass } from '../../common';
+import type { DeepPartial } from '../../common/type-definitions/flowbite.deep-partial';
+import type { SidebarColors } from './sidebar.theme';
+export interface SidebarItemProperties {
+    icon: string | undefined;
+    color: keyof SidebarColors;
+    label: string | undefined;
+    customStyle: DeepPartial<SidebarItemTheme>;
+}
+export interface SidebarItemTheme {
+    root: {
+        base: string;
+        color: SidebarColors;
+    };
+    icon: {
+        base: string;
+    };
+}
+export declare const sidebarItemTheme: SidebarItemTheme;
+export interface SidebarItemClass extends FlowbiteClass {
+    sidebarIconClass: string;
+}

package/lib/components/sidebar/sidebar-item.theme.service.d.ts

@@ -0,0 +1,8 @@
+import type { FlowbiteThemeService } from '../../services';
+import type { SidebarItemClass, SidebarItemProperties, SidebarItemTheme } from './sidebar-item.theme';
+import { InjectionToken } from '@angular/core';
+export declare const FLOWBITE_SIDEBAR_ITEM_THEME_TOKEN: InjectionToken<SidebarItemTheme>;
+export declare class SidebarItemThemeService implements FlowbiteThemeService<SidebarItemProperties> {
+    private readonly baseTheme;
+    getClasses(properties: SidebarItemProperties): SidebarItemClass;
+}

package/lib/components/sidebar/sidebar-menu.component.d.ts

@@ -0,0 +1,43 @@
+import { BaseComponent } from '../base-component.directive';
+import { SidebarItemGroupComponent } from './sidebar-item-group.component';
+import { SidebarItemComponent } from './sidebar-item.component';
+import type { SidebarMenuClass } from './sidebar-menu.theme';
+import { SidebarMenuThemeService } from './sidebar-menu.theme.service';
+import { SidebarComponent } from './sidebar.component';
+import type { SidebarColors } from './sidebar.theme';
+import * as i0 from "@angular/core";
+export declare class SidebarMenuComponent extends BaseComponent<SidebarMenuClass> {
+    readonly themeService: SidebarMenuThemeService;
+    readonly sidebarComponent: SidebarComponent;
+    readonly sidebarItemGroupChildren: import("@angular/core").Signal<readonly SidebarItemGroupComponent[]>;
+    readonly sidebarItemChildren: import("@angular/core").Signal<readonly SidebarItemComponent[]>;
+    color: import("@angular/core").ModelSignal<keyof SidebarColors>;
+    customStyle: import("@angular/core").ModelSignal<{
+        root?: {
+            base?: string | undefined;
+            displayMode?: {
+                push?: string | undefined;
+                over?: string | undefined;
+                backdrop?: string | undefined;
+            } | undefined;
+            isOpen?: {
+                enabled?: string | undefined;
+                disabled?: string | undefined;
+            } | undefined;
+            color?: {
+                [x: string]: string | undefined;
+                primary?: string | undefined;
+                blue?: string | undefined;
+                red?: string | undefined;
+                green?: string | undefined;
+                yellow?: string | undefined;
+                dark?: string | undefined;
+            } | undefined;
+        } | undefined;
+    }>;
+    fetchClass(): SidebarMenuClass;
+    verify(): void;
+    closeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SidebarMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarMenuComponent, "flowbite-sidebar-menu", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "customStyle": { "alias": "customStyle"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; "customStyle": "customStyleChange"; }, ["sidebarItemGroupChildren", "sidebarItemChildren"], ["*"], true, never>;
+}