ms-data-grid 0.0.91 → 0.0.94

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

@@ -10,6 +10,15 @@ import { CellHostDirective } from '../directives/cellHost.directive';
 import { DatePipe } from '@angular/common';
 import { FormatCurrencyPipe } from '../pipes/format-currency.pipe';
 import * as i0 from "@angular/core";
+export declare enum RowAnimationType {
+    None = "none",
+    Spread = "spreadAnimation",
+    Bounce = "bounceAnimation",
+    SlideUp = "slideUpFromBottom",
+    Flip = "flipAnimation",
+    Skew = "skewAnimation",
+    SlideRight = "slideFromRight"
+}
 export interface DataGridConfig {
     fontFaimly: string;
     bodyTextFontsSize: number;
@@ -23,15 +32,6 @@ export interface DataGridConfig {
     rowShadingEnabled: boolean;
     activeFilters: boolean;
 }
-export declare enum RowAnimationType {
-    None = "none",
-    Spread = "spreadAnimation",
-    Bounce = "bounceAnimation",
-    SlideUp = "slideUpFromBottom",
-    Flip = "flipAnimation",
-    Skew = "skewAnimation",
-    SlideRight = "slideFromRight"
-}
 export declare const sortingAnimation: import("@angular/animations").AnimationTriggerMetadata;
 export declare class DataGridComponent implements OnChanges, AfterViewInit, OnInit, AfterViewChecked {
     private columnService;
@@ -139,11 +139,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     enableCut: boolean;
     tabs: string[];
     showCheckboxes: boolean;
-    pageSizeOptions: number[];
+    consumerFont: string | null;
+    defaultConfig: DataGridConfig | null;
     resetAllFilters: {
         resetAll: boolean;
     };
-    defaultConfig: DataGridConfig | null;
     columnThreedotsMunuConfig: {
         showPinleft: boolean;
         showPinright: boolean;
@@ -157,6 +157,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
         showResetColumns: boolean;
     };
     cellHosts: QueryList<CellHostDirective>;
+    globalSearchInput: ElementRef<HTMLInputElement>;
     changeLayout: EventEmitter<any>;
     customCellEvent: EventEmitter<any>;
     filterOptions: EventEmitter<any>;
@@ -164,7 +165,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     tablePresetConfig: EventEmitter<any>;
     sortingOrderOptions: EventEmitter<any>;
     createUpdateConfigListing: EventEmitter<any>;
-    storePresetName: string;
     isFullScreen: boolean;
     activeTab: string | null;
     groupedColumns: any[];
@@ -182,6 +182,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     filterColumnsList: any[];
     groupBoxPadding: number;
     presetName: string;
+    storePresetName: string;
     presetFilter: boolean;
     searchTextPresetTable: string;
     addFilterColumnInput: string;
@@ -204,7 +205,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     private injector;
     createCellInjector(row: any, col: any): Injector;
     private renderCustomCells;
-    shouldRestoreScroll: boolean;
     ngAfterViewChecked(): void;
     ngOnInit(): void;
     dataSetLoading: boolean;
@@ -228,7 +228,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     leftPinnedHeader: ElementRef<HTMLDivElement>;
     centerPinnedHeader: ElementRef<HTMLDivElement>;
     rightPinnedHeader: ElementRef<HTMLDivElement>;
-    globalSearchInput: ElementRef<HTMLInputElement>;
     columnsGroupedBox: ElementRef<HTMLDivElement>;
     centerFakeScrollbar: ElementRef<HTMLDivElement>;
     updateColumnWidthsAndGroups(columns?: any): Promise<void>;
@@ -240,25 +239,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     isNestedValueArray(obj: any, field: string): boolean;
     onResizeGroup(event: MouseEvent, col: any, isRightPinned?: boolean): void;
     private updateColumnWidthInSourceByField;
-    get createUpdateColumnConfig(): {
-        columns: any[];
-        filters: any[];
-        no_of_records: any;
-        table_config: {
-            rowShadingEnabled: boolean;
-            showVerticalBorder: boolean;
-            fontFaimly: string | undefined;
-            headerTextFontsSize: number;
-            selectedTableLayout: any;
-            bodyTextFontsSize: number;
-            globalSearch: string;
-            filterNames: string;
-            totalCount: number;
-            activeFilters: boolean;
-            oddRowsBackgroundColor: string;
-        };
-        type: string;
-    };
     cleanColumns(columns: any[]): any[];
     onResizeColumn(event: MouseEvent, col: any): void;
     onResizeGroupBox(event: MouseEvent): void;
@@ -273,7 +253,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     closeFilterDropdowns(event: MouseEvent): void;
     private hasParentWithClass;
     isMenueHidden: boolean;
-    openThreeDotsMenu(event: MouseEvent, child: any, keepOriginalPosition?: boolean): void;
+    clickedOnSortIcon: boolean;
+    openThreeDotsMenu(event: MouseEvent, child: any, clickedOnSortIcon?: boolean): void;
     sortAsc(col: any): void;
     sortDesc(col: any): void;
     resetSort(col: any): void;
@@ -401,6 +382,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     toggleActionsDropdown(): void;
     changeTableLayout(event: Event, layoutType: string): Promise<void>;
     setTableLayout(layoutType: string): void;
+    pageSizeOptions: number[];
     get startIndexData(): number;
     get endIndex(): number;
     get visiblePages(): (number | string)[];
@@ -419,8 +401,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     firstValue: any;
     firstCondition: string;
     secondValue: any;
-    secondCondition: string | null;
-    condition: string | null;
+    secondCondition: null;
+    condition: string;
     resetTextFilterChanges(): void;
     toggleAllValusSelectionInDropdownFilter(column: any): void;
     selectedFilterOptions: any[];
@@ -433,7 +415,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     isAllSideFilterOptionsSelected(col: any): boolean;
     onOptionToggle(col: any, option: any): void;
     resetSideFilter(col: any): void;
-    clearAllFilters(shouldUpdateConfigListing?: boolean): void;
+    clearAllFilters(): void;
     applySideFilter(column: any): void;
     removeSideFilter(column: any): void;
     collapseAllExpandedCells(): void;
@@ -598,6 +580,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     hasAnyDefaultView(): boolean;
     get isTablePresetNotChanged(): any;
     onActionButtonClick(button: string): void;
+    createCustomColumn(): void;
     setActiveTab(tab: string | null): void;
     getBackgroundColor(row: any, isEven: boolean, section: 'left' | 'center' | 'right'): string | undefined;
     hasHorizontalScrollbar(): boolean;
@@ -618,9 +601,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
     selectGroupRow(e: Event, row: any): void;
     getGroupCheckedState(row: any): boolean | undefined;
     getCellTitle(row: any, col: any): string;
-    finishEdit(event: any): void;
-    getDynamicRight(col: any, section: string, colIndex: number, subColIndex: number): number | null;
-    blurInput(event: Event, row: any, col: any): void;
+    activeFilterType: string;
+    activeFilter(type: string): void;
     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; }; "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; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "resetAllFilters": { "alias": "resetAllFilters"; "required": false; }; "defaultConfig": { "alias": "defaultConfig"; "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; }; "consumerFont": { "alias": "consumerFont"; "required": false; }; "defaultConfig": { "alias": "defaultConfig"; "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/styles/font-style.css

@@ -0,0 +1,34 @@
+@font-face {
+  font-family: "Inter";
+  src: url("../assets/fonts/Inter/static/Inter_18pt-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* medium */
+@font-face {
+  font-family: "Inter";
+  src: url("../assets/fonts/Inter/static/Inter_18pt-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* bold */
+@font-face {
+  font-family: "Inter";
+  src: url("../assets/fonts/Inter/static/Inter_18pt-Bold.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+/* semi bold */
+@font-face {
+  font-family: "Inter";
+  src: url("../assets/fonts/Inter/static/Inter_18pt-SemiBold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}

package/package.json

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