ms-data-grid 0.0.46 → 0.0.48

package/lib/data-grid/data-grid.component.d.ts

@@ -1,20 +1,24 @@
-import { OnChanges, SimpleChanges, ElementRef, AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone } from '@angular/core';
+import { OnInit, OnChanges, SimpleChanges, ElementRef, AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, Renderer2, AfterViewChecked, TemplateRef, QueryList, Injector } from '@angular/core';
 import { SplitColumnsService } from '../services/split-columns.service';
 import { CommonService } from '../services/common.service';
-import { SwapColumnsService } from '../services/swap-columns.service';
 import { CdkDrag, CdkDragDrop, CdkDragEnter, CdkDragExit, CdkDragMove, CdkDragSortEvent } from '@angular/cdk/drag-drop';
 import { CdkDropList } from '@angular/cdk/drag-drop';
 import { CopyServiceService } from '../services/copy-service.service';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { ExportService } from '../services/export.service';
+import { CellHostDirective } from '../directives/cellHost.directive';
 import * as i0 from "@angular/core";
 export declare const sortingAnimation: import("@angular/animations").AnimationTriggerMetadata;
-export declare class DataGridComponent implements OnChanges, AfterViewInit {
+export declare class DataGridComponent implements OnChanges, AfterViewInit, OnInit, AfterViewChecked {
     private columnService;
     cdr: ChangeDetectorRef;
     commonSevice: CommonService;
-    private swapColumnService;
     private elementRef;
     private ngZone;
     private copyService;
+    private renderer;
+    private sanitizer;
+    private exportService;
     paginationConfig: any;
     dataSet: any[];
     columns: any[];
@@ -33,12 +37,14 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     sidemenuBackgroundColor: string | undefined;
     bodyTextColor: string | undefined;
     headerTextColor: string | undefined;
+    checkboxesColor: string | undefined;
     headerTextFontsSize: number | undefined;
     bodyTextFontsSize: number | undefined;
     headerFontWeight: number | undefined;
     bodyFontWeight: number | undefined;
     checkedRowBackgroundColor: string | undefined;
     dropdownsBackgroundColor: string | undefined;
+    footerRowBackgroundColor: string | undefined;
     footerRowHeight: number;
     topGroupedBadgesBackgroundColor: string | undefined;
     showRowsGrouping: boolean | undefined;
@@ -87,12 +93,26 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     leftPinnedBoxshadow: string;
     rightPinnedBoxshadow: string;
     selectedRowsBackgroundColor: string;
-    nestedTableHeaderBAckgroundColor: string;
+    nestedTableHeaderBackgroundColor: string;
+    nestedTableRowBackgroundColor: string;
     tableView: any[];
+    buttons: {
+        name: string;
+        is_showIcon: boolean;
+        icon: string;
+        has_permission: boolean;
+    }[];
     keepMultipleExpandedDetails: boolean;
     showTotalAmountRow: boolean;
+    enableGlobalSearch: boolean;
     tableType: string;
-    widgets: any[];
+    enableExport: boolean;
+    showFullScreenButton: boolean;
+    enableCut: boolean;
+    tabs: string[];
+    resetAllFilters: {
+        resetAll: boolean;
+    };
     columnThreedotsMunuConfig: {
         showPinleft: boolean;
         showPinright: boolean;
@@ -105,12 +125,15 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
         showChoseColumns: boolean;
         showResetColumns: boolean;
     };
+    cellHosts: QueryList<CellHostDirective>;
     changeLayout: EventEmitter<any>;
     filterOptions: EventEmitter<any>;
     genericEvent: EventEmitter<any>;
     tablePresetConfig: EventEmitter<any>;
     sortingOrderOptions: EventEmitter<any>;
     createUpdateConfigListing: EventEmitter<any>;
+    isFullScreen: boolean;
+    activeTab: string | null;
     groupedColumns: any[];
     activeCol: any;
     activeFilterCell: any;
@@ -126,22 +149,32 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     filterColumnsList: any[];
     groupBoxPadding: number;
     presetName: string;
-    presetFilter: any;
+    presetFilter: boolean;
     searchTextPresetTable: string;
     addFilterColumnInput: string;
     searchInDropdown: string;
     addFilterDropdownSearch: string;
     topShowHideColumns: string;
     choseColumnsSearch: string;
+    sideNestedFilterSearch: string;
     editinDropdownSearch: string;
     isThreeDotsFilterOpen: boolean;
     confirmDelete: boolean;
     fontFamilies: string[];
     fontSizes: string[];
-    constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, swapColumnService: SwapColumnsService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService);
-    cellText: ElementRef;
-    ngAfterViewInit(): Promise<void>;
+    hasScroll: boolean;
+    constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService, renderer: Renderer2, sanitizer: DomSanitizer, exportService: ExportService);
+    cellText: any;
+    nestedHeader: ElementRef;
+    ngAfterViewInit(): void;
+    private injector;
+    createCellInjector(row: any, col: any): Injector;
+    private renderCustomCells;
+    ngAfterViewChecked(): void;
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
+    applyRowsSelectionState(): void;
+    clearSelectionState(tableType: string): void;
     applyFilteroptionList(): Promise<void>;
     leftPinnedColumns: any[];
     centerColumns: any[];
@@ -150,6 +183,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     previewCenterColumns: any[];
     previewRightPinnedColumns: any[];
     dataGridContainer: ElementRef<HTMLDivElement>;
+    taskManagementContainer: ElementRef<HTMLDivElement>;
+    nestedTableContainer: ElementRef<HTMLDivElement>;
     leftPinnedBody: ElementRef<HTMLDivElement>;
     centerPinnedBody: ElementRef<HTMLDivElement>;
     rightPinnedBody: ElementRef<HTMLDivElement>;
@@ -162,16 +197,15 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     refreshPreviewColumns(columns?: any): Promise<void>;
     SetColumnsDefaultWidth(): Promise<void>;
     setSectionsWidth(): void;
-    onLeftBodyScroll(): void;
-    onRightBodyScroll(): void;
     fakeScrollbarScrollLeft: number;
-    onFakeScroll(event: Event): void;
     getNestedValue(obj: any, field: string): any;
     isNestedValueArray(obj: any, field: string): boolean;
     onResizeGroup(event: MouseEvent, col: any, isRightPinned?: boolean): void;
     private updateColumnWidthInSourceByField;
+    cleanColumns(columns: any[]): any[];
     onResizeColumn(event: MouseEvent, col: any): void;
     onResizeGroupBox(event: MouseEvent): void;
+    onPasteInFilterRowSearch(event: ClipboardEvent, col: any): void;
     onFilterChange(col: any): void;
     get bodyWrapperHeight(): string;
     hoveredRowId: string | number | null;
@@ -182,11 +216,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     closeFilterDropdowns(event: MouseEvent): void;
     private hasParentWithClass;
     isMenueHidden: boolean;
-    openThreeDotsMenu(event: MouseEvent, child: any): void;
+    openThreeDotsMenu(event: MouseEvent, child: any, keepOriginalPosition?: boolean): void;
     sortAsc(col: any): void;
     sortDesc(col: any): void;
     resetSort(col: any): void;
-    updateColumnPinInSourceByField(column: any, pinned: 'left' | 'right' | null): Promise<void>;
+    updateColumnPinInSourceByField(column: any, pinned: 'left' | 'right' | null, isNestedTable?: any, columns?: any): Promise<void>;
     autosizeColumn(cols: any | any[]): void;
     getGroupWidth(group: any): number;
     autosizeAllColumns(): void;
@@ -256,10 +290,10 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     private fakeScrollRaf;
     translateY: number;
     lastScrollTop: number;
+    pendingAnimationFrame: number | null;
     onMainScroll(event: Event): void;
     get isScrollbarVisible(): boolean;
     toggleExpand(row: any): void;
-    onMainFakeScroll(event: Event): void;
     viewportRows: number;
     firstIndex: number;
     renderStart: number;
@@ -268,19 +302,17 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     mainScroll: ElementRef<HTMLDivElement>;
     fakeScroll: ElementRef<HTMLDivElement>;
     horizintalFakeScroll: ElementRef<HTMLDivElement>;
-    centerScrollableBody: ElementRef<any>;
+    centerScrollableBody: ElementRef<HTMLDivElement>;
     private overscan;
     computeViewportRows(): void;
-    onHorizintalFakeScroll(event: Event): void;
+    onHorizontalFakeScroll(event: Event): void;
     onCenterBodyScroll(event: Event): void;
     onCenterHeaderScroll(event: Event): void;
     draggingColumn: any;
     dragStartIndex: any;
     canEnterToRowsGrouping: (drag: CdkDrag<any>, drop: CdkDropList<any>) => any;
-    onDragMoved(event: CdkDragMove<any>): void;
     enterToTopRowGrouping(dropList: CdkDragEnter<any>): void;
     onDropListEnter(dropList: CdkDragEnter<any>, section: 'left' | 'center' | 'right'): void;
-    enterToTopGroupingRow(dropList: CdkDragEnter<any>): void;
     exitedFromTheTopRow(dropList: CdkDragExit<any>): void;
     shouldDisableDroplistSorting: boolean;
     isDisableColumnGrouping: boolean;
@@ -289,12 +321,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     dragStartOnGroup(col: any): void;
     onSortGroup: (event: CdkDragSortEvent<any>, section: string) => Promise<void>;
     onDropGroup(): void;
+    private deepCloneColumns;
     onDropTopGroup(event: CdkDragDrop<any>): Promise<void>;
+    onGroupReorder(event: CdkDragDrop<any[]>): Promise<void>;
     ungroupColumn(column: any): Promise<void>;
     shouldTheGroupHeaderShow(group: any): any;
-    onChildDragStart(): void;
-    dropListIds: string[];
-    generateDropListIds(): void;
     onChildDroplistSorted: (event: CdkDragSortEvent<any>, section: string) => Promise<void>;
     onChildDroplistDroped(cdkDragDropevent: CdkDragDrop<any>): void;
     groupData(data: any[], groupFields: string[]): any[];
@@ -320,11 +351,12 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     isFilterOpen: boolean;
     selectedColumnForFilter: any;
     showFilters: boolean;
+    openFilterFromDisabledSearchedInput(col: any): void;
     openFilter(col: any): void;
     firstValue: any;
     firstCondition: string;
     secondValue: any;
-    secondCondition: string;
+    secondCondition: null;
     condition: string;
     resetTextFilterChanges(): void;
     toggleAllValusSelectionInDropdownFilter(column: any): void;
@@ -339,7 +371,9 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     onOptionToggle(col: any, option: any): void;
     resetSideFilter(col: any): void;
     clearAllFilters(): void;
-    applySideFilter(): void;
+    applySideFilter(column: any): void;
+    removeSideFilter(column: any): void;
+    collapseAllExpandedCells(): void;
     trackByField(index: number, col: any): string;
     get activeFilteredColumns(): any[];
     toggleOpenFilter(): void;
@@ -347,6 +381,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     activeCell: string | null;
     setActiveCell(row: any, column: any): void;
     isActiveCell(row: any, col: any): boolean;
+    textAreadInput: ElementRef<HTMLTextAreaElement>;
     enableEdit(row: any, column: any, clickedFromDetailsBox?: boolean, cellContainer?: HTMLElement): void;
     disableEdit(row: any, column: any, control?: any): void;
     emailRegex: RegExp;
@@ -358,9 +393,14 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     goToPage(page: any): void;
     onPageSizeChange(): void;
     actionPreset(data: any, type: any): void;
-    selectFilter(data: any): void;
+    currentIdForUpdatePreset: string;
+    curretaTablePresetForUpdate: any;
+    temp_state: {
+        id: string;
+        is_temp: boolean;
+    };
+    selectFilter(data: any): Promise<void>;
     savePreset(control?: any): void;
-    getFilterHeaders(filters: any[], columns: any[]): string;
     toggleRowShading(): void;
     trackByTable(index: number): number;
     activeRow: any;
@@ -368,10 +408,9 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     getCellKey(row: any, col: any): string;
     expandedCells: Map<string, number>;
     private zCounter;
-    toggleExpandOfLongCellText(row: any, col: any, columns: any[], expandWholeRow?: boolean): void;
     showDetailsBox: boolean;
+    toggleExpandOfLongCellText(row: any, col: any, columns: any[], expandWholeRow?: boolean): void;
     isOpenToTop(row: any): boolean;
-    collapseAllExpandedCells(): void;
     isExpanded(row: any, col: any): boolean;
     getZIndex(row: any, col: any): number;
     isOverflowing(element: HTMLElement | null): boolean;
@@ -391,10 +430,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     getCellClasses(column: any, value: any): string;
     removeColumnFilterFromColumn(column: any): void;
     onSideMenuColumnsVisibilityChange(): void;
-    downloadCsv(): void;
+    cleanFilterdColumns(): any[];
+    downloadCsv(type: 'csv' | 'xlsx'): void;
     onFontChange(): void;
     onGlobalSearch(): void;
-    onInputChange(event: any): void;
+    onSearchInput(event: Event): void;
     checkFilterChangesEffect(): any;
     selectedCells: any[];
     selectedKeys: Set<string>;
@@ -449,6 +489,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     performCut(selectedData: any[][]): void;
     getSelectedDataForCopy(): any[][];
     onKeyDown(event: KeyboardEvent): void;
+    selectAllCells(): void;
     undo(): void;
     redo(): void;
     onPaste(event: ClipboardEvent): Promise<void>;
@@ -462,16 +503,46 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit {
     toggleMenu(i: number, event?: MouseEvent): void;
     nestedTable: ElementRef<HTMLDivElement>;
     get hasVerticalScroll(): boolean;
+    get hasHorizontalScroll(): boolean;
     getTotalAmount(column: any): string | undefined;
     dropColumn(event: CdkDragDrop<any[]>, row: any): void;
     currentSubSortColumn: string | null;
     currentSortDirection: 'asc' | 'desc';
-    sortNestedCol(col: any, dataSet?: any[]): void;
+    sortNestedCol(col: any, row: any): void;
     getColumnWidthPx(row: any, col: any): string;
     fullscreenImage: string | null;
-    openFullScreenImage(src: string): void;
-    getVisibleColumnCount(columns: any[]): number;
-    clearSelection(): void;
+    pinUnpinColum(col: any, value: 'left' | 'right' | null, columns: any[]): void;
+    getLeftPinnedCount(columns: any[]): number;
+    getRightPinnedCount(columns: any[]): number;
+    getStickyLeft(columns: any[], index: number): string;
+    previewNestedCols: any[];
+    onNestedColSort(event: CdkDragSortEvent<any[]>, columns: any[]): void;
+    saveSelection(selectedIds: string[], tableType: string): void;
+    restoreSelection(tableType: string): Set<string>;
+    isOutsideContainer: boolean;
+    private containerRect;
+    onDragStarted(col: any): void;
+    onDragMoved(event: CdkDragMove): void;
+    onDragEnded(): void;
+    getStartIndex(): number;
+    hasAnyDefaultView(): boolean;
+    get isTablePresetNotChanged(): any;
+    onActionButtonClick(button: string): void;
+    setActiveTab(tab: string): void;
+    getBackgroundColor(row: any, isEven: boolean, section: 'left' | 'center' | 'right'): string | undefined;
+    hasHorizontalScrollbar(): boolean;
+    getSafeComment(description: string): SafeHtml;
+    cleanEditorContent(content: string): SafeHtml;
+    getExtention(url: string | string[] | null | undefined): string | undefined;
+    downloadAttchment(url: any, file?: any): void;
+    fullImageSrc: string | null;
+    openFullImage(event: Event): void;
+    addStylesToImages(): void;
+    onImageClick(src: string): void;
+    fullscreenImageTemplate: TemplateRef<any>;
+    private fullscreenViewRef;
+    iconMap: Record<string, (row: any, col: any) => string>;
+    toggleFullscreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "data-grid", never, { "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "dataSet": { "alias": "dataSet"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "headerRowHeight": { "alias": "headerRowHeight"; "required": false; }; "showVerticalBorder": { "alias": "showVerticalBorder"; "required": false; }; "evenRowsBackgroundColor": { "alias": "evenRowsBackgroundColor"; "required": false; }; "oddRowsBackgroundColor": { "alias": "oddRowsBackgroundColor"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "checkboxesBackgroundColor": { "alias": "checkboxesBackgroundColor"; "required": false; }; "showColumnsGrouping": { "alias": "showColumnsGrouping"; "required": false; }; "rowHoverColor": { "alias": "rowHoverColor"; "required": false; }; "leftPinnedBackgroundColor": { "alias": "leftPinnedBackgroundColor"; "required": false; }; "bodyBackgroundColor": { "alias": "bodyBackgroundColor"; "required": false; }; "rightPinnedBackgroundColor": { "alias": "rightPinnedBackgroundColor"; "required": false; }; "sidemenuBackgroundColor": { "alias": "sidemenuBackgroundColor"; "required": false; }; "bodyTextColor": { "alias": "bodyTextColor"; "required": false; }; "headerTextColor": { "alias": "headerTextColor"; "required": false; }; "headerTextFontsSize": { "alias": "headerTextFontsSize"; "required": false; }; "bodyTextFontsSize": { "alias": "bodyTextFontsSize"; "required": false; }; "headerFontWeight": { "alias": "headerFontWeight"; "required": false; }; "bodyFontWeight": { "alias": "bodyFontWeight"; "required": false; }; "checkedRowBackgroundColor": { "alias": "checkedRowBackgroundColor"; "required": false; }; "dropdownsBackgroundColor": { "alias": "dropdownsBackgroundColor"; "required": false; }; "footerRowHeight": { "alias": "footerRowHeight"; "required": false; }; "topGroupedBadgesBackgroundColor": { "alias": "topGroupedBadgesBackgroundColor"; "required": false; }; "showRowsGrouping": { "alias": "showRowsGrouping"; "required": false; }; "showFilterRow": { "alias": "showFilterRow"; "required": false; }; "fontFaimly": { "alias": "fontFaimly"; "required": false; }; "showSideMenu": { "alias": "showSideMenu"; "required": false; }; "footerPadding": { "alias": "footerPadding"; "required": false; }; "topFilterRowHeight": { "alias": "topFilterRowHeight"; "required": false; }; "rowShadingEnabled": { "alias": "rowShadingEnabled"; "required": false; }; "showSerialNumber": { "alias": "showSerialNumber"; "required": false; }; "singleSpaAssetsPath": { "alias": "singleSpaAssetsPath"; "required": false; }; "filtersConfig": { "alias": "filtersConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "verticalScrollbarWidth": { "alias": "verticalScrollbarWidth"; "required": false; }; "horizintalScrollbarWidth": { "alias": "horizintalScrollbarWidth"; "required": false; }; "showCellDetailsBox": { "alias": "showCellDetailsBox"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "tableSearch": { "alias": "tableSearch"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "config": { "alias": "config"; "required": false; }; "showTaskbar": { "alias": "showTaskbar"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "listingType": { "alias": "listingType"; "required": false; }; "checkboxState": { "alias": "checkboxState"; "required": false; }; "taskbarActions": { "alias": "taskbarActions"; "required": false; }; "sortingConfig": { "alias": "sortingConfig"; "required": false; }; "tableFilterViewId": { "alias": "tableFilterViewId"; "required": false; }; "selectedTableLayout": { "alias": "selectedTableLayout"; "required": false; }; "closeDropdown": { "alias": "closeDropdown"; "required": false; }; "globalSearchText": { "alias": "globalSearchText"; "required": false; }; "nestedTablerowFontsize": { "alias": "nestedTablerowFontsize"; "required": false; }; "nestedTableHeaderRowHeight": { "alias": "nestedTableHeaderRowHeight"; "required": false; }; "nestedTablerowHeight": { "alias": "nestedTablerowHeight"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; }; "leftPinnedBoxshadow": { "alias": "leftPinnedBoxshadow"; "required": false; }; "rightPinnedBoxshadow": { "alias": "rightPinnedBoxshadow"; "required": false; }; "selectedRowsBackgroundColor": { "alias": "selectedRowsBackgroundColor"; "required": false; }; "nestedTableHeaderBAckgroundColor": { "alias": "nestedTableHeaderBAckgroundColor"; "required": false; }; "tableView": { "alias": "tableView"; "required": false; }; "keepMultipleExpandedDetails": { "alias": "keepMultipleExpandedDetails"; "required": false; }; "showTotalAmountRow": { "alias": "showTotalAmountRow"; "required": false; }; "tableType": { "alias": "tableType"; "required": false; }; "widgets": { "alias": "widgets"; "required": false; }; "columnThreedotsMunuConfig": { "alias": "columnThreedotsMunuConfig"; "required": false; }; }, { "changeLayout": "changeLayout"; "filterOptions": "filterOptions"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "data-grid", never, { "paginationConfig": { "alias": "paginationConfig"; "required": false; }; "dataSet": { "alias": "dataSet"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "headerRowHeight": { "alias": "headerRowHeight"; "required": false; }; "showVerticalBorder": { "alias": "showVerticalBorder"; "required": false; }; "evenRowsBackgroundColor": { "alias": "evenRowsBackgroundColor"; "required": false; }; "oddRowsBackgroundColor": { "alias": "oddRowsBackgroundColor"; "required": false; }; "headerBackgroundColor": { "alias": "headerBackgroundColor"; "required": false; }; "checkboxesBackgroundColor": { "alias": "checkboxesBackgroundColor"; "required": false; }; "showColumnsGrouping": { "alias": "showColumnsGrouping"; "required": false; }; "rowHoverColor": { "alias": "rowHoverColor"; "required": false; }; "leftPinnedBackgroundColor": { "alias": "leftPinnedBackgroundColor"; "required": false; }; "bodyBackgroundColor": { "alias": "bodyBackgroundColor"; "required": false; }; "rightPinnedBackgroundColor": { "alias": "rightPinnedBackgroundColor"; "required": false; }; "sidemenuBackgroundColor": { "alias": "sidemenuBackgroundColor"; "required": false; }; "bodyTextColor": { "alias": "bodyTextColor"; "required": false; }; "headerTextColor": { "alias": "headerTextColor"; "required": false; }; "checkboxesColor": { "alias": "checkboxesColor"; "required": false; }; "headerTextFontsSize": { "alias": "headerTextFontsSize"; "required": false; }; "bodyTextFontsSize": { "alias": "bodyTextFontsSize"; "required": false; }; "headerFontWeight": { "alias": "headerFontWeight"; "required": false; }; "bodyFontWeight": { "alias": "bodyFontWeight"; "required": false; }; "checkedRowBackgroundColor": { "alias": "checkedRowBackgroundColor"; "required": false; }; "dropdownsBackgroundColor": { "alias": "dropdownsBackgroundColor"; "required": false; }; "footerRowBackgroundColor": { "alias": "footerRowBackgroundColor"; "required": false; }; "footerRowHeight": { "alias": "footerRowHeight"; "required": false; }; "topGroupedBadgesBackgroundColor": { "alias": "topGroupedBadgesBackgroundColor"; "required": false; }; "showRowsGrouping": { "alias": "showRowsGrouping"; "required": false; }; "showFilterRow": { "alias": "showFilterRow"; "required": false; }; "fontFaimly": { "alias": "fontFaimly"; "required": false; }; "showSideMenu": { "alias": "showSideMenu"; "required": false; }; "footerPadding": { "alias": "footerPadding"; "required": false; }; "topFilterRowHeight": { "alias": "topFilterRowHeight"; "required": false; }; "rowShadingEnabled": { "alias": "rowShadingEnabled"; "required": false; }; "showSerialNumber": { "alias": "showSerialNumber"; "required": false; }; "singleSpaAssetsPath": { "alias": "singleSpaAssetsPath"; "required": false; }; "filtersConfig": { "alias": "filtersConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "verticalScrollbarWidth": { "alias": "verticalScrollbarWidth"; "required": false; }; "horizintalScrollbarWidth": { "alias": "horizintalScrollbarWidth"; "required": false; }; "showCellDetailsBox": { "alias": "showCellDetailsBox"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "tableSearch": { "alias": "tableSearch"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "config": { "alias": "config"; "required": false; }; "showTaskbar": { "alias": "showTaskbar"; "required": false; }; "tableName": { "alias": "tableName"; "required": false; }; "listingType": { "alias": "listingType"; "required": false; }; "checkboxState": { "alias": "checkboxState"; "required": false; }; "taskbarActions": { "alias": "taskbarActions"; "required": false; }; "sortingConfig": { "alias": "sortingConfig"; "required": false; }; "tableFilterViewId": { "alias": "tableFilterViewId"; "required": false; }; "selectedTableLayout": { "alias": "selectedTableLayout"; "required": false; }; "closeDropdown": { "alias": "closeDropdown"; "required": false; }; "globalSearchText": { "alias": "globalSearchText"; "required": false; }; "nestedTablerowFontsize": { "alias": "nestedTablerowFontsize"; "required": false; }; "nestedTableHeaderRowHeight": { "alias": "nestedTableHeaderRowHeight"; "required": false; }; "nestedTablerowHeight": { "alias": "nestedTablerowHeight"; "required": false; }; "gridType": { "alias": "gridType"; "required": false; }; "currencySymbol": { "alias": "currencySymbol"; "required": false; }; "leftPinnedBoxshadow": { "alias": "leftPinnedBoxshadow"; "required": false; }; "rightPinnedBoxshadow": { "alias": "rightPinnedBoxshadow"; "required": false; }; "selectedRowsBackgroundColor": { "alias": "selectedRowsBackgroundColor"; "required": false; }; "nestedTableHeaderBackgroundColor": { "alias": "nestedTableHeaderBackgroundColor"; "required": false; }; "nestedTableRowBackgroundColor": { "alias": "nestedTableRowBackgroundColor"; "required": false; }; "tableView": { "alias": "tableView"; "required": false; }; "buttons": { "alias": "buttons"; "required": false; }; "keepMultipleExpandedDetails": { "alias": "keepMultipleExpandedDetails"; "required": false; }; "showTotalAmountRow": { "alias": "showTotalAmountRow"; "required": false; }; "enableGlobalSearch": { "alias": "enableGlobalSearch"; "required": false; }; "tableType": { "alias": "tableType"; "required": false; }; "enableExport": { "alias": "enableExport"; "required": false; }; "showFullScreenButton": { "alias": "showFullScreenButton"; "required": false; }; "enableCut": { "alias": "enableCut"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "resetAllFilters": { "alias": "resetAllFilters"; "required": false; }; "columnThreedotsMunuConfig": { "alias": "columnThreedotsMunuConfig"; "required": false; }; }, { "changeLayout": "changeLayout"; "filterOptions": "filterOptions"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; }, never, never, false, never>;
 }

package/lib/data-grid.module.d.ts

@@ -1,14 +1,15 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./data-grid/data-grid.component";
 import * as i2 from "./pipes/filter.pipe";
-import * as i3 from "./directives/draggable-header.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@angular/cdk/drag-drop";
-import * as i7 from "ng-inline-svg";
-import * as i8 from "@angular/cdk/scrolling";
+import * as i3 from "./directives/cellHost.directive";
+import * as i4 from "./directives/cell-render-init.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/cdk/drag-drop";
+import * as i8 from "ng-inline-svg";
+import * as i9 from "@angular/cdk/scrolling";
 export declare class DataGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DataGridModule, [typeof i1.DataGridComponent, typeof i2.FilterPipe, typeof i3.DraggableHeaderDirective], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.DragDropModule, typeof i7.InlineSVGModule, typeof i8.ScrollingModule], [typeof i1.DataGridComponent, typeof i3.DraggableHeaderDirective, typeof i7.InlineSVGModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DataGridModule, [typeof i1.DataGridComponent, typeof i2.FilterPipe, typeof i3.CellHostDirective, typeof i4.CellRenderInitDirective], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.DragDropModule, typeof i8.InlineSVGModule, typeof i9.ScrollingModule], [typeof i1.DataGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DataGridModule>;
 }

package/lib/directives/cell-render-init.directive.d.ts

@@ -0,0 +1,14 @@
+import { OnInit, ViewContainerRef, Injector, Type } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CellRenderInitDirective implements OnInit {
+    private vcr;
+    private injector;
+    componentType: Type<any>;
+    rowData: any;
+    colData: any;
+    cellValue: any;
+    constructor(vcr: ViewContainerRef, injector: Injector);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellRenderInitDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CellRenderInitDirective, "[cellRenderInit]", never, { "componentType": { "alias": "cellRenderInit"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "colData": { "alias": "colData"; "required": false; }; "cellValue": { "alias": "cellValue"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,8 @@
+import { ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CellHostDirective {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellHostDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CellHostDirective, "[cellHost]", never, {}, {}, never, never, false, never>;
+}

package/lib/services/export.service.d.ts

@@ -0,0 +1,24 @@
+import * as i0 from "@angular/core";
+export declare class ExportService {
+    constructor();
+    /**
+     * Exports data to CSV or Excel.
+     * @param columns List of column definitions (each having name/key/is_visible)
+     * @param data The array of data objects
+     * @param fileName Name of the exported file (without extension)
+     * @param format 'csv' | 'xlsx'
+     */
+    exportData(columns: any[], data: any[], fileName: string, format?: 'csv' | 'xlsx', rowSelectedIndexes?: Set<number> | null, styleConfig?: {
+        headerBgColor?: string;
+        headerTextColor?: string;
+        bodyTextColor?: string;
+        fontFamily?: string;
+        fontWeight?: 'normal' | 'bold';
+        zoomScale?: number;
+        headerRowHeight?: number;
+        selectedRowBgColor?: string;
+    }): void;
+    private getNestedValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ExportService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ExportService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ms-data-grid",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "description": "A powerful, customizable Angular data grid component with advanced features like sorting, filtering, pagination, column pinning, and taskbar actions. Perfect for enterprise applications.",
   "keywords": [
     "angular",
@@ -26,7 +26,13 @@
     "@angular/core": "^16.2.0"
   },
   "dependencies": {
-    "tslib": "^2.3.0"
+    "xlsx-js-style": "^1.2.0",
+    "ng-inline-svg": "^13.1.1",
+    "ngx-bootstrap": "^20.0.0",
+    "bootstrap": "^5.3.7",
+    "tslib": "^2.3.0",
+    "file-saver": "^2.0.5",
+    "zone.js": "~0.13.0"
   },
   "sideEffects": false,
   "module": "fesm2022/ms-data-grid.mjs",

package/public-api.d.ts

@@ -1,4 +1,2 @@
-export * from './lib/data-grid.service';
 export * from './lib/data-grid.module';
 export * from './lib/data-grid/data-grid.component';
-export * from './lib/directives/draggable-header.directive';

package/esm2022/lib/data-grid.service.mjs

@@ -1,14 +0,0 @@
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-export class DataGridService {
-    constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataGridService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataGridService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DataGridService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1ncmlkLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhLWdyaWQvc3JjL2xpYi9kYXRhLWdyaWQuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sZUFBZTtJQUUxQixnQkFBZ0IsQ0FBQzsrR0FGTixlQUFlO21IQUFmLGVBQWUsY0FGZCxNQUFNOzs0RkFFUCxlQUFlO2tCQUgzQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGFHcmlkU2VydmljZSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbn1cclxuIl19