@dmlibs/dm-cmps 0.0.4 → 0.1.1

package/types/dmlibs-dm-cmps.d.ts

@@ -1,12 +1,16 @@
 import * as _angular_core from '@angular/core';
-import { InputSignal, InputSignalWithTransform, ModelSignal, OutputEmitterRef, OnDestroy, Renderer2 } from '@angular/core';
+import { Signal, InputSignal, InputSignalWithTransform, ModelSignal, OutputEmitterRef, OnDestroy, Renderer2, Type, TemplateRef } from '@angular/core';
 import { MatSelectChange } from '@angular/material/select';
 import { FormControl } from '@angular/forms';
 import { MatOptionSelectionChange } from '@angular/material/core';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { TooltipPosition } from '@angular/material/tooltip';
+import { MatSlideToggleChange } from '@angular/material/slide-toggle';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
 
 interface DmCmpsDataSourceSort {
+    id?: string;
     direction: 'asc' | 'desc';
     field: string;
     sortFn?: (a: any, b: any) => number;
@@ -16,6 +20,7 @@ declare class DmCmpsDataSource<T> implements DmCmpsDataSourceConfig<T> {
     private filteredData;
     private _resultData;
     result: _angular_core.WritableSignal<T[]>;
+    resultVersion: _angular_core.WritableSignal<number>;
     private paginationEnabled;
     private currentPageIndex;
     private pageSize;
@@ -24,7 +29,8 @@ declare class DmCmpsDataSource<T> implements DmCmpsDataSourceConfig<T> {
     private searchTerm;
     private speratedSearch;
     private filterPredicate;
-    private filterByObject;
+    isLoading: _angular_core.WritableSignal<boolean>;
+    private objectToFilterBy;
     private fieldsToSearchIn;
     private sortMap;
     private sortFn;
@@ -41,6 +47,7 @@ declare class DmCmpsDataSource<T> implements DmCmpsDataSourceConfig<T> {
     setAutoPaginationAboveItemsCount(count: number): void;
     applyPagination(pageSize?: number): void;
     setPageSize(pageSize: number): void;
+    getPageSize(): number;
     disablePagination(): void;
     nextPage(): number;
     previousPage(): number;
@@ -48,8 +55,14 @@ declare class DmCmpsDataSource<T> implements DmCmpsDataSourceConfig<T> {
     lastPage(): number;
     getCurrentPageIndex(): number;
     getTotalPagesCount(): number;
+    getFirstItemIndexInPage(): number;
+    getLastItemIndexInPage(): number;
+    getTotalResultElementsCount(): number;
+    isPaginationEnabled(): boolean;
     setSearchDebounceTime(milliseconds: number): void;
     setDatasource(newData: T[]): void;
+    getDatasource(): T[];
+    getResultData(): T[];
     private updateResultSignal;
     search(filterTerm: string): void;
     private applySearch;
@@ -60,6 +73,7 @@ declare class DmCmpsDataSource<T> implements DmCmpsDataSourceConfig<T> {
     sortByFields(sortMap: DmCmpsDataSourceSort[]): void;
     resetSorting(): void;
     setFilterByObjectFields(filterObj: Partial<T> | null): void;
+    getObjectToFilterBy(): Partial<T> | null;
     private applyObjectFilter;
     applySperatedSearch(enabled: boolean): void;
     setPropertiesToSkipInSearch(...props: string[]): void;
@@ -69,6 +83,10 @@ interface DmCmpsDataSourceConfig<T = any> {
      * Disconnects the data source and performs any necessary cleanup.
      */
     disconnect: () => void;
+    /**
+     * A Signal that emits the loading state of the data source.
+     */
+    isLoading: Signal<boolean>;
     /**
      * Sets auto pagination threshold.
      * When the number of items exceeds the given count, pagination will be enabled automatically.
@@ -90,6 +108,11 @@ interface DmCmpsDataSourceConfig<T = any> {
      * @param pageSize Number of items per page, must be at least 5
      */
     setPageSize: (pageSize: number) => void;
+    /**
+     * Gets the page size.
+     * @returns page size
+     */
+    getPageSize: () => number;
     /**
      * Disables pagination.
      */
@@ -124,6 +147,26 @@ interface DmCmpsDataSourceConfig<T = any> {
      * @returns Total pages count
      */
     getTotalPagesCount: () => number;
+    /**
+     * Gets the index of the first item in the current page.
+     * @returns Index of the first item in the current page
+     */
+    getFirstItemIndexInPage: () => number;
+    /**
+     * Gets the index of the last item in the current page.
+     * @returns Index of the last item in the current page
+     */
+    getLastItemIndexInPage: () => number;
+    /**
+     * Gets the total number of elements after filtering, without pagination applied.
+     * @returns Total number of result elements
+     */
+    getTotalResultElementsCount: () => number;
+    /**
+     * Checks if pagination is enabled.
+     * @returns true if pagination is enabled, false otherwise
+     */
+    isPaginationEnabled: () => boolean;
     /**
      * Sets the debounce time for search input.
      * @param milliseconds Debounce time in milliseconds
@@ -135,6 +178,16 @@ interface DmCmpsDataSourceConfig<T = any> {
      * @param newData New data array
      */
     setDatasource: (newData: T[]) => void;
+    /**
+     * Gets the current data source array.
+     * @returns Current data array
+     */
+    getDatasource: () => T[];
+    /**
+     * Get the result data after filtering, sorting, without pagination applied.
+     * @returns Result data array
+     */
+    getResultData: () => T[];
     /**
      * Performs a search with the given filter term.
      * @param filterTerm The term to filter the data
@@ -177,6 +230,11 @@ interface DmCmpsDataSourceConfig<T = any> {
      * @default null (no filtering)
      */
     setFilterByObjectFields: (filterObj: Partial<T> | null) => void;
+    /**
+     * Gets the object used for filtering by fields.
+     * @returns Partial object used for filtering or null if no filtering is applied
+     */
+    getObjectToFilterBy: () => Partial<T> | null;
     /**
      * Enables or disables separated search.
      * When enabled, the search term is split by spaces and each term is searched separately.
@@ -669,5 +727,613 @@ declare class DmSpinner {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DmSpinner, "dm-spinner", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "gifSrc": { "alias": "gifSrc"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shapeSize": { "alias": "shapeSize"; "required": false; "isSignal": true; }; "speed": { "alias": "speed"; "required": false; "isSignal": true; }; "borderThikness": { "alias": "borderThikness"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; "backgroundBlur": { "alias": "backgroundBlur"; "required": false; "isSignal": true; }; "textPositionYOffset": { "alias": "textPositionYOffset"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { DmCmpsDataSource, DmColorPicker, DmMatSelect, DmSpinner, DmSpinnerService };
-export type { DmCmpsDataSourceSort };
+type DmTableNgClass = string | string[] | Set<string> | {
+    [key: string]: any;
+};
+interface DmCellContext<T extends object> {
+    $implicit: T;
+    row: T;
+    column: DmTableColumn<T>;
+}
+type DmTableColumnType = 'date' | 'component' | 'tel' | 'mail' | 'link' | 'whatsapp' | 'customHtml' | 'actions' | 'slideToggle' | 'input';
+type DmTableInputColumnType = 'text' | 'number' | 'select' | 'checkbox';
+interface DmTableInputCellSelectOption {
+    label: string;
+    value: any;
+}
+interface DmTableColumnState {
+    id: string;
+    visible: boolean;
+    order: number;
+}
+interface DmTableColumnBase<T extends object> {
+    id?: string;
+    field: keyof T;
+    valueGetter?: (row: T) => any;
+    dateFormat?: string;
+    component?: Type<any>;
+    valueSetter?: (row: T, payload: any) => void;
+    customHtml?: string;
+    customCellTemplate?: TemplateRef<any>;
+    actionsButtons?: DmTableRowActionButton<T>[];
+    sortable?: boolean;
+    sortFn?: (a: T, b: T) => number;
+    visible?: boolean;
+    cellStyle?: {
+        [key: string]: any;
+    } | ((row: T) => {
+        [key: string]: any;
+    });
+    headerStyle?: {
+        [key: string]: any;
+    } | ((datasource: DmCmpsDataSource<T>) => {
+        [key: string]: any;
+    });
+    cellContentStyle?: {
+        [key: string]: any;
+    } | ((row: T) => {
+        [key: string]: any;
+    });
+    headerContentStyle?: {
+        [key: string]: any;
+    } | ((datasource: DmCmpsDataSource<T>) => {
+        [key: string]: any;
+    });
+    totalCellStyle?: {
+        [key: string]: any;
+    } | ((datasource: DmCmpsDataSource<T>) => {
+        [key: string]: any;
+    });
+    onCellClick?: (row: T, event: Event) => void;
+    onCellDoubleClick?: (row: T, event: Event) => void;
+    onCellContentClick?: (row: T, event: Event) => void;
+    onCellContentDoubleClick?: (row: T, event: Event) => void;
+    cellContextMenu?: (row: T, event: Event) => void;
+    cellContentContextMenu?: (row: T, event: Event) => void;
+    onHeaderClick?: (datasource: DmCmpsDataSource<T>, event: Event) => void;
+    onHeaderDoubleClick?: (datasource: DmCmpsDataSource<T>, event: Event) => void;
+    onHeaderContentClick?: (datasource: DmCmpsDataSource<T>, event: Event) => void;
+    onHeaderContentDoubleClick?: (datasource: DmCmpsDataSource<T>, event: Event) => void;
+    headerContextMenu?: (datasource: DmCmpsDataSource<T>, event: Event) => void;
+    headerContentContextMenu?: (datasource: DmCmpsDataSource<T>, event: Event) => void;
+    totalRowValueType?: 'string' | 'html';
+    totalRowValueGetter?: (datasource: DmCmpsDataSource<T>) => any;
+    inputType?: DmTableInputColumnType;
+    inputValidator?: (row: T, value: any) => boolean;
+    onInputValidatorFailed?: (row: T, value: any) => void;
+    selectOptions?: DmTableInputCellSelectOption[];
+    inputStyle?: {
+        [key: string]: any;
+    } | ((row: T) => {
+        [key: string]: any;
+    });
+    headerMenuItems?: DmTableColumnHeaderMenuItem<T>[];
+    headerMenuTooltip?: string;
+    slideToggleTooltip?: string | ((row: T) => string);
+    onSlideToggleChange?: (row: T, change: MatSlideToggleChange) => void;
+}
+type DmTableIndexColumn<T extends object> = {
+    type: '$index' | 'actions';
+    header: string;
+} & Omit<DmTableColumnBase<T>, 'field'> & {
+    field?: keyof T;
+};
+type DmTableDataColumn<T extends object> = {
+    type?: DmTableColumnType;
+    header: string;
+} & DmTableColumnBase<T>;
+type DmTableColumn<T extends object> = DmTableIndexColumn<T> | DmTableDataColumn<T>;
+type DmTableRuntimeColumn<T extends object> = Omit<DmTableColumn<T>, 'id'> & {
+    id: string;
+    __cache?: WeakMap<T, any>;
+};
+interface DmTableColumnHeaderMenuItem<T extends object> {
+    label: string;
+    icon?: string;
+    onClick?: (datasource: DmCmpsDataSource<T>, event: Event, closeParentMenus: () => void) => void;
+    color?: string;
+    backgroundColor?: string;
+    helpText?: string;
+    showIf?: (datasource: DmCmpsDataSource<T>) => boolean;
+    children?: DmTableColumnHeaderMenuItem<T>[];
+}
+type DmTableRowActionButton<T extends object> = {
+    label: string;
+    buttonType?: 'filled' | 'outlined' | 'tonal' | 'elevated' | 'text';
+    icon?: string;
+    tooltip?: string;
+    backgroundColor?: string;
+    color?: string;
+    onClick?: (row: T, event: Event, closeParentMenus: () => void) => void;
+    children?: DmTableRowActionButton<T>[];
+    showIf?: (columns: DmTableColumn<T>[], datasource: DmCmpsDataSource<T>) => boolean;
+} | {
+    buttonType?: 'icon';
+    icon?: string;
+    tooltip?: string;
+    backgroundColor?: string;
+    color?: string;
+    onClick?: (row: T, event: Event, closeParentMenus: () => void) => void;
+    children?: DmTableRowActionButton<T>[];
+    showIf?: (columns: DmTableColumn<T>[], datasource: DmCmpsDataSource<T>) => boolean;
+};
+type DmTableActionButton<T extends object> = {
+    label: string;
+    buttonType?: 'filled' | 'outlined' | 'tonal' | 'elevated' | 'text';
+    icon?: string;
+    tooltip?: string;
+    backgroundColor?: string;
+    color?: string;
+    onClick?: (columns: DmTableColumn<T>[], datasource: DmCmpsDataSource<T>, event: Event, closeParentMenus: () => void) => void;
+    children?: DmTableActionButton<T>[];
+    showIf?: (columns: DmTableColumn<T>[], datasource: DmCmpsDataSource<T>) => boolean;
+} | {
+    buttonType?: 'icon';
+    icon?: string;
+    tooltip?: string;
+    backgroundColor?: string;
+    color?: string;
+    onClick?: (columns: DmTableColumn<T>[], datasource: DmCmpsDataSource<T>, event: Event, closeParentMenus: () => void) => void;
+    children?: DmTableActionButton<T>[];
+    showIf?: (columns: DmTableColumn<T>[], datasource: DmCmpsDataSource<T>) => boolean;
+};
+interface DmTablePaginatorSettings {
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showFirstAndLastPagesButtons?: boolean;
+    firstPageButtonLabel?: string;
+    lastPageButtonLabel?: string;
+    nextPageButtonLabel?: string;
+    previousPageButtonLabel?: string;
+    numberOfItemsPerPageLabel?: string;
+}
+interface DmTableStyle {
+    tableWrapper?: {
+        [key: string]: any;
+    };
+    table?: {
+        root?: {
+            [key: string]: any;
+        };
+        thead?: {
+            root?: {
+                [key: string]: any;
+            };
+            tr?: {
+                [key: string]: any;
+            };
+            th?: {
+                [key: string]: any;
+            };
+        };
+        tbody?: {
+            root?: {
+                [key: string]: any;
+            };
+            tr?: {
+                [key: string]: any;
+            };
+            td?: {
+                [key: string]: any;
+            };
+            even_row_style?: {
+                tr?: {
+                    [key: string]: any;
+                };
+                td?: {
+                    [key: string]: any;
+                };
+            };
+            odd_row_style?: {
+                tr?: {
+                    [key: string]: any;
+                };
+                td?: {
+                    [key: string]: any;
+                };
+            };
+            hovered_row_style?: {
+                tr?: {
+                    [key: string]: any;
+                };
+                td?: {
+                    [key: string]: any;
+                };
+            };
+            input?: {
+                [key: string]: any;
+            };
+        };
+        tfoot?: {
+            root?: {
+                [key: string]: any;
+            };
+            tr?: {
+                [key: string]: any;
+            };
+            td?: {
+                [key: string]: any;
+            };
+        };
+    };
+    total_row_style?: {
+        [key: string]: any;
+    };
+    paginator?: {
+        root?: {
+            [key: string]: any;
+        };
+        p?: {
+            [key: string]: any;
+        };
+        mat_form_field?: {
+            [key: string]: any;
+        };
+        mat_select?: {
+            [key: string]: any;
+        };
+        mat_option?: {
+            [key: string]: any;
+        };
+        button?: {
+            [key: string]: any;
+        };
+    };
+    scrollbar?: {
+        width?: string;
+        color?: string;
+        hoverColor?: string;
+        backgroundColor?: string;
+        borderRadius?: string;
+    };
+}
+interface DmTableClasses {
+    tableWrapper?: DmTableNgClass;
+    table?: {
+        root?: DmTableNgClass;
+        thead?: {
+            root?: DmTableNgClass;
+            tr?: DmTableNgClass;
+            th?: DmTableNgClass;
+        };
+        tbody?: {
+            root?: DmTableNgClass;
+            tr?: DmTableNgClass;
+            td?: DmTableNgClass;
+        };
+        tfoot?: {
+            root?: DmTableNgClass;
+            tr?: DmTableNgClass;
+            td?: DmTableNgClass;
+        };
+    };
+    paginator?: {
+        root?: DmTableNgClass;
+        p?: DmTableNgClass;
+        mat_form_field?: DmTableNgClass;
+        mat_select?: DmTableNgClass;
+        mat_option?: DmTableNgClass;
+        button?: DmTableNgClass;
+    };
+}
+interface DmTableInterface<T extends object> {
+    /**
+     * Table id - An unique identifier for the table, used to store the table state in the localStorage.
+     * @default undefined
+     */
+    tableId: InputSignal<string | undefined>;
+    /**
+     * Table data source - An array of objects that will be displayed in the table.
+     */
+    dataSource: InputSignal<T[]>;
+    /**
+     * Table columns - An array of objects that define the columns of the table.
+     */
+    columns: InputSignal<DmTableColumn<T>[]>;
+    /**
+     * No data message - The message to display when the table is empty.
+     * @default 'אין נתונים להצגה'
+     */
+    noDataMessage: InputSignal<string>;
+    /**
+     * Enable search - Whether to enable search functionality.
+     * @default false
+     */
+    enableSearch: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Search placeholder - The placeholder text to display in the search input.
+     * @default 'חיפוש...'
+     */
+    searchPlaceholder: InputSignal<string>;
+    /**
+     * Clear search tooltip - The tooltip text to display when hovering over the clear search button.
+     * @default 'נקה חיפוש'
+     */
+    clearSearchTooltip: InputSignal<string>;
+    /**
+     * Search input appearance - The appearance of the search input.
+     * @default 'fill'
+     */
+    searchInputAppearance: InputSignal<'fill' | 'outline'>;
+    /**
+     * Filter predicate - A function that defines how to filter the table data.
+     * when undefined, the default filter predicate will be used.
+     * @default null
+     */
+    filterPredicate: InputSignal<((row: T, filterText: string) => boolean) | null>;
+    /**
+     * Action buttons - An array of objects that define the action buttons of the table.
+     * - will be displayed on the left side above the table.
+     * @default []
+     */
+    actionButtons: InputSignal<DmTableActionButton<T>[]>;
+    /**
+     * Enable pagination - Whether to enable pagination functionality.
+     * @default false
+     */
+    enablePagination: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Auto pagination above rows count - The number of rows above which pagination will be enabled automatically.
+     * @default 100
+     */
+    autoPaginationAboveRowsCount: InputSignalWithTransform<number, unknown>;
+    /**
+     * Paginator settings - An object that defines the paginator settings of the table.
+     * @default null
+     */
+    paginatorSettings: InputSignal<DmTablePaginatorSettings>;
+    /**
+     * Enable loading progressbar - whether to enable loading progressbar.
+     * @default true
+     */
+    enableLoadingProgressbar: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enable columns drag and drop - whether to enable columns drag and drop, to change columns order.
+     * @default false
+     */
+    enableColumnsDragAndDrop: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enable columns drag handle - if true, a drag handle will be displayed on the left side of the column header.
+     * @default false
+     */
+    enableColumnsDragHandle: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Enable total row - whether to enable total row.
+     * @default false
+     */
+    enableTotalRow: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Table style - An object that defines the style of the table.
+     * ```
+     * @default {
+    tableWrapper: {
+      'max-height': '800px',
+  
+      width: 'calc(100% - 10px)',
+      display: 'block',
+      'overflow-x': 'auto',
+      padding: '0 5px',
+    },
+    table: {
+      root: {
+        width: '100%',
+        'border-collapse': 'collapse',
+        'border-spacing': 0,
+        'box-shadow': '0px 5px 5px -3px #003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f',
+        padding: 0,
+        'font-size': '1rem',
+        'border-radius': '8px',
+        'page-break-inside': 'auto',
+      },
+      thead: {
+        root: {
+          'background-color': '#f5f5f5',
+        },
+        th: {
+          padding: '20px 15px',
+          'text-align': 'start',
+          'max-width': 'none',
+        },
+      },
+      tbody: {
+        hovered_row_style: {
+          tr: {
+            'background-color': '#f5f5f5',
+          },
+        },
+        even_row_style: {
+          tr: {
+            'background-color': '#ffffff',
+          },
+        },
+        odd_row_style: {
+          tr: {
+            'background-color': '#fafafa',
+          },
+        },
+        tr: {
+          'border-bottom': '1px solid #e0e0e0',
+          'page-break-inside': 'avoid',
+        },
+        td: {
+          padding: '7px 15px',
+          'text-align': 'start',
+          'max-width': 'none',
+          'text-overflow': 'ellipsis',
+          overflow: 'hidden',
+          'white-space': 'nowrap',
+        },
+        input: {
+          background: 'white',
+          border: '1px solid',
+          'border-radius': '3px',
+        },
+      },
+      tfoot: {
+        root: {
+          'background-color': '#f5f5f5',
+        },
+        td: {
+          padding: '20px 15px',
+          'text-align': 'start',
+          'max-width': 'none',
+        },
+      },
+    },
+    paginator: {
+      root: {
+        'background-color': '#f5f5f5',
+      },
+      p: {
+        'margin-bottom': '0',
+      },
+    },
+    total_row_style: {},
+    scrollbar: {},
+  };
+  ```
+     */
+    tableStyle: InputSignal<DmTableStyle>;
+    /**
+     * Table classes - An object that defines the classes of the table.
+     * @default undefined
+     */
+    tableClasses: InputSignal<DmTableClasses | undefined>;
+    /**
+     * Row style function - A function that defines the style of the rows of the table.
+     * @default null
+     */
+    rowStyleFn: InputSignal<((row: T) => {
+        [key: string]: any;
+    }) | null>;
+    /**
+     * Edit columns visibility - whether to enable edit columns visibility.
+     * @default false
+     */
+    editColumnsVisibility: InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Edit columns visibility button - The button to display when edit columns visibility is enabled.
+     * @default null
+     */
+    editColumnsVisibilityButton: InputSignal<DmTableActionButton<T>>;
+    /**
+     * Edit columns visibility select all label - The label to display when select all is enabled.
+     * @default 'הצג את כל העמודות'
+     */
+    editColumnsVisibilitySelectAllLabel: InputSignal<string>;
+    /**
+     * Get modified rows - A function that returns the modified rows of the table.
+     * @returns {T[]} The modified rows of the table.
+     */
+    getModifiedRows: () => T[];
+}
+
+declare class DmTable<T extends object> implements DmTableInterface<T> {
+    protected shiftKeyPressed: _angular_core.WritableSignal<boolean>;
+    protected onShiftKeyDown(event: Event): void;
+    protected onShiftKeyUp(event: Event): void;
+    protected DEFAULT_PAGINATOR_SETTINGS: DmTablePaginatorSettings;
+    protected DEFAULT_TABLE_STYLE: DmTableStyle;
+    tableId: _angular_core.InputSignal<string | undefined>;
+    dataSource: _angular_core.InputSignal<T[]>;
+    columns: _angular_core.InputSignal<DmTableColumn<T>[]>;
+    noDataMessage: _angular_core.InputSignal<string>;
+    enableSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    clearSearchTooltip: _angular_core.InputSignal<string>;
+    searchInputAppearance: _angular_core.InputSignal<"fill" | "outline">;
+    filterPredicate: _angular_core.InputSignal<((row: T, filterText: string) => boolean) | null>;
+    private _filterPredicate;
+    actionButtons: _angular_core.InputSignal<DmTableActionButton<T>[]>;
+    enablePrint: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    printButton: _angular_core.InputSignal<DmTableActionButton<T>>;
+    enablePagination: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    autoPaginationAboveRowsCount: _angular_core.InputSignalWithTransform<number, unknown>;
+    paginatorSettings: _angular_core.InputSignal<any>;
+    enableLoadingProgressbar: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableColumnsDragAndDrop: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableColumnsDragHandle: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableTotalRow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    tableStyle: _angular_core.InputSignal<DmTableStyle>;
+    tableClasses: _angular_core.InputSignal<DmTableClasses | undefined>;
+    rowStyleFn: _angular_core.InputSignal<((row: T) => {
+        [key: string]: any;
+    }) | null>;
+    editColumnsVisibility: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    editColumnsVisibilityButton: _angular_core.InputSignal<DmTableActionButton<T>>;
+    editColumnsVisibilitySelectAllLabel: _angular_core.InputSignal<string>;
+    protected columnsSortState: _angular_core.WritableSignal<DmCmpsDataSourceSort[]>;
+    protected mergedTableStyle: _angular_core.Signal<DmTableStyle>;
+    private saveScrollbarStyle;
+    protected hoveredRowIndex: _angular_core.WritableSignal<number | null>;
+    protected datasource: _angular_core.WritableSignal<DmCmpsDataSource<T>>;
+    protected readonly runtimeColumns: _angular_core.Signal<DmTableRuntimeColumn<T>[]>;
+    protected hoveredColumnHeaderIndex: _angular_core.WritableSignal<number | null>;
+    private columnStateStorage;
+    protected columnState: _angular_core.WritableSignal<DmTableColumnState[] | null>;
+    protected readonly visibleRuntimeColumns: _angular_core.Signal<DmTableRuntimeColumn<T>[]>;
+    protected readonly visibleColumns: _angular_core.Signal<DmTableColumn<T>[]>;
+    private prevColumns;
+    rowIdentifierField: _angular_core.InputSignal<keyof T>;
+    private modifiedRowsIds;
+    protected searchTerm: _angular_core.WritableSignal<string>;
+    protected readonly totalRowValues: _angular_core.Signal<Map<string, any>>;
+    protected readonly totalRowStyles: _angular_core.Signal<Map<string, Record<string, any>>>;
+    constructor();
+    private runEffects;
+    private initColumnState;
+    private normalizeColumns;
+    private isSameColumnDefinition;
+    private reconcileColumns;
+    private setFilterPredicate;
+    protected createCellContext: (row: T, column: DmTableRuntimeColumn<T>) => DmCellContext<T>;
+    protected resetRowCache(row: T): void;
+    protected resolveCellValue<T extends object>(row: T, column: DmTableRuntimeColumn<T>): any;
+    protected applySearchFilter(event: Event): void;
+    protected resetSearch(): void;
+    printTable: () => void;
+    protected onPageSizeChange(event: MatOptionSelectionChange, option: number): void;
+    protected getFooterTdStyle(column: DmTableRuntimeColumn<T>): {
+        [x: string]: any;
+    };
+    protected getHeaderThStyle(column: DmTableRuntimeColumn<T>): any;
+    protected getHeaderThContentStyle(column: DmTableRuntimeColumn<T>): any;
+    protected getBodyTdStyle(i: number, column: DmTableRuntimeColumn<T>, row: T): Record<string, any>;
+    protected getBodyTdContentStyle(i: number, column: DmTableRuntimeColumn<T>, row: T): Record<string, any>;
+    protected getBodyRowStyle(i: number, row: T): Record<string, any>;
+    protected getInputStyle(column: DmTableRuntimeColumn<T>): Record<string, any>;
+    protected headerClickHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected headerDoubleClickHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected headerContextMenuHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected headerContentClickHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected headerContentDoubleClickHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected headerContentContextMenuHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected cellClickHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected cellDoubleClickHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected cellContextMenuHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected cellContentClickHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected cellContentDoubleClickHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected cellContentContextMenuHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected getCloseParentMenusFn: (rootTrigger: MatMenuTrigger) => (() => void);
+    protected onColumnDrop(event: CdkDragDrop<DmTableRuntimeColumn<T>[]>): void;
+    protected isAllColumnsVisible(): boolean;
+    protected toggleAllColumnsVisibility(event: MatCheckboxChange): void;
+    protected isColumnVisible(column: DmTableRuntimeColumn<T>): boolean;
+    protected toggleColumnVisibility(event: MatCheckboxChange, column: DmTableRuntimeColumn<T>): void;
+    protected isColumnSorted(column: DmTableRuntimeColumn<T>): (DmCmpsDataSourceSort & {
+        index: number;
+    }) | null;
+    protected columnHeaderSortClickHandler(column: DmTableRuntimeColumn<T>, event: Event): void;
+    private markRowAsModified;
+    getModifiedRows(): T[];
+    protected inputCellSelectOptionChangeHandler(row: T, column: DmTableRuntimeColumn<T>, option: DmTableInputCellSelectOption, event: MatOptionSelectionChange): void;
+    protected inputCellChangeHandler(row: T, column: DmTableRuntimeColumn<T>, event: Event): void;
+    protected inputCellCheckboxChangeHandler(row: T, column: DmTableRuntimeColumn<T>, event: MatCheckboxChange): void;
+    protected getSlideToggleTooltip(row: T, column: DmTableRuntimeColumn<T>): string;
+    protected onSlideToggleChange(row: T, column: DmTableRuntimeColumn<T>, change: MatSlideToggleChange): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DmTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DmTable<any>, "dm-table", never, { "tableId": { "alias": "tableId"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "noDataMessage": { "alias": "noDataMessage"; "required": false; "isSignal": true; }; "enableSearch": { "alias": "enableSearch"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearSearchTooltip": { "alias": "clearSearchTooltip"; "required": false; "isSignal": true; }; "searchInputAppearance": { "alias": "searchInputAppearance"; "required": false; "isSignal": true; }; "filterPredicate": { "alias": "filterPredicate"; "required": false; "isSignal": true; }; "actionButtons": { "alias": "actionButtons"; "required": false; "isSignal": true; }; "enablePrint": { "alias": "enablePrint"; "required": false; "isSignal": true; }; "printButton": { "alias": "printButton"; "required": false; "isSignal": true; }; "enablePagination": { "alias": "enablePagination"; "required": false; "isSignal": true; }; "autoPaginationAboveRowsCount": { "alias": "autoPaginationAboveRowsCount"; "required": false; "isSignal": true; }; "paginatorSettings": { "alias": "paginatorSettings"; "required": false; "isSignal": true; }; "enableLoadingProgressbar": { "alias": "enableLoadingProgressbar"; "required": false; "isSignal": true; }; "enableColumnsDragAndDrop": { "alias": "enableColumnsDragAndDrop"; "required": false; "isSignal": true; }; "enableColumnsDragHandle": { "alias": "enableColumnsDragHandle"; "required": false; "isSignal": true; }; "enableTotalRow": { "alias": "enableTotalRow"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "tableClasses": { "alias": "tableClasses"; "required": false; "isSignal": true; }; "rowStyleFn": { "alias": "rowStyleFn"; "required": false; "isSignal": true; }; "editColumnsVisibility": { "alias": "editColumnsVisibility"; "required": false; "isSignal": true; }; "editColumnsVisibilityButton": { "alias": "editColumnsVisibilityButton"; "required": false; "isSignal": true; }; "editColumnsVisibilitySelectAllLabel": { "alias": "editColumnsVisibilitySelectAllLabel"; "required": false; "isSignal": true; }; "rowIdentifierField": { "alias": "rowIdentifierField"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { DmCmpsDataSource, DmColorPicker, DmMatSelect, DmSpinner, DmSpinnerService, DmTable };
+export type { DmCmpsDataSourceSort, DmTableActionButton, DmTableColumn };