ms-data-grid 0.0.61 → 0.0.63

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

@@ -7,6 +7,7 @@ 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 { DatePipe } from '@angular/common';
 import * as i0 from "@angular/core";
 export declare enum RowAnimationType {
     None = "none",
@@ -28,6 +29,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     private renderer;
     private sanitizer;
     private exportService;
+    private datePipe;
     rowAnimation: RowAnimationType;
     paginationConfig: any;
     dataSet: any[];
@@ -100,6 +102,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     nestedTablerowHeight: number;
     gridType: string;
     currencySymbol: string;
+    currencyFormat: string;
     leftPinnedBoxshadow: string;
     rightPinnedBoxshadow: string;
     selectedRowsBackgroundColor: string;
@@ -165,6 +168,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     searchTextPresetTable: string;
     addFilterColumnInput: string;
     searchInDropdown: string;
+    private secretKey;
     addFilterDropdownSearch: string;
     topShowHideColumns: string;
     choseColumnsSearch: string;
@@ -175,7 +179,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     fontFamilies: string[];
     fontSizes: string[];
     hasScroll: boolean;
-    constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService, renderer: Renderer2, sanitizer: DomSanitizer, exportService: ExportService);
+    constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService, renderer: Renderer2, sanitizer: DomSanitizer, exportService: ExportService, datePipe: DatePipe);
     cellText: any;
     nestedHeader: ElementRef;
     ngAfterViewInit(): void;
@@ -184,6 +188,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     private renderCustomCells;
     ngAfterViewChecked(): void;
     ngOnInit(): void;
+    dataSetLoading: boolean;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
     setColumnsColumnDropdownValus(): Promise<void>;
     applyRowsSelectionState(): void;
@@ -565,6 +570,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     private flattenGroup;
     selectGroupRow(e: Event, row: any): void;
     getGroupCheckedState(row: any): boolean | undefined;
+    getCellTitle(row: any, col: any): string;
+    formatDateValue(value: any): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "data-grid", never, { "rowAnimation": { "alias": "rowAnimation"; "required": false; }; "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; }; "showCheckboxes": { "alias": "showCheckboxes"; "required": false; }; "resetAllFilters": { "alias": "resetAllFilters"; "required": false; }; "columnThreedotsMunuConfig": { "alias": "columnThreedotsMunuConfig"; "required": false; }; }, { "changeLayout": "changeLayout"; "customCellEvent": "customCellEvent"; "filterOptions": "filterOptions"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataGridComponent, "data-grid", never, { "rowAnimation": { "alias": "rowAnimation"; "required": false; }; "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; }; "currencyFormat": { "alias": "currencyFormat"; "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; }; "showCheckboxes": { "alias": "showCheckboxes"; "required": false; }; "resetAllFilters": { "alias": "resetAllFilters"; "required": false; }; "columnThreedotsMunuConfig": { "alias": "columnThreedotsMunuConfig"; "required": false; }; }, { "changeLayout": "changeLayout"; "customCellEvent": "customCellEvent"; "filterOptions": "filterOptions"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; }, never, never, false, never>;
 }

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

@@ -3,13 +3,14 @@ import * as i1 from "./data-grid/data-grid.component";
 import * as i2 from "./pipes/filter.pipe";
 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";
+import * as i5 from "./pipes/format-currency.pipe";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/cdk/drag-drop";
+import * as i9 from "ng-inline-svg";
+import * as i10 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.CellHostDirective, typeof i4.CellRenderInitDirective], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i7.DragDropModule, typeof i8.InlineSVGModule, typeof i9.ScrollingModule], [typeof i1.DataGridComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DataGridModule, [typeof i1.DataGridComponent, typeof i2.FilterPipe, typeof i3.CellHostDirective, typeof i4.CellRenderInitDirective, typeof i5.FormatCurrencyPipe], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.DragDropModule, typeof i9.InlineSVGModule, typeof i10.ScrollingModule], [typeof i1.DataGridComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DataGridModule>;
 }

package/lib/interfaces/data-grid-config.ts.d.ts

@@ -0,0 +1,97 @@
+import { RowAnimationType } from "../data-grid/data-grid.component";
+export interface DataGridConfig {
+    rowAnimation?: RowAnimationType;
+    paginationConfig?: any;
+    dataSet?: any[];
+    columns?: any[];
+    rowHeight?: number;
+    headerRowHeight?: number;
+    showVerticalBorder?: boolean;
+    evenRowsBackgroundColor?: string;
+    oddRowsBackgroundColor?: string;
+    headerBackgroundColor?: string;
+    checkboxesBackgroundColor?: string;
+    showColumnsGrouping?: boolean;
+    rowHoverColor?: string;
+    leftPinnedBackgroundColor?: string;
+    bodyBackgroundColor?: string;
+    rightPinnedBackgroundColor?: string;
+    sidemenuBackgroundColor?: string;
+    bodyTextColor?: string;
+    headerTextColor?: string;
+    checkboxesColor?: string;
+    headerTextFontsSize?: number;
+    bodyTextFontsSize?: number;
+    headerFontWeight?: number;
+    bodyFontWeight?: number;
+    checkedRowBackgroundColor?: string;
+    dropdownsBackgroundColor?: string;
+    footerRowBackgroundColor?: string;
+    footerRowHeight?: number;
+    topGroupedBadgesBackgroundColor?: string;
+    showRowsGrouping?: boolean;
+    showFilterRow?: boolean;
+    fontFaimly?: string;
+    showSideMenu?: boolean;
+    footerPadding?: number;
+    topFilterRowHeight?: number;
+    rowShadingEnabled?: boolean;
+    showSerialNumber?: boolean;
+    singleSpaAssetsPath?: string;
+    filtersConfig?: any[];
+    loading?: boolean;
+    verticalScrollbarWidth?: 'auto' | 'thin';
+    horizintalScrollbarWidth?: 'auto' | 'thin';
+    showCellDetailsBox?: boolean;
+    dateFormat?: string;
+    tableSearch?: string;
+    actions?: any[];
+    config?: any;
+    showTaskbar?: boolean;
+    tableName?: boolean;
+    listingType?: string | boolean;
+    checkboxState?: {
+        reset: boolean;
+    };
+    taskbarActions?: any[];
+    sortingConfig?: {
+        field: string;
+        order_by: string;
+    } | null;
+    tableFilterViewId?: any;
+    selectedTableLayout?: any;
+    closeDropdown?: {
+        preset: {
+            closed: boolean;
+            loading: boolean;
+        };
+    };
+    globalSearchText?: string;
+    nestedTablerowFontsize?: number;
+    nestedTableHeaderRowHeight?: number;
+    nestedTablerowHeight?: number;
+    gridType?: string;
+    currencySymbol?: string;
+    currencyFormat?: string;
+    leftPinnedBoxshadow?: string;
+    rightPinnedBoxshadow?: string;
+    selectedRowsBackgroundColor?: 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;
+    enableExport?: boolean;
+    showFullScreenButton?: boolean;
+    enableCut?: boolean;
+    tabs?: string[];
+    showCheckboxes?: boolean;
+}

package/lib/pipes/format-currency.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FormatCurrencyPipe implements PipeTransform {
+    transform(value: number | string, currencyFormat: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormatCurrencyPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FormatCurrencyPipe, "formatCurrencies", false>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ms-data-grid",
-  "version": "0.0.61",
+  "version": "0.0.63",
   "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",

package/public-api.d.ts

@@ -1,2 +1,4 @@
 export * from './lib/data-grid.module';
 export * from './lib/data-grid/data-grid.component';
+export * from './lib/interfaces/data-grid-config.ts';
+export * from './lib/services/common.service';