@servicemind.tis/angular-smart-data-table 1.0.0

package/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@servicemind.tis/angular-smart-data-table" />
+export * from './public-api';

package/lib/angular-smart-data-table.module.d.ts

@@ -0,0 +1,38 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./directives/scrolling/scrolling.directive";
+import * as i2 from "./pipes/angular-date.pipe";
+import * as i3 from "./pipes/angular-date-time.pipe";
+import * as i4 from "./pipes/angular-date-time-with-seconds.pipe";
+import * as i5 from "./pipes/angular-currency.pipe";
+import * as i6 from "./pipes/quantity.pipe";
+import * as i7 from "./pipes/money.pipe";
+import * as i8 from "./components/angular-smart-data-table/angular-smart-data-table.component";
+import * as i9 from "./components/angular-columns-btn/angular-columns-btn.component";
+import * as i10 from "./components/create-columns-template/create-columns-template.component";
+import * as i11 from "./components/angular-smart-data-table-error-dialog/angular-smart-data-table-error-dialog.component";
+import * as i12 from "./components/angular-smart-data-table-confirmation-dialog/angular-smart-data-table-confirmation-dialog.component";
+import * as i13 from "@angular/common";
+import * as i14 from "@angular/forms";
+import * as i15 from "@angular/router";
+import * as i16 from "@angular/material/tooltip";
+import * as i17 from "@angular/material/icon";
+import * as i18 from "@angular/material/form-field";
+import * as i19 from "@angular/material/select";
+import * as i20 from "@angular/material/input";
+import * as i21 from "@angular/material/snack-bar";
+import * as i22 from "@angular/material/progress-spinner";
+import * as i23 from "@angular/material/button";
+import * as i24 from "@angular/material/paginator";
+import * as i25 from "@angular/cdk/layout";
+import * as i26 from "@angular/material/dialog";
+import * as i27 from "@angular/material/table";
+import * as i28 from "@angular/material/checkbox";
+import * as i29 from "@angular/material/menu";
+import * as i30 from "@angular/material/divider";
+import * as i31 from "@angular/material/sort";
+import * as i32 from "@angular/cdk/drag-drop";
+export declare class AngularSmartDataTableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSmartDataTableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AngularSmartDataTableModule, [typeof i1.ScrollingDirective, typeof i2.AngularDatePipe, typeof i3.AngularDateTimePipe, typeof i4.AngularDateTimeWithSecondsPipe, typeof i5.AngularCurrencyPipe, typeof i6.Quantity, typeof i7.Money, typeof i8.AngularSmartDataTableComponent, typeof i9.AngularColumnsBtnComponent, typeof i10.CreateColumnsTemplateComponent, typeof i11.AngularSmartDataTableErrorDialogComponent, typeof i12.AngularSmartDataTableConfirmationDialogComponent], [typeof i13.CommonModule, typeof i14.FormsModule, typeof i14.ReactiveFormsModule, typeof i15.RouterLink, typeof i15.RouterOutlet, typeof i16.MatTooltipModule, typeof i17.MatIconModule, typeof i18.MatFormFieldModule, typeof i19.MatSelectModule, typeof i20.MatInputModule, typeof i21.MatSnackBarModule, typeof i22.MatProgressSpinnerModule, typeof i23.MatButtonModule, typeof i24.MatPaginatorModule, typeof i25.LayoutModule, typeof i26.MatDialogModule, typeof i27.MatTableModule, typeof i28.MatCheckboxModule, typeof i29.MatMenuModule, typeof i30.MatDividerModule, typeof i31.MatSortModule, typeof i32.DragDropModule], [typeof i8.AngularSmartDataTableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AngularSmartDataTableModule>;
+}

package/lib/angular-smart-data-table.service.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AngularSmartDataTableService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSmartDataTableService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<AngularSmartDataTableService>;
+}

package/lib/components/angular-columns-btn/angular-columns-btn.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { UserCustomizationService } from '../../services/user-customization.service';
+import { AngularHelperService } from '../../services/angular-helper.service';
+import type { ColumnCustomizationUrlConfig } from '../../interfaces/url-config.type';
+import * as i0 from "@angular/core";
+export declare class AngularColumnsBtnComponent {
+    private helper;
+    private userCustomizationService;
+    private dialog;
+    static readonly COMPONENT_NAME = "AngularColumnsBtnComponent";
+    columnCustomizationUrlConfig: ColumnCustomizationUrlConfig;
+    t: any;
+    componentName: string;
+    defaultColumns: string[];
+    columns: string[];
+    skipTranslation: boolean;
+    customColumns?: object;
+    selectedTemplate: any;
+    selectedTemplateChange: EventEmitter<any>;
+    displayedColumnsChange: EventEmitter<any>;
+    fromStartColumnNumberChange: EventEmitter<any>;
+    fromEndColumnNumberChange: EventEmitter<any>;
+    displayedColumns: any[];
+    templates: any[];
+    isDeleteTemplate: boolean;
+    isEditTemplate: boolean;
+    constructor(helper: AngularHelperService, userCustomizationService: UserCustomizationService, dialog: MatDialog);
+    ngOnInit(): void;
+    createNewTemplateDialog(stData?: any): void;
+    getColumnsTemplates(): void;
+    getSelectedColumnsTemplate(): void;
+    onSelectedTemplate(templateId: number): void;
+    changeDisplayColumns(): void;
+    onMouseOverOut(event: Event, color: string): void;
+    onMouseOut(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularColumnsBtnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularColumnsBtnComponent, "angular-columns-btn", never, { "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": false; }; "componentName": { "alias": "componentName"; "required": true; }; "defaultColumns": { "alias": "defaultColumns"; "required": true; }; "columns": { "alias": "columns"; "required": true; }; "skipTranslation": { "alias": "skipTranslation"; "required": false; }; "customColumns": { "alias": "customColumns"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; }, { "selectedTemplateChange": "selectedTemplateChange"; "displayedColumnsChange": "displayedColumnsChange"; "fromStartColumnNumberChange": "fromStartColumnNumberChange"; "fromEndColumnNumberChange": "fromEndColumnNumberChange"; }, never, never, false, never>;
+}

package/lib/components/angular-smart-data-table/angular-smart-data-table.component.d.ts

@@ -0,0 +1,205 @@
+import { EventEmitter, SimpleChanges, OnDestroy, ChangeDetectorRef } from '@angular/core';
+import { FormGroup, FormControl } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Subscription, Observable } from 'rxjs';
+import type { SmartTableWrapperRowsConfig, ColumnValueTypeFormats } from '../../interfaces';
+import { AnyKeyValueObject, SelectedFilterDisplayValuesType, SelectedFilterDisplayValueType, SelectedFiltersGroupedValuesType, SmartTableWrapperColumnsConfig } from '../../interfaces';
+import { SelectionModel } from '@angular/cdk/collections';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { ApiDataSource } from '../../datasources/api.datasource';
+import { ApiService } from '../../services/api.service';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTable } from '@angular/material/table';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { Location } from '@angular/common';
+import type { DataNotFoundConfig } from '../../interfaces/data-not-found-config.type';
+import type { ColumnCustomizationUrlConfig } from '../../interfaces/url-config.type';
+import * as i0 from "@angular/core";
+export declare class AngularSmartDataTableComponent implements OnDestroy {
+    private dialog;
+    private apiService;
+    private route;
+    private router;
+    private location;
+    private breakpointObserver;
+    private cdr;
+    homeUrl: string;
+    columnCustomizationUrlConfig: ColumnCustomizationUrlConfig;
+    t: any;
+    componentName: string;
+    mainTitle: string;
+    searchPlaceholder: string;
+    breadcrumbs: {
+        url: string;
+        name: string;
+    }[];
+    hideHeader: boolean;
+    hideTableHeader: boolean;
+    hidePaginator: boolean;
+    keepFilterInUrl: boolean;
+    disableBorderedView: boolean;
+    displayColumnsSelectionButton: boolean;
+    loadDataApiBaseUrl: string;
+    startStickyColumnCount: number;
+    endStickyColumnCount: number;
+    isSearchFieldMobileResponsive: boolean;
+    isMobileResponsiveTable: boolean;
+    loaderPosition: 'top' | 'bottom';
+    dataNotFoundConfig: DataNotFoundConfig;
+    showFilterButtonSection: boolean;
+    /** Optional per-column format config. Key = column name, Value = format string. Defaults to empty (uses built-in formats). */
+    columnValueTypeFormats: ColumnValueTypeFormats;
+    columnsCodeMapping: SmartTableWrapperColumnsConfig[];
+    autoRenderColumns: SmartTableWrapperColumnsConfig[];
+    templateRenderColumns: SmartTableWrapperColumnsConfig[];
+    defaultDisplayedColumns: string[];
+    displayedColumns: string[];
+    defaultColumns: string[];
+    columns: string[];
+    displayedColumnsChange: EventEmitter<string[]>;
+    usersColumnSelectionDetail: any;
+    defaultSortObj: any;
+    sortObj: any;
+    sortObjChange: EventEmitter<AnyKeyValueObject>;
+    loadingSpinnerDiameter: number;
+    pageSizeOptions: number[];
+    pageSize: number;
+    pageSizeChange: EventEmitter<number>;
+    useGlobalPageSize: boolean;
+    pageIndex: number;
+    pageIndexChange: EventEmitter<number>;
+    filterFormGroup: FormGroup;
+    rowsConfig: SmartTableWrapperRowsConfig;
+    onDataLoaded: EventEmitter<boolean>;
+    onSetExtraData: EventEmitter<any>;
+    onSetTotal: EventEmitter<number>;
+    hasSelectedAllRows: boolean;
+    selectedTemplate: any;
+    selectedFilterValues: SelectedFilterDisplayValuesType;
+    finalSelectedFilterValuesToDisplay: SelectedFilterDisplayValuesType;
+    selectedFilterGroupedValues: SelectedFiltersGroupedValuesType[];
+    isShowFilter: boolean;
+    filterFormGroupSubscription: Subscription;
+    filterHasNonEmptyValue: boolean;
+    filterApplied: boolean;
+    resetFlag: boolean;
+    initialLoading: boolean;
+    displayAfterFilterRemoved: boolean;
+    filterFromQueryParams: any;
+    sortFromQueryParams: any;
+    search: string;
+    searchCtrl: FormControl<any>;
+    private _onDestroy;
+    private _selectionSubscription;
+    private _handsetSubscription;
+    private _queryParamsSubscription;
+    private _columnMappingCache;
+    private _displayedColumnsCache;
+    private _lastColumnsCodeMappingHash;
+    private _currentRequestSubject;
+    private timeoutManager;
+    private computedRowBackgrounds;
+    dataSource: ApiDataSource;
+    private _table;
+    set table(value: MatTable<any>);
+    private _sort;
+    private _sortSubscription;
+    set sort(value: MatSort);
+    private _paginator;
+    private _paginatorSubscription;
+    set paginator(value: MatPaginator);
+    loadingSubscription: Subscription;
+    dataLengthSubscription: Subscription;
+    enableRowsSelection: boolean;
+    enableAllRowsSelection: boolean;
+    onlySingleSelection: boolean;
+    selectedRowIds: (number | string)[];
+    selectedRowKey: string;
+    selectedRows: any[];
+    selectedRowsChange: EventEmitter<any>;
+    selection: SelectionModel<any>;
+    selectedIds: Set<number | string>;
+    isAllRowsSelected: boolean;
+    allRowsSelectedChange: EventEmitter<boolean>;
+    enableDragNDrop: boolean;
+    listDataSequenceChange: EventEmitter<any>;
+    isExpansion: boolean;
+    isExpandedRow: boolean;
+    expandedTemplate: any;
+    isExpansionForMobileResponsive: boolean;
+    isExpandedRowForMobileResponsive: boolean;
+    expandedTemplateForMobileResponsive: any;
+    headerTemplateForEachRowForMobileResponsive: any;
+    isAllExpanded: boolean;
+    isAllExpandedForMobileResponsive: boolean;
+    private expandedRowIds;
+    private expandedRowIdsForMobileResponsive;
+    isHandset$: Observable<boolean>;
+    isMobile: boolean;
+    constructor(dialog: MatDialog, apiService: ApiService, route: ActivatedRoute, router: Router, location: Location, breakpointObserver: BreakpointObserver, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setDefaultColumns(): void;
+    handleDisplayedColumns(msg?: String): void;
+    private updateColumnMappingCache;
+    trackByBreadcrumb(index: number, breadcrumb: {
+        url: string;
+        name: string;
+    }): string;
+    trackByFilterValue(index: number, filterValue: SelectedFilterDisplayValueType): string;
+    trackByAutoColumn(index: number, column: SmartTableWrapperColumnsConfig): string;
+    trackByTemplateColumn(index: number, column: SmartTableWrapperColumnsConfig): string;
+    trackByTableRow(index: number, row: any): any;
+    private getRowIdentifier;
+    isRowExpanded(row: any): boolean;
+    isRowExpandedForMobileResponsive(row: any): boolean;
+    private clearRowBackgroundCache;
+    private computeAllRowBackgrounds;
+    handleSortingChanges(ch: any): void;
+    private getHomeUrl;
+    getNestedValue(obj: any, path: string): any;
+    /** Returns the custom format string for a column type, or undefined if not set (uses pipe defaults). */
+    getColumnFormat(columnType: string): string | undefined;
+    private groupByFormControlAttributes;
+    updateSelectedFilterValues(values: SelectedFilterDisplayValueType | SelectedFilterDisplayValuesType): void;
+    getFinalSelectedFilterValuesToDisplay(): void;
+    removeParticularFilter(f: SelectedFilterDisplayValueType): void;
+    filterRecords(): void;
+    resetFilters(): void;
+    getList(forceFromObject?: boolean): void;
+    onPaginationChanges(): void;
+    onSetSelectedTemplate(data: any): void;
+    onChangeDisplayColumns(columns: string[]): void;
+    onChangeFromStartColumnNumber(columnNumber: number): void;
+    onChangeFromEndColumnNumber(columnNumber: number): void;
+    goToUrl(url: string): void;
+    toggleSelection(status: MatCheckboxChange, row: any): void;
+    checkAllRowsSelected(): void;
+    toggleAllRows(): void;
+    stopPropagation($event: any): void;
+    isChecked(row: any): boolean;
+    getQueryParams(url: string): Record<string, string | string[]>;
+    isStickyStart(columnName: string): boolean;
+    isStickyEnd(columnName: string): boolean;
+    getColumnClasses(column: SmartTableWrapperColumnsConfig): {
+        [key: string]: boolean;
+    };
+    getRowBackground(row: any): string | null;
+    drop(event: CdkDragDrop<any[]>): void;
+    handleButtonClick(config: any): void;
+    handleSecondButtonClick(config: any): void;
+    setSelectedRows(): void;
+    resetSelectedRows(): void;
+    /** Toggles the expanded state of an element. */
+    toggleExpand(element: any): void;
+    expandAllRow(): void;
+    /** Toggles the expanded state of an element. */
+    toggleExpandForMobileResponsive(element: any): void;
+    expandAllRowForMobileResponsive(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSmartDataTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularSmartDataTableComponent, "angular-smart-data-table", never, { "columnCustomizationUrlConfig": { "alias": "columnCustomizationUrlConfig"; "required": true; }; "t": { "alias": "t"; "required": true; }; "componentName": { "alias": "componentName"; "required": true; }; "mainTitle": { "alias": "mainTitle"; "required": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "breadcrumbs": { "alias": "breadcrumbs"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "hideTableHeader": { "alias": "hideTableHeader"; "required": false; }; "hidePaginator": { "alias": "hidePaginator"; "required": false; }; "keepFilterInUrl": { "alias": "keepFilterInUrl"; "required": false; }; "disableBorderedView": { "alias": "disableBorderedView"; "required": false; }; "displayColumnsSelectionButton": { "alias": "displayColumnsSelectionButton"; "required": false; }; "loadDataApiBaseUrl": { "alias": "loadDataApiBaseUrl"; "required": false; }; "startStickyColumnCount": { "alias": "startStickyColumnCount"; "required": false; }; "endStickyColumnCount": { "alias": "endStickyColumnCount"; "required": false; }; "isSearchFieldMobileResponsive": { "alias": "isSearchFieldMobileResponsive"; "required": false; }; "isMobileResponsiveTable": { "alias": "isMobileResponsiveTable"; "required": false; }; "loaderPosition": { "alias": "loaderPosition"; "required": false; }; "dataNotFoundConfig": { "alias": "dataNotFoundConfig"; "required": true; }; "showFilterButtonSection": { "alias": "showFilterButtonSection"; "required": false; }; "columnValueTypeFormats": { "alias": "columnValueTypeFormats"; "required": false; }; "columnsCodeMapping": { "alias": "columnsCodeMapping"; "required": true; }; "defaultDisplayedColumns": { "alias": "defaultDisplayedColumns"; "required": false; }; "defaultSortObj": { "alias": "defaultSortObj"; "required": false; }; "loadingSpinnerDiameter": { "alias": "loadingSpinnerDiameter"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "useGlobalPageSize": { "alias": "useGlobalPageSize"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "filterFormGroup": { "alias": "filterFormGroup"; "required": false; }; "rowsConfig": { "alias": "rowsConfig"; "required": false; }; "hasSelectedAllRows": { "alias": "hasSelectedAllRows"; "required": false; }; "enableRowsSelection": { "alias": "enableRowsSelection"; "required": false; }; "enableAllRowsSelection": { "alias": "enableAllRowsSelection"; "required": false; }; "onlySingleSelection": { "alias": "onlySingleSelection"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "selectedRowKey": { "alias": "selectedRowKey"; "required": false; }; "selectedRows": { "alias": "selectedRows"; "required": false; }; "enableDragNDrop": { "alias": "enableDragNDrop"; "required": false; }; "isExpansion": { "alias": "isExpansion"; "required": false; }; "isExpandedRow": { "alias": "isExpandedRow"; "required": false; }; "expandedTemplate": { "alias": "expandedTemplate"; "required": false; }; "isExpansionForMobileResponsive": { "alias": "isExpansionForMobileResponsive"; "required": false; }; "isExpandedRowForMobileResponsive": { "alias": "isExpandedRowForMobileResponsive"; "required": false; }; "expandedTemplateForMobileResponsive": { "alias": "expandedTemplateForMobileResponsive"; "required": false; }; "headerTemplateForEachRowForMobileResponsive": { "alias": "headerTemplateForEachRowForMobileResponsive"; "required": false; }; }, { "displayedColumnsChange": "displayedColumnsChange"; "sortObjChange": "sortObjChange"; "pageSizeChange": "pageSizeChange"; "pageIndexChange": "pageIndexChange"; "onDataLoaded": "onDataLoaded"; "onSetExtraData": "onSetExtraData"; "onSetTotal": "onSetTotal"; "selectedRowsChange": "selectedRowsChange"; "allRowsSelectedChange": "allRowsSelectedChange"; "listDataSequenceChange": "listDataSequenceChange"; }, never, ["[slot='top-buttons-section']", "[slot='filter-button-section']", "[slot='filter-right-button-section']", "[slot='filter-form-section']"], false, never>;
+}

package/lib/components/angular-smart-data-table-confirmation-dialog/angular-smart-data-table-confirmation-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class AngularSmartDataTableConfirmationDialogComponent {
+    dialogRef: MatDialogRef<AngularSmartDataTableConfirmationDialogComponent>;
+    data: any;
+    constructor(dialogRef: MatDialogRef<AngularSmartDataTableConfirmationDialogComponent>, data: any);
+    onClose(status: boolean | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSmartDataTableConfirmationDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularSmartDataTableConfirmationDialogComponent, "angular-smart-data-table-confirmation-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/components/angular-smart-data-table-error-dialog/angular-smart-data-table-error-dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+export declare class AngularSmartDataTableErrorDialogComponent {
+    dialogRef: MatDialogRef<AngularSmartDataTableErrorDialogComponent>;
+    data: any;
+    constructor(dialogRef: MatDialogRef<AngularSmartDataTableErrorDialogComponent>, data: any);
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngularSmartDataTableErrorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngularSmartDataTableErrorDialogComponent, "angular-smart-data-table-error-dialog", never, {}, {}, never, never, false, never>;
+}

package/lib/components/create-columns-template/create-columns-template.component.d.ts

@@ -0,0 +1,42 @@
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { FormGroup, FormControl } from '@angular/forms';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { AngularHelperService } from '../../services/angular-helper.service';
+import { UserCustomizationService } from '../../services/user-customization.service';
+import type { ColumnCustomizationUrlConfig } from '../../interfaces/url-config.type';
+import * as i0 from "@angular/core";
+export declare class CreateColumnsTemplateComponent {
+    dialogRef: MatDialogRef<CreateColumnsTemplateComponent>;
+    private helper;
+    private snackBar;
+    private userCustomizationService;
+    data: any;
+    loading: boolean;
+    updatingTemplate: boolean;
+    savingTemplate: boolean;
+    columns: any;
+    displayedColumns: any;
+    listComponentColumns: any;
+    listComponentColumnsTemplateDetail: any;
+    form: FormGroup;
+    userId: number;
+    translationReadKey: string;
+    customColumns: any;
+    t: any;
+    columnCustomizationUrlConfig: ColumnCustomizationUrlConfig;
+    constructor(dialogRef: MatDialogRef<CreateColumnsTemplateComponent>, helper: AngularHelperService, snackBar: MatSnackBar, userCustomizationService: UserCustomizationService, data: any);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    createForm(): void;
+    get name(): FormControl;
+    get listComponentColumnsTemplateName(): any;
+    get orgDisplayColumns(): any;
+    drop(event: CdkDragDrop<string[]>): void;
+    onSubmit(): void;
+    acceptTemplateNameAndSave(): void;
+    onChangeColumnStatus(status: boolean, data: any): void;
+    onClose(data?: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CreateColumnsTemplateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CreateColumnsTemplateComponent, "angular-create-columns-template", never, {}, {}, never, never, false, never>;
+}

package/lib/datasources/api.datasource.d.ts

@@ -0,0 +1,18 @@
+import { CollectionViewer, DataSource } from '@angular/cdk/collections';
+import { BehaviorSubject, Observable, Subject } from 'rxjs';
+import { ApiService } from '../services/api.service';
+export declare class ApiDataSource implements DataSource<any> {
+    private apiService;
+    private apiSubs;
+    apiSubject: BehaviorSubject<any[]>;
+    extraDataSubject: BehaviorSubject<any>;
+    private loadingSubject;
+    loading$: Observable<boolean>;
+    totalDataLength: BehaviorSubject<number | null>;
+    totalDataLength$: Observable<number | null>;
+    constructor(apiService: ApiService);
+    connect(collectionViewer: CollectionViewer): Observable<any[]>;
+    disconnect(collectionViewer: CollectionViewer): void;
+    load(url: string, pageIndex: number, pageSize: number, search: string, filter?: object, sortFilter?: object): void;
+    loadWithCancellation(url: string, pageIndex: number, pageSize: number, search: string, filter?: object, sortFilter?: object, cancelSubject?: Subject<void>): void;
+}

package/lib/directives/scrolling/scrolling.directive.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ScrollingDirective {
+    private el;
+    constructor(el: ElementRef);
+    angularSmartDataTableScrolling: boolean;
+    onMouseLeave(): void;
+    onMousemove(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollingDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollingDirective, "[angularSmartDataTableScrolling]", never, { "angularSmartDataTableScrolling": { "alias": "angularSmartDataTableScrolling"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/helpers/collection.helper.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Centralized collection management utility helper for common array and object operations.
+ * Provides reusable functions for managing collections, selections, and data structures.
+ */
+export declare class CollectionHelper {
+    /**
+     * Safely clears an array if it exists
+     * @param array - Array to clear
+     */
+    static clearArray(array: any[]): void;
+    /**
+     * Safely clears a Set if it exists
+     * @param set - Set to clear
+     */
+    static clearSet(set: Set<any>): void;
+    /**
+     * Safely clears a Map if it exists
+     * @param map - Map to clear
+     */
+    static clearMap(map: Map<any, any>): void;
+    /**
+     * Gets a consistent identifier for a row based on available keys
+     * @param row - Row object
+     * @param primaryKey - Primary key property name (default: 'id')
+     * @param fallbackKey - Fallback key property name
+     * @returns Row identifier or JSON string as last resort
+     */
+    static getRowIdentifier(row: any, primaryKey?: string, fallbackKey?: string): string | number;
+    /**
+     * Creates a hash from an array of objects for cache validation
+     * @param items - Array of items to hash
+     * @param keyExtractor - Function to extract key from each item
+     * @returns Hash string
+     */
+    static createArrayHash<T>(items: T[], keyExtractor: (item: T) => string): string;
+    /**
+     * Safely filters an array with predicate function
+     * @param array - Array to filter
+     * @param predicate - Filter predicate function
+     * @returns Filtered array or empty array if input is invalid
+     */
+    static safeFilter<T>(array: T[], predicate: (item: T) => boolean): T[];
+    /**
+     * Safely maps an array with transform function
+     * @param array - Array to map
+     * @param transform - Transform function
+     * @returns Mapped array or empty array if input is invalid
+     */
+    static safeMap<T, U>(array: T[], transform: (item: T) => U): U[];
+    /**
+     * Safely finds an item in array
+     * @param array - Array to search
+     * @param predicate - Find predicate function
+     * @returns Found item or undefined
+     */
+    static safeFind<T>(array: T[], predicate: (item: T) => boolean): T | undefined;
+    /**
+     * Creates a Map from an array for O(1) lookups
+     * @param array - Array to convert
+     * @param keyExtractor - Function to extract key from each item
+     * @returns Map with keys and items
+     */
+    static createLookupMap<T>(array: T[], keyExtractor: (item: T) => string): Map<string, T>;
+    /**
+     * Checks if two arrays have the same items (order doesn't matter)
+     * @param array1 - First array
+     * @param array2 - Second array
+     * @param keyExtractor - Function to extract comparison key
+     * @returns True if arrays contain same items
+     */
+    static arraysEqual<T>(array1: T[], array2: T[], keyExtractor?: (item: T) => any): boolean;
+    /**
+     * Safely removes items from a Set based on a predicate
+     * @param set - Set to modify
+     * @param predicate - Function to determine if item should be removed
+     */
+    static removeFromSet<T>(set: Set<T>, predicate: (item: T) => boolean): void;
+    /**
+     * Safely clones an array to prevent mutation issues
+     * @param array - Array to clone
+     * @returns Cloned array or empty array if input is invalid
+     */
+    static cloneArray<T>(array: T[]): T[];
+    /**
+     * Performs safe property access with default value
+     * @param obj - Object to access
+     * @param path - Property path (e.g., 'user.profile.name')
+     * @param defaultValue - Default value if property doesn't exist
+     * @returns Property value or default
+     */
+    static getNestedProperty(obj: any, path: string, defaultValue?: any): any;
+}

package/lib/helpers/date-time.helper.d.ts

@@ -0,0 +1,39 @@
+import { DateTime } from 'luxon';
+/**
+ * Centralized date/time utility helper for consistent date handling across the library.
+ * Provides common date formatting and conversion functions to avoid code duplication.
+ */
+export declare class DateTimeHelper {
+    /**
+     * Formats a date value for display based on form control type
+     * @param value - The date value (Date, DateTime, string, number)
+     * @param formControlType - The type of form control ('date', 'date-time', etc.)
+     * @returns Formatted date string
+     */
+    static formatForDisplay(value: any, formControlType: string): string;
+    /**
+     * Converts various date formats to DateTime object
+     * @param value - Date value in various formats
+     * @returns DateTime object or null if invalid
+     */
+    static toDateTime(value: any): DateTime | null;
+    /**
+     * Converts date/DateTime objects to milliseconds for API calls
+     * @param value - Date value
+     * @returns Milliseconds or original value if not a date
+     */
+    static toMilliseconds(value: any): any;
+    /**
+     * Checks if a query parameter key represents a date field
+     * @param key - Query parameter key
+     * @param value - Query parameter value
+     * @returns True if it's a date field
+     */
+    static isDateQueryParam(key: string, value: string): boolean;
+    /**
+     * Parses date from query parameters
+     * @param value - Query parameter value (milliseconds as string)
+     * @returns DateTime object
+     */
+    static parseFromQueryParam(value: string): DateTime;
+}

package/lib/helpers/filter-display.helper.d.ts

@@ -0,0 +1,51 @@
+import type { SelectedFilterDisplayValueType, SelectedFiltersGroupedValuesType, SelectedFilterDisplayValuesType } from '../interfaces';
+/**
+ * Centralized filter display utility helper for managing filter value formatting and grouping.
+ * Handles the complex logic of grouping and displaying filter values in a consistent manner.
+ */
+export declare class FilterDisplayHelper {
+    /**
+     * Formats filter values based on form control type for display
+     * @param items - Array of filter display values
+     * @returns Processed array with formatted display values
+     */
+    static formatFilterValuesForDisplay(items: SelectedFilterDisplayValueType[]): SelectedFilterDisplayValueType[];
+    /**
+     * Groups filter values by form control attributes
+     * @param data - Array of filter display values
+     * @returns Grouped filter values
+     */
+    static groupByFormControlAttributes(data: SelectedFilterDisplayValueType[]): SelectedFiltersGroupedValuesType[];
+    /**
+     * Determines if a form control should only have single values
+     * @param formControlType - Type of form control
+     * @param explicitSingleValue - Explicit single value flag
+     * @returns True if single value control
+     */
+    static isSingleValueFormControl(formControlType: string, explicitSingleValue?: boolean): boolean;
+    /**
+     * Updates selected filter values by replacing values for a specific form control
+     * @param currentValues - Current selected filter values
+     * @param newValues - New values to add/update
+     * @param formControlName - Name of the form control being updated
+     * @returns Updated filter values and grouped values
+     */
+    static updateSelectedFilterValues(currentValues: SelectedFilterDisplayValuesType, newValues: SelectedFilterDisplayValueType | SelectedFilterDisplayValuesType, formControlName?: string): {
+        selectedFilterValues: SelectedFilterDisplayValuesType;
+        selectedFilterGroupedValues: SelectedFiltersGroupedValuesType[];
+    };
+    /**
+     * Filters selected values to only show those present in query parameters
+     * @param selectedValues - All selected filter values
+     * @param queryParams - Current query parameters
+     * @returns Filtered values for display
+     */
+    static getValuesForDisplay(selectedValues: SelectedFilterDisplayValuesType, queryParams: any): SelectedFilterDisplayValuesType;
+    /**
+     * Removes a specific filter value from the collection
+     * @param selectedValues - Current selected filter values
+     * @param filterToRemove - Filter value to remove
+     * @returns Updated filter values
+     */
+    static removeFilterValue(selectedValues: SelectedFilterDisplayValuesType, filterToRemove: SelectedFilterDisplayValueType): SelectedFilterDisplayValuesType;
+}

package/lib/helpers/query-params.helper.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Centralized query parameter utility helper for consistent URL parameter handling.
+ * Provides common functions for parsing, validating, and transforming query parameters.
+ */
+export declare class QueryParamsHelper {
+    /**
+     * Parses query parameters from URL and handles type conversions
+     * @param url - Full URL string
+     * @returns Parsed query parameters object
+     */
+    static parseQueryParams(url: string): Record<string, string | string[]>;
+    /**
+     * Checks if a query parameter value is valid (not empty, null, or undefined)
+     * @param value - Query parameter value
+     * @returns True if valid
+     */
+    static isValidParam(value: any): boolean;
+    /**
+     * Processes a query parameter value and handles arrays
+     * @param value - Raw query parameter value
+     * @returns Processed value (string or array)
+     */
+    static processParamValue(value: string): string | string[];
+    /**
+     * Processes query parameters for filter form with type conversions
+     * @param queryParams - Raw query parameters
+     * @param columnsCodeMapping - Column mapping for transformations
+     * @returns Processed filter and sort objects
+     */
+    static processForFilters(queryParams: any, columnsCodeMapping: any[]): {
+        filterParams: any;
+        sortParams: any;
+        pageIndex: number;
+        pageSize: number;
+        search: string;
+    };
+    /**
+     * Builds query string from filter data with proper encoding
+     * @param filterData - Filter form data
+     * @param sortParams - Sort parameters
+     * @param pageIndex - Current page index
+     * @param pageSize - Current page size
+     * @param search - Search term
+     * @returns URLSearchParams object
+     */
+    static buildQueryString(filterData: any, sortParams: any, pageIndex: number, pageSize: number, search: string): URLSearchParams;
+}

package/lib/helpers/storage-helper.d.ts

@@ -0,0 +1,3 @@
+export declare const setToLocalStorageWithExpiry: (key: string, value: any, ttl?: number) => void;
+export declare const getFromLocalStorageWithExpiry: (key: string) => any;
+export declare const removeMultipleKeys: (keys: string[]) => void;