@ardium-pl/ui 5.0.0-alpha.106

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

@@ -0,0 +1,273 @@
+import { Signal } from '@angular/core';
+import { Nullable } from '../types/utility.types';
+import { SortType, TableDataColumn, TablePaginationStrategy, TableSubheader } from './table.types';
+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 TableItemStorageHost {
+    readonly rowDisabledFrom: Signal<string>;
+    readonly rowBoldFrom: Signal<string>;
+    readonly invertRowDisabled: Signal<boolean>;
+    readonly invertRowBold: Signal<boolean>;
+    readonly data: Signal<Nullable<any>>[];
+    readonly maxSelectedItems: Signal<Nullable<number>>;
+    readonly treatDataSourceAsString: Signal<boolean>;
+    readonly paginated: Signal<boolean>;
+    readonly paginationStrategy: Signal<TablePaginationStrategy>;
+    readonly itemsPerPage: Signal<number>;
+    readonly page: Signal<number>;
+}
+export declare class HeaderCell {
+    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;
+}
+export declare class TableItemStorage {
+    private readonly _ardParentComp;
+    private readonly _items;
+    private readonly _sortedItems;
+    private readonly _dataColumns;
+    private readonly _headerCells;
+    constructor(_ardParentComp: TableItemStorageHost);
+    /**
+     * Gets all items.
+     */
+    readonly items: Signal<ArdTableRow[]>;
+    readonly sortedItems: Signal<ArdTableRow[]>;
+    /**
+     * Gets items based on the current pagination state.
+     */
+    readonly paginatedItems: Signal<ArdTableRow[]>;
+    /**
+     * Gets all currently selected items.
+     */
+    readonly selectedItems: Signal<ArdTableRow[]>;
+    /**
+     * Gets all currently highlighted items.
+     */
+    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.
+     */
+    readonly value: Signal<any[]>;
+    /**
+     * Maps an array of items into their values.
+     * @param items The items to convert to value.
+     * @returns An array of item values.
+     */
+    private _itemsToValue;
+    /**
+     * Returns true if at least one item is highlighted, otherwise false.
+     */
+    readonly isAnyItemHighlighted: Signal<boolean>;
+    /**
+     * Checks if any item in the table is selected.
+     * @returns A boolean value indicating if any item is selected.
+     */
+    readonly isAnyItemSelected: Signal<boolean>;
+    /**
+     * Checks if all items in the table are selected.
+     * @returns A boolean value indicating if all items are selected.
+     */
+    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.
+     */
+    readonly isItemLimitReached: Signal<boolean>;
+    /**
+     * Gets the header cells of the table.
+     * @returns a 2D array of header cells.
+     */
+    readonly headerCells: Signal<HeaderCell[][]>;
+    /**
+     * Checks if the table has defined columns.
+     * @returns a boolean value indicating if the table has defined columns.
+     */
+    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. 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. 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. 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. 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.
+     * @returns a 2D array of header cells or null values.
+     */
+    private _mapColumnsToArray;
+    /**
+     * Sets the component's items. Takes into account the values defined by the parent component for `rowDisabledFrom`, `rowBoldFrom`, and `rowHighlightedFrom`.
+     * @param items An array of items to be set as the component's items.
+     */
+    setItems(items: any[]): void;
+    /**
+     * Maps raw item data to an {@link ArdTableRow} object.
+     *
+     * @param {any} rawItemData - The raw data of the item.
+     * @param {number} index - The index of the item.
+     * @returns {ArdTableRow} Returns an ArdTableRow object with mapped properties.
+     * @private
+     */
+    private _setItemsMapFn;
+    /**
+     * Retrieves data for a row based on data columns configuration.
+     *
+     * @param {any} rawItemData - The raw data of the item.
+     * @param {number} index - The index of the item.
+     * @returns {any[]} Returns an array containing the row data.
+     * @private
+     */
+    private _getRowData;
+    /**
+     * Writes a new value to the item storage. Selects the correct items based on the provided values, warning the user if the value is not found.
+     * @param indexes The value of the ngModel to set.
+     */
+    writeValue(indexes: number[]): void;
+    /**
+     * Checks if an item with the given index is selected.
+     *
+     * @param {number} index The index of the item to check.
+     * @returns {boolean} _true_ if the item is selected, otherwise _false_.
+     */
+    isItemSelected(index: number): boolean;
+    /**
+     * Selects all items.
+     *
+     * Accounts for the limit of concurrently selected items defined by the parent component.
+     * @returns a tuple containing two arrays:
+     * * An array of items selected.
+     * * An array of items failed to select.
+     */
+    selectAll(): [any[], any[]];
+    /**
+     * Unselects all selected items.
+     *
+     * If the parent component requires at least one value to be selected at all times, the first selected items is left selected.
+     * @returns An array of items cleared, mapped to only their values.
+     */
+    unselectAll(): any[];
+    /**
+     * Unselects all selected items, no matter what the component settings are.
+     * @returns An array of items cleared, mapped to only their values.
+     */
+    private _forceUnselectAll;
+    /**
+     * Selects one or multiple items.
+     *
+     * Accounts for the limit of concurrently selected items defined by the parent component.
+     *
+     * @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.
+     */
+    selectItem(...indexes: number[]): [any[], any[]];
+    /**
+     * Unselects one or multiple items.
+     * @param items A rest operator array of item indexes to be unselected.
+     * @returns An array of items unselected, mapped to only their values.
+     */
+    unselectItem(...indexes: number[]): any[];
+    /**
+     * Unhighlights all currently highlighted items.
+     */
+    unhighlightAll(): void;
+    /**
+     * Highlights the given item, while unhighlighting all other items. Does nothing when the item is disabled.
+     * @param item The index of the item to be highlighted.
+     * @returns The highlighted item.
+     */
+    highlightSingleItem(index: number): ArdTableRow | null;
+    /**
+     * Highlights all given items.
+     * @param items A rest operator array of item indexes to be highlighted.
+     * @returns The last highlighted item.
+     */
+    highlightItem(...indexes: number[]): ArdTableRow;
+    /**
+     * Unhighlights all given items.
+     * @param items A rest operator array of item indexes to be unhighlighted.
+     */
+    unhighlightItem(...indexes: number[]): void;
+    /**
+     * Highlights the first item out of all items.
+     * @returns The highlighted item.
+     */
+    highlightFirstItem(): ArdTableRow | null;
+    /**
+     * Highlights the last item out of all items.
+     * @returns The highlighted item.
+     */
+    highlightLastItem(): ArdTableRow | null;
+    /**
+     * Highlights all non-disabled items.
+     */
+    highlightAllItems(): void;
+    /**
+     * Highlights the next non-disabled item defined by the offset amount.
+     *
+     * If `hasShift` is set to true, all originally highlighted items are kept. Otherwise, all original items are unselected.
+     * @param offset The amount of items to offset the highlight by.
+     * @param hasShift Whether the user has the shift key pressed.
+     * @returns The item highlighted.
+     */
+    highlightNextItem(offset: number, hasShift?: boolean): ArdTableRow | null;
+    private _currentSortColumn;
+    private _currentSortType;
+    toggleCurrentSortColumn(column: number): void;
+    resetSort(): void;
+    getColumnSortType(column: number): SortType | null;
+    private _generateSortedRows;
+}

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

@@ -0,0 +1,111 @@
+import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
+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 rowDisabledFrom: import("@angular/core").InputSignal<string>;
+    readonly rowBoldFrom: import("@angular/core").InputSignal<string>;
+    readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly caption: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    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>;
+    readonly align: import("@angular/core").InputSignal<TableAlignType>;
+    readonly headerAlign: import("@angular/core").InputSignal<TableAlignType>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly paginationStrategy: import("@angular/core").InputSignal<TablePaginationStrategy>;
+    readonly paginationOptions: import("@angular/core").InputSignalWithTransform<number[] | {
+        value: number;
+        label: string;
+    }[], 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, BooleanLike>;
+    readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    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[];
+    readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    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;
+    readonly templateChildren: import("@angular/core").Signal<readonly ArdiumTableTemplateDirective[]>;
+    ngAfterContentInit(): void;
+    getHeaderTemplate(tmp: string | {
+        template: string | TemplateRef<any>;
+    }): TemplateRef<any> | undefined;
+    getHeaderCheckboxColor(): SimpleComponentColor;
+    getCellTemplate(tmp?: string | TemplateRef<any>): TemplateRef<any> | undefined;
+    getCellStyle(cell: TableDataColumn | TableSubheader): string;
+    onCheckboxClick(index: number): void;
+    onRowClick(row: ArdTableRow, event: MouseEvent): void;
+    onRowMouseOver(event: MouseEvent): void;
+    onRowMouseEnter(index: number, event: MouseEvent): void;
+    onRowMouseLeave(index: number, event: MouseEvent): void;
+    /**
+     * Toggles the selection state of a row in the table.
+     * @param selected a boolean value indicating if the row is currently selected.
+     * @param index the index of the row in the table.
+     */
+    toggleRowSelected(index: number): void;
+    /**
+     * Toggles the selection state of all rows in the table.
+     */
+    toggleAllRowsSelected(): void;
+    private _emitSelect;
+    isCellCheckbox(cell: any): boolean;
+    isHeaderCellCheckbox(cell: HeaderCell): boolean;
+    isHeaderCellSortable(cell: HeaderCell): boolean;
+    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;
+    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; }; "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.directives.d.ts

@@ -0,0 +1,36 @@
+import { TemplateRef } from '@angular/core';
+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>;
+    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": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}
+export declare class ArdiumTableCheckboxTemplateDirective {
+    template: TemplateRef<TableCheckboxContext>;
+    constructor(template: TemplateRef<TableCheckboxContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableCheckboxTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumTableCheckboxTemplateDirective, "ard-table > ng-template[ard-table-checkbox-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdiumTableHeaderCheckboxTemplateDirective {
+    template: TemplateRef<TableCheckboxContext>;
+    constructor(template: TemplateRef<TableCheckboxContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableHeaderCheckboxTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumTableHeaderCheckboxTemplateDirective, "ard-table > ng-template[ard-table-header-checkbox-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdiumTableCaptionTemplateDirective {
+    template: TemplateRef<TableCaptionContext>;
+    constructor(template: TemplateRef<TableCaptionContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTableCaptionTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumTableCaptionTemplateDirective, "ard-table > ng-template[ard-table-caption-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdiumTablePaginationTemplateDirective {
+    template: TemplateRef<PaginationContext>;
+    constructor(template: TemplateRef<PaginationContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTablePaginationTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumTablePaginationTemplateDirective, "ard-table > ng-template[ard-table-pagination-tmp]", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./table.component";
+import * as i2 from "./table.directives";
+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 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/table.types.d.ts

@@ -0,0 +1,83 @@
+import { TemplateRef } from '@angular/core';
+import { ComponentColor } from '../types/colors.types';
+import { NonEmptyArray } from '../types/utility.types';
+import { CheckboxState } from '../checkbox/checkbox.types';
+export type DataSource = string | {
+    type: 'checkbox' | 'autocount';
+};
+export interface _GenericColumn {
+    header: string | {
+        template: string | TemplateRef<unknown>;
+    };
+    cellClass?: string;
+}
+export interface TableDataColumn extends _GenericColumn {
+    dataSource: DataSource;
+    template?: string | TemplateRef<unknown>;
+    sortable?: boolean;
+    sortFn?: (columnAData: any, columnBData: any) => number;
+    highlight?: boolean | ComponentColor;
+    width?: string | number;
+    minWidth?: string | number;
+    isRowHeader?: boolean;
+}
+export interface TableSubheader extends _GenericColumn {
+    children: NonEmptyArray<TableSubheader | TableDataColumn>;
+}
+export declare const SortType: {
+    readonly Ascending: "ascending";
+    readonly Descending: "descending";
+};
+export type SortType = (typeof SortType)[keyof typeof SortType];
+export interface TableSubheaderContext {
+    $implicit: string;
+    header: string;
+}
+export interface TableHeaderContext extends TableSubheaderContext {
+    sortable: boolean;
+    sortType: SortType | null;
+    onTriggerSort: (event?: MouseEvent) => void;
+    onTriggerResetSort: (event?: MouseEvent) => void;
+}
+export interface TableCheckboxContext {
+    $implicit: boolean;
+    selected: boolean;
+    disabled: boolean;
+    onChange: (event: MouseEvent) => void;
+}
+export interface TableHeaderCheckboxContext {
+    $implicit: CheckboxState;
+    state: CheckboxState;
+    onChange: () => void;
+}
+export interface TableCaptionContext {
+    $implicit: string;
+}
+export declare const TableAppearance: {
+    readonly Strong: "strong";
+    readonly Light: "light";
+    readonly Colorless: "colorless";
+};
+export type TableAppearance = (typeof TableAppearance)[keyof typeof TableAppearance];
+export declare const TableVariant: {
+    readonly Rounded: "rounded";
+    readonly Sharp: "sharp";
+};
+export type TableVariant = (typeof TableVariant)[keyof typeof TableVariant];
+export declare const TablePaginationStrategy: {
+    readonly Noop: "noop";
+    readonly Slice: "slice";
+};
+export type TablePaginationStrategy = (typeof TablePaginationStrategy)[keyof typeof TablePaginationStrategy];
+export declare const TableAlignType: {
+    readonly TopLeft: "top-left";
+    readonly TopCenter: "top-center";
+    readonly TopRight: "top-right";
+    readonly CenterLeft: "center-left";
+    readonly Center: "center-center";
+    readonly CenterRight: "center-right";
+    readonly BottomLeft: "bottom-left";
+    readonly BottomCenter: "bottom-center";
+    readonly BottomRight: "bottom-right";
+};
+export type TableAlignType = (typeof TableAlignType)[keyof typeof TableAlignType];

package/lib/table/utils.d.ts

@@ -0,0 +1,4 @@
+import { TableDataColumn, TableSubheader } from './table.types';
+export declare function isTableSubheader(v: TableDataColumn | TableSubheader): v is TableSubheader;
+export declare function areAllDataColumns(cols: (TableDataColumn | TableSubheader)[]): boolean;
+export declare function merge2dArrays<T>(destArr: T[][], arr: T[][]): void;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,55 @@
+import { AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';
+import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
+import { TableDataColumn, TablePaginationStrategy } from '../table/table.types';
+import { ComponentColor } from '../types/colors.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>;
+    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 stringData: import("@angular/core").InputSignal<string>;
+    readonly data: import("@angular/core").Signal<{
+        headers: TableDataColumn[];
+        dataRows: any[];
+    } | null>;
+    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, { "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>;
+}