mat-table-ext 0.0.11 → 1.0.0

package/index.d.ts

@@ -1,5 +1,858 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="mat-table-ext" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, AfterViewInit, OnDestroy, ElementRef, EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@ngx-translate/core';
+import * as i3 from '@angular/material/table';
+import { MatTable, MatTableDataSource } from '@angular/material/table';
+import * as i4 from '@angular/forms';
+import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
+import * as i5 from '@angular/material/core';
+import * as i6 from '@angular/cdk/a11y';
+import * as i7 from '@angular/cdk/accordion';
+import * as i8 from '@angular/cdk/clipboard';
+import * as i9 from '@angular/cdk/stepper';
+import * as i10 from '@angular/cdk/table';
+import * as i11 from '@angular/cdk/tree';
+import * as i12 from '@angular/cdk/drag-drop';
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import * as i13 from '@angular/material/autocomplete';
+import * as i14 from '@angular/material/badge';
+import * as i15 from '@angular/material/bottom-sheet';
+import * as i16 from '@angular/material/button';
+import * as i17 from '@angular/material/button-toggle';
+import * as i18 from '@angular/material/card';
+import * as i19 from '@angular/material/checkbox';
+import * as i20 from '@angular/material/chips';
+import * as i21 from '@angular/material/stepper';
+import * as i22 from '@angular/material/datepicker';
+import * as i23 from '@angular/material/dialog';
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import * as i24 from '@angular/material/divider';
+import * as i25 from '@angular/material/expansion';
+import * as i26 from '@angular/material/grid-list';
+import * as i27 from '@angular/material/icon';
+import { MatIconRegistry } from '@angular/material/icon';
+import * as i28 from '@angular/material/input';
+import * as i29 from '@angular/material/list';
+import * as i30 from '@angular/material/menu';
+import { MatMenuTrigger } from '@angular/material/menu';
+import * as i31 from '@angular/material/paginator';
+import { MatPaginator } from '@angular/material/paginator';
+import * as i32 from '@angular/material/progress-bar';
+import * as i33 from '@angular/material/progress-spinner';
+import * as i34 from '@angular/material/radio';
+import * as i35 from '@angular/material/select';
+import * as i36 from '@angular/material/sidenav';
+import * as i37 from '@angular/material/slider';
+import * as i38 from '@angular/material/slide-toggle';
+import * as i39 from '@angular/material/snack-bar';
+import * as i40 from '@angular/material/sort';
+import { MatSort } from '@angular/material/sort';
+import * as i41 from '@angular/material/tabs';
+import * as i42 from '@angular/material/toolbar';
+import * as i43 from '@angular/material/tooltip';
+import * as i44 from '@angular/material/tree';
+import * as i45 from '@angular/cdk/portal';
+import * as i46 from '@angular/cdk/scrolling';
+import * as i47 from '@angular/material/form-field';
+import { SelectionModel } from '@angular/cdk/collections';
+import { Observable, BehaviorSubject } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+import { DomSanitizer } from '@angular/platform-browser';
+import * as XLSX from 'xlsx';
+
+/** Column definition of mat-table-ext. */
+interface MTExColumn {
+    field: string;
+    options?: string[];
+    header?: string;
+    name?: string;
+    footerText?: string;
+    headerTooltip?: TooltipProp;
+    cellTooltip?: TooltipProp;
+    hide?: boolean;
+    disabled?: boolean;
+    pinned?: 'left' | 'right';
+    left?: string;
+    right?: string;
+    width?: string;
+    resizable?: boolean;
+    type: MTExColumnType;
+    minWidth?: string;
+    maxWidth?: string;
+    sortable?: boolean | string;
+    sortProp?: MTExColumnSortProp;
+    typeParameter?: MTExColumnTypeParameter;
+    tag?: MTExColumnTag;
+    formatter?: (rowData: any, colDef?: MTExColumn) => void;
+    cellTemplate?: TemplateRef<any> | null;
+    headerTemplate?: TemplateRef<any> | null;
+    showExpand?: boolean;
+    description?: string;
+    summary?: ((data: any[], colDef?: MTExColumn) => void) | string;
+    class?: string;
+    groupName?: string;
+}
+interface MTExColumnTag {
+    [key: number]: MTExColumnTagValue;
+    [key: string]: MTExColumnTagValue;
+}
+interface MTExColumnTagValue {
+    text?: string;
+    color?: string;
+}
+interface MTExColumnTypeParameter {
+    currencyCode?: string;
+    display?: string | boolean;
+    digitsInfo?: string;
+    format?: string;
+    locale?: string;
+    timezone?: string;
+}
+/** The properties of column sort. */
+interface MTExColumnSortProp {
+    arrowPosition?: 'before' | 'after';
+    disableClear?: boolean;
+    id?: string;
+    start?: 'asc' | 'desc';
+}
+/** Column group definition for grouped headers */
+interface MTExColumnGroup {
+    name: string;
+    label: string;
+    columns: string[];
+    colspan?: number;
+}
+interface DisplayColumn {
+    filter: boolean;
+    name: string;
+    show: boolean;
+}
+interface RowChange {
+    row: {
+        [key: string]: any;
+    };
+    index: number;
+}
+interface RowSelectionChange {
+    row: {
+        [key: string]: any;
+    };
+    index: number;
+    isSelected: boolean;
+}
+interface ExpansionChange {
+    data: {
+        [key: string]: any;
+    };
+    index: number;
+    expanded: boolean;
+}
+interface CellTemplateRefMap {
+    [key: string]: TemplateRef<any>;
+}
+/** Possible column type values. */
+declare type MTExColumnType = 'selection' | 'string' | 'boolean' | 'number' | 'date' | 'datepicker' | 'textarea';
+interface TooltipProp {
+    value: string;
+    tooltipPosition?: TooltipPosition;
+}
+declare type TooltipPosition = 'left' | 'right' | 'above' | 'below' | 'before' | 'after';
+/** Cell template. */
+interface MTExCellTemplate {
+    [key: string]: TemplateRef<any>;
+}
+interface FilterSearchValue {
+    [key: string]: any;
+}
+interface MTExRow {
+    [key: string]: any;
+}
+interface ColumnVisibility {
+    [key: string]: any;
+}
+interface MTExColumnPinOption {
+    label: string | Observable<string>;
+    value: MTExColumnPinValue;
+    selected: boolean;
+    field: string;
+}
+declare type MTExColumnPinValue = 'left' | 'right' | null;
+/** Row pinning configuration */
+interface RowPinning {
+    index: number;
+    position: 'top' | 'bottom';
+}
+/** Row pinning position type */
+declare type RowPinPosition = 'top' | 'bottom' | null;
+/** Function type to determine row pinning position */
+declare type RowPinningFunction = (row: any, index: number) => RowPinPosition;
+/** Function type to determine if a row should be hidden */
+declare type RowHidingFilterFunction = (row: any, index: number) => boolean;
+/** Table configuration for pinned tables */
+interface MTExPinnedTableConfig {
+    /** Enable row pinning feature */
+    enableRowPinning?: boolean;
+    /** Maximum height for the top pinned table (e.g., '200px', '20vh'). When set, enables scrolling if rows exceed this height. */
+    pinnedTopTableMaxHeight?: string;
+    /** Maximum height for the bottom pinned table (e.g., '200px', '20vh'). When set, enables scrolling if rows exceed this height. */
+    pinnedBottomTableMaxHeight?: string;
+    /** Function to determine which rows should be pinned and their position */
+    rowPinningFn?: RowPinningFunction;
+}
+/** Table configuration for row hiding */
+interface MTExRowHidingConfig {
+    /** Enable row hiding feature */
+    enableRowHiding?: boolean;
+    /** Array of row indices to hide */
+    hiddenRowIndices?: number[];
+    /** Function to determine if a row should be hidden */
+    rowHidingFilterFn?: RowHidingFilterFunction;
+}
+/** Event emitted when row pinning changes */
+interface RowPinningChangeEvent {
+    row: any;
+    position: RowPinPosition;
+    index?: number;
+}
+/** Table styling configuration */
+interface MTExTableStyles {
+    /** Height of the table container */
+    tableHeight?: string;
+    /** Width of the table */
+    tableWidth?: string;
+    /** Height of the toolbar */
+    toolbarHeight?: string;
+    /** Custom CSS class for the table */
+    tableClassName?: string;
+}
+/** PDF export configuration */
+interface MTExPDFConfig {
+    /** Orientation for PDF export */
+    pdfOrientation?: 'portrait' | 'landscape';
+}
+
+declare class MatTableExtService {
+    http: HttpClient;
+    selectedRow: BehaviorSubject<any>;
+    constructor(http: HttpClient);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTableExtService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatTableExtService>;
+}
+
+declare class MatTableExtComponent implements OnInit, OnChanges, AfterViewInit, OnDestroy {
+    dialog: MatDialog;
+    service: MatTableExtService;
+    formBuilder: FormBuilder;
+    domSanitizer: DomSanitizer;
+    matIconRegistry: MatIconRegistry;
+    private cdr;
+    menuTrigger: MatMenuTrigger;
+    columnMenuTrigger: MatMenuTrigger;
+    paginator: MatPaginator;
+    sort: MatSort;
+    matTableRef: ElementRef;
+    table: MatTable<any>;
+    tableElement: ElementRef;
+    dataSource: MatTableDataSource<any>;
+    columns: MTExColumn[];
+    columnResizable: boolean;
+    stripedRows: boolean;
+    rowHover: boolean;
+    inlineRowEditing: boolean;
+    inCellEditing: boolean;
+    cellPopupEditing: boolean;
+    popupRowEditing: boolean;
+    enableDelete: boolean;
+    rowSelection: boolean;
+    multiRowSelection: boolean;
+    stickyFooter: boolean;
+    stickyHeader: boolean;
+    showFooterRow: boolean;
+    columnFilter: boolean;
+    loadingIndicator: boolean;
+    sorting: boolean;
+    showToolbar: boolean;
+    toolbarTitle: string;
+    tableHeight: string;
+    toolbarHeight: string;
+    tableWidth: string;
+    scrollbarH: boolean;
+    toolbarTemplate: TemplateRef<any> | undefined;
+    columnHidable: boolean;
+    columnPinnable: boolean;
+    globalSearch: boolean;
+    expandRows: boolean;
+    dndColumns: boolean;
+    showPaginator: boolean;
+    showFirstLastButtons: boolean;
+    exportButtonEnable: boolean;
+    printButtonEnable: boolean;
+    pageSizeOptions: number[];
+    toolbarTemplateRef: TemplateRef<any> | undefined;
+    headerTemplateRef: TemplateRef<any> | null;
+    cellTemplateRef: TemplateRef<any> | undefined;
+    expansionTemplateRef: TemplateRef<any> | undefined;
+    popupEditingTemplateRef: TemplateRef<any> | undefined;
+    inlineEditingTemplateRef: TemplateRef<any> | undefined;
+    cellEditingTemplateRef: TemplateRef<any> | undefined;
+    cellPopupEditingTemplateRef: TemplateRef<any> | undefined;
+    cellTemplateRefMap: CellTemplateRefMap;
+    tableClassName: string;
+    columnGroups: MTExColumnGroup[];
+    hiddenRowIndices: number[];
+    enableRowHiding: boolean;
+    enableRowPinning: boolean;
+    topPinnedMaxHeight: string;
+    bottomPinnedMaxHeight: string;
+    rowPinningFn?: (row: any, index: number) => 'top' | 'bottom' | null;
+    rowHidingFilterFn?: (row: any, index: number) => boolean;
+    pdfOrientation: 'portrait' | 'landscape';
+    inlineChange: EventEmitter<any>;
+    cellChange: EventEmitter<any>;
+    popupChange: EventEmitter<any>;
+    rowDeleted: EventEmitter<any>;
+    scroll: EventEmitter<any>;
+    selectionChanged: EventEmitter<RowSelectionChange>;
+    expansionChange: EventEmitter<ExpansionChange>;
+    rowPinningChange: EventEmitter<{
+        row: any;
+        position: 'top' | 'bottom' | null;
+    }>;
+    tableID: number;
+    columnPinningOptions: MTExColumnPinOption[];
+    exportMenuCtrl: boolean;
+    columnPinMenuCtrl: boolean;
+    hideShowMenuCtrl: boolean;
+    rowDataTemp: Record<string, MTExRow>;
+    inlineEditingTemplateRefData: any;
+    displayedColumns: string[];
+    showHideColumnsArray: MTExColumn[];
+    columnsList: string[];
+    columnsArray: MTExColumn[];
+    headersFiltersIds: string[];
+    columnsToDisplayWithExpand: string[];
+    selection: SelectionModel<any>;
+    hiddenCtrl: SelectionModel<any>;
+    tableData: MTExRow[];
+    filterValues: Record<string, string | number | boolean>;
+    pinnedTopRows: any[];
+    pinnedBottomRows: any[];
+    rowPinMenuPosition: {
+        x: string;
+        y: string;
+    };
+    rowPinMenuRow: any;
+    globalFilter: string;
+    showHideFilter: string;
+    individualFilter: string;
+    toggleFilters: boolean;
+    hideRows: boolean;
+    expandedElement: any | null;
+    currentRowIndex: number;
+    currentRow: MTExRow;
+    cellEditing: Record<string, boolean>;
+    private originalSizesBeforeEdit;
+    hideShowMenuGroup: FormGroup;
+    menuX: number;
+    menuY: number;
+    dynamicDisplayedColumns: any[];
+    inputPropertyKeys: string[];
+    constructor(dialog: MatDialog, service: MatTableExtService, formBuilder: FormBuilder, domSanitizer: DomSanitizer, matIconRegistry: MatIconRegistry, cdr: ChangeDetectorRef);
+    /**
+     *
+     * @param changes changes captured each time user changes property value.
+     */
+    /**
+   * Handle column pinning changes from ColumnPinningComponent
+   * @param updatedColumns Updated columns array with new pinning states
+   */
+    updateColumns(updatedColumns: MTExColumn[]): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    private setSorting;
+    /**
+     * @description Calculate offsets for pinned rows based on sticky headers/footers
+     */
+    private updatePinnedRowOffsets;
+    /**
+     * @description Update offsets for each individual pinned row to stack them
+     */
+    private updateStackedPinnedRowOffsets;
+    private onWindowResizeBound;
+    /**
+     * Copy header cell widths/heights from the top table and apply them to middle and bottom tables.
+     * This ensures columns line up when the middle/bottom tables don't render headers.
+     */
+    private syncColumnSizesFromTop;
+    /**
+     * Sync column sizes from the currently edited row in the middle table to top/bottom tables.
+     * This ensures proper alignment when a row is in edit mode with different height.
+     */
+    private syncColumnSizesFromEditedRow;
+    /**
+     * Restore original column widths and row heights from before edit mode.
+     */
+    private restoreOriginalSizes;
+    ngOnDestroy(): void;
+    /**
+     * @description checks and updates the the column's hide and show properties.
+     */
+    setColumnHideShow(): void;
+    /**
+     * @description set the properties of the table.
+     * @param changes changes captured each time user changes property value.
+     */
+    setPropertyValue(changes: SimpleChanges): void;
+    /**
+     * @description This mapping is used to set and update changesin the table.
+     */
+    setPropertiesMap: any;
+    /**
+     * @description used set data source for table.
+     * @param value data source value from user.
+     */
+    setTableDataSource(value: any): void;
+    /**
+     * @description used create seletion model and set selection column visibility.
+     * @param value boolean value to show or hide selection Column from table.
+     */
+    setRowSelection(value: boolean): void;
+    /**
+     * @description create filter header row and assigns filter predicate to table data source.
+     * @param value boolean value to change  visibility of column filter row.
+     */
+    setColumnFilter(value: boolean): void;
+    /**
+     * @description This method returns the list of visible column names.
+     * @returns list of visible column names.
+     */
+    getDisplayedColumns(): string[];
+    /**
+     * @description This method returns the grouped column header definitions.
+     * @returns list of grouped column definitions for header row.
+     */
+    getGroupedColumns(): string[];
+    /**
+     * @description Returns filter column IDs including placeholders for action columns
+     * @returns Array of filter column IDs with action column placeholders
+     */
+    getFilterColumns(): string[];
+    /**
+     * @param menuType type of menu to open from toolbar.
+     * @param event mouse event to open menu on that location.
+     */
+    openMenu(menuType: string, event: MouseEvent): void;
+    /**
+     * @description triggers when menu is closed and reset the required controls.
+     */
+    menuClosed(): void;
+    /**
+     * @description set list of columns to display in table.
+     * @param columns columns array from user input.
+     */
+    setColumnsData(columns: MTExColumn[]): void;
+    /**
+     * @description set list of columns to display in table.
+     * @param columns columns array from user input with configurations.
+     */
+    setColumnsList(columns: MTExColumn[]): void;
+    /**
+     * @description Take boolean value and name column and update its visibility status in table.
+     * @param name name of the column to set visibility.
+     * @param value boolean value to set visibility of the column.
+     */
+    showHideColumn(name: string, value: boolean): void;
+    /**
+     * @description Toggle hide state for a specific row
+     * @param index The row index to hide/unhide
+     */
+    toggleRowHide(index: number): void;
+    /**
+     * @description Check if a row index is in the hidden rows list or matches the filter function.
+     * @param index The row index to check
+     * @returns True if the row is hidden
+     */
+    isRowHidden(index: number): boolean;
+    /**
+     * @description Unhide all hidden rows
+     */
+    unhideAllRows(): void;
+    /**
+     * @description Open row pin menu
+     * @param event Mouse event
+     * @param row The row to pin
+     */
+    openRowPinMenu(event: MouseEvent, row: any): void;
+    /**
+     * @description Close row pin menu
+     */
+    closeRowPinMenu(): void;
+    pinnedTopDataSource: MatTableDataSource<any>;
+    pinnedBtmDataSource: MatTableDataSource<any>;
+    /**
+     * @description Pin row to top or bottom
+     * @param row The row to pin
+     * @param position 'top' or 'bottom'
+     */
+    pinRow(row: any, position: 'top' | 'bottom'): void;
+    /**
+     * @description Unpin row from any position
+     * @param row The row to unpin
+     */
+    unpinRow(row: any): void;
+    /**
+     * @description Check if a row is pinned
+     * @param row The row to check
+     * @returns true if pinned
+     */
+    isRowPinned(row: any): boolean;
+    /**
+     * @description Get row pin position
+     * @param row The row to check
+     * @returns 'top', 'bottom', or null
+     */
+    getRowPinPosition(row: any): 'top' | 'bottom' | null;
+    /**
+     * @description Get rows for main data section (excluding pinned rows)
+     * @returns Array of non-pinned rows
+     */
+    getUnpinnedRows(): any[];
+    /**
+     * @description Get combined data source with pinned rows
+     */
+    getCombinedDataSource(): any[];
+    /**
+     * @description Check if row is pinned to top (for CSS class binding)
+     */
+    isRowPinnedTop: (row: any) => boolean;
+    /**
+     * @description Check if row is pinned to bottom (for CSS class binding)
+     */
+    isRowPinnedBottom: (row: any) => boolean;
+    /**
+     * @description Initialize pinned rows based on function
+     */
+    initializePinnedRows(): void;
+    /**
+     * @description Update data source and recalculate pinned row offsets
+     */
+    private updateDataSourceForPinning;
+    /**
+     * @description This method will position the selection column to first and also update its visibility.
+     * @param value value used to set visibility of the selection column.
+     */
+    updateSelectionColumnVisibility(value: boolean): void;
+    /**
+     * @description This method is used to update the position of  column in columns array according to its dropped position.
+     * @param event CdkDragDrop used to update column position in columns array.
+     */
+    onDrop(event: CdkDragDrop<any>): void;
+    /**
+     * @description This method create filter predicate function which will set search value to table filters
+     * for both global and individual colum filtering.
+     * @returns returns boolean value to filter rows in table.
+     */
+    createFilter(): (data: any, filter: string) => boolean;
+    /**
+     * @description assigns the search value to mat table data source to apply the filter.
+     * @param searchValue value to be searched from table rows.
+     */
+    applyGlobalFilter(searchValue: string): void;
+    /**
+     * @description This method is used to apply column based filtering
+     * @param searchValue value to be searched from table rows.
+     * @param column filter will be applied based on this column field.
+     */
+    applyColumnFilter(searchValue: FilterSearchValue, column: MTExColumn): void;
+    /**
+     * @description This method will take row and its index enable inline editing tools on that row.
+     * @param row row on which user wants to do edit.
+     * @param index index of the row where inline editing will be enabled.
+     */
+    enableInlineEditing(row: any, index: number): void;
+    /**
+     * @description This method will create and return data to inline editing template.
+     * @param row row on which user wants to do edit.
+     * @param index index of the row where inline editing will be enabled.
+     * @param column current column of the table.
+     */
+    getInlineEditingData(row: MTExRow, index: number, column: MTExColumn): any;
+    /**
+     * @description This method will take data from inline editing template and update in table data source.
+     * @param row updated row from inline editing template.
+     */
+    updateInlineTemplateData: (row: MTExRow) => void;
+    /**
+     * @description This method set data for in-cell editing.
+     * @param row row on which user wants to do edit.
+     * @param index index of the row where inline editing will be enabled.
+     */
+    setCellData(row: MTExRow, index: number): void;
+    /**
+     * @description This will restore the data and cencel the inline editing.
+     * @param row row on which user wants to do edit.
+     * @param index index of the row where inline editing will be enabled.
+     */
+    cancelInlineEditing(row: MTExRow, index: number): void;
+    /**
+     * @description This method will save and update the inline editing data and emit the update row and index.
+     * @param row row on which user wants to do edit.
+     * @param index index of the row where inline editing will be enabled.
+     */
+    saveInlineEditing(row: MTExRow, index: number): void;
+    /**
+     * @description This method will save and update the cell editing data and emit the update row and index.
+     */
+    saveCellEditing(): void;
+    /**
+     * @description This method will delete the row from the given index and emit the deleted row and index.
+     * @param row row to be deleted.
+     * @param index index of the row to be deleted.
+     */
+    deleteRow(row: any, index: number): void;
+    /**
+     * @description This method will expand or collapse the row and emit expand event.
+     * @param row row to be expanded or collapsed.
+     * @param expand value used to expand or collapse the row.
+     * @param index index of the row.
+     */
+    expandRow(row: MTExRow, expand: boolean, index: number): void;
+    /**
+     * @description This method is used to set data for popup component and open editing dialog.
+     * @param row row which used want to edit.
+     */
+    openEditingDialog(row: MTExRow): void;
+    /**
+     * @description This method is used to open cell popup editing dialog for a single cell.
+     * @param row row which contains the cell to edit.
+     * @param column column definition of the cell to edit.
+     * @param rowIndex index of the row.
+     */
+    openCellPopupDialog(row: any, column: MTExColumn, rowIndex: number): void;
+    /**
+     * @description used to check whether all rows are selected.
+     */
+    isAllSelected(): boolean;
+    /**
+     * @description this method is used to toggle the all and no rows selection.
+     */
+    toggleAllRows(): void;
+    /**
+     * @description This method is used return aria-label for selection column checkboxs.
+     * @param row row from table.
+     * @returns labels for selection column checkboxs.
+     */
+    checkboxLabel(row?: any): string;
+    /**
+     * @description create form control for columns for hiding and and pinning purpose
+     * @param columns list of columns to be displayed
+     */
+    setToolbarMenuControls(columns: MTExColumn[]): void;
+    /**
+     * @param column current column
+     * @param event mouse event used to set the menu position
+     */
+    openPinnablePropertyMenu(column: MTExColumn, event: MouseEvent): void;
+    /**
+     * @description This method is used to reset menu checks when required.
+     */
+    resetMenuChecks(): void;
+    /**
+     * @description This method is used to filter columns for menus like pinning or hide show menu.
+     * @param value search value to filter colunms
+     */
+    filterColumns(value: string): void;
+    /**
+     * @description This method is used to open hide show column menu.
+     * @param columns columns array to display in hide show menu.
+     */
+    openHideShowMenu(columns: MTExColumn[]): void;
+    /**
+     * @param values columns
+     */
+    updateColumnsHideShow(values: ColumnVisibility): void;
+    /**
+     * @description This method is called when the table rows are scrolled.
+     * @param event scroll event
+     */
+    onScroll(event: any): void;
+    /**
+     * @param row row to be toggled
+     * @param index index of toggled row
+     */
+    setSelectedRows(row: any, index: number): void;
+    /**
+     * @description This method is used to display all hidden rows.
+     */
+    showHiddenRows(): void;
+    /**
+     * @description This method is used to hide all selected rows.
+     */
+    hideSelectedRows(): void;
+    /**
+     * @description This method is used to recalculate the required values for table.
+     */
+    reCal(): void;
+    /**
+     * @description This method is called in constructor method to add SVGs into icon registration.
+     */
+    addIconsToRegistry(): void;
+    /**
+     * @description This method is used to export table data.
+     * @param type type of file to be exported.
+     */
+    exportTable(type: string): void;
+    /**
+     * @description This method is used to print the table with proper styling.
+     */
+    printTable(): void;
+    exportToPDF(): Promise<void>;
+    /**
+     * @description This method is used to split name of filter row header to get index.
+     * @param value value to be splited for index.
+     * @returns Will return index of column from value.
+     */
+    returnIndex(value: string): number;
+    /**
+     * @description This method is used to manage column filtering, expanded data for exporting.
+     * @param ws work sheet
+     * @returns custom generated worksheet to be used in export.
+     */
+    writeSheetData(ws: XLSX.WorkSheet): XLSX.WorkSheet;
+    getMergeIndex(merges: any[]): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTableExtComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTableExtComponent, "mat-table-ext", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "columnResizable": { "alias": "columnResizable"; "required": false; }; "stripedRows": { "alias": "stripedRows"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "inlineRowEditing": { "alias": "inlineRowEditing"; "required": false; }; "inCellEditing": { "alias": "inCellEditing"; "required": false; }; "cellPopupEditing": { "alias": "cellPopupEditing"; "required": false; }; "popupRowEditing": { "alias": "popupRowEditing"; "required": false; }; "enableDelete": { "alias": "enableDelete"; "required": false; }; "rowSelection": { "alias": "rowSelection"; "required": false; }; "multiRowSelection": { "alias": "multiRowSelection"; "required": false; }; "stickyFooter": { "alias": "stickyFooter"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "showFooterRow": { "alias": "showFooterRow"; "required": false; }; "columnFilter": { "alias": "columnFilter"; "required": false; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; }; "sorting": { "alias": "sorting"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "tableHeight": { "alias": "tableHeight"; "required": false; }; "toolbarHeight": { "alias": "toolbarHeight"; "required": false; }; "tableWidth": { "alias": "tableWidth"; "required": false; }; "scrollbarH": { "alias": "scrollbarH"; "required": false; }; "toolbarTemplate": { "alias": "toolbarTemplate"; "required": false; }; "columnHidable": { "alias": "columnHidable"; "required": false; }; "columnPinnable": { "alias": "columnPinnable"; "required": false; }; "globalSearch": { "alias": "globalSearch"; "required": false; }; "expandRows": { "alias": "expandRows"; "required": false; }; "dndColumns": { "alias": "dndColumns"; "required": false; }; "showPaginator": { "alias": "showPaginator"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "exportButtonEnable": { "alias": "exportButtonEnable"; "required": false; }; "printButtonEnable": { "alias": "printButtonEnable"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "toolbarTemplateRef": { "alias": "toolbarTemplateRef"; "required": false; }; "headerTemplateRef": { "alias": "headerTemplateRef"; "required": false; }; "cellTemplateRef": { "alias": "cellTemplateRef"; "required": false; }; "expansionTemplateRef": { "alias": "expansionTemplateRef"; "required": false; }; "popupEditingTemplateRef": { "alias": "popupEditingTemplateRef"; "required": false; }; "inlineEditingTemplateRef": { "alias": "inlineEditingTemplateRef"; "required": false; }; "cellEditingTemplateRef": { "alias": "cellEditingTemplateRef"; "required": false; }; "cellPopupEditingTemplateRef": { "alias": "cellPopupEditingTemplateRef"; "required": false; }; "cellTemplateRefMap": { "alias": "cellTemplateRefMap"; "required": false; }; "tableClassName": { "alias": "tableClassName"; "required": false; }; "columnGroups": { "alias": "columnGroups"; "required": false; }; "hiddenRowIndices": { "alias": "hiddenRowIndices"; "required": false; }; "enableRowHiding": { "alias": "enableRowHiding"; "required": false; }; "enableRowPinning": { "alias": "enableRowPinning"; "required": false; }; "topPinnedMaxHeight": { "alias": "topPinnedMaxHeight"; "required": false; }; "bottomPinnedMaxHeight": { "alias": "bottomPinnedMaxHeight"; "required": false; }; "rowPinningFn": { "alias": "rowPinningFn"; "required": false; }; "rowHidingFilterFn": { "alias": "rowHidingFilterFn"; "required": false; }; "pdfOrientation": { "alias": "pdfOrientation"; "required": false; }; }, { "inlineChange": "inlineChange"; "cellChange": "cellChange"; "popupChange": "popupChange"; "rowDeleted": "rowDeleted"; "scroll": "scroll"; "selectionChanged": "selectionChanged"; "expansionChange": "expansionChange"; "rowPinningChange": "rowPinningChange"; }, never, never, true, never>;
+}
+
+declare class ResizeColumnDirective implements OnInit, OnChanges, OnDestroy {
+    private readonly renderer;
+    private readonly elementRef;
+    private columnsResizable$;
+    set columnsResizable(val: boolean);
+    get columnsResizable(): boolean;
+    index: number;
+    private startX;
+    private startWidth;
+    private readonly column;
+    private table;
+    private pressed;
+    private resizerElement;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private setupResizing;
+    private initializeResizer;
+    private cleanup;
+    private readonly onMouseDown;
+    private readonly onMouseMove;
+    private readonly onMouseUp;
+    /**
+     * @description This method is used to remove resizing handlers from the table headers when column resizing is disabled.
+     */
+    private removeDragElementFromDom;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeColumnDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeColumnDirective, "[columnsResizable]", never, { "columnsResizable": { "alias": "columnsResizable"; "required": false; }; "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class ColumnPinningComponent implements OnInit {
+    columns: MTExColumn[];
+    columnsChanged: EventEmitter<MTExColumn[]>;
+    icons: {
+        left: string;
+        right: string;
+        none: string;
+    };
+    constructor();
+    ngOnInit(): void;
+    /**
+     * @description This method is called when pin value changes for a column.
+     * @param column column of which to set the pin value
+     */
+    changeValue(column: MTExColumn): void;
+    /**
+     * @description This method is used to set the column pin value.
+     * @param column column of which to set the pin value
+     * @param value pin value to set
+     */
+    setColumnPinValue(column: MTExColumn, value: 'left' | 'right' | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnPinningComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnPinningComponent, "app-column-pinning", never, { "columns": { "alias": "columns"; "required": false; }; }, { "columnsChanged": "columnsChanged"; }, never, never, true, never>;
+}
+
+declare class EditingComponent implements OnInit {
+    dialogRef: MatDialogRef<EditingComponent>;
+    dialogData: any;
+    service: MatTableExtService;
+    templateRef: TemplateRef<any>;
+    keys: string[];
+    templateKeys: string[];
+    types: any;
+    templateTypes: any;
+    columns: MTExColumn[];
+    templateRow: any;
+    isCellEdit: boolean;
+    cellColumn: MTExColumn;
+    cellValue: any;
+    cellField: string;
+    constructor(dialogRef: MatDialogRef<EditingComponent>, dialogData: any, service: MatTableExtService);
+    ngOnInit(): void;
+    /**
+     * @description This method is used to set data for editing.
+     * @param value dialog Data
+     */
+    setData(value: any): void;
+    /**
+     * @description This method is used to set the data when data comes in from cus template.
+     * @param value template value
+     */
+    setTemplateRef(value: any): void;
+    /**
+     * @description This method is triggered when dialog is closed and also emits the dialog closed event data.
+     */
+    closeDialog(): void; /**
+     * @description This method is called when the dialog is closed custom template action.
+     * @param row row to be edited.
+     * @param keys keys of columns
+     * @param types column types
+     */
+    closeTemplateDialog(row: any, keys: string[], types: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditingComponent, "app-editing", never, {}, {}, never, never, true, never>;
+}
+
+declare class FilterColumnsComponentComponent implements OnInit {
+    obj: any;
+    filterOutput: EventEmitter<any>;
+    stringCtrl: FormControl;
+    numberCtrl: FormControl;
+    dateCtrl: FormControl;
+    textareaCtrl: FormControl;
+    booleanCtrl: FormControl;
+    selectionCtrl: FormControl;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * @description This method is make value is valid and not null.
+     * @param value value to check its type.
+     */
+    checkValue(value: any): void;
+    /**
+     * @description This method will emit seach value to parent component.
+     * @param value value on which base table rows are filtered.
+     */
+    emitOutput(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterColumnsComponentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterColumnsComponentComponent, "app-filter-columns-component", never, { "obj": { "alias": "obj"; "required": false; }; }, { "filterOutput": "filterOutput"; }, never, never, true, never>;
+}
+
+declare class MatTableExtModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTableExtModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTableExtModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.MatTableModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatNativeDateModule, typeof i6.A11yModule, typeof i7.CdkAccordionModule, typeof i8.ClipboardModule, typeof i9.CdkStepperModule, typeof i10.CdkTableModule, typeof i11.CdkTreeModule, typeof i12.DragDropModule, typeof i13.MatAutocompleteModule, typeof i14.MatBadgeModule, typeof i15.MatBottomSheetModule, typeof i16.MatButtonModule, typeof i17.MatButtonToggleModule, typeof i18.MatCardModule, typeof i19.MatCheckboxModule, typeof i20.MatChipsModule, typeof i21.MatStepperModule, typeof i22.MatDatepickerModule, typeof i23.MatDialogModule, typeof i24.MatDividerModule, typeof i25.MatExpansionModule, typeof i26.MatGridListModule, typeof i27.MatIconModule, typeof i28.MatInputModule, typeof i29.MatListModule, typeof i30.MatMenuModule, typeof i5.MatNativeDateModule, typeof i31.MatPaginatorModule, typeof i32.MatProgressBarModule, typeof i33.MatProgressSpinnerModule, typeof i34.MatRadioModule, typeof i5.MatRippleModule, typeof i35.MatSelectModule, typeof i36.MatSidenavModule, typeof i37.MatSliderModule, typeof i38.MatSlideToggleModule, typeof i39.MatSnackBarModule, typeof i40.MatSortModule, typeof i41.MatTabsModule, typeof i42.MatToolbarModule, typeof i43.MatTooltipModule, typeof i44.MatTreeModule, typeof i45.PortalModule, typeof i46.ScrollingModule, typeof i47.MatFormFieldModule, typeof MatTableExtComponent, typeof ResizeColumnDirective, typeof ColumnPinningComponent, typeof EditingComponent, typeof FilterColumnsComponentComponent], [typeof MatTableExtComponent, typeof ResizeColumnDirective, typeof ColumnPinningComponent, typeof EditingComponent, typeof FilterColumnsComponentComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatTableExtModule>;
+}
+
+export { ColumnPinningComponent, EditingComponent, FilterColumnsComponentComponent, MatTableExtComponent, MatTableExtModule, MatTableExtService, ResizeColumnDirective };
+export type { CellTemplateRefMap, ColumnVisibility, DisplayColumn, ExpansionChange, FilterSearchValue, MTExCellTemplate, MTExColumn, MTExColumnGroup, MTExColumnPinOption, MTExColumnPinValue, MTExColumnSortProp, MTExColumnTag, MTExColumnTagValue, MTExColumnType, MTExColumnTypeParameter, MTExPDFConfig, MTExPinnedTableConfig, MTExRow, MTExRowHidingConfig, MTExTableStyles, RowChange, RowHidingFilterFunction, RowPinPosition, RowPinning, RowPinningChangeEvent, RowPinningFunction, RowSelectionChange, TooltipPosition, TooltipProp };