UNPKG

flowbite-angular

Version:

<div align="center"> <h1>flowbite-angular</h1> <p> Build websites even faster with components on top of Angular and Tailwind CSS </p> <p> <a href="https://discord.com/invite/4eeurUVvTy"> <img src="https://img.shields.io/discord/90291

764 lines (746 loc) 31.7 kB
import * as ng_primitives_state from 'ng-primitives/state'; import * as flowbite_angular_table from 'flowbite-angular/table'; import * as _angular_core from '@angular/core'; import { InjectionToken, Provider, TemplateRef } from '@angular/core'; import { FlowbiteColors, ColorToTheme, DeepPartial } from 'flowbite-angular'; interface FlowbiteTableColors extends Pick<FlowbiteColors, 'default' | 'info' | 'failure' | 'success' | 'warning' | 'primary'> { [key: string]: ColorToTheme; } interface FlowbiteTableTheme { host: FlowbiteTableHostTheme; } interface FlowbiteTableHostTheme { base: string; color: FlowbiteTableColors; } declare const flowbiteTableTheme: FlowbiteTableTheme; interface FlowbiteTableConfig { /** * The default theme of table */ baseTheme: FlowbiteTableTheme; /** * The default color of table. */ color: keyof FlowbiteTableColors; /** * Whether the table is striped. */ striped: boolean; /** * The custom theme of table */ customTheme: DeepPartial<FlowbiteTableTheme>; } declare const defaultFlowbiteTableConfig: FlowbiteTableConfig; declare const FlowbiteTableConfigToken: InjectionToken<FlowbiteTableConfig>; /** * Provide the default Table configuration * @param config The Table configuration * @returns The provider */ declare const provideFlowbiteTableConfig: (config: Partial<FlowbiteTableConfig>) => Provider[]; /** * Inject the Table configuration * @see {@link defaultFlowbiteTableConfig} * @returns The configuration */ declare const injectFlowbiteTableConfig: () => FlowbiteTableConfig; declare class Table { readonly config: FlowbiteTableConfig; readonly tableHead: _angular_core.InputSignal<TemplateRef<unknown> | undefined>; readonly tableBody: _angular_core.InputSignal<TemplateRef<unknown> | undefined>; readonly data: _angular_core.InputSignal<unknown[] | undefined>; readonly tableFoot: _angular_core.InputSignal<TemplateRef<unknown> | undefined>; /** * @see {@link injectFlowbiteTableConfig} */ readonly color: _angular_core.InputSignal<keyof flowbite_angular_table.FlowbiteTableColors>; /** * @see {@link injectFlowbiteTableConfig} */ readonly striped: _angular_core.InputSignal<boolean>; /** * @see {@link injectFlowbiteTableConfig} */ 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<Table>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, " table[flowbiteTable] ", ["flowbiteTable"], { "tableHead": { "alias": "tableHead"; "required": false; "isSignal": true; }; "tableBody": { "alias": "tableBody"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "tableFoot": { "alias": "tableFoot"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare const FlowbiteTableStateToken: _angular_core.InjectionToken<Table>; declare const provideFlowbiteTableState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteTableState: <U = { readonly config: flowbite_angular_table.FlowbiteTableConfig; readonly tableHead: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly tableBody: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly data: _angular_core.InputSignal<unknown[] | undefined>; readonly tableFoot: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly color: _angular_core.InputSignal<keyof flowbite_angular_table.FlowbiteTableColors>; readonly striped: _angular_core.InputSignal<boolean>; 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<Table>; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>; declare const flowbiteTableState: <U>(state: U) => ng_primitives_state.CreatedState<U>; interface FlowbiteTableHeadTheme { host: FlowbiteTableHeadHostTheme; } interface FlowbiteTableHeadHostTheme { base: string; color: FlowbiteTableColors; } declare const flowbiteTableHeadTheme: FlowbiteTableHeadTheme; interface FlowbiteTableHeadConfig { /** * The default theme of table-head */ baseTheme: FlowbiteTableHeadTheme; /** * The custom theme of table-head */ customTheme: DeepPartial<FlowbiteTableHeadTheme>; } declare const defaultFlowbiteTableHeadConfig: FlowbiteTableHeadConfig; declare const FlowbiteTableHeadConfigToken: InjectionToken<FlowbiteTableHeadConfig>; /** * Provide the default TableHead configuration * @param config The TableHead configuration * @returns The provider */ declare const provideFlowbiteTableHeadConfig: (config: Partial<FlowbiteTableHeadConfig>) => Provider[]; /** * Inject the TableHead configuration * @see {@link defaultFlowbiteTableHeadConfig} * @returns The configuration */ declare const injectFlowbiteTableHeadConfig: () => FlowbiteTableHeadConfig; declare class TableHead { readonly config: FlowbiteTableHeadConfig; readonly tableState: _angular_core.Signal<ng_primitives_state.State<{ readonly config: flowbite_angular_table.FlowbiteTableConfig; readonly tableHead: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly tableBody: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly data: _angular_core.InputSignal<unknown[] | undefined>; readonly tableFoot: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly color: _angular_core.InputSignal<keyof flowbite_angular_table.FlowbiteTableColors>; readonly striped: _angular_core.InputSignal<boolean>; 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<flowbite_angular_table.Table>; }>>; /** * @see {@link injectFlowbiteTableHeadConfig} */ 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<TableHead>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHead, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableHead, " tr[flowbiteTableHead] ", ["flowbiteTableHead"], { "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare const FlowbiteTableHeadStateToken: _angular_core.InjectionToken<TableHead>; declare const provideFlowbiteTableHeadState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteTableHeadState: <U = { readonly config: flowbite_angular_table.FlowbiteTableHeadConfig; readonly tableState: _angular_core.Signal<ng_primitives_state.State<{ readonly config: /*elided*/ any; readonly tableHead: /*elided*/ any; readonly tableBody: /*elided*/ any; readonly data: /*elided*/ any; readonly tableFoot: /*elided*/ any; readonly color: /*elided*/ any; readonly striped: /*elided*/ any; readonly customTheme: /*elided*/ any; readonly theme: /*elided*/ any; readonly state: /*elided*/ any; }>>; 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<TableHead>; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>; declare const flowbiteTableHeadState: <U>(state: U) => ng_primitives_state.CreatedState<U>; interface FlowbiteTableBodyTheme { host: FlowbiteTableBodyHostTheme; } interface FlowbiteTableBodyHostTheme { base: string; color: FlowbiteTableColors; } declare const flowbiteTableBodyTheme: FlowbiteTableBodyTheme; interface FlowbiteTableBodyConfig { /** * The default theme of table-body */ baseTheme: FlowbiteTableBodyTheme; /** * The custom theme of table-body */ customTheme: DeepPartial<FlowbiteTableBodyTheme>; } declare const defaultFlowbiteTableBodyConfig: FlowbiteTableBodyConfig; declare const FlowbiteTableBodyConfigToken: InjectionToken<FlowbiteTableBodyConfig>; /** * Provide the default TableBody configuration * @param config The TableBody configuration * @returns The provider */ declare const provideFlowbiteTableBodyConfig: (config: Partial<FlowbiteTableBodyConfig>) => Provider[]; /** * Inject the TableBody configuration * @see {@link defaultFlowbiteTableBodyConfig} * @returns The configuration */ declare const injectFlowbiteTableBodyConfig: () => FlowbiteTableBodyConfig; declare class TableBody { readonly config: FlowbiteTableBodyConfig; readonly tableState: _angular_core.Signal<ng_primitives_state.State<{ readonly config: flowbite_angular_table.FlowbiteTableConfig; readonly tableHead: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly tableBody: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly data: _angular_core.InputSignal<unknown[] | undefined>; readonly tableFoot: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly color: _angular_core.InputSignal<keyof flowbite_angular_table.FlowbiteTableColors>; readonly striped: _angular_core.InputSignal<boolean>; 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<flowbite_angular_table.Table>; }>>; /** * @see {@link injectFlowbiteTableBodyConfig} */ 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<TableBody>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableBody, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableBody, " tr[flowbiteTableBody] ", ["flowbiteTableBody"], { "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare const FlowbiteTableBodyStateToken: _angular_core.InjectionToken<TableBody>; declare const provideFlowbiteTableBodyState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteTableBodyState: <U = { readonly config: flowbite_angular_table.FlowbiteTableBodyConfig; readonly tableState: _angular_core.Signal<ng_primitives_state.State<{ readonly config: /*elided*/ any; readonly tableHead: /*elided*/ any; readonly tableBody: /*elided*/ any; readonly data: /*elided*/ any; readonly tableFoot: /*elided*/ any; readonly color: /*elided*/ any; readonly striped: /*elided*/ any; readonly customTheme: /*elided*/ any; readonly theme: /*elided*/ any; readonly state: /*elided*/ any; }>>; 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<TableBody>; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>; declare const flowbiteTableBodyState: <U>(state: U) => ng_primitives_state.CreatedState<U>; interface FlowbiteTableFootTheme { host: FlowbiteTableFootHostTheme; } interface FlowbiteTableFootHostTheme { base: string; color: FlowbiteTableColors; } declare const flowbiteTableFootTheme: FlowbiteTableFootTheme; interface FlowbiteTableFootConfig { /** * The default theme of table-foot */ baseTheme: FlowbiteTableFootTheme; /** * The custom theme of table-foot */ customTheme: DeepPartial<FlowbiteTableFootTheme>; } declare const defaultFlowbiteTableFootConfig: FlowbiteTableFootConfig; declare const FlowbiteTableFootConfigToken: InjectionToken<FlowbiteTableFootConfig>; /** * Provide the default TableFoot configuration * @param config The TableFoot configuration * @returns The provider */ declare const provideFlowbiteTableFootConfig: (config: Partial<FlowbiteTableFootConfig>) => Provider[]; /** * Inject the TableFoot configuration * @see {@link defaultFlowbiteTableFootConfig} * @returns The configuration */ declare const injectFlowbiteTableFootConfig: () => FlowbiteTableFootConfig; declare class TableFoot { readonly config: FlowbiteTableFootConfig; readonly tableState: _angular_core.Signal<ng_primitives_state.State<{ readonly config: flowbite_angular_table.FlowbiteTableConfig; readonly tableHead: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly tableBody: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly data: _angular_core.InputSignal<unknown[] | undefined>; readonly tableFoot: _angular_core.InputSignal<_angular_core.TemplateRef<unknown> | undefined>; readonly color: _angular_core.InputSignal<keyof flowbite_angular_table.FlowbiteTableColors>; readonly striped: _angular_core.InputSignal<boolean>; 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<flowbite_angular_table.Table>; }>>; /** * @see {@link injectFlowbiteTableFootConfig} */ 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<TableFoot>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFoot, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableFoot, " tr[flowbiteTableFoot] ", ["flowbiteTableFoot"], { "customTheme": { "alias": "customTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare const FlowbiteTableFootStateToken: _angular_core.InjectionToken<TableFoot>; declare const provideFlowbiteTableFootState: (options?: ng_primitives_state.CreateStateProviderOptions) => _angular_core.FactoryProvider; declare const injectFlowbiteTableFootState: <U = { readonly config: flowbite_angular_table.FlowbiteTableFootConfig; readonly tableState: _angular_core.Signal<ng_primitives_state.State<{ readonly config: /*elided*/ any; readonly tableHead: /*elided*/ any; readonly tableBody: /*elided*/ any; readonly data: /*elided*/ any; readonly tableFoot: /*elided*/ any; readonly color: /*elided*/ any; readonly striped: /*elided*/ any; readonly customTheme: /*elided*/ any; readonly theme: /*elided*/ any; readonly state: /*elided*/ any; }>>; 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<TableFoot>; }>(injectOptions?: _angular_core.InjectOptions) => _angular_core.Signal<ng_primitives_state.State<U>>; declare const flowbiteTableFootState: <U>(state: U) => ng_primitives_state.CreatedState<U>; export { FlowbiteTableBodyConfigToken, FlowbiteTableBodyStateToken, FlowbiteTableConfigToken, FlowbiteTableFootConfigToken, FlowbiteTableFootStateToken, FlowbiteTableHeadConfigToken, FlowbiteTableHeadStateToken, FlowbiteTableStateToken, Table, TableBody, TableFoot, TableHead, defaultFlowbiteTableBodyConfig, defaultFlowbiteTableConfig, defaultFlowbiteTableFootConfig, defaultFlowbiteTableHeadConfig, flowbiteTableBodyState, flowbiteTableBodyTheme, flowbiteTableFootState, flowbiteTableFootTheme, flowbiteTableHeadState, flowbiteTableHeadTheme, flowbiteTableState, flowbiteTableTheme, injectFlowbiteTableBodyConfig, injectFlowbiteTableBodyState, injectFlowbiteTableConfig, injectFlowbiteTableFootConfig, injectFlowbiteTableFootState, injectFlowbiteTableHeadConfig, injectFlowbiteTableHeadState, injectFlowbiteTableState, provideFlowbiteTableBodyConfig, provideFlowbiteTableBodyState, provideFlowbiteTableConfig, provideFlowbiteTableFootConfig, provideFlowbiteTableFootState, provideFlowbiteTableHeadConfig, provideFlowbiteTableHeadState, provideFlowbiteTableState }; export type { FlowbiteTableBodyConfig, FlowbiteTableBodyHostTheme, FlowbiteTableBodyTheme, FlowbiteTableColors, FlowbiteTableConfig, FlowbiteTableFootConfig, FlowbiteTableFootHostTheme, FlowbiteTableFootTheme, FlowbiteTableHeadConfig, FlowbiteTableHeadHostTheme, FlowbiteTableHeadTheme, FlowbiteTableHostTheme, FlowbiteTableTheme };