ms-data-grid 0.0.43 → 0.0.44

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

@@ -1,23 +1,20 @@
-import { OnInit, OnChanges, SimpleChanges, ElementRef, AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, Renderer2, AfterViewChecked, TemplateRef } from '@angular/core';
+import { OnChanges, SimpleChanges, ElementRef, AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone } 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 * as i0 from "@angular/core";
 export declare const sortingAnimation: import("@angular/animations").AnimationTriggerMetadata;
-export declare class DataGridComponent implements OnChanges, AfterViewInit, OnInit, AfterViewChecked {
+export declare class DataGridComponent implements OnChanges, AfterViewInit {
     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[];
@@ -36,14 +33,12 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     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;
@@ -92,32 +87,19 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     leftPinnedBoxshadow: string;
     rightPinnedBoxshadow: string;
     selectedRowsBackgroundColor: string;
-    nestedTableHeaderBackgroundColor: string;
-    nestedTableRowBackgroundColor: string;
+    nestedTableHeaderBAckgroundColor: string;
     tableView: any[];
-    buttons: {
-        name: string;
-        is_showIcon: boolean;
-        icon: string;
-        has_permission: boolean;
-    }[];
     keepMultipleExpandedDetails: boolean;
     showTotalAmountRow: boolean;
-    enableGlobalSearch: boolean;
     tableType: string;
-    enableExport: boolean;
-    enableCut: boolean;
-    tabs: string[];
-    resetAllFilters: {
-        resetAll: boolean;
-    };
+    widgets: any[];
     columnThreedotsMunuConfig: {
         showPinleft: boolean;
         showPinright: boolean;
         showAscending: boolean;
         showDescending: boolean;
         showFilter: boolean;
-        showRowsGrouping: boolean | undefined;
+        showRowsGrouping: boolean;
         showAutosizeAllColumns: boolean;
         showAutosizeThisColumn: boolean;
         showChoseColumns: boolean;
@@ -129,7 +111,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     tablePresetConfig: EventEmitter<any>;
     sortingOrderOptions: EventEmitter<any>;
     createUpdateConfigListing: EventEmitter<any>;
-    activeTab: string | null;
     groupedColumns: any[];
     activeCol: any;
     activeFilterCell: any;
@@ -145,29 +126,22 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     filterColumnsList: any[];
     groupBoxPadding: number;
     presetName: string;
-    presetFilter: boolean;
+    presetFilter: any;
     searchTextPresetTable: string;
     addFilterColumnInput: string;
     searchInDropdown: string;
     addFilterDropdownSearch: string;
     topShowHideColumns: string;
     choseColumnsSearch: string;
-    sideNestedFilterSearch: string;
     editinDropdownSearch: string;
     isThreeDotsFilterOpen: boolean;
     confirmDelete: boolean;
     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, swapColumnService: SwapColumnsService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService);
     cellText: ElementRef;
-    nestedHeader: ElementRef;
-    ngAfterViewInit(): void;
-    ngAfterViewChecked(): void;
-    ngOnInit(): void;
+    ngAfterViewInit(): Promise<void>;
     ngOnChanges(changes: SimpleChanges): Promise<void>;
-    applyRowsSelectionState(): void;
-    clearSelectionState(tableType: string): void;
     applyFilteroptionList(): Promise<void>;
     leftPinnedColumns: any[];
     centerColumns: any[];
@@ -176,8 +150,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     previewCenterColumns: any[];
     previewRightPinnedColumns: any[];
     dataGridContainer: ElementRef<HTMLDivElement>;
-    taskManagementContainer: ElementRef<HTMLDivElement>;
-    nestedTableContainer: ElementRef<HTMLDivElement>;
     leftPinnedBody: ElementRef<HTMLDivElement>;
     centerPinnedBody: ElementRef<HTMLDivElement>;
     rightPinnedBody: ElementRef<HTMLDivElement>;
@@ -190,15 +162,16 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     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;
@@ -209,11 +182,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     closeFilterDropdowns(event: MouseEvent): void;
     private hasParentWithClass;
     isMenueHidden: boolean;
-    openThreeDotsMenu(event: MouseEvent, child: any, keepOriginalPosition?: boolean): void;
+    openThreeDotsMenu(event: MouseEvent, child: any): void;
     sortAsc(col: any): void;
     sortDesc(col: any): void;
     resetSort(col: any): void;
-    updateColumnPinInSourceByField(column: any, pinned: 'left' | 'right' | null, isNestedTable?: any, columns?: any): Promise<void>;
+    updateColumnPinInSourceByField(column: any, pinned: 'left' | 'right' | null): Promise<void>;
     autosizeColumn(cols: any | any[]): void;
     getGroupWidth(group: any): number;
     autosizeAllColumns(): void;
@@ -283,10 +256,10 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     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;
@@ -295,17 +268,19 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     mainScroll: ElementRef<HTMLDivElement>;
     fakeScroll: ElementRef<HTMLDivElement>;
     horizintalFakeScroll: ElementRef<HTMLDivElement>;
-    centerScrollableBody: ElementRef<HTMLDivElement>;
+    centerScrollableBody: ElementRef<any>;
     private overscan;
     computeViewportRows(): void;
-    onHorizontalFakeScroll(event: Event): void;
+    onHorizintalFakeScroll(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;
@@ -315,9 +290,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     onSortGroup: (event: CdkDragSortEvent<any>, section: string) => Promise<void>;
     onDropGroup(): void;
     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[];
@@ -343,12 +320,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     isFilterOpen: boolean;
     selectedColumnForFilter: any;
     showFilters: boolean;
-    openFilterFromDisabledSearchedInput(col: any): void;
     openFilter(col: any): void;
     firstValue: any;
     firstCondition: string;
     secondValue: any;
-    secondCondition: null;
+    secondCondition: string;
     condition: string;
     resetTextFilterChanges(): void;
     toggleAllValusSelectionInDropdownFilter(column: any): void;
@@ -363,9 +339,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     onOptionToggle(col: any, option: any): void;
     resetSideFilter(col: any): void;
     clearAllFilters(): void;
-    applySideFilter(column: any): void;
-    removeSideFilter(column: any): void;
-    collapseAllExpandedCells(): void;
+    applySideFilter(): void;
     trackByField(index: number, col: any): string;
     get activeFilteredColumns(): any[];
     toggleOpenFilter(): void;
@@ -373,7 +347,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     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;
@@ -385,14 +358,9 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     goToPage(page: any): void;
     onPageSizeChange(): void;
     actionPreset(data: any, type: any): void;
-    currentIdForUpdatePreset: string;
-    curretaTablePresetForUpdate: any;
-    temp_state: {
-        id: string;
-        is_temp: boolean;
-    };
-    selectFilter(data: any): Promise<void>;
+    selectFilter(data: any): void;
     savePreset(control?: any): void;
+    getFilterHeaders(filters: any[], columns: any[]): string;
     toggleRowShading(): void;
     trackByTable(index: number): number;
     activeRow: any;
@@ -400,9 +368,10 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     getCellKey(row: any, col: any): string;
     expandedCells: Map<string, number>;
     private zCounter;
-    showDetailsBox: boolean;
     toggleExpandOfLongCellText(row: any, col: any, columns: any[], expandWholeRow?: boolean): void;
+    showDetailsBox: boolean;
     isOpenToTop(row: any, col: any): boolean;
+    collapseAllExpandedCells(): void;
     isExpanded(row: any, col: any): boolean;
     getZIndex(row: any, col: any): number;
     isOverflowing(element: HTMLElement | null): boolean;
@@ -422,11 +391,10 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     getCellClasses(column: any, value: any): string;
     removeColumnFilterFromColumn(column: any): void;
     onSideMenuColumnsVisibilityChange(): void;
-    cleanFilterdColumns(): any[];
-    downloadCsv(type: 'csv' | 'xlsx'): void;
+    downloadCsv(): void;
     onFontChange(): void;
     onGlobalSearch(): void;
-    onSearchInput(event: Event): void;
+    onInputChange(event: any): void;
     checkFilterChangesEffect(): any;
     selectedCells: any[];
     selectedKeys: Set<string>;
@@ -481,10 +449,10 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     performCut(selectedData: any[][]): void;
     getSelectedDataForCopy(): any[][];
     onKeyDown(event: KeyboardEvent): void;
-    selectAllCells(): void;
     undo(): void;
     redo(): void;
-    onPaste: (event: ClipboardEvent) => Promise<void>;
+    onPaste(event: ClipboardEvent): Promise<void>;
+    showConfirmationModal(message: string): Promise<boolean>;
     isDate(value: any): boolean;
     expandededDetailRows: (string | number)[] | string | number;
     toggleDetailRowExpand(row: any): void;
@@ -494,45 +462,16 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     toggleMenu(i: number, event?: MouseEvent): void;
     nestedTable: ElementRef<HTMLDivElement>;
     get hasVerticalScroll(): boolean;
-    get hasHorizontalScroll(): boolean;
-    getTotalAmount(column: any): string | undefined;
+    getTotalAmount(column: any): string;
     dropColumn(event: CdkDragDrop<any[]>, row: any): void;
     currentSubSortColumn: string | null;
     currentSortDirection: 'asc' | 'desc';
-    sortNestedCol(col: any, row: any): void;
+    sortNestedCol(col: any, dataSet?: any[]): void;
     getColumnWidthPx(row: any, col: any): string;
     fullscreenImage: string | null;
-    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>;
+    openFullScreenImage(src: string): void;
+    getVisibleColumnCount(columns: any[]): number;
+    clearSelection(): 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; }; "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; }; "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>;
+    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>;
 }

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

@@ -1,13 +1,14 @@
 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 "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/cdk/drag-drop";
-import * as i6 from "ng-inline-svg";
-import * as i7 from "@angular/cdk/scrolling";
+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";
 export declare class DataGridModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DataGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DataGridModule, [typeof i1.DataGridComponent, typeof i2.FilterPipe], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.DragDropModule, typeof i6.InlineSVGModule, typeof i7.ScrollingModule], [typeof i1.DataGridComponent]>;
+    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 ɵinj: i0.ɵɵInjectorDeclaration<DataGridModule>;
 }

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

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

package/lib/directives/draggable-header.directive.d.ts

@@ -0,0 +1,31 @@
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface DragMoveEvent {
+    event: MouseEvent;
+    data: any;
+}
+export declare class DraggableHeaderDirective {
+    private el;
+    private renderer;
+    column: any;
+    headerName: string;
+    dragStart: EventEmitter<any>;
+    dragMove: EventEmitter<any>;
+    dragEnd: EventEmitter<any>;
+    private isDragging;
+    private placeholderEl;
+    private previewEl;
+    constructor(el: ElementRef, renderer: Renderer2);
+    startX: number;
+    startY: number;
+    onMouseDown(event: MouseEvent): void;
+    onMouseMove: (event: MouseEvent) => void;
+    onMouseUp: (event: MouseEvent) => void;
+    private originalCursor;
+    private setCursor;
+    private resetCursor;
+    private startDragging;
+    overrideCursor(style: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableHeaderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableHeaderDirective, "[appDraggableHeader]", never, { "column": { "alias": "column"; "required": false; }; "headerName": { "alias": "headerName"; "required": false; }; }, { "dragStart": "dragStart"; "dragMove": "dragMove"; "dragEnd": "dragEnd"; }, never, never, false, never>;
+}

package/lib/services/swap-columns.service.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class SwapColumnsService {
+    constructor();
+    deepClone(obj: any): any;
+    flattenColumnsWithPaths(columns: any[]): {
+        col: any;
+        path: number[];
+    }[];
+    findColumnByIndex(columns: any[], index: number, flat: any[], _path?: number[][], currentPath?: number[]): {
+        column: any;
+        parent: any[];
+        path: number[];
+    } | null;
+    insertAtPath(columns: any[], path: number[], newColumn: any): any[];
+    removeAtPath(columns: any[], path: number[]): any[];
+    swapColumnsInTree(currentColumn: any, columns: any[], fromIndex: number, toIndex: number): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwapColumnsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SwapColumnsService>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ms-data-grid",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "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,13 +26,7 @@
     "@angular/core": "^16.2.0"
   },
   "dependencies": {
-    "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"
+    "tslib": "^2.3.0"
   },
   "sideEffects": false,
   "module": "fesm2022/ms-data-grid.mjs",

package/public-api.d.ts

@@ -1,2 +1,4 @@
+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';