@ardium-ui/ui 1.0.2 → 2.0.1

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

@@ -1,73 +1,90 @@
+import { Signal } from '@angular/core';
+import { Nullable } from '../types/utility.types';
 import { SortType, TableDataColumn, TablePaginationStrategy, TableSubheader } from './table.types';
-export interface ArdTableRow {
-    readonly itemData: any;
-    readonly index: number;
-    readonly isEmpty?: boolean;
-    data: any[];
-    dataColumns: TableDataColumn[];
-    class?: string;
-    disabled?: boolean;
-    bold?: boolean;
-    selected?: boolean;
-    highlighted?: boolean;
+export declare class ArdTableRow {
+    private readonly _itemData;
+    readonly itemData: Signal<any>;
+    private readonly _index;
+    readonly index: Signal<number>;
+    private readonly _isEmpty;
+    readonly isEmpty: Signal<boolean>;
+    private readonly _data;
+    readonly data: Signal<any[]>;
+    private readonly _dataColumns;
+    readonly dataColumns: Signal<TableDataColumn[]>;
+    private readonly _class;
+    readonly class: Signal<string>;
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    readonly bold: import("@angular/core").WritableSignal<boolean>;
+    readonly selected: import("@angular/core").WritableSignal<boolean>;
+    readonly highlighted: import("@angular/core").WritableSignal<boolean>;
+    constructor(itemData: any, index: number, data: any[], dataColumns: TableDataColumn[], disabled: boolean, bold: boolean, isEmpty?: boolean);
+    static newEmptyCell(index: number): ArdTableRow;
 }
 export interface TableItemStorageHostDefaults {
-    rowDisabledFrom: string;
-    rowBoldFrom: string;
+    readonly rowDisabledFrom: string;
+    readonly rowBoldFrom: string;
 }
 export interface TableItemStorageHost {
-    rowDisabledFrom?: string;
-    rowBoldFrom?: string;
-    invertRowDisabled?: boolean;
-    invertRowBold?: boolean;
-    data?: any[];
+    readonly rowDisabledFrom: Signal<Nullable<string>>;
+    readonly rowBoldFrom: Signal<Nullable<string>>;
+    readonly invertRowDisabled: Signal<Nullable<boolean>>;
+    readonly invertRowBold: Signal<Nullable<boolean>>;
+    readonly data: Signal<Nullable<any>>[];
     readonly DEFAULTS: TableItemStorageHostDefaults;
-    maxSelectedItems?: number;
-    treatDataSourceAsString?: boolean;
-    paginated: boolean;
-    paginationStrategy: TablePaginationStrategy;
-    itemsPerPage: number;
-    page: number;
+    readonly maxSelectedItems: Signal<Nullable<number>>;
+    readonly treatDataSourceAsString: Signal<Nullable<boolean>>;
+    readonly paginated: Signal<boolean>;
+    readonly paginationStrategy: Signal<TablePaginationStrategy>;
+    readonly itemsPerPage: Signal<number>;
+    readonly page: Signal<number>;
 }
 export declare class HeaderCell {
-    colspan: number;
-    rowspan: number;
-    cell: TableDataColumn | TableSubheader;
+    readonly cell: import("@angular/core").WritableSignal<TableDataColumn | TableSubheader>;
+    readonly colspan: import("@angular/core").WritableSignal<number>;
+    readonly rowspan: import("@angular/core").WritableSignal<number>;
+    constructor(cell: TableDataColumn | TableSubheader, colspan?: number, rowspan?: number);
     get width(): string | null;
     get minWidth(): string | null;
+    /**
+     * Thransforms a numeric width into a CSS string if needed. Pure function.
+     * @param width the width to be converted.
+     * @returns The width expressed as a CSS-compatible string or null.
+     */
     private _getWidth;
-    constructor(cell: TableDataColumn | TableSubheader, colspan?: number, rowspan?: number);
 }
 export declare class TableItemStorage {
-    private _ardParentComp;
-    private _items;
-    private _sortedItems;
-    private _highlightedItems;
-    private _selectedItems;
-    private _dataColumns;
-    private _headerCells;
+    private readonly _ardParentComp;
+    private readonly _items;
+    private readonly _sortedItems;
+    private readonly _dataColumns;
+    private readonly _headerCells;
     constructor(_ardParentComp: TableItemStorageHost);
     /**
      * Gets all items.
      */
-    get items(): ArdTableRow[];
-    get sortedItems(): ArdTableRow[];
+    readonly items: Signal<ArdTableRow[]>;
+    readonly sortedItems: Signal<ArdTableRow[]>;
     /**
      * Gets items based on the current pagination state.
      */
-    get paginatedItems(): ArdTableRow[];
+    readonly paginatedItems: Signal<ArdTableRow[]>;
     /**
      * Gets all currently selected items.
      */
-    get selectedItems(): ArdTableRow[];
+    readonly selectedItems: Signal<ArdTableRow[]>;
     /**
      * Gets all currently highlighted items.
      */
-    get highlightedItems(): ArdTableRow[];
+    readonly highlightedItems: Signal<ArdTableRow[]>;
+    /**
+     * Gets all highlightable items. An item is considered highlightable if it is **not** disabled.
+     */
+    readonly highlightableItems: Signal<ArdTableRow[]>;
     /**
      * Gets the values of the currently selected items.
      */
-    get value(): any[];
+    readonly value: Signal<any[]>;
     /**
      * Maps an array of items into their values.
      * @param items The items to convert to value.
@@ -77,58 +94,58 @@ export declare class TableItemStorage {
     /**
      * Returns true if at least one item is highlighted, otherwise false.
      */
-    get isAnyItemHighlighted(): boolean;
+    readonly isAnyItemHighlighted: Signal<boolean>;
     /**
      * Checks if any item in the table is selected.
      * @returns A boolean value indicating if any item is selected.
      */
-    get isAnyItemSelected(): boolean;
+    readonly isAnyItemSelected: Signal<boolean>;
     /**
      * Checks if all items in the table are selected.
      * @returns A boolean value indicating if all items are selected.
      */
-    get areAllSelected(): boolean;
+    readonly areAllSelected: Signal<boolean>;
     /**
      * Returns true if the parent component defines the limit of concurrently selectable items and the amount of currently selected items matches that limit. Otherwise returns false.
      *
      * **TLDR**: true if `maxSelectedItems` is defined and the number of selected items matches that value.
      */
-    get isItemLimitReached(): boolean;
+    readonly isItemLimitReached: Signal<boolean>;
     /**
      * Gets the header cells of the table.
      * @returns a 2D array of header cells.
      */
-    get headerCells(): HeaderCell[][];
+    readonly headerCells: Signal<HeaderCell[][]>;
     /**
      * Checks if the table has defined columns.
      * @returns a boolean value indicating if the table has defined columns.
      */
-    get hasDefinedColumns(): boolean;
+    readonly hasDefinedColumns: Signal<boolean>;
     /**
      * Sets the columns of the table.
      * @param cols an array of table data columns or table subheaders.
      */
     setColumns(cols: (TableDataColumn | TableSubheader)[]): void;
     /**
-     * Filters out null values from the header cells array.
+     * Filters out null values from the header cells array. Pure function.
      * @param cells a 2D array of header cells or null values.
      * @returns a 2D array of header cells without null values and empty arrays.
      */
     private _filterHeaderCells;
     /**
-     * Extracts the data sources from the columns array.
+     * Extracts the data sources from the columns array. Pure function.
      * @param cols an array of table data columns or table subheaders.
      * @returns an array of table data columns.
      */
     private _extractDataSources;
     /**
-     * Gets the maximum nesting level of the columns array.
+     * Gets the maximum nesting level of the columns array. Pure function.
      * @param cols an array of table data columns or table subheaders.
      * @returns the maximum nesting level as a number.
      */
     private _getHeaderMaxNesting;
     /**
-     * Maps the columns tree to a 2D array of header cells or null values.
+     * Maps the columns tree to a 2D array of header cells or null values. Pure function.
      * @param cols an array of table data columns or table subheaders.
      * @param maxNesting the maximum nesting level of the columns array.
      * @param currentNesting the current nesting level of the columns array.
@@ -198,8 +215,8 @@ export declare class TableItemStorage {
      *
      * @param indexes A rest operator array of item indexes to be selected.
      * @returns a tuple containing two arrays:
-     * * An array of items selected.
-     * * An array of items failed to select.
+     * - An array of items selected.
+     * - An array of items failed to select.
      */
     selectItem(...indexes: number[]): [any[], any[]];
     /**
@@ -252,11 +269,6 @@ export declare class TableItemStorage {
      * @returns The item highlighted.
      */
     highlightNextItem(offset: number, hasShift?: boolean): ArdTableRow | null;
-    /**
-     * Finds all highlightable items. An item is considered highlightable if it is **not** disabled.
-     * @returns An array of all highlightable items.
-     */
-    private _getHiglightableItems;
     private _currentSortColumn;
     private _currentSortType;
     toggleCurrentSortColumn(column: number): void;

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

@@ -1,92 +1,72 @@
-import { AfterContentInit, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { AfterContentInit, SimpleChanges, TemplateRef, OnChanges } from '@angular/core';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 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 { ArdiumTableTemplateDirective } from './table.directives';
-import { TableAlignType, TableAppearance, TableCaptionContext, TableCheckboxContext, TableDataColumn, TableHeaderCheckboxContext, TableHeaderContext, TablePaginationStrategy, TableSubheader, TableVariant, TableSubheaderContext } from './table.types';
+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 {
+export declare class ArdiumTableComponent extends _FocusableComponentBase implements TableItemStorageHost, AfterContentInit, OnChanges {
     private readonly _itemStorage;
     readonly DEFAULTS: {
         rowDisabledFrom: string;
         rowBoldFrom: string;
     };
-    rowDisabledFrom?: string;
-    rowBoldFrom?: string;
-    private _invertRowDisabled;
-    get invertRowDisabled(): boolean;
-    set invertRowDisabled(v: any);
-    private _invertRowBold;
-    get invertRowBold(): boolean;
-    set invertRowBold(v: any);
-    private _selectableRows;
-    get selectableRows(): boolean;
-    set selectableRows(v: any);
-    caption?: string;
-    isLoading?: boolean;
-    loadingProgress?: number;
-    appearance: TableAppearance;
-    variant: TableVariant;
-    color: ComponentColor;
-    align: TableAlignType;
-    headerAlign: TableAlignType;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    private _zebra;
-    get zebra(): boolean;
-    set zebra(v: any);
-    private _stickyHeader;
-    get stickyHeader(): boolean;
-    set stickyHeader(v: any);
-    get ngClasses(): string;
-    private _paginated;
-    get paginated(): boolean;
-    set paginated(v: any);
-    paginationStrategy: TablePaginationStrategy;
-    paginationOptions: number[] | {
+    readonly rowDisabledFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly rowBoldFrom: import("@angular/core").InputSignal<Nullable<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>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    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 appearance: import("@angular/core").InputSignal<TableAppearance>;
+    readonly variant: import("@angular/core").InputSignal<TableVariant>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly align: import("@angular/core").InputSignal<TableAlignType>;
+    readonly headerAlign: import("@angular/core").InputSignal<TableAlignType>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly paginationStrategy: import("@angular/core").InputSignal<TablePaginationStrategy>;
+    readonly paginationOptions: import("@angular/core").InputSignalWithTransform<number[] | {
         value: number;
         label: string;
-    }[];
-    totalItems?: number;
-    paginationColor: ComponentColor;
-    paginationAlign: PaginationAlign;
-    itemsPerPageText: string;
-    currentItemsFormatFn: CurrentItemsFormatFn;
-    private _pageFillRemaining;
-    get pageFillRemaining(): boolean;
-    set pageFillRemaining(v: any);
-    private _paginationDisabled;
-    get paginationDisabled(): boolean;
-    set paginationDisabled(v: any);
-    private _useFirstLastButtons;
-    get useFirstLastButtons(): boolean;
-    set useFirstLastButtons(v: any);
-    private _itemsPerPage;
-    get itemsPerPage(): number;
-    set itemsPerPage(v: any);
-    itemsPerPageChange: EventEmitter<number>;
-    private _page;
-    get page(): number;
-    set page(v: any);
-    pageChange: EventEmitter<number>;
-    get isDefinedTotalItems(): boolean;
-    get canDisplayPagination(): boolean;
-    get headerCells(): HeaderCell[][];
-    get dataRows(): ArdTableRow[];
+    }[], number[] | {
+        value: number;
+        label: string;
+    }[]>;
+    readonly totalItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly paginationColor: import("@angular/core").InputSignal<ComponentColor>;
+    readonly paginationAlign: import("@angular/core").InputSignal<PaginationAlign>;
+    readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
+    readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
+    readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly itemsPerPage: import("@angular/core").ModelSignal<number>;
+    readonly page: import("@angular/core").ModelSignal<number>;
+    readonly isDefinedTotalItems: import("@angular/core").Signal<boolean>;
+    readonly canDisplayPagination: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    readonly headerCells: import("@angular/core").Signal<HeaderCell[][]>;
+    readonly dataRows: import("@angular/core").Signal<ArdTableRow[]>;
     set columns(v: (TableDataColumn | TableSubheader)[]);
     private _data;
     set data(v: any[]);
     get data(): any[];
-    private _treatDataSourceAsString;
-    get treatDataSourceAsString(): boolean;
-    set treatDataSourceAsString(v: any);
-    checkboxTemplate?: TemplateRef<TableCheckboxContext>;
-    headerCheckboxTemplate?: TemplateRef<TableHeaderCheckboxContext>;
-    captionTemplate?: TemplateRef<TableCaptionContext>;
+    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>;
     private _itemTemplates;
-    templateChildren: QueryList<ArdiumTableTemplateDirective>;
+    readonly templateChildren: import("@angular/core").Signal<readonly ArdiumTableTemplateDirective[]>;
     ngAfterContentInit(): void;
     getHeaderTemplate(tmp: string | {
         template: string | TemplateRef<any>;
@@ -95,7 +75,7 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     getCellTemplate(tmp?: string | TemplateRef<any>): TemplateRef<any> | undefined;
     getCellStyle(cell: TableDataColumn | TableSubheader): string;
     onCheckboxClick(index: number): void;
-    onRowClick(index: number, event: MouseEvent): void;
+    onRowClick(row: ArdTableRow, event: MouseEvent): void;
     onRowMouseOver(event: MouseEvent): void;
     onRowMouseEnter(index: number, event: MouseEvent): void;
     onRowMouseLeave(index: number, event: MouseEvent): void;
@@ -113,15 +93,16 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     isCellCheckbox(cell: any): boolean;
     isHeaderCellCheckbox(cell: HeaderCell): boolean;
     isHeaderCellSortable(cell: HeaderCell): boolean;
-    selectedRowsChangeEvent: EventEmitter<any[]>;
-    failedSelectRowEvent: EventEmitter<any[]>;
-    selectRowEvent: EventEmitter<any[]>;
-    unselectRowEvent: EventEmitter<any[]>;
+    readonly selectedRowsChangeEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly failedSelectRowEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly selectRowEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly unselectRowEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly clickRowEvent: import("@angular/core").OutputEmitterRef<any>;
     getHeaderContext(cell: TableDataColumn, index: number): TableHeaderContext | null;
     getHeaderContext(cell: TableSubheader, index: number): TableSubheaderContext | null;
     getHeaderContext(cell: TableDataColumn | TableSubheader, index: number): TableHeaderContext | TableSubheaderContext | null;
-    getHeaderCheckboxContext(): TableHeaderCheckboxContext;
+    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; }; "rowBoldFrom": { "alias": "rowBoldFrom"; "required": false; }; "invertRowDisabled": { "alias": "invertRowDisabled"; "required": false; }; "invertRowBold": { "alias": "invertRowBold"; "required": false; }; "selectableRows": { "alias": "selectableRows"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "loadingProgress": { "alias": "loadingProgress"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "align": { "alias": "align"; "required": false; }; "headerAlign": { "alias": "headerAlign"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "zebra": { "alias": "zebra"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "paginated": { "alias": "paginated"; "required": false; }; "paginationStrategy": { "alias": "paginationStrategy"; "required": false; }; "paginationOptions": { "alias": "paginationOptions"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "paginationColor": { "alias": "paginationColor"; "required": false; }; "paginationAlign": { "alias": "paginationAlign"; "required": false; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; }; "pageFillRemaining": { "alias": "pageFillRemaining"; "required": false; }; "paginationDisabled": { "alias": "paginationDisabled"; "required": false; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "treatDataSourceAsString": { "alias": "treatDataSourceAsString"; "required": false; }; }, { "itemsPerPageChange": "itemsPerPageChange"; "pageChange": "pageChange"; "selectedRowsChangeEvent": "selectedRowsChange"; "failedSelectRowEvent": "failedSelectRow"; "selectRowEvent": "selectRow"; "unselectRowEvent": "unselectRow"; }, ["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; }; "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>;
 }

package/lib/table/table.directives.d.ts

@@ -1,13 +1,14 @@
 import { TemplateRef } from '@angular/core';
-import { TableCaptionContext, TableCheckboxContext } from './table.types';
 import { PaginationContext } from '../_internal/models/pagination.model';
+import { Nullable } from '../types/utility.types';
+import { TableCaptionContext, TableCheckboxContext } from './table.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumTableTemplateDirective {
     template: TemplateRef<any>;
-    name?: string;
+    readonly name: import("@angular/core").InputSignal<Nullable<string>>;
     constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumTableTemplateDirective, "ard-table > ng-template[ard-table-tmp]", never, { "name": { "alias": "ard-table-tmp"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumTableTemplateDirective, "ard-table > ng-template[ard-table-tmp]", never, { "name": { "alias": "ard-table-tmp"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 export declare class ArdiumTableCheckboxTemplateDirective {
     template: TemplateRef<TableCheckboxContext>;

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

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

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

@@ -1,16 +1,53 @@
-import { AfterContentInit } from '@angular/core';
-import { TableDataColumn } from '../table/table.types';
+import { AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';
+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 * as i0 from "@angular/core";
-export declare class ArdiumTableFromCsvComponent implements AfterContentInit {
-    separator: string;
-    private _isDataOkay;
-    set data(v: string);
-    headers: TableDataColumn[];
-    dataRows: any[];
+export declare class ArdiumTableFromCsvComponent implements AfterContentInit, OnChanges {
+    readonly selectableRows: import("@angular/core").InputSignal<any>;
+    readonly maxSelectedItems: import("@angular/core").InputSignal<any>;
+    readonly clickableRows: import("@angular/core").InputSignal<any>;
+    readonly isLoading: import("@angular/core").InputSignal<any>;
+    readonly loadingProgress: import("@angular/core").InputSignal<any>;
+    readonly caption: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly appearance: import("@angular/core").InputSignal<any>;
+    readonly variant: import("@angular/core").InputSignal<any>;
+    readonly color: import("@angular/core").InputSignal<any>;
+    readonly align: import("@angular/core").InputSignal<any>;
+    readonly headerAlign: import("@angular/core").InputSignal<any>;
+    readonly compact: import("@angular/core").InputSignal<any>;
+    readonly zebra: import("@angular/core").InputSignal<any>;
+    readonly stickyHeader: import("@angular/core").InputSignal<any>;
+    readonly paginated: import("@angular/core").InputSignal<any>;
+    readonly paginationStrategy: import("@angular/core").InputSignal<TablePaginationStrategy>;
+    readonly paginationOptions: import("@angular/core").InputSignal<number[] | {
+        value: number;
+        label: string;
+    }[]>;
+    readonly totalItems: import("@angular/core").InputSignal<any>;
+    readonly paginationColor: import("@angular/core").InputSignal<ComponentColor>;
+    readonly paginationAlign: import("@angular/core").InputSignal<PaginationAlign>;
+    readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
+    readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
+    readonly pageFillRemaining: import("@angular/core").InputSignal<any>;
+    readonly paginationDisabled: import("@angular/core").InputSignal<any>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignal<any>;
+    readonly itemsPerPage: import("@angular/core").ModelSignal<number>;
+    readonly page: import("@angular/core").ModelSignal<number>;
+    ngOnChanges(changes: SimpleChanges): void;
+    readonly separator: import("@angular/core").InputSignal<string>;
+    readonly data: import("@angular/core").InputSignalWithTransform<{
+        headers: TableDataColumn[];
+        dataRows: any[];
+    } | null, string>;
+    private readonly _isDataOkay;
+    readonly headers: import("@angular/core").Signal<TableDataColumn[]>;
+    readonly dataRows: import("@angular/core").Signal<any[]>;
     ngAfterContentInit(): void;
     private _isCsvValid;
     private _convertCsvToHeaders;
     private _convertCsvToArray;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableFromCsvComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTableFromCsvComponent, "ard-table-from-csv", never, { "separator": { "alias": "separator"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, 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; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "itemsPerPage": "itemsPerPageChange"; "page": "pageChange"; }, never, never, false, never>;
 }

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

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

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

@@ -1,41 +1,32 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ComponentColor } from '../types/colors.types';
 import { CurrentItemsFormatFn, PaginationAlign } from './table-pagination.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumTablePaginationComponent extends _FocusableComponentBase implements OnInit {
+    readonly componentId = "506";
     private readonly _pagination;
-    set options(v: number[] | {
+    readonly totalItems: import("@angular/core").InputSignal<number>;
+    readonly options: import("@angular/core").InputSignal<number[] | {
         value: number;
         label: string;
-    }[]);
-    get options(): number[] | {
-        value: number;
-        label: string;
-    }[];
-    set itemsPerPage(v: any);
-    get itemsPerPage(): number;
-    set page(v: any);
-    get page(): number;
-    set totalItems(v: any);
-    itemsPerPageChangeEvent: EventEmitter<number>;
-    pageChangeEvent: EventEmitter<number>;
+    }[]>;
+    readonly itemsPerPage: import("@angular/core").ModelSignal<number>;
+    readonly page: import("@angular/core").ModelSignal<number>;
+    readonly itemsPerPageChangeEvent: import("@angular/core").OutputEmitterRef<number>;
+    readonly pageChangeEvent: import("@angular/core").OutputEmitterRef<number>;
     ngOnInit(): void;
-    color: ComponentColor;
-    align: PaginationAlign;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    private _useFirstLastButtons;
-    get useFirstLastButtons(): boolean;
-    set useFirstLastButtons(v: any);
-    isLoading?: boolean;
-    itemsPerPageText: string;
-    currentItemsFormatFn: CurrentItemsFormatFn;
-    getCurrentItemsContext(): import("../_internal/models/pagination.model").PaginationCurrentItemsContext;
-    get firstPageDisabled(): boolean;
-    get lastPageDisabled(): boolean;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly align: import("@angular/core").InputSignal<PaginationAlign>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
+    readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
+    readonly getCurrentItemsContext: import("@angular/core").Signal<import("../_internal/models/pagination.model").PaginationCurrentItemsContext>;
+    readonly firstPageDisabled: import("@angular/core").Signal<boolean>;
+    readonly lastPageDisabled: import("@angular/core").Signal<boolean>;
     onItemsPerPageChange(newValue: number): void;
     private _emitPageEvent;
     onPageChange(newPage: number): void;
@@ -44,5 +35,5 @@ export declare class ArdiumTablePaginationComponent extends _FocusableComponentB
     onNextPage(): void;
     onLastPage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTablePaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTablePaginationComponent, "ard-table-pagination", never, { "options": { "alias": "options"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "color": { "alias": "color"; "required": false; }; "align": { "alias": "align"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; }; }, { "itemsPerPageChangeEvent": "itemsPerPageChange"; "pageChangeEvent": "pageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTablePaginationComponent, "ard-table-pagination", never, { "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "useFirstLastButtons": { "alias": "useFirstLastButtons"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "itemsPerPageText": { "alias": "itemsPerPageText"; "required": false; "isSignal": true; }; "currentItemsFormatFn": { "alias": "currentItemsFormatFn"; "required": false; "isSignal": true; }; }, { "itemsPerPage": "itemsPerPageChange"; "page": "pageChange"; "itemsPerPageChangeEvent": "itemsPerPageChange"; "pageChangeEvent": "pageChange"; }, never, never, false, never>;
 }