ms-data-grid 0.0.127 → 0.0.128
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/data-grid/data-grid.component.mjs +51 -129
- package/esm2022/lib/services/common.service.mjs +66 -1
- package/esm2022/lib/services/html-content-sanitizer.service.mjs +59 -0
- package/esm2022/lib/services/validations.service.mjs +63 -0
- package/fesm2022/ms-data-grid.mjs +273 -171
- package/fesm2022/ms-data-grid.mjs.map +1 -1
- package/lib/data-grid/data-grid.component.d.ts +7 -5
- package/lib/services/common.service.d.ts +3 -0
- package/lib/services/html-content-sanitizer.service.d.ts +14 -0
- package/lib/services/validations.service.d.ts +10 -0
- package/package.json +1 -1
|
@@ -11,6 +11,8 @@ import { CellHostDirective } from '../directives/cellHost.directive';
|
|
|
11
11
|
import { DatePipe } from '@angular/common';
|
|
12
12
|
import { FormatCurrencyPipe } from '../pipes/format-currency.pipe';
|
|
13
13
|
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
|
|
14
|
+
import { ValidationsService } from './../services/validations.service';
|
|
15
|
+
import { HtmlContentSanitizerService } from './../services/html-content-sanitizer.service';
|
|
14
16
|
import * as i0 from "@angular/core";
|
|
15
17
|
export interface DataGridConfig {
|
|
16
18
|
fontFaimly: string;
|
|
@@ -48,6 +50,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
48
50
|
private datePipe;
|
|
49
51
|
private formatCurrency;
|
|
50
52
|
private actionValidator;
|
|
53
|
+
private validationsService;
|
|
54
|
+
private htmlSanatizerService;
|
|
51
55
|
rowAnimation: RowAnimationType;
|
|
52
56
|
paginationConfig: any;
|
|
53
57
|
dataSet: any[];
|
|
@@ -205,7 +209,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
205
209
|
fontFamilies: string[];
|
|
206
210
|
fontSizes: string[];
|
|
207
211
|
hasScroll: boolean;
|
|
208
|
-
constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService, renderer: Renderer2, sanitizer: DomSanitizer, exportService: ExportService, datePipe: DatePipe, formatCurrency: FormatCurrencyPipe, actionValidator: RowActionService);
|
|
212
|
+
constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService, renderer: Renderer2, sanitizer: DomSanitizer, exportService: ExportService, datePipe: DatePipe, formatCurrency: FormatCurrencyPipe, actionValidator: RowActionService, validationsService: ValidationsService, htmlSanatizerService: HtmlContentSanitizerService);
|
|
209
213
|
cellText: any;
|
|
210
214
|
nestedHeader: ElementRef;
|
|
211
215
|
ngAfterViewInit(): Promise<void>;
|
|
@@ -456,6 +460,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
456
460
|
textAreadInput: ElementRef<HTMLTextAreaElement>;
|
|
457
461
|
menuReady: boolean;
|
|
458
462
|
enableEdit(row: any, column: any, clickedFromDetailsBox?: boolean, cellContainer?: HTMLElement): void;
|
|
463
|
+
isValueValid(row: any, column: any, control: any): boolean;
|
|
459
464
|
disableEdit(row: any, column: any, control?: any): void;
|
|
460
465
|
emailRegex: RegExp;
|
|
461
466
|
validateEmail(value: string): boolean;
|
|
@@ -463,6 +468,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
463
468
|
checkRowEditAndEmitValue(row: any, column: any, value?: any): void;
|
|
464
469
|
isEditing(row: any, col: any): boolean;
|
|
465
470
|
setNestedValue(obj: any, column: any, option: any, calledFromInput?: boolean): void;
|
|
471
|
+
rollBackCellValue(row: any, column: any): void;
|
|
466
472
|
arrayTempMap: Map<string, any[]>;
|
|
467
473
|
private arrayKey;
|
|
468
474
|
getArrayOptionId(option: any): any;
|
|
@@ -658,11 +664,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
658
664
|
private emitFilters;
|
|
659
665
|
applyFilterOnColumn(col: any): void;
|
|
660
666
|
removeFilterFromColumn(col: any): void;
|
|
661
|
-
private replaceColumnQuery;
|
|
662
667
|
getFormatedDate(val: any): string;
|
|
663
|
-
/**
|
|
664
|
-
* Closes all expanded detail rows
|
|
665
|
-
*/
|
|
666
668
|
closeAllExpandedRows(): void;
|
|
667
669
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
|
|
668
670
|
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; }; "selectedTab": { "alias": "selectedTab"; "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; }; "packageData": { "alias": "packageData"; "required": false; }; "showUnLink": { "alias": "showUnLink"; "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; }; "validateIcon": { "alias": "validateIcon"; "required": false; }; }, { "changeLayout": "changeLayout"; "customCellEvent": "customCellEvent"; "filterOptions": "filterOptions"; "genericEvent": "genericEvent"; "tablePresetConfig": "tablePresetConfig"; "sortingOrderOptions": "sortingOrderOptions"; "createUpdateConfigListing": "createUpdateConfigListing"; }, never, never, false, never>;
|
|
@@ -18,6 +18,9 @@ export declare class CommonService {
|
|
|
18
18
|
formatDateValue(value: any, momentFormat?: string): string;
|
|
19
19
|
private convertMomentToAngularDateFormat;
|
|
20
20
|
private parseDDMMYYYY;
|
|
21
|
+
getCellClasses(column: any, value: any): string;
|
|
22
|
+
replaceColumnQuery(columns: any[], targetCol: any, newQuery: any): boolean;
|
|
23
|
+
capitalizeStatus(value: any): string;
|
|
21
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<CommonService, never>;
|
|
22
25
|
static ɵprov: i0.ɵɵInjectableDeclaration<CommonService>;
|
|
23
26
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class HtmlContentSanitizerService {
|
|
4
|
+
private sanitizer;
|
|
5
|
+
constructor(sanitizer: DomSanitizer);
|
|
6
|
+
cleanEditorContent(content: string | null | undefined): SafeHtml;
|
|
7
|
+
private decodeHtml;
|
|
8
|
+
private stripUnwantedTags;
|
|
9
|
+
private normalizeTableStructure;
|
|
10
|
+
private applyInlineStyles;
|
|
11
|
+
private styleImages;
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HtmlContentSanitizerService, never>;
|
|
13
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<HtmlContentSanitizerService>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ValidationsService {
|
|
3
|
+
constructor();
|
|
4
|
+
getValidator(column: any): ((row: any, column: any, value: any) => boolean) | null;
|
|
5
|
+
private normalizeTsFn;
|
|
6
|
+
findOriginalRow(dataset: any[], rowId: any): any;
|
|
7
|
+
isValueValid(row: any, column: any, value: any): boolean;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ValidationsService, never>;
|
|
9
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ValidationsService>;
|
|
10
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ms-data-grid",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.128",
|
|
4
4
|
"description": "A powerful, customizable Angular data grid component with advanced features like sorting, filtering, pagination, column pinning, and taskbar actions. Perfect for enterprise applications.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|