import * as ng_primitives_state from 'ng-primitives/state'; import * as _angular_core from '@angular/core'; import { InjectionToken, Provider } from '@angular/core'; import * as flowbite_angular_sidebar from 'flowbite-angular/sidebar'; import { FlowbiteColors, ColorToTheme, FlowbiteBoolean, DeepPartial } from 'flowbite-angular'; import * as _angular_cdk_coercion from '@angular/cdk/coercion'; import { BooleanInput } from '@angular/cdk/coercion'; import * as i1 from 'flowbite-angular/button'; import { FlowbiteBaseButtonSizes, FlowbiteBaseButtonColors } from 'flowbite-angular/button'; import * as i2 from 'ng-primitives/button'; import * as i3 from 'ng-primitives/interactions'; interface FlowbiteSidebarColors extends Pick { [key: string]: ColorToTheme; } interface FlowbiteSidebarTheme { host: FlowbiteSidebarHostTheme; } interface FlowbiteSidebarHostTheme { base: string; transition: string; open: FlowbiteBoolean; } declare const flowbiteSidebarTheme: FlowbiteSidebarTheme; declare class Sidebar { protected readonly config: flowbite_angular_sidebar.FlowbiteSidebarConfig; /** * @see {@link injectFlowbiteSidebarConfig} */ readonly open: _angular_core.InputSignalWithTransform; /** * @see {@link injectFlowbiteSidebarConfig} */ readonly color: _angular_core.InputSignal; /** * @see {@link injectFlowbiteSidebarConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; /** * @internal */ onClick(): void; /** * @internal */ toggle(newState?: boolean): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare const FlowbiteSidebarStateToken: _angular_core.InjectionToken; declare const provideFlowbiteSidebarState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteSidebarState: ; readonly color: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; toggle: (newState?: boolean) => void; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteSidebarState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteSidebarConfig { /** * The default theme of sidebar */ baseTheme: FlowbiteSidebarTheme; /** * Whether the sidebar is open */ open: boolean; /** * The default color of sidebar */ color: keyof FlowbiteSidebarColors; /** * The custom theme of sidebar */ customTheme: DeepPartial; } declare const defaultFlowbiteSidebarConfig: FlowbiteSidebarConfig; declare const FlowbiteSidebarConfigToken: InjectionToken; /** * Provide the default Sidebar configuration * @param config The Sidebar configuration * @returns The provider */ declare const provideFlowbiteSidebarConfig: (config: Partial) => Provider[]; /** * Inject the Sidebar configuration * @see {@link defaultFlowbiteSidebarConfig} * @returns The configuration */ declare const injectFlowbiteSidebarConfig: () => FlowbiteSidebarConfig; declare class SidebarContent { readonly config: flowbite_angular_sidebar.FlowbiteSidebarContentConfig; readonly sidebarState: _angular_core.Signal; readonly color: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; toggle: (newState?: boolean) => void; }>>; /** * @see {@link injectFlowbiteSidebarContentConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; container?: { base?: string | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; container: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; /** * @internal */ onClick($event: MouseEvent): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵcmp: _angular_core.ɵɵComponentDeclaration; } declare const FlowbiteSidebarContentStateToken: _angular_core.InjectionToken; declare const provideFlowbiteSidebarContentState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteSidebarContentState: >; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; container?: { base?: string | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; container: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: ($event: MouseEvent) => void; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteSidebarContentState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteSidebarContentTheme { host: FlowbiteSidebarContentHostTheme; container: FlowbiteSidebarContentContainerTheme; } interface FlowbiteSidebarContentHostTheme { base: string; transition: string; open: FlowbiteBoolean; color: FlowbiteSidebarColors; } interface FlowbiteSidebarContentContainerTheme { base: string; } declare const flowbiteSidebarContentTheme: FlowbiteSidebarContentTheme; interface FlowbiteSidebarContentConfig { /** * The default theme of sidebar-content */ baseTheme: FlowbiteSidebarContentTheme; /** * The custom theme of sidebar-content */ customTheme: DeepPartial; } declare const defaultFlowbiteSidebarContentConfig: FlowbiteSidebarContentConfig; declare const FlowbiteSidebarContentConfigToken: InjectionToken; /** * Provide the default SidebarContent configuration * @param config The SidebarContent configuration * @returns The provider */ declare const provideFlowbiteSidebarContentConfig: (config: Partial) => Provider[]; /** * Inject the SidebarContent configuration * @see {@link defaultFlowbiteSidebarContentConfig} * @returns The configuration */ declare const injectFlowbiteSidebarContentConfig: () => FlowbiteSidebarContentConfig; declare class SidebarToggle { protected readonly config: flowbite_angular_sidebar.FlowbiteSidebarToggleConfig; protected readonly sidebarState: _angular_core.Signal; readonly color: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; toggle: (newState?: boolean) => void; }>>; /** * @see {@link injectFlowbiteSidebarToggleConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; focus?: string | undefined; disabled?: string | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; colorOutline?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; /** * @internal */ onClick(): void; /** * @internal */ toggleSidebar(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare const FlowbiteSidebarToggleStateToken: _angular_core.InjectionToken; declare const provideFlowbiteSidebarToggleState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteSidebarToggleState: >; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; focus?: string | undefined; disabled?: string | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; colorOutline?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; toggleSidebar: () => void; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteSidebarToggleState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteSidebarToggleTheme { host: FlowbiteSidebarToggleHostTheme; } interface FlowbiteSidebarToggleHostTheme { base: string; transition: string; focus: string; disabled: string; size: FlowbiteBaseButtonSizes; pill: FlowbiteBoolean; color: FlowbiteBaseButtonColors; colorOutline: FlowbiteBaseButtonColors; } declare const flowbiteSidebarToggleTheme: FlowbiteSidebarToggleTheme; interface FlowbiteSidebarToggleConfig { /** * The default theme of sidebar-toggle */ baseTheme: FlowbiteSidebarToggleTheme; /** * The custom theme of sidebar-toggle */ customTheme: DeepPartial; } declare const defaultFlowbiteSidebarToggleConfig: FlowbiteSidebarToggleConfig; declare const FlowbiteSidebarToggleConfigToken: InjectionToken; /** * Provide the default SidebarToggle configuration * @param config The SidebarToggle configuration * @returns The provider */ declare const provideFlowbiteSidebarToggleConfig: (config: Partial) => Provider[]; /** * Inject the SidebarToggle configuration * @see {@link defaultFlowbiteSidebarToggleConfig} * @returns The configuration */ declare const injectFlowbiteSidebarToggleConfig: () => FlowbiteSidebarToggleConfig; declare class SidebarItem { readonly config: flowbite_angular_sidebar.FlowbiteSidebarItemConfig; readonly sidebarState: _angular_core.Signal; readonly color: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; open?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; toggle: (newState?: boolean) => void; }>>; /** * @see {@link injectFlowbiteSidebarItemConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; focus?: string | undefined; disabled?: string | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; colorOutline?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; /** * @internal */ onClick(): void; /** * @internal */ toggleSidebar(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare const FlowbiteSidebarItemStateToken: _angular_core.InjectionToken; declare const provideFlowbiteSidebarItemState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteSidebarItemState: >; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | undefined; focus?: string | undefined; disabled?: string | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; md?: string | undefined; lg?: string | undefined; xl?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; color?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; colorOutline?: { [x: string]: { light?: string | undefined; dark?: string | undefined; } | undefined; default?: { light?: string | undefined; dark?: string | undefined; } | undefined; info?: { light?: string | undefined; dark?: string | undefined; } | undefined; failure?: { light?: string | undefined; dark?: string | undefined; } | undefined; success?: { light?: string | undefined; dark?: string | undefined; } | undefined; warning?: { light?: string | undefined; dark?: string | undefined; } | undefined; primary?: { light?: string | undefined; dark?: string | undefined; } | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; onClick: () => void; toggleSidebar: () => void; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteSidebarItemState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteSidebarItemTheme { host: FlowbiteSidebarItemHostTheme; } interface FlowbiteSidebarItemHostTheme { base: string; transition: string; focus: string; disabled: string; size: FlowbiteBaseButtonSizes; pill: FlowbiteBoolean; color: FlowbiteBaseButtonColors; colorOutline: FlowbiteBaseButtonColors; } declare const flowbiteSidebarItemTheme: FlowbiteSidebarItemTheme; interface FlowbiteSidebarItemConfig { /** * The default theme of sidebar-item */ baseTheme: FlowbiteSidebarItemTheme; /** * The custom theme of sidebar-item */ customTheme: DeepPartial; } declare const defaultFlowbiteSidebarItemConfig: FlowbiteSidebarItemConfig; declare const FlowbiteSidebarItemConfigToken: InjectionToken; /** * Provide the default SidebarItem configuration * @param config The SidebarItem configuration * @returns The provider */ declare const provideFlowbiteSidebarItemConfig: (config: Partial) => Provider[]; /** * Inject the SidebarItem configuration * @see {@link defaultFlowbiteSidebarItemConfig} * @returns The configuration */ declare const injectFlowbiteSidebarItemConfig: () => FlowbiteSidebarItemConfig; export { FlowbiteSidebarConfigToken, FlowbiteSidebarContentConfigToken, FlowbiteSidebarContentStateToken, FlowbiteSidebarItemConfigToken, FlowbiteSidebarItemStateToken, FlowbiteSidebarStateToken, FlowbiteSidebarToggleConfigToken, FlowbiteSidebarToggleStateToken, Sidebar, SidebarContent, SidebarItem, SidebarToggle, defaultFlowbiteSidebarConfig, defaultFlowbiteSidebarContentConfig, defaultFlowbiteSidebarItemConfig, defaultFlowbiteSidebarToggleConfig, flowbiteSidebarContentState, flowbiteSidebarContentTheme, flowbiteSidebarItemState, flowbiteSidebarItemTheme, flowbiteSidebarState, flowbiteSidebarTheme, flowbiteSidebarToggleState, flowbiteSidebarToggleTheme, injectFlowbiteSidebarConfig, injectFlowbiteSidebarContentConfig, injectFlowbiteSidebarContentState, injectFlowbiteSidebarItemConfig, injectFlowbiteSidebarItemState, injectFlowbiteSidebarState, injectFlowbiteSidebarToggleConfig, injectFlowbiteSidebarToggleState, provideFlowbiteSidebarConfig, provideFlowbiteSidebarContentConfig, provideFlowbiteSidebarContentState, provideFlowbiteSidebarItemConfig, provideFlowbiteSidebarItemState, provideFlowbiteSidebarState, provideFlowbiteSidebarToggleConfig, provideFlowbiteSidebarToggleState }; export type { FlowbiteSidebarColors, FlowbiteSidebarConfig, FlowbiteSidebarContentConfig, FlowbiteSidebarContentContainerTheme, FlowbiteSidebarContentHostTheme, FlowbiteSidebarContentTheme, FlowbiteSidebarHostTheme, FlowbiteSidebarItemConfig, FlowbiteSidebarItemHostTheme, FlowbiteSidebarItemTheme, FlowbiteSidebarTheme, FlowbiteSidebarToggleConfig, FlowbiteSidebarToggleHostTheme, FlowbiteSidebarToggleTheme };