@acontplus/ng-components 1.1.0 → 1.3.0

package/index.d.ts

@@ -1,14 +1,14 @@
 import * as _angular_core from '@angular/core';
-import { Type, AfterViewInit, OnDestroy, ViewContainerRef, ElementRef, OnChanges, SimpleChanges, TemplateRef, AfterContentInit, OnInit, InjectionToken, PipeTransform } from '@angular/core';
+import { Type, AfterViewInit, OnDestroy, ViewContainerRef, ElementRef, TemplateRef, AfterContentInit, OnChanges, OnInit, SimpleChanges, PipeTransform } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ScrollStrategy } from '@angular/cdk/overlay';
 import { MatChipInputEvent, MatChipEditedEvent } from '@angular/material/chips';
 import { LiveAnnouncer } from '@angular/cdk/a11y';
-import { Tabulator } from 'tabulator-tables';
 import * as _angular_material_paginator from '@angular/material/paginator';
 import { PageEvent } from '@angular/material/paginator';
 import { MatTableDataSource, MatHeaderRowDef, MatRowDef, MatFooterRowDef, MatColumnDef, MatTable } from '@angular/material/table';
 import { SelectionModel } from '@angular/cdk/collections';
+import { Tabulator } from 'tabulator-tables';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
@@ -30,7 +30,7 @@ import { ComponentType } from '@angular/cdk/portal';
  *   Card content goes here
  * </acp-dynamic-card>
  */
-declare class DynamicCardComponent {
+declare class DynamicCard {
     /**
      * The title text to display in the card header.
      * @default null
@@ -121,8 +121,8 @@ declare class DynamicCardComponent {
      * @param event The click event
      */
     handleCardClick(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicCardComponent, "acp-dynamic-card", never, { "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "avatarImageUrl": { "alias": "avatarImageUrl"; "required": false; "isSignal": true; }; "isHeaderVisible": { "alias": "isHeaderVisible"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "hasDivider": { "alias": "hasDivider"; "required": false; "isSignal": true; }; "areActionsVisible": { "alias": "areActionsVisible"; "required": false; "isSignal": true; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; "isSignal": true; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; "isSignal": true; }; "primaryButtonIcon": { "alias": "primaryButtonIcon"; "required": false; "isSignal": true; }; "secondaryButtonIcon": { "alias": "secondaryButtonIcon"; "required": false; "isSignal": true; }; "buttonsPosition": { "alias": "buttonsPosition"; "required": false; "isSignal": true; }; }, { "primaryButtonClicked": "primaryButtonClicked"; "secondaryButtonClicked": "secondaryButtonClicked"; "cardClicked": "cardClicked"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicCard, "acp-dynamic-card", never, { "cardTitle": { "alias": "cardTitle"; "required": false; "isSignal": true; }; "cardSubtitle": { "alias": "cardSubtitle"; "required": false; "isSignal": true; }; "avatarImageUrl": { "alias": "avatarImageUrl"; "required": false; "isSignal": true; }; "isHeaderVisible": { "alias": "isHeaderVisible"; "required": false; "isSignal": true; }; "contentPadding": { "alias": "contentPadding"; "required": false; "isSignal": true; }; "hasDivider": { "alias": "hasDivider"; "required": false; "isSignal": true; }; "areActionsVisible": { "alias": "areActionsVisible"; "required": false; "isSignal": true; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; "isSignal": true; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; "isSignal": true; }; "primaryButtonIcon": { "alias": "primaryButtonIcon"; "required": false; "isSignal": true; }; "secondaryButtonIcon": { "alias": "secondaryButtonIcon"; "required": false; "isSignal": true; }; "buttonsPosition": { "alias": "buttonsPosition"; "required": false; "isSignal": true; }; }, { "primaryButtonClicked": "primaryButtonClicked"; "secondaryButtonClicked": "secondaryButtonClicked"; "cardClicked": "cardClicked"; }, never, ["*"], true, never>;
 }
 
 type DialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'full';
@@ -163,7 +163,7 @@ interface MatCustomDialogConfig<T = unknown> {
     exitAnimationDuration?: number | string;
 }
 /**
- * Configuration interface for opening a dialog inside the custom `DialogWrapperComponent`.
+ * Configuration interface for opening a dialog inside the custom `DialogWrapper`.
  * This interface defines the properties needed to configure the dialog wrapper.
  *
  * @interface DialogWrapperConfig
@@ -231,7 +231,7 @@ declare class AdvancedDialogService {
      * @param matDialogConfig Standard MatDialog configuration (size, position, etc.).
      * @returns A MatDialogRef instance pointing to the wrapper.
      */
-    openInWrapper<T, R = unknown>(wrapperConfig: DialogWrapperConfig<T>, matDialogConfig?: MatCustomDialogConfig<T>): Promise<MatDialogRef<DialogWrapperComponent, R>>;
+    openInWrapper<T, R = unknown>(wrapperConfig: DialogWrapperConfig<T>, matDialogConfig?: MatCustomDialogConfig<T>): Promise<MatDialogRef<DialogWrapper, R>>;
     /**
      * Helper to open a dialog and only get an observable of the result.
      */
@@ -258,7 +258,7 @@ declare class OverlayService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<OverlayService>;
 }
 
-declare class ThemeService {
+declare class ThemeSwitcher {
     private readonly _darkMode;
     private readonly platformId;
     isDarkMode$: rxjs.Observable<boolean>;
@@ -266,8 +266,8 @@ declare class ThemeService {
     loadMode(): void;
     toggleDarkMode(): void;
     private applyTheme;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeSwitcher, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeSwitcher>;
 }
 
 interface AutocompleteWrapperItem {
@@ -458,8 +458,8 @@ declare class AutocompleteWrapperService {
  *   data: { message: 'This is some data passed to the dialog content component' }
  * });
  */
-declare class DialogWrapperComponent implements AfterViewInit, OnDestroy {
-    dialogRef: MatDialogRef<DialogWrapperComponent, any>;
+declare class DialogWrapper implements AfterViewInit, OnDestroy {
+    dialogRef: MatDialogRef<DialogWrapper, any>;
     config: DialogWrapperConfig<unknown>;
     /**
      * A template reference that acts as an anchor for dynamic content.
@@ -481,7 +481,7 @@ declare class DialogWrapperComponent implements AfterViewInit, OnDestroy {
      */
     private bringToFrontTimeoutId;
     /**
-     * Creates an instance of DialogWrapperComponent.
+     * Creates an instance of DialogWrapper.
      *
      * @param dialogRef Reference to the dialog opened via the Material Dialog service
      * @param config Configuration for the dialog wrapper, injected from MAT_DIALOG_DATA
@@ -507,26 +507,26 @@ declare class DialogWrapperComponent implements AfterViewInit, OnDestroy {
      * Called when the dialog header is clicked.
      */
     bringToFront(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogWrapperComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogWrapperComponent, "acp-dialog-wrapper", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogWrapper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogWrapper, "acp-dialog-wrapper", never, {}, {}, never, never, true, never>;
 }
 
-declare class UserIconComponent {
+declare class UserIcon {
     size: _angular_core.InputSignal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserIconComponent, "acp-user-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserIcon, "acp-user-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class SvgIconComponent {
+declare class SvgIcon {
     id: _angular_core.InputSignal<string>;
     width: _angular_core.InputSignal<string>;
     height: _angular_core.InputSignal<string>;
     color: _angular_core.InputSignal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SvgIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SvgIconComponent, "acp-svg-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SvgIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SvgIcon, "acp-svg-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class InputChipComponent {
+declare class InputChip {
     chips: _angular_core.InputSignal<string[]>;
     labelText: _angular_core.InputSignal<string>;
     placelholder: _angular_core.InputSignal<string>;
@@ -536,14 +536,15 @@ declare class InputChipComponent {
     add(event: MatChipInputEvent): void;
     remove(value: string): void;
     edit(inputRaw: string, event: MatChipEditedEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputChipComponent, "acp-input-chip", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "placelholder": { "alias": "placelholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputChip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputChip, "acp-input-chip", never, { "chips": { "alias": "chips"; "required": true; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": true; "isSignal": true; }; "placelholder": { "alias": "placelholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark';
 type ButtonType = 'button' | 'submit' | 'reset';
+type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark';
 type MaterialButtonStyle = 'text' | 'elevated' | 'outlined' | 'filled' | 'tonal' | 'icon' | 'fab' | 'mini-fab' | 'extended-fab';
-declare class ButtonComponent {
+
+declare class Button {
     variant: _angular_core.InputSignal<ButtonVariant>;
     text: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
@@ -562,138 +563,13 @@ declare class ButtonComponent {
     handleClick: _angular_core.OutputEmitterRef<unknown>;
     getButtonClasses(): Record<string, boolean>;
     getDisplayText(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "acp-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "matStyle": { "alias": "matStyle"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "handleClick": "handleClick"; }, never, ["*"], true, never>;
-}
-
-declare class SpinnerComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "acp-spinner", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "acp-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "matStyle": { "alias": "matStyle"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "handleClick": "handleClick"; }, never, ["*"], true, never>;
 }
 
-interface TabulatorColumn {
-    title: string;
-    field: string;
-    width?: number | string;
-    minWidth?: number;
-    maxWidth?: number;
-    resizable?: boolean;
-    sortable?: boolean;
-    headerSort?: boolean;
-    editor?: string | boolean;
-    formatter?: string;
-    formatterParams?: Record<string, any>;
-    validator?: string | string[];
-    headerFilter?: string | boolean;
-    headerFilterParams?: Record<string, any>;
-    frozen?: boolean;
-    responsive?: number;
-    tooltip?: string | boolean;
-    cssClass?: string;
-    headerCssClass?: string;
-    mutator?: string;
-    accessor?: string;
-    download?: boolean;
-    titleDownload?: string;
-    visible?: boolean;
-    clipboard?: boolean;
-}
-interface TabulatorTheme {
-    name: 'default' | 'modern' | 'midnight' | 'simple' | 'site' | 'site-dark';
-    cssPath?: string;
-}
-interface TabulatorConfig {
-    data?: any[];
-    columns?: TabulatorColumn[];
-    height?: string | number | false;
-    minHeight?: number;
-    maxHeight?: number;
-    layout?: 'fitData' | 'fitColumns' | 'fitDataFill' | 'fitDataStretch';
-    layoutColumnsOnNewData?: boolean;
-    responsiveLayout?: boolean | 'hide' | 'collapse';
-    responsiveLayoutCollapseStartOpen?: boolean;
-    columnMinWidth?: number;
-    resizableColumns?: boolean;
-    movableColumns?: boolean;
-    columnHeaderVertAlign?: 'top' | 'middle' | 'bottom';
-    placeholder?: string;
-    footerElement?: string;
-    tooltips?: boolean | ((cell: any) => string);
-    tooltipGenerationMode?: 'load' | 'hover';
-    history?: boolean;
-    keybindings?: Record<string, string>;
-    reactiveData?: boolean;
-    autoResize?: boolean;
-    tableBuilding?: () => void;
-    tableBuilt?: () => void;
-    renderStarted?: () => void;
-    renderComplete?: () => void;
-    htmlImporting?: () => void;
-    htmlImported?: () => void;
-    dataLoading?: (data: any[]) => void;
-    dataLoaded?: (data: any[]) => void;
-    dataChanged?: (data: any[]) => void;
-    pageLoaded?: (pageno: number) => void;
-    dataSorting?: (sorters: any[]) => void;
-    dataSorted?: (sorters: any[], rows: any[]) => void;
-    dataFiltering?: (filters: any[]) => void;
-    dataFiltered?: (filters: any[], rows: any[]) => void;
-    validationFailed?: (cell: any, value: any, validators: any[]) => void;
-    clipboardCopyStyled?: (clipboard: string) => string;
-    clipboardCopyConfig?: Record<string, any>;
-    clipboardPasteParser?: string | ((clipboard: string) => any[][]);
-    clipboardPasteAction?: 'insert' | 'update' | 'replace';
-    printAsHtml?: boolean;
-    printFormatter?: (tableHtml: string, table: any) => string;
-    printHeader?: string;
-    printFooter?: string;
-    tabEndNewRow?: boolean | ((row: any) => any);
-}
-interface TabulatorEventHandlers {
-    onCellEdited?: (cell: any) => void;
-    onRowClick?: (e: Event, row: any) => void;
-    onRowSelected?: (row: any) => void;
-    onRowDeselected?: (row: any) => void;
-    onDataChanged?: (data: any[]) => void;
-    onTableReady?: (tabulator: any) => void;
-}
-
-declare class TabulatorTableComponent implements OnChanges, AfterViewInit, OnDestroy {
-    readonly data: _angular_core.InputSignal<any[]>;
-    readonly columns: _angular_core.InputSignal<any[]>;
-    readonly height: _angular_core.InputSignal<string | number | false>;
-    readonly layout: _angular_core.InputSignal<"fitData" | "fitColumns" | "fitDataFill" | "fitDataStretch">;
-    readonly dataTree: _angular_core.InputSignal<boolean>;
-    readonly dataTreeChildField: _angular_core.InputSignal<string>;
-    readonly dataTreeStartExpanded: _angular_core.InputSignal<boolean>;
-    readonly dataTreeSelectPropagate: _angular_core.InputSignal<boolean>;
-    readonly selectable: _angular_core.InputSignal<boolean>;
-    readonly reactiveData: _angular_core.InputSignal<boolean>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly autoResize: _angular_core.InputSignal<boolean>;
-    readonly theme: _angular_core.InputSignal<TabulatorTheme>;
-    readonly customClass: _angular_core.InputSignal<string>;
-    readonly options: _angular_core.InputSignal<Record<string, any>>;
-    readonly cellEdited: _angular_core.OutputEmitterRef<any>;
-    readonly rowClick: _angular_core.OutputEmitterRef<any>;
-    readonly rowSelected: _angular_core.OutputEmitterRef<any>;
-    readonly tableReady: _angular_core.OutputEmitterRef<Tabulator>;
-    private _tabulator;
-    containerId: string;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    private initializeTable;
-    private applyTheme;
-    private applyCustomClass;
-    private registerEvents;
-    private updateData;
-    private updateColumns;
-    private destroyTable;
-    getInstance(): Tabulator;
-    redraw(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabulatorTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabulatorTableComponent, "acp-tabulator", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "dataTree": { "alias": "dataTree"; "required": false; "isSignal": true; }; "dataTreeChildField": { "alias": "dataTreeChildField"; "required": false; "isSignal": true; }; "dataTreeStartExpanded": { "alias": "dataTreeStartExpanded"; "required": false; "isSignal": true; }; "dataTreeSelectPropagate": { "alias": "dataTreeSelectPropagate"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "reactiveData": { "alias": "reactiveData"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "cellEdited": "cellEdited"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "tableReady": "tableReady"; }, never, never, true, never>;
+declare class Spinner {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "acp-spinner", never, {}, {}, never, never, true, never>;
 }
 
 interface DateRangeConfig<T = any> {
@@ -762,7 +638,12 @@ declare class TableCellIndex {
 }
 
 interface TableRow {
-    colorRow?: string;
+    rowStyle?: {
+        backgroundColor?: string;
+        color?: string;
+        [key: string]: any;
+    };
+    disableSelection?: boolean;
     [key: string]: any;
 }
 
@@ -797,7 +678,7 @@ declare class Pagination {
     updateFromPaginatorEvent(event: any): void;
 }
 
-declare class DynamicTableComponent<T extends TableRow> implements AfterContentInit, OnChanges, OnInit, OnDestroy {
+declare class DynamicTable<T extends TableRow> implements AfterContentInit, OnChanges, OnInit, OnDestroy {
     private componentRefs;
     private embeddedViews;
     private cdr;
@@ -808,6 +689,7 @@ declare class DynamicTableComponent<T extends TableRow> implements AfterContentI
     visibleColumns: string[];
     columnDefinitions: ColumnDefinition<T>[];
     readonly showSelectBox: _angular_core.InputSignal<boolean>;
+    readonly multipleSelection: _angular_core.InputSignal<boolean>;
     readonly tableData: _angular_core.InputSignal<T[]>;
     readonly rowTemplate: _angular_core.InputSignal<TemplateRef<TableContext<T>> | null>;
     expandedDetail: TemplateRef<TableContext<T>> | null;
@@ -846,19 +728,147 @@ declare class DynamicTableComponent<T extends TableRow> implements AfterContentI
     checkboxLabel(row?: T): string;
     selectRow(row: T): void;
     onExpand(event: Event, element: T): void;
-    getRowColor(element: T): Record<string, string>;
+    getRowStyle(element: T): Record<string, string>;
     handlePageEvent(e: PageEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicTableComponent<any>, "acp-dynamic-table", never, { "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "highlightRowIndex": { "alias": "highlightRowIndex"; "required": false; "isSignal": true; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "showSelectBox": { "alias": "showSelectBox"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; "isSignal": true; }; "expandedDetail": { "alias": "expandedDetail"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "isLoadingData": { "alias": "isLoadingData"; "required": false; "isSignal": true; }; }, { "rowSelected": "rowSelected"; "copyRow": "copyRow"; "showExpanded": "showExpanded"; "hideExpanded": "hideExpanded"; "pageEvent": "pageEvent"; }, ["headerRowDefs", "rowDefs", "footerRowDefs", "columnDefs", "rows"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DynamicTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicTable<any>, "acp-dynamic-table", never, { "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "highlightRowIndex": { "alias": "highlightRowIndex"; "required": false; "isSignal": true; }; "visibleColumns": { "alias": "visibleColumns"; "required": false; }; "columnDefinitions": { "alias": "columnDefinitions"; "required": false; }; "showSelectBox": { "alias": "showSelectBox"; "required": false; "isSignal": true; }; "multipleSelection": { "alias": "multipleSelection"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "rowTemplate": { "alias": "rowTemplate"; "required": false; "isSignal": true; }; "expandedDetail": { "alias": "expandedDetail"; "required": false; }; "enablePagination": { "alias": "enablePagination"; "required": false; "isSignal": true; }; "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "isLoadingData": { "alias": "isLoadingData"; "required": false; "isSignal": true; }; }, { "rowSelected": "rowSelected"; "copyRow": "copyRow"; "showExpanded": "showExpanded"; "hideExpanded": "hideExpanded"; "pageEvent": "pageEvent"; }, ["headerRowDefs", "rowDefs", "footerRowDefs", "columnDefs", "rows"], never, true, never>;
 }
 
-declare class ThemeToggleComponent {
+interface TabulatorColumn {
+    title: string;
+    field: string;
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    resizable?: boolean;
+    sortable?: boolean;
+    headerSort?: boolean;
+    editor?: string | boolean;
+    formatter?: string;
+    formatterParams?: Record<string, any>;
+    validator?: string | string[];
+    headerFilter?: string | boolean;
+    headerFilterParams?: Record<string, any>;
+    frozen?: boolean;
+    responsive?: number;
+    tooltip?: string | boolean;
+    cssClass?: string;
+    headerCssClass?: string;
+    mutator?: string;
+    accessor?: string;
+    download?: boolean;
+    titleDownload?: string;
+    visible?: boolean;
+    clipboard?: boolean;
+}
+interface TabulatorTheme {
+    name: 'default' | 'modern' | 'midnight' | 'simple' | 'site' | 'site-dark';
+    cssPath?: string;
+}
+interface TabulatorConfig {
+    data?: any[];
+    columns?: TabulatorColumn[];
+    height?: string | number | false;
+    minHeight?: number;
+    maxHeight?: number;
+    layout?: 'fitData' | 'fitColumns' | 'fitDataFill' | 'fitDataStretch';
+    layoutColumnsOnNewData?: boolean;
+    responsiveLayout?: boolean | 'hide' | 'collapse';
+    responsiveLayoutCollapseStartOpen?: boolean;
+    columnMinWidth?: number;
+    resizableColumns?: boolean;
+    movableColumns?: boolean;
+    columnHeaderVertAlign?: 'top' | 'middle' | 'bottom';
+    placeholder?: string;
+    footerElement?: string;
+    tooltips?: boolean | ((cell: any) => string);
+    tooltipGenerationMode?: 'load' | 'hover';
+    history?: boolean;
+    keybindings?: Record<string, string>;
+    reactiveData?: boolean;
+    autoResize?: boolean;
+    tableBuilding?: () => void;
+    tableBuilt?: () => void;
+    renderStarted?: () => void;
+    renderComplete?: () => void;
+    htmlImporting?: () => void;
+    htmlImported?: () => void;
+    dataLoading?: (data: any[]) => void;
+    dataLoaded?: (data: any[]) => void;
+    dataChanged?: (data: any[]) => void;
+    pageLoaded?: (pageno: number) => void;
+    dataSorting?: (sorters: any[]) => void;
+    dataSorted?: (sorters: any[], rows: any[]) => void;
+    dataFiltering?: (filters: any[]) => void;
+    dataFiltered?: (filters: any[], rows: any[]) => void;
+    validationFailed?: (cell: any, value: any, validators: any[]) => void;
+    clipboardCopyStyled?: (clipboard: string) => string;
+    clipboardCopyConfig?: Record<string, any>;
+    clipboardPasteParser?: string | ((clipboard: string) => any[][]);
+    clipboardPasteAction?: 'insert' | 'update' | 'replace';
+    printAsHtml?: boolean;
+    printFormatter?: (tableHtml: string, table: any) => string;
+    printHeader?: string;
+    printFooter?: string;
+    tabEndNewRow?: boolean | ((row: any) => any);
+}
+interface TabulatorEventHandlers {
+    onCellEdited?: (cell: any) => void;
+    onRowClick?: (e: Event, row: any) => void;
+    onRowSelected?: (row: any) => void;
+    onRowDeselected?: (row: any) => void;
+    onDataChanged?: (data: any[]) => void;
+    onTableReady?: (tabulator: any) => void;
+}
+
+declare class TabulatorTable implements OnChanges, AfterViewInit, OnDestroy {
+    readonly data: _angular_core.InputSignal<any[]>;
+    readonly columns: _angular_core.InputSignal<any[]>;
+    readonly height: _angular_core.InputSignal<string | number | false>;
+    readonly layout: _angular_core.InputSignal<"fitData" | "fitColumns" | "fitDataFill" | "fitDataStretch">;
+    readonly dataTree: _angular_core.InputSignal<boolean>;
+    readonly dataTreeChildField: _angular_core.InputSignal<string>;
+    readonly dataTreeStartExpanded: _angular_core.InputSignal<boolean>;
+    readonly dataTreeSelectPropagate: _angular_core.InputSignal<boolean>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly reactiveData: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly autoResize: _angular_core.InputSignal<boolean>;
+    readonly theme: _angular_core.InputSignal<TabulatorTheme>;
+    readonly customClass: _angular_core.InputSignal<string>;
+    readonly rowFormatter: _angular_core.InputSignal<((row: any) => void | null) | undefined>;
+    readonly options: _angular_core.InputSignal<Record<string, any>>;
+    readonly cellEdited: _angular_core.OutputEmitterRef<any>;
+    readonly rowClick: _angular_core.OutputEmitterRef<any>;
+    readonly rowSelected: _angular_core.OutputEmitterRef<any>;
+    readonly tableReady: _angular_core.OutputEmitterRef<Tabulator>;
+    private _tabulator;
+    containerId: string;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    private initializeTable;
+    private applyTheme;
+    private applyCustomClass;
+    private registerEvents;
+    private updateData;
+    private updateColumns;
+    private destroyTable;
+    private updateRowFormatter;
+    getInstance(): Tabulator;
+    redraw(): void;
+    private getRowFormatter;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabulatorTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabulatorTable, "acp-tabulator-table", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "dataTree": { "alias": "dataTree"; "required": false; "isSignal": true; }; "dataTreeChildField": { "alias": "dataTreeChildField"; "required": false; "isSignal": true; }; "dataTreeStartExpanded": { "alias": "dataTreeStartExpanded"; "required": false; "isSignal": true; }; "dataTreeSelectPropagate": { "alias": "dataTreeSelectPropagate"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "reactiveData": { "alias": "reactiveData"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "rowFormatter": { "alias": "rowFormatter"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "cellEdited": "cellEdited"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "tableReady": "tableReady"; }, never, never, true, never>;
+}
+
+declare class ThemeToggle {
     private themeService;
     darkMode$: Observable<boolean>;
     constructor();
     toggleDarkMode(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeToggleComponent, "acp-theme-toggle", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThemeToggle, "acp-theme-toggle", never, {}, {}, never, never, true, never>;
 }
 
 declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
@@ -940,7 +950,7 @@ declare class ReusableAutocompleteComponent implements OnInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReusableAutocompleteComponent, "acp-autocomplete-wrapper", never, { "dataSource": { "alias": "dataSource"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "searchFunction": { "alias": "searchFunction"; "required": false; "isSignal": true; }; "notFoundTemplate": { "alias": "notFoundTemplate"; "required": false; "isSignal": true; }; "overlayWidth": { "alias": "overlayWidth"; "required": false; "isSignal": true; }; "overlayMaxHeight": { "alias": "overlayMaxHeight"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; "searchChanged": "searchChanged"; "searchRequested": "searchRequested"; "pageChanged": "pageChanged"; "filterChanged": "filterChanged"; "advancedSearchClicked": "advancedSearchClicked"; "allResultsClicked": "allResultsClicked"; "createClicked": "createClicked"; }, never, never, true, never>;
 }
 
-declare class ToUpperCaseDirective implements ControlValueAccessor {
+declare class ToUpperCase implements ControlValueAccessor {
     private el;
     private renderer;
     onInput(): void;
@@ -949,12 +959,10 @@ declare class ToUpperCaseDirective implements ControlValueAccessor {
     writeValue(value: string): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToUpperCaseDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ToUpperCaseDirective, "[acpToUpperCase]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToUpperCase, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ToUpperCase, "[acpToUpperCase]", never, {}, {}, never, never, true, never>;
 }
 
-declare const DYNAMIC_INPUT: InjectionToken<unknown>;
-
 declare class GetTotalPipe implements PipeTransform {
     transform(colName: string, dataSource: any[]): any;
     /**
@@ -985,5 +993,5 @@ declare class StatusDisplayPipe implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<StatusDisplayPipe, "statusDisplay", true>;
 }
 
-export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, ButtonComponent, ColumnDefinition, DYNAMIC_INPUT, DialogWrapperComponent, DynamicCardComponent, DynamicTableComponent, FieldDefinition, GetTotalPipe, InputChipComponent, OverlayService, Pagination, ReusableAutocompleteComponent, SpinnerComponent, StatusDisplayPipe, SvgIconComponent, TableCellIndex, TabulatorTableComponent, ThemeService, ThemeToggleComponent, ToUpperCaseDirective, UserIconComponent, createAutocompleteWrapperConfig };
+export { AUTOCOMPLETE_WRAPPER_CUSTOMER_CONFIG, AUTOCOMPLETE_WRAPPER_DEFAULT_CONFIG, AUTOCOMPLETE_WRAPPER_LOCAL_CONFIG, AUTOCOMPLETE_WRAPPER_PAGINATED_CONFIG, AUTOCOMPLETE_WRAPPER_PRODUCT_CONFIG, AUTOCOMPLETE_WRAPPER_SIMPLE_CONFIG, AdvancedDialogService, AutocompleteWrapperService, Button, ColumnDefinition, DialogWrapper, DynamicCard, DynamicTable, FieldDefinition, GetTotalPipe, InputChip, OverlayService, Pagination, ReusableAutocompleteComponent, Spinner, StatusDisplayPipe, SvgIcon, TableCellIndex, TabulatorTable, ThemeSwitcher, ThemeToggle, ToUpperCase, UserIcon, createAutocompleteWrapperConfig };
 export type { AutocompleteWrapperActions, AutocompleteWrapperConfig, AutocompleteWrapperEventHandler, AutocompleteWrapperEvents, AutocompleteWrapperFilters, AutocompleteWrapperItem, AutocompleteWrapperItemProperty, AutocompleteWrapperPaginationInfo, AutocompleteWrapperSearchField, AutocompleteWrapperSearchFunction, AutocompleteWrapperSearchMode, AutocompleteWrapperSearchResult, AutocompleteWrapperState, AutocompleteWrapperStockOption, ButtonType, ButtonVariant, ColumnType, ControlType, DateRangeConfig, DialogSize, DialogWrapperConfig, FieldType, MatCustomDialogConfig, MaterialButtonStyle, OptionSearchConfig, ReusableAutocompleteWrapperComponent, TableContext, TableRow, TabulatorColumn, TabulatorConfig, TabulatorEventHandlers, TabulatorTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@acontplus/ng-components",
-  "version": "1.1.0",
-  "description": "Angular Material UI component library with dynamic tables, theming support, dialog wrappers, and comprehensive styling utilities",
+  "version": "1.3.0",
+  "description": "Comprehensive Angular Material UI component library featuring dynamic Tabulator tables, theme toggle with dark mode, dialog wrappers, autocomplete components, cards, buttons, icons, input chips, spinners, directives, pipes, and SCSS styling utilities.",
   "peerDependencies": {
     "@angular/cdk": "^20.2.5",
     "@angular/common": "^20.3.2",
@@ -33,28 +33,31 @@
     "angular-material",
     "material-design",
     "ui-components",
-    "dynamic-table",
-    "tabulator",
+    "tabulator-tables",
+    "dynamic-tables",
+    "data-tables",
     "cards",
-    "dialog",
-    "snackbar",
-    "theme",
-    "theming",
+    "dialog-wrapper",
+    "theme-toggle",
     "dark-mode",
-    "overlay",
-    "autocomplete",
+    "theme-switcher",
+    "overlay-service",
+    "autocomplete-wrapper",
     "spinner",
-    "interceptors",
-    "customer-ui",
-    "form-controls",
-    "directives",
-    "pipes",
-    "scss",
-    "styling",
-    "components",
+    "buttons",
+    "icons",
+    "input-chip",
+    "to-uppercase-directive",
+    "status-display-pipe",
+    "get-total-pipe",
+    "pagination",
+    "scss-mixins",
+    "scss-variables",
+    "custom-dialog",
+    "mat-table",
     "typescript",
-    "frontend",
-    "library"
+    "enterprise",
+    "frontend"
   ],
   "author": "Ivan Paz <ifer343@gmail.com>",
   "license": "MIT",