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_badge from 'flowbite-angular/badge'; import { FlowbiteColors, ColorToTheme, FlowbiteSizes, FlowbiteBoolean, DeepPartial } from 'flowbite-angular'; import * as i2 from 'ng-primitives/button'; import * as i3 from 'ng-primitives/interactions'; declare class Badge { readonly config: flowbite_angular_badge.FlowbiteBadgeConfig; /** * @see {@link injectFlowbiteBadgeConfig} */ readonly color: _angular_core.InputSignal; /** * @see {@link injectFlowbiteBadgeConfig} */ readonly border: _angular_core.InputSignalWithTransform; /** * @see {@link injectFlowbiteBadgeConfig} */ readonly pill: _angular_core.InputSignalWithTransform; /** * @see {@link injectFlowbiteBadgeConfig} */ readonly size: _angular_core.InputSignal; /** * @see {@link injectFlowbiteBadgeConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | 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; border?: { off?: string | undefined; on?: string | undefined; } | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare const FlowbiteBadgeStateToken: _angular_core.InjectionToken; declare const provideFlowbiteBadgeState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteBadgeState: ; readonly border: _angular_core.InputSignalWithTransform; readonly pill: _angular_core.InputSignalWithTransform; readonly size: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | 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; border?: { off?: string | undefined; on?: string | undefined; } | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteBadgeState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteBadgeColors extends Pick { [key: string]: ColorToTheme; } interface FlowbiteBadgeSizes extends Pick { [key: string]: string; } interface FlowbiteBadgeTheme { host: FlowbiteBadgeHostTheme; } interface FlowbiteBadgeHostTheme { base: string; transition: string; color: FlowbiteBadgeColors; border: FlowbiteBoolean; size: FlowbiteBadgeSizes; pill: FlowbiteBoolean; } declare const flowbiteBadgeTheme: FlowbiteBadgeTheme; interface FlowbiteBadgeConfig { /** * The default theme of badge */ baseTheme: FlowbiteBadgeTheme; /** * The default color of badge */ color: keyof FlowbiteBadgeColors; /** * Wether the badge has border */ border: boolean; /** * Wether the badge is pill */ pill: boolean; /** * The default size of badge */ size: keyof FlowbiteBadgeSizes; /** * The custom theme of badge */ customTheme: DeepPartial; } declare const defaultFlowbiteBadgeConfig: FlowbiteBadgeConfig; declare const FlowbiteBadgeConfigToken: InjectionToken; /** * Provide the default Badge configuration * @param config The Badge configuration * @returns The provider */ declare const provideFlowbiteBadgeConfig: (config: Partial) => Provider[]; /** * Inject the Badge configuration * @see {@link defaultFlowbiteBadgeConfig} * @returns The configuration */ declare const injectFlowbiteBadgeConfig: () => FlowbiteBadgeConfig; declare class BadgeLink { readonly config: flowbite_angular_badge.FlowbiteBadgeLinkConfig; readonly badgeState: _angular_core.Signal; readonly border: _angular_core.InputSignalWithTransform; readonly pill: _angular_core.InputSignalWithTransform; readonly size: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | 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; border?: { off?: string | undefined; on?: string | undefined; } | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; }>>; /** * @see {@link injectFlowbiteBadgeLinkConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | 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; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare const FlowbiteBadgeLinkStateToken: _angular_core.InjectionToken; declare const provideFlowbiteBadgeLinkState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteBadgeLinkState: >; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | 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; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteBadgeLinkState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteBadgeLinkTheme { host: FlowbiteBadgeLinkHostTheme; } interface FlowbiteBadgeLinkHostTheme { base: string; transition: string; color: FlowbiteBadgeColors; } declare const flowbiteBadgeLinkTheme: FlowbiteBadgeLinkTheme; interface FlowbiteBadgeLinkConfig { /** * The default theme of BadgeLink */ baseTheme: FlowbiteBadgeLinkTheme; /** * The custom theme of BadgeLink */ customTheme: DeepPartial; } declare const defaultFlowbiteBadgeLinkConfig: FlowbiteBadgeLinkConfig; declare const FlowbiteBadgeLinkConfigToken: InjectionToken; /** * Provide the default BadgeLink configuration * @param config The BadgeLink configuration * @returns The provider */ declare const provideFlowbiteBadgeLinkConfig: (config: Partial) => Provider[]; /** * Inject the BadgeLink configuration * @see {@link defaultFlowbiteBadgeLinkConfig} * @returns The configuration */ declare const injectFlowbiteBadgeLinkConfig: () => FlowbiteBadgeLinkConfig; declare class BadgeButton { readonly config: flowbite_angular_badge.FlowbiteBadgeButtonConfig; readonly badgeState: _angular_core.Signal; readonly border: _angular_core.InputSignalWithTransform; readonly pill: _angular_core.InputSignalWithTransform; readonly size: _angular_core.InputSignal; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | undefined; transition?: string | 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; border?: { off?: string | undefined; on?: string | undefined; } | undefined; size?: { [x: string]: string | undefined; xs?: string | undefined; sm?: string | undefined; } | undefined; pill?: { off?: string | undefined; on?: string | undefined; } | undefined; } | undefined; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; }>>; /** * @see {@link injectFlowbiteBadgeButtonConfig} */ readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | 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; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; /** * @internal */ readonly state: ng_primitives_state.CreatedState; static ɵfac: _angular_core.ɵɵFactoryDeclaration; static ɵdir: _angular_core.ɵɵDirectiveDeclaration; } declare const FlowbiteBadgeButtonStateToken: _angular_core.InjectionToken; declare const provideFlowbiteBadgeButtonState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteBadgeButtonState: >; readonly customTheme: _angular_core.InputSignal<{ host?: { base?: string | 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; }>; readonly theme: _angular_core.Signal<{ host: { root: string; }; }>; readonly state: ng_primitives_state.CreatedState; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal>; declare const flowbiteBadgeButtonState: (state: U) => ng_primitives_state.CreatedState; interface FlowbiteBadgeButtonTheme { host: FlowbiteBadgeButtonHostTheme; } interface FlowbiteBadgeButtonHostTheme { base: string; color: FlowbiteBadgeColors; } declare const flowbiteBadgeButtonTheme: FlowbiteBadgeButtonTheme; interface FlowbiteBadgeButtonConfig { /** * The default theme of BadgeButton */ baseTheme: FlowbiteBadgeButtonTheme; /** * The custom theme of BadgeButton */ customTheme: DeepPartial; } declare const defaultFlowbiteBadgeButtonConfig: FlowbiteBadgeButtonConfig; declare const FlowbiteBadgeButtonConfigToken: InjectionToken; /** * Provide the default BadgeButton configuration * @param config The BadgeButton configuration * @returns The provider */ declare const provideFlowbiteBadgeButtonConfig: (config: Partial) => Provider[]; /** * Inject the BadgeButton configuration * @see {@link defaultFlowbiteBadgeButtonConfig} * @returns The configuration */ declare const injectFlowbiteBadgeButtonConfig: () => FlowbiteBadgeButtonConfig; export { Badge, BadgeButton, BadgeLink, FlowbiteBadgeButtonConfigToken, FlowbiteBadgeButtonStateToken, FlowbiteBadgeConfigToken, FlowbiteBadgeLinkConfigToken, FlowbiteBadgeLinkStateToken, FlowbiteBadgeStateToken, defaultFlowbiteBadgeButtonConfig, defaultFlowbiteBadgeConfig, defaultFlowbiteBadgeLinkConfig, flowbiteBadgeButtonState, flowbiteBadgeButtonTheme, flowbiteBadgeLinkState, flowbiteBadgeLinkTheme, flowbiteBadgeState, flowbiteBadgeTheme, injectFlowbiteBadgeButtonConfig, injectFlowbiteBadgeButtonState, injectFlowbiteBadgeConfig, injectFlowbiteBadgeLinkConfig, injectFlowbiteBadgeLinkState, injectFlowbiteBadgeState, provideFlowbiteBadgeButtonConfig, provideFlowbiteBadgeButtonState, provideFlowbiteBadgeConfig, provideFlowbiteBadgeLinkConfig, provideFlowbiteBadgeLinkState, provideFlowbiteBadgeState }; export type { FlowbiteBadgeButtonConfig, FlowbiteBadgeButtonHostTheme, FlowbiteBadgeButtonTheme, FlowbiteBadgeColors, FlowbiteBadgeConfig, FlowbiteBadgeHostTheme, FlowbiteBadgeLinkConfig, FlowbiteBadgeLinkHostTheme, FlowbiteBadgeLinkTheme, FlowbiteBadgeSizes, FlowbiteBadgeTheme };