@ardium-ui/ui 2.4.0 → 3.1.0

package/lib/star/star-display/star-display.component.d.ts

@@ -2,6 +2,7 @@ import { StarColor, StarFillMode } from './../star.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumStarDisplayComponent {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    protected readonly _DEFAULTS: import("./star-display.defaults").ArdStarDisplayDefaults;
     readonly color: import("@angular/core").InputSignal<StarColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly max: import("@angular/core").InputSignalWithTransform<number, any>;

package/lib/star/star-display/star-display.defaults.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { StarColor } from '../star.types';
+export interface ArdStarDisplayDefaults {
+    color: StarColor;
+    max: number;
+    value: number;
+}
+export declare const ARD_STAR_DISPLAY_DEFAULTS: InjectionToken<ArdStarDisplayDefaults>;
+export declare function provideStarDisplayDefaults(config: Partial<ArdStarDisplayDefaults>): Provider;

package/lib/star/star-input/index.d.ts

@@ -1,2 +1,3 @@
-export * from './star-input.module';
 export * from './star-input.component';
+export * from './star-input.defaults';
+export * from './star-input.module';

package/lib/star/star-input/star-input.component.d.ts

@@ -2,6 +2,7 @@ import { ControlValueAccessor } from '@angular/forms';
 import { ArdiumStarButtonComponent } from '../star-button/star-button.component';
 import { _NgModelComponentBase } from './../../_internal/ngmodel-component';
 import { StarColor } from './../star.types';
+import { ArdStarInputDefaults } from './star-input.defaults';
 import * as i0 from "@angular/core";
 interface StarInputObject {
     filled: boolean;
@@ -9,12 +10,13 @@ interface StarInputObject {
 }
 export declare class ArdiumStarInputComponent extends _NgModelComponentBase implements ControlValueAccessor {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    protected readonly _DEFAULTS: ArdStarInputDefaults;
     readonly color: import("@angular/core").InputSignal<StarColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly changeEvent: import("@angular/core").OutputEmitterRef<number>;
     readonly highlightEvent: import("@angular/core").OutputEmitterRef<number>;
     readonly value: import("@angular/core").ModelSignal<number>;
-    constructor();
+    constructor(defaults: ArdStarInputDefaults);
     readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
     readonly starButtonInstances: import("@angular/core").Signal<readonly ArdiumStarButtonComponent[]>;
     private readonly _highlightedStarIndex;

package/lib/star/star-input/star-input.defaults.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
+import { StarColor } from '../star.types';
+export interface ArdStarInputDefaults extends _NgModelComponentDefaults {
+    color: StarColor;
+    max: number;
+}
+export declare const ARD_STAR_INPUT_DEFAULTS: InjectionToken<ArdStarInputDefaults>;
+export declare function provideStarInputDefaults(config: Partial<ArdStarInputDefaults>): Provider;

package/lib/star/star.component.d.ts

@@ -2,9 +2,11 @@ import { StarColor, StarFillMode } from './star.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumStarComponent {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    protected readonly _DEFAULTS: import("./star.defaults").ArdStarDefaults;
     readonly color: import("@angular/core").InputSignal<StarColor>;
-    readonly fill: import("@angular/core").InputSignal<StarFillMode>;
+    readonly filled: import("@angular/core").InputSignalWithTransform<StarFillMode, boolean | StarFillMode>;
+    private _transformFillMode;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarComponent, "ard-star", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarComponent, "ard-star", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/star/star.defaults.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { StarColor, StarFillMode } from './star.types';
+export interface ArdStarDefaults {
+    color: StarColor;
+    filled: StarFillMode | boolean;
+}
+export declare const ARD_STAR_DEFAULTS: InjectionToken<ArdStarDefaults>;
+export declare function provideStarDefaults(config: Partial<ArdStarDefaults>): Provider;

package/lib/statebox/index.d.ts

@@ -1,3 +1,4 @@
 export * from './statebox.component';
+export * from './statebox.defaults';
 export * from './statebox.module';
 export { StateboxState, StateboxValue } from './statebox.types';

package/lib/statebox/statebox.component.d.ts

@@ -1,25 +1,26 @@
 import { ControlValueAccessor } from '@angular/forms';
 import { _NgModelComponentBase } from './../_internal/ngmodel-component';
+import { ClickStrategy } from './../types/utility.types';
+import { ArdStateboxDefaults } from './statebox.defaults';
 import { StateboxState, StateboxValue, _StateboxInternalState } from './statebox.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumStateboxComponent extends _NgModelComponentBase implements ControlValueAccessor {
+    protected readonly _DEFAULTS: ArdStateboxDefaults;
+    constructor(defaults: ArdStateboxDefaults);
     readonly states: import("@angular/core").InputSignal<StateboxState[]>;
     readonly _states: import("@angular/core").Signal<_StateboxInternalState[]>;
     readonly _defaultState: import("@angular/core").Signal<_StateboxInternalState>;
-    readonly manualStateHandling: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clickStrategy: import("@angular/core").InputSignal<ClickStrategy>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly changeEvent: import("@angular/core").OutputEmitterRef<StateboxValue>;
-    readonly clickEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;
-    constructor();
     readonly state: import("@angular/core").ModelSignal<StateboxValue>;
     private readonly _stateIndex;
     readonly internalState: import("@angular/core").Signal<_StateboxInternalState>;
     writeValue(v: StateboxValue): void;
     private _stateMapFn;
-    onClick(event: MouseEvent): void;
+    onClick(): void;
     protected _emitChange(): void;
     readonly ngStyle: import("@angular/core").Signal<Record<string, any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStateboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStateboxComponent, "ard-statebox", never, { "states": { "alias": "states"; "required": false; "isSignal": true; }; "manualStateHandling": { "alias": "manualStateHandling"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "changeEvent": "change"; "clickEvent": "click"; "state": "stateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStateboxComponent, "ard-statebox", never, { "states": { "alias": "states"; "required": false; "isSignal": true; }; "clickStrategy": { "alias": "clickStrategy"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, false, never>;
 }

package/lib/statebox/statebox.defaults.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _NgModelComponentDefaults } from '../_internal/ngmodel-component';
+import { ClickStrategy } from './../types/utility.types';
+import { StateboxState } from './statebox.types';
+export interface ArdStateboxDefaults extends _NgModelComponentDefaults {
+    clickStrategy: ClickStrategy;
+    states: StateboxState[];
+}
+export declare const ARD_STATEBOX_DEFAULTS: InjectionToken<ArdStateboxDefaults>;
+export declare function provideStateboxDefaults(config: Partial<ArdStateboxDefaults>): Provider;

package/lib/tabber/index.d.ts

@@ -1,3 +1,5 @@
-export * from './tabber.module';
-export * from './tabber.component';
 export * from './tab/tab.component';
+export * from './tab/tab.defaults';
+export * from './tabber.component';
+export * from './tabber.defaults';
+export * from './tabber.module';

package/lib/tabber/tab/tab.component.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class ArdiumTabComponent {
+    protected readonly _DEFAULTS: import("./tab.defaults").ArdTabDefaults;
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly selected: import("@angular/core").WritableSignal<boolean>;
     set _selected(v: any);

package/lib/tabber/tab/tab.defaults.d.ts

@@ -0,0 +1,6 @@
+import { InjectionToken, Provider } from '@angular/core';
+export interface ArdTabDefaults {
+    disabled: boolean;
+}
+export declare const ARD_TAB_DEFAULTS: InjectionToken<ArdTabDefaults>;
+export declare function provideTabDefaults(config: Partial<ArdTabDefaults>): Provider;

package/lib/tabber/tabber.component.d.ts

@@ -4,6 +4,7 @@ import { ComponentColor } from '../types/colors.types';
 import { ArdiumTabComponent } from './tab/tab.component';
 import * as i0 from "@angular/core";
 export declare class ArdiumTabberComponent implements AfterContentInit {
+    protected readonly _DEFAULTS: import("./tabber.defaults").ArdTabberDefaults;
     readonly tabs: import("@angular/core").Signal<readonly ArdiumTabComponent[]>;
     readonly currentTab: import("@angular/core").WritableSignal<ArdiumTabComponent | null>;
     readonly currentFocusedTab: import("@angular/core").WritableSignal<ArdiumTabComponent | null>;

package/lib/tabber/tabber.defaults.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { OneAxisAlignment } from './../types/alignment.types';
+import { ComponentColor } from './../types/colors.types';
+export interface ArdTabberDefaults {
+    color: ComponentColor;
+    stretchTabs: boolean;
+    uniformTabWidths: boolean;
+    tabAlignment: OneAxisAlignment;
+    tabIndex: number;
+}
+export declare const ARD_TABBER_DEFAULTS: InjectionToken<ArdTabberDefaults>;
+export declare function provideTabberDefaults(config: Partial<ArdTabberDefaults>): Provider;

package/lib/table/index.d.ts

@@ -1,4 +1,5 @@
-export * from './table.module';
 export * from './table.component';
+export { ARD_TABLE_DEFAULTS, ArdTableDefaults, provideTableDefaults } from './table.defaults';
 export * from './table.directives';
+export * from './table.module';
 export * from './table.types';

package/lib/table/table-item-storage.d.ts

@@ -21,19 +21,14 @@ export declare class ArdTableRow {
     constructor(itemData: any, index: number, data: any[], dataColumns: TableDataColumn[], disabled: boolean, bold: boolean, isEmpty?: boolean);
     static newEmptyCell(index: number): ArdTableRow;
 }
-export interface TableItemStorageHostDefaults {
-    readonly rowDisabledFrom: string;
-    readonly rowBoldFrom: string;
-}
 export interface TableItemStorageHost {
-    readonly rowDisabledFrom: Signal<Nullable<string>>;
-    readonly rowBoldFrom: Signal<Nullable<string>>;
-    readonly invertRowDisabled: Signal<Nullable<boolean>>;
-    readonly invertRowBold: Signal<Nullable<boolean>>;
+    readonly rowDisabledFrom: Signal<string>;
+    readonly rowBoldFrom: Signal<string>;
+    readonly invertRowDisabled: Signal<boolean>;
+    readonly invertRowBold: Signal<boolean>;
     readonly data: Signal<Nullable<any>>[];
-    readonly DEFAULTS: TableItemStorageHostDefaults;
     readonly maxSelectedItems: Signal<Nullable<number>>;
-    readonly treatDataSourceAsString: Signal<Nullable<boolean>>;
+    readonly treatDataSourceAsString: Signal<boolean>;
     readonly paginated: Signal<boolean>;
     readonly paginationStrategy: Signal<TablePaginationStrategy>;
     readonly itemsPerPage: Signal<number>;

package/lib/table/table.component.d.ts

@@ -1,20 +1,20 @@
-import { AfterContentInit, SimpleChanges, TemplateRef, OnChanges } from '@angular/core';
+import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
+import { ProgressBarMode } from '../progress-bar';
 import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
 import { ComponentColor, SimpleComponentColor } from '../types/colors.types';
 import { Nullable } from '../types/utility.types';
 import { ArdTableRow, HeaderCell, TableItemStorageHost } from './table-item-storage';
+import { ArdTableDefaults } from './table.defaults';
 import { ArdiumTableTemplateDirective } from './table.directives';
 import { TableAlignType, TableAppearance, TableCaptionContext, TableCheckboxContext, TableDataColumn, TableHeaderCheckboxContext, TableHeaderContext, TablePaginationStrategy, TableSubheader, TableSubheaderContext, TableVariant } from './table.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumTableComponent extends _FocusableComponentBase implements TableItemStorageHost, AfterContentInit, OnChanges {
+    protected readonly _DEFAULTS: ArdTableDefaults;
+    constructor(defaults: ArdTableDefaults);
     private readonly _itemStorage;
-    readonly DEFAULTS: {
-        rowDisabledFrom: string;
-        rowBoldFrom: string;
-    };
-    readonly rowDisabledFrom: import("@angular/core").InputSignal<Nullable<string>>;
-    readonly rowBoldFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly rowDisabledFrom: import("@angular/core").InputSignal<string>;
+    readonly rowBoldFrom: import("@angular/core").InputSignal<string>;
     readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
@@ -23,6 +23,9 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     readonly caption: import("@angular/core").InputSignal<Nullable<string>>;
     readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly loadingBarMode: import("@angular/core").InputSignal<ProgressBarMode>;
+    readonly loadingBarColor: import("@angular/core").InputSignal<ComponentColor>;
     readonly appearance: import("@angular/core").InputSignal<TableAppearance>;
     readonly variant: import("@angular/core").InputSignal<TableVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
@@ -61,7 +64,6 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     set data(v: any[]);
     get data(): any[];
     readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly _suppressErrors: import("@angular/core").InputSignal<boolean>;
     readonly checkboxTemplate: import("@angular/core").Signal<TemplateRef<TableCheckboxContext> | undefined>;
     readonly headerCheckboxTemplate: import("@angular/core").Signal<TemplateRef<TableHeaderCheckboxContext> | undefined>;
     readonly captionTemplate: import("@angular/core").Signal<TemplateRef<TableCaptionContext> | undefined>;
@@ -104,5 +106,5 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     readonly getHeaderCheckboxContext: import("@angular/core").Signal<TableHeaderCheckboxContext>;
     getCheckboxContext(index: number): TableCheckboxContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTableComponent, "ard-table", never, { "rowDisabledFrom": { "alias": "rowDisabledFrom"; "required": false; "isSignal": true; }; "rowBoldFrom": { "alias": "rowBoldFrom"; "required": false; "isSignal": true; }; "invertRowDisabled": { "alias": "invertRowDisabled"; "required": false; "isSignal": true; }; "invertRowBold": { "alias": "invertRowBold"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "headerAlign": { "alias": "headerAlign"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "zebra": { "alias": "zebra"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "paginationStrategy": { "alias": "paginationStrategy"; "required": false; "isSignal": true; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "paginationColor": { "alias": "paginationColor"; "required": false; "isSignal": true; }; "paginationAlign": { "alias": "paginationAlign"; "required": false; "isSignal": true; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; "isSignal": true; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; "isSignal": true; }; "pageFillRemaining": { "alias": "pageFillRemaining"; "required": false; "isSignal": true; }; "paginationDisabled": { "alias": "paginationDisabled"; "required": false; "isSignal": true; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "treatDataSourceAsString": { "alias": "treatDataSourceAsString"; "required": false; "isSignal": true; }; "_suppressErrors": { "alias": "_suppressErrors"; "required": false; "isSignal": true; }; }, { "itemsPerPage": "itemsPerPageChange"; "page": "pageChange"; "selectedRowsChangeEvent": "selectedRowsChange"; "failedSelectRowEvent": "failedSelectRow"; "selectRowEvent": "selectRow"; "unselectRowEvent": "unselectRow"; "clickRowEvent": "clickRow"; }, ["checkboxTemplate", "headerCheckboxTemplate", "captionTemplate", "templateChildren"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTableComponent, "ard-table", never, { "rowDisabledFrom": { "alias": "rowDisabledFrom"; "required": false; "isSignal": true; }; "rowBoldFrom": { "alias": "rowBoldFrom"; "required": false; "isSignal": true; }; "invertRowDisabled": { "alias": "invertRowDisabled"; "required": false; "isSignal": true; }; "invertRowBold": { "alias": "invertRowBold"; "required": false; "isSignal": true; }; "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; "isSignal": true; }; "loadingProgressBuffer": { "alias": "loadingProgressBuffer"; "required": false; "isSignal": true; }; "loadingBarMode": { "alias": "loadingBarMode"; "required": false; "isSignal": true; }; "loadingBarColor": { "alias": "loadingBarColor"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "headerAlign": { "alias": "headerAlign"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "zebra": { "alias": "zebra"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "paginationStrategy": { "alias": "paginationStrategy"; "required": false; "isSignal": true; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "paginationColor": { "alias": "paginationColor"; "required": false; "isSignal": true; }; "paginationAlign": { "alias": "paginationAlign"; "required": false; "isSignal": true; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; "isSignal": true; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; "isSignal": true; }; "pageFillRemaining": { "alias": "pageFillRemaining"; "required": false; "isSignal": true; }; "paginationDisabled": { "alias": "paginationDisabled"; "required": false; "isSignal": true; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "treatDataSourceAsString": { "alias": "treatDataSourceAsString"; "required": false; "isSignal": true; }; }, { "itemsPerPage": "itemsPerPageChange"; "page": "pageChange"; "selectedRowsChangeEvent": "selectedRowsChange"; "failedSelectRowEvent": "failedSelectRow"; "selectRowEvent": "selectRow"; "unselectRowEvent": "unselectRow"; "clickRowEvent": "clickRow"; }, ["checkboxTemplate", "headerCheckboxTemplate", "captionTemplate", "templateChildren"], never, false, never>;
 }

package/lib/table/table.defaults.d.ts

@@ -0,0 +1,50 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _FocusableComponentDefaults } from '../_internal/focusable-component';
+import { ProgressBarMode } from '../progress-bar';
+import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination';
+import { TableAlignType, TableAppearance, TablePaginationStrategy, TableVariant } from '../table/table.types';
+import { ComponentColor } from '../types/colors.types';
+import { Nullable } from '../types/utility.types';
+export interface ArdTableDefaults extends _FocusableComponentDefaults {
+    rowDisabledFrom: string;
+    rowBoldFrom: string;
+    invertRowDisabled: boolean;
+    invertRowBold: boolean;
+    selectableRows: boolean;
+    maxSelectedItems: Nullable<number>;
+    clickableRows: boolean;
+    caption: Nullable<string>;
+    isLoading: boolean;
+    loadingProgress: number;
+    loadingProgressBuffer: number;
+    loadingBarMode: ProgressBarMode;
+    loadingBarColor: ComponentColor;
+    appearance: TableAppearance;
+    variant: TableVariant;
+    color: ComponentColor;
+    align: TableAlignType;
+    headerAlign: TableAlignType;
+    compact: boolean;
+    zebra: boolean;
+    stickyHeader: boolean;
+    paginated: boolean;
+    paginationStrategy: TablePaginationStrategy;
+    paginationOptions: number[] | {
+        value: number;
+        label: string;
+    }[];
+    totalItems: Nullable<number>;
+    paginationColor: ComponentColor;
+    paginationAlign: PaginationAlign;
+    itemsPerPageText: string;
+    currentItemsFormatFn: CurrentItemsFormatFn;
+    pageFillRemaining: boolean;
+    paginationDisabled: boolean;
+    useFirstLastButtons: boolean;
+    itemsPerPage: number;
+    page: number;
+    treatDataSourceAsString: boolean;
+}
+export declare const _tableDefaults: ArdTableDefaults;
+export declare const ARD_TABLE_DEFAULTS: InjectionToken<ArdTableDefaults>;
+export declare function provideTableDefaults(config: Partial<ArdTableDefaults>): Provider;

package/lib/table/table.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "@angular/common";
 import * as i4 from "../checkbox/checkbox.module";
 import * as i5 from "../table-pagination/table-pagination.module";
 import * as i6 from "../icon/icon.module";
+import * as i7 from "../progress-bar/progress-bar.module";
 export declare class ArdiumTableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTableModule, [typeof i1.ArdiumTableComponent, typeof i2.ArdiumTableTemplateDirective, typeof i2.ArdiumTableCheckboxTemplateDirective, typeof i2.ArdiumTableHeaderCheckboxTemplateDirective, typeof i2.ArdiumTableCaptionTemplateDirective, typeof i2.ArdiumTablePaginationTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumCheckboxModule, typeof i5.ArdiumTablePaginationModule, typeof i6.ArdiumIconModule], [typeof i1.ArdiumTableComponent, typeof i2.ArdiumTableTemplateDirective, typeof i2.ArdiumTableCheckboxTemplateDirective, typeof i2.ArdiumTableHeaderCheckboxTemplateDirective, typeof i2.ArdiumTableCaptionTemplateDirective, typeof i2.ArdiumTablePaginationTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTableModule, [typeof i1.ArdiumTableComponent, typeof i2.ArdiumTableTemplateDirective, typeof i2.ArdiumTableCheckboxTemplateDirective, typeof i2.ArdiumTableHeaderCheckboxTemplateDirective, typeof i2.ArdiumTableCaptionTemplateDirective, typeof i2.ArdiumTablePaginationTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumCheckboxModule, typeof i5.ArdiumTablePaginationModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumProgressBarModule], [typeof i1.ArdiumTableComponent, typeof i2.ArdiumTableTemplateDirective, typeof i2.ArdiumTableCheckboxTemplateDirective, typeof i2.ArdiumTableHeaderCheckboxTemplateDirective, typeof i2.ArdiumTableCaptionTemplateDirective, typeof i2.ArdiumTablePaginationTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumTableModule>;
 }

package/lib/table-from-csv/index.d.ts

@@ -1,2 +1,3 @@
-export * from './table-from-csv.module';
 export * from './table-from-csv.component';
+export * from './table-from-csv.defaults';
+export * from './table-from-csv.module';

package/lib/table-from-csv/table-from-csv.component.d.ts

@@ -1,10 +1,11 @@
 import { AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';
+import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
 import { TableDataColumn, TablePaginationStrategy } from '../table/table.types';
-import { Nullable } from '../types/utility.types';
 import { ComponentColor } from '../types/colors.types';
-import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
+import { Nullable } from '../types/utility.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumTableFromCsvComponent implements AfterContentInit, OnChanges {
+    protected readonly _DEFAULTS: import("./table-from-csv.defaults").ArdTableFromCsvDefaults;
     readonly selectableRows: import("@angular/core").InputSignal<any>;
     readonly maxSelectedItems: import("@angular/core").InputSignal<any>;
     readonly clickableRows: import("@angular/core").InputSignal<any>;
@@ -37,10 +38,11 @@ export declare class ArdiumTableFromCsvComponent implements AfterContentInit, On
     readonly page: import("@angular/core").ModelSignal<number>;
     ngOnChanges(changes: SimpleChanges): void;
     readonly separator: import("@angular/core").InputSignal<string>;
-    readonly data: import("@angular/core").InputSignalWithTransform<{
+    readonly stringData: import("@angular/core").InputSignal<string>;
+    readonly data: import("@angular/core").Signal<{
         headers: TableDataColumn[];
         dataRows: any[];
-    } | null, string>;
+    } | null>;
     private readonly _isDataOkay;
     readonly headers: import("@angular/core").Signal<TableDataColumn[]>;
     readonly dataRows: import("@angular/core").Signal<any[]>;
@@ -49,5 +51,5 @@ export declare class ArdiumTableFromCsvComponent implements AfterContentInit, On
     private _convertCsvToHeaders;
     private _convertCsvToArray;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableFromCsvComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTableFromCsvComponent, "ard-table-from-csv", never, { "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "headerAlign": { "alias": "headerAlign"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "zebra": { "alias": "zebra"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "paginationStrategy": { "alias": "paginationStrategy"; "required": false; "isSignal": true; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "paginationColor": { "alias": "paginationColor"; "required": false; "isSignal": true; }; "paginationAlign": { "alias": "paginationAlign"; "required": false; "isSignal": true; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; "isSignal": true; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; "isSignal": true; }; "pageFillRemaining": { "alias": "pageFillRemaining"; "required": false; "isSignal": true; }; "paginationDisabled": { "alias": "paginationDisabled"; "required": false; "isSignal": true; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "itemsPerPage": "itemsPerPageChange"; "page": "pageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTableFromCsvComponent, "ard-table-from-csv", never, { "selectableRows": { "alias": "selectableRows"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "headerAlign": { "alias": "headerAlign"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "zebra": { "alias": "zebra"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "paginationStrategy": { "alias": "paginationStrategy"; "required": false; "isSignal": true; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "paginationColor": { "alias": "paginationColor"; "required": false; "isSignal": true; }; "paginationAlign": { "alias": "paginationAlign"; "required": false; "isSignal": true; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; "isSignal": true; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; "isSignal": true; }; "pageFillRemaining": { "alias": "pageFillRemaining"; "required": false; "isSignal": true; }; "paginationDisabled": { "alias": "paginationDisabled"; "required": false; "isSignal": true; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "stringData": { "alias": "data"; "required": false; "isSignal": true; }; }, { "itemsPerPage": "itemsPerPageChange"; "page": "pageChange"; }, never, never, false, never>;
 }

package/lib/table-from-csv/table-from-csv.defaults.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { ArdTableDefaults } from './../table/table.defaults';
+export interface ArdTableFromCsvDefaults extends ArdTableDefaults {
+    separator: string;
+}
+export declare const ARD_TABLE_FROM_CSV_DEFAULTS: InjectionToken<ArdTableFromCsvDefaults>;
+export declare function provideTableFromCsvDefaults(config: Partial<ArdTableFromCsvDefaults>): Provider;

package/lib/table-pagination/index.d.ts

@@ -1,3 +1,4 @@
-export * from './table-pagination.module';
 export * from './table-pagination.component';
+export * from './table-pagination.defaults';
+export * from './table-pagination.module';
 export * from './table-pagination.types';

package/lib/table-pagination/table-pagination.component.d.ts

@@ -1,9 +1,12 @@
 import { OnInit } from '@angular/core';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ComponentColor } from '../types/colors.types';
+import { ArdTablePaginationDefaults } from './table-pagination.defaults';
 import { CurrentItemsFormatFn, PaginationAlign } from './table-pagination.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumTablePaginationComponent extends _FocusableComponentBase implements OnInit {
+    protected readonly _DEFAULTS: ArdTablePaginationDefaults;
+    constructor(defaults: ArdTablePaginationDefaults);
     readonly componentId = "506";
     private readonly _pagination;
     readonly totalItems: import("@angular/core").InputSignal<number>;

package/lib/table-pagination/table-pagination.defaults.d.ts

@@ -0,0 +1,20 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _FocusableComponentDefaults } from '../_internal/focusable-component';
+import { ComponentColor } from './../types/colors.types';
+import { CurrentItemsFormatFn, PaginationAlign } from './table-pagination.types';
+export interface ArdTablePaginationDefaults extends _FocusableComponentDefaults {
+    options: number[] | {
+        value: number;
+        label: string;
+    }[];
+    itemsPerPage: number;
+    page: number;
+    color: ComponentColor;
+    align: PaginationAlign;
+    compact: boolean;
+    useFirstLastButtons: boolean;
+    itemsPerPageText: string;
+    currentItemsFormatFn: CurrentItemsFormatFn;
+}
+export declare const ARD_TABLE_PAGINATION_DEFAULTS: InjectionToken<ArdTablePaginationDefaults>;
+export declare function provideTablePaginationDefaults(config: Partial<ArdTablePaginationDefaults>): Provider;

package/lib/text-list/index.d.ts

@@ -0,0 +1,3 @@
+export * from './text-list.component';
+export * from './text-list.module';
+export * from './text-list.pipe';

package/lib/text-list/text-list.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ArdiumTextListComponent {
+    readonly values: import("@angular/core").InputSignal<any[]>;
+    readonly separator: import("@angular/core").InputSignal<string>;
+    readonly filter: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTextListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTextListComponent, "ard-text-list", never, { "values": { "alias": "values"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/text-list/text-list.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./text-list.component";
+import * as i2 from "./text-list.pipe";
+import * as i3 from "@angular/common";
+export declare class ArdiumTextListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTextListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTextListModule, [typeof i1.ArdiumTextListComponent, typeof i2.ArdiumTextListPipe], [typeof i3.CommonModule], [typeof i1.ArdiumTextListComponent, typeof i2.ArdiumTextListPipe]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumTextListModule>;
+}

package/lib/text-list/text-list.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ArdiumTextListPipe implements PipeTransform {
+    transform(value: any[], separator?: string, filter?: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTextListPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ArdiumTextListPipe, "ardTextList", false>;
+}

package/lib/types/button.types.d.ts

@@ -3,4 +3,4 @@ export declare const ButtonType: {
     readonly Submit: "submit";
     readonly Reset: "reset";
 };
-export type ButtonType = typeof ButtonType[keyof typeof ButtonType];
+export type ButtonType = (typeof ButtonType)[keyof typeof ButtonType];

package/lib/types/item-storage.types.d.ts

@@ -1,85 +1,25 @@
-import { Signal, WritableSignal } from '@angular/core';
+import { WritableSignal } from '@angular/core';
 import { Nullable } from './utility.types';
-/**
-```typescript
-interface OptionContext {
-    $implicit: ArdOption;
-    item: ArdOption;
-    itemData: any;
-}
-```
- */
 export interface OptionContext<T extends ArdSimplestStorageItem> {
     $implicit: T;
     item: T;
     itemData: any;
 }
-/**
-```typescript
-interface ArdOption {
-    readonly itemData: any;
-    readonly index: number;
-    label: string;
-    value: any;
-    highlighted?: boolean;
-    selected?: boolean;
-}
-```
- */
 export interface ArdSimplestStorageItem {
     readonly itemData: WritableSignal<any>;
-    readonly index: Signal<number>;
+    readonly index: number;
     readonly value: WritableSignal<any>;
     readonly label: WritableSignal<string>;
     readonly selected: WritableSignal<Nullable<boolean>>;
     readonly highlighted: WritableSignal<Nullable<boolean>>;
 }
-/**
-```typescript
-interface ArdOption {
-    readonly itemData: any;
-    readonly index: number;
-    readonly label: string;
-    readonly value: any;
-    disabled?: boolean;
-    highlighted?: boolean;
-    selected?: boolean;
-}
-```
- */
 export interface ArdOptionSimple extends ArdSimplestStorageItem {
     readonly disabled: WritableSignal<Nullable<boolean>>;
 }
-/**
-```typescript
-interface ArdOption {
-    readonly itemData: any;
-    readonly index: number;
-    readonly label: string;
-    readonly value: any;
-    readonly group?: any;
-    disabled?: boolean;
-    selected?: boolean;
-    highlighted?: boolean;
-    highlighted_recently?: boolean;
-}
-```
- */
 export interface ArdOption extends ArdOptionSimple {
-    readonly group: Signal<any>;
+    readonly group: unknown;
     readonly highlighted_recently: WritableSignal<Nullable<boolean>>;
 }
-/**
-```typescript
-interface ArdItemGroup {
-    label: string;
-    disabled?: boolean;
-    highlighted?: boolean;
-    selected?: boolean;
-    children: ArdOption[];
-}
-```
- */
 export interface ArdOptionGroup {
     readonly label: WritableSignal<string>;
     readonly disabled: WritableSignal<Nullable<boolean>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "2.4.0",
+  "version": "3.1.0",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",