ms-data-grid 0.0.129 → 0.0.130
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 +777 -398
- package/esm2022/lib/directives/cell-render-init.directive.mjs +28 -8
- package/esm2022/lib/services/common.service.mjs +66 -1
- package/esm2022/lib/services/html-content-sanitizer.service.mjs +59 -0
- package/esm2022/lib/services/row-action.service.mjs +145 -0
- package/esm2022/lib/services/validations.service.mjs +63 -0
- package/fesm2022/ms-data-grid.mjs +1242 -522
- package/fesm2022/ms-data-grid.mjs.map +1 -1
- package/lib/data-grid/data-grid.component.d.ts +89 -30
- package/lib/directives/cell-render-init.directive.d.ts +7 -3
- package/lib/services/common.service.d.ts +3 -0
- package/lib/services/html-content-sanitizer.service.d.ts +14 -0
- package/lib/services/row-action.service.d.ts +21 -0
- package/lib/services/validations.service.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { OnInit, OnChanges, SimpleChanges, ElementRef, AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, Renderer2, AfterViewChecked, TemplateRef, QueryList, Injector } from '@angular/core';
|
|
2
2
|
import { SplitColumnsService } from '../services/split-columns.service';
|
|
3
|
+
import { RowActionService } from '../services/row-action.service';
|
|
3
4
|
import { CommonService } from '../services/common.service';
|
|
4
5
|
import { CdkDrag, CdkDragDrop, CdkDragEnter, CdkDragExit, CdkDragMove, CdkDragSortEvent } from '@angular/cdk/drag-drop';
|
|
5
6
|
import { CdkDropList } from '@angular/cdk/drag-drop';
|
|
@@ -9,16 +10,10 @@ import { ExportService } from '../services/export.service';
|
|
|
9
10
|
import { CellHostDirective } from '../directives/cellHost.directive';
|
|
10
11
|
import { DatePipe } from '@angular/common';
|
|
11
12
|
import { FormatCurrencyPipe } from '../pipes/format-currency.pipe';
|
|
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';
|
|
12
16
|
import * as i0 from "@angular/core";
|
|
13
|
-
export declare enum RowAnimationType {
|
|
14
|
-
None = "none",
|
|
15
|
-
Spread = "spreadAnimation",
|
|
16
|
-
Bounce = "bounceAnimation",
|
|
17
|
-
SlideUp = "slideUpFromBottom",
|
|
18
|
-
Flip = "flipAnimation",
|
|
19
|
-
Skew = "skewAnimation",
|
|
20
|
-
SlideRight = "slideFromRight"
|
|
21
|
-
}
|
|
22
17
|
export interface DataGridConfig {
|
|
23
18
|
fontFaimly: string;
|
|
24
19
|
bodyTextFontsSize: number;
|
|
@@ -32,6 +27,15 @@ export interface DataGridConfig {
|
|
|
32
27
|
rowShadingEnabled: boolean;
|
|
33
28
|
activeFilters: boolean;
|
|
34
29
|
}
|
|
30
|
+
export declare enum RowAnimationType {
|
|
31
|
+
None = "none",
|
|
32
|
+
Spread = "spreadAnimation",
|
|
33
|
+
Bounce = "bounceAnimation",
|
|
34
|
+
SlideUp = "slideUpFromBottom",
|
|
35
|
+
Flip = "flipAnimation",
|
|
36
|
+
Skew = "skewAnimation",
|
|
37
|
+
SlideRight = "slideFromRight"
|
|
38
|
+
}
|
|
35
39
|
export declare const sortingAnimation: import("@angular/animations").AnimationTriggerMetadata;
|
|
36
40
|
export declare class DataGridComponent implements OnChanges, AfterViewInit, OnInit, AfterViewChecked {
|
|
37
41
|
private columnService;
|
|
@@ -45,6 +49,9 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
45
49
|
private exportService;
|
|
46
50
|
private datePipe;
|
|
47
51
|
private formatCurrency;
|
|
52
|
+
private actionValidator;
|
|
53
|
+
private validationsService;
|
|
54
|
+
private htmlSanatizerService;
|
|
48
55
|
rowAnimation: RowAnimationType;
|
|
49
56
|
paginationConfig: any;
|
|
50
57
|
dataSet: any[];
|
|
@@ -92,6 +99,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
92
99
|
tableSearch: string;
|
|
93
100
|
actions: any[];
|
|
94
101
|
config: any;
|
|
102
|
+
selectedTab: string;
|
|
95
103
|
showTaskbar: boolean;
|
|
96
104
|
tableName: boolean;
|
|
97
105
|
listingType: string | boolean;
|
|
@@ -115,6 +123,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
115
123
|
nestedTablerowFontsize: number;
|
|
116
124
|
nestedTableHeaderRowHeight: number;
|
|
117
125
|
nestedTablerowHeight: number;
|
|
126
|
+
packageData: boolean;
|
|
127
|
+
showUnLink: any;
|
|
118
128
|
gridType: string;
|
|
119
129
|
currencySymbol: string;
|
|
120
130
|
currencyFormat: string;
|
|
@@ -139,12 +149,11 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
139
149
|
enableCut: boolean;
|
|
140
150
|
tabs: string[];
|
|
141
151
|
showCheckboxes: boolean;
|
|
142
|
-
|
|
143
|
-
defaultConfig: DataGridConfig | null;
|
|
152
|
+
pageSizeOptions: number[];
|
|
144
153
|
resetAllFilters: {
|
|
145
154
|
resetAll: boolean;
|
|
146
155
|
};
|
|
147
|
-
|
|
156
|
+
defaultConfig: DataGridConfig | null;
|
|
148
157
|
columnThreedotsMunuConfig: {
|
|
149
158
|
showPinleft: boolean;
|
|
150
159
|
showPinright: boolean;
|
|
@@ -157,8 +166,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
157
166
|
showChoseColumns: boolean;
|
|
158
167
|
showResetColumns: boolean;
|
|
159
168
|
};
|
|
169
|
+
validateIcon: boolean;
|
|
160
170
|
cellHosts: QueryList<CellHostDirective>;
|
|
161
|
-
globalSearchInput: ElementRef<HTMLInputElement>;
|
|
162
171
|
changeLayout: EventEmitter<any>;
|
|
163
172
|
customCellEvent: EventEmitter<any>;
|
|
164
173
|
filterOptions: EventEmitter<any>;
|
|
@@ -166,6 +175,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
166
175
|
tablePresetConfig: EventEmitter<any>;
|
|
167
176
|
sortingOrderOptions: EventEmitter<any>;
|
|
168
177
|
createUpdateConfigListing: EventEmitter<any>;
|
|
178
|
+
storePresetName: string;
|
|
169
179
|
isFullScreen: boolean;
|
|
170
180
|
activeTab: string | null;
|
|
171
181
|
groupedColumns: any[];
|
|
@@ -183,7 +193,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
183
193
|
filterColumnsList: any[];
|
|
184
194
|
groupBoxPadding: number;
|
|
185
195
|
presetName: string;
|
|
186
|
-
storePresetName: string;
|
|
187
196
|
presetFilter: boolean;
|
|
188
197
|
searchTextPresetTable: string;
|
|
189
198
|
addFilterColumnInput: string;
|
|
@@ -196,16 +205,18 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
196
205
|
editinDropdownSearch: string;
|
|
197
206
|
isThreeDotsFilterOpen: boolean;
|
|
198
207
|
confirmDelete: boolean;
|
|
208
|
+
private originalActions;
|
|
199
209
|
fontFamilies: string[];
|
|
200
210
|
fontSizes: string[];
|
|
201
211
|
hasScroll: boolean;
|
|
202
|
-
constructor(columnService: SplitColumnsService, cdr: ChangeDetectorRef, commonSevice: CommonService, elementRef: ElementRef, ngZone: NgZone, copyService: CopyServiceService, renderer: Renderer2, sanitizer: DomSanitizer, exportService: ExportService, datePipe: DatePipe, formatCurrency: FormatCurrencyPipe);
|
|
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);
|
|
203
213
|
cellText: any;
|
|
204
214
|
nestedHeader: ElementRef;
|
|
205
215
|
ngAfterViewInit(): Promise<void>;
|
|
206
216
|
private injector;
|
|
207
217
|
createCellInjector(row: any, col: any): Injector;
|
|
208
218
|
private renderCustomCells;
|
|
219
|
+
shouldRestoreScroll: boolean;
|
|
209
220
|
ngAfterViewChecked(): void;
|
|
210
221
|
ngOnInit(): void;
|
|
211
222
|
dataSetLoading: boolean;
|
|
@@ -229,6 +240,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
229
240
|
leftPinnedHeader: ElementRef<HTMLDivElement>;
|
|
230
241
|
centerPinnedHeader: ElementRef<HTMLDivElement>;
|
|
231
242
|
rightPinnedHeader: ElementRef<HTMLDivElement>;
|
|
243
|
+
globalSearchInput: ElementRef<HTMLInputElement>;
|
|
232
244
|
columnsGroupedBox: ElementRef<HTMLDivElement>;
|
|
233
245
|
centerFakeScrollbar: ElementRef<HTMLDivElement>;
|
|
234
246
|
updateColumnWidthsAndGroups(columns?: any): Promise<void>;
|
|
@@ -240,6 +252,25 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
240
252
|
isNestedValueArray(obj: any, field: string): boolean;
|
|
241
253
|
onResizeGroup(event: MouseEvent, col: any, isRightPinned?: boolean): void;
|
|
242
254
|
private updateColumnWidthInSourceByField;
|
|
255
|
+
get createUpdateColumnConfig(): {
|
|
256
|
+
columns: any[];
|
|
257
|
+
filters: any[];
|
|
258
|
+
no_of_records: any;
|
|
259
|
+
table_config: {
|
|
260
|
+
rowShadingEnabled: boolean;
|
|
261
|
+
showVerticalBorder: boolean;
|
|
262
|
+
fontFaimly: string;
|
|
263
|
+
headerTextFontsSize: number;
|
|
264
|
+
selectedTableLayout: any;
|
|
265
|
+
bodyTextFontsSize: number;
|
|
266
|
+
globalSearch: string;
|
|
267
|
+
filterNames: string;
|
|
268
|
+
totalCount: number;
|
|
269
|
+
activeFilters: boolean;
|
|
270
|
+
oddRowsBackgroundColor: string;
|
|
271
|
+
};
|
|
272
|
+
type: string;
|
|
273
|
+
};
|
|
243
274
|
cleanColumns(columns: any[]): any[];
|
|
244
275
|
onResizeColumn(event: MouseEvent, col: any): void;
|
|
245
276
|
onResizeGroupBox(event: MouseEvent): void;
|
|
@@ -254,11 +285,10 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
254
285
|
closeFilterDropdowns(event: MouseEvent): void;
|
|
255
286
|
private hasParentWithClass;
|
|
256
287
|
isMenueHidden: boolean;
|
|
257
|
-
|
|
258
|
-
openThreeDotsMenu(event: MouseEvent, child: any, clickedOnSortIcon?: boolean): void;
|
|
288
|
+
openThreeDotsMenu(event: MouseEvent, child: any, keepOriginalPosition?: boolean): void;
|
|
259
289
|
sortAsc(col: any): void;
|
|
260
290
|
sortDesc(col: any): void;
|
|
261
|
-
resetSort(col
|
|
291
|
+
resetSort(col: any): void;
|
|
262
292
|
updateColumnPinInSourceByField(column: any, pinned: 'left' | 'right' | null, isNestedTable?: any, columns?: any): Promise<void>;
|
|
263
293
|
private getVisibleLeafColumns;
|
|
264
294
|
autosizeColumn(cols: any | any[]): void;
|
|
@@ -401,8 +431,8 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
401
431
|
firstValue: any;
|
|
402
432
|
firstCondition: string;
|
|
403
433
|
secondValue: any;
|
|
404
|
-
secondCondition: null;
|
|
405
|
-
condition: string;
|
|
434
|
+
secondCondition: string | null;
|
|
435
|
+
condition: string | null;
|
|
406
436
|
resetTextFilterChanges(): void;
|
|
407
437
|
toggleAllValusSelectionInDropdownFilter(column: any): void;
|
|
408
438
|
selectedFilterOptions: any[];
|
|
@@ -410,12 +440,13 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
410
440
|
toggleSelectionInFilter(option: any): void;
|
|
411
441
|
resetFilterChanges(): void;
|
|
412
442
|
applyDropdownFilter(): void;
|
|
443
|
+
private findColumn;
|
|
413
444
|
isFilterAppliedOnColumn(column: any): boolean;
|
|
414
445
|
toggleSelectAllSideFilters(col: any, event: Event): void;
|
|
415
446
|
isAllSideFilterOptionsSelected(col: any): boolean;
|
|
416
447
|
onOptionToggle(col: any, option: any): void;
|
|
417
448
|
resetSideFilter(col: any): void;
|
|
418
|
-
clearAllFilters(): void;
|
|
449
|
+
clearAllFilters(shouldUpdateConfigListing?: boolean): void;
|
|
419
450
|
applySideFilter(column: any): void;
|
|
420
451
|
removeSideFilter(column: any): void;
|
|
421
452
|
collapseAllExpandedCells(): void;
|
|
@@ -427,7 +458,9 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
427
458
|
setActiveCell(row: any, column: any): void;
|
|
428
459
|
isActiveCell(row: any, col: any): boolean;
|
|
429
460
|
textAreadInput: ElementRef<HTMLTextAreaElement>;
|
|
461
|
+
menuReady: boolean;
|
|
430
462
|
enableEdit(row: any, column: any, clickedFromDetailsBox?: boolean, cellContainer?: HTMLElement): void;
|
|
463
|
+
isValueValid(row: any, column: any, control: any): boolean;
|
|
431
464
|
disableEdit(row: any, column: any, control?: any): void;
|
|
432
465
|
emailRegex: RegExp;
|
|
433
466
|
validateEmail(value: string): boolean;
|
|
@@ -435,6 +468,19 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
435
468
|
checkRowEditAndEmitValue(row: any, column: any, value?: any): void;
|
|
436
469
|
isEditing(row: any, col: any): boolean;
|
|
437
470
|
setNestedValue(obj: any, column: any, option: any, calledFromInput?: boolean): void;
|
|
471
|
+
rollBackCellValue(row: any, column: any): void;
|
|
472
|
+
arrayTempMap: Map<string, any[]>;
|
|
473
|
+
private arrayKey;
|
|
474
|
+
getArrayOptionId(option: any): any;
|
|
475
|
+
getArrayOptionLabel(option: any): string;
|
|
476
|
+
getArrayTemp(row: any, col: any): any[];
|
|
477
|
+
isArraySelected(row: any, col: any, option: any): boolean;
|
|
478
|
+
toggleArrayTemp(row: any, col: any, option: any): void;
|
|
479
|
+
commitArray(row: any, col: any): void;
|
|
480
|
+
onArrayBlur(row: any, col: any): void;
|
|
481
|
+
cleanupArray(row: any, col: any): void;
|
|
482
|
+
displayArrayValues(ids: any[], col?: any): string;
|
|
483
|
+
displayArrayLabels(row: any, col: any): string;
|
|
438
484
|
goToPage(page: any): void;
|
|
439
485
|
onPageSizeChange(): void;
|
|
440
486
|
actionPreset(data: any, type: any): void;
|
|
@@ -444,8 +490,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
444
490
|
id: string;
|
|
445
491
|
is_temp: boolean;
|
|
446
492
|
};
|
|
447
|
-
|
|
448
|
-
selectFilter(data: any, index?: any): Promise<void>;
|
|
493
|
+
selectFilter(data: any): Promise<void>;
|
|
449
494
|
savePreset(control?: any): void;
|
|
450
495
|
getFilterHeaders(filters: any[], columns: any[]): string;
|
|
451
496
|
toggleRowShading(): void;
|
|
@@ -581,7 +626,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
581
626
|
hasAnyDefaultView(): boolean;
|
|
582
627
|
get isTablePresetNotChanged(): any;
|
|
583
628
|
onActionButtonClick(button: string): void;
|
|
584
|
-
createCustomColumn(): void;
|
|
585
629
|
setActiveTab(tab: string | null): void;
|
|
586
630
|
getBackgroundColor(row: any, isEven: boolean, section: 'left' | 'center' | 'right'): string | undefined;
|
|
587
631
|
hasHorizontalScrollbar(): boolean;
|
|
@@ -602,11 +646,26 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
602
646
|
selectGroupRow(e: Event, row: any): void;
|
|
603
647
|
getGroupCheckedState(row: any): boolean | undefined;
|
|
604
648
|
getCellTitle(row: any, col: any): string;
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
649
|
+
finishEdit(event: any): void;
|
|
650
|
+
getDynamicRight(col: any, section: string, colIndex: number, subColIndex: number): number | null;
|
|
651
|
+
blurInput(event: Event, row: any, col: any): void;
|
|
652
|
+
getValidActions(element: any): string[];
|
|
653
|
+
private isStatusField;
|
|
654
|
+
/**
|
|
655
|
+
* Capitalizes the first letter of each word in a string
|
|
656
|
+
* Handles: spaced words, camelCase, snake_case, kebab-case, and compound words
|
|
657
|
+
*/
|
|
658
|
+
private capitalizeStatus;
|
|
659
|
+
gridContext: {
|
|
660
|
+
applyFilter: (col: any) => void;
|
|
661
|
+
clearFilter: (col: any) => void;
|
|
662
|
+
};
|
|
663
|
+
private closeAllFilterMenus;
|
|
664
|
+
private emitFilters;
|
|
665
|
+
applyFilterOnColumn(col: any): void;
|
|
666
|
+
removeFilterFromColumn(col: any): void;
|
|
667
|
+
getFormatedDate(val: any): string;
|
|
668
|
+
closeAllExpandedRows(): void;
|
|
610
669
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataGridComponent, never>;
|
|
611
|
-
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; }; "
|
|
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>;
|
|
612
671
|
}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
|
-
import { OnInit, ViewContainerRef, Injector, Type, EventEmitter } from '@angular/core';
|
|
1
|
+
import { OnInit, ViewContainerRef, Injector, ComponentRef, Type, EventEmitter, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class CellRenderInitDirective implements OnInit {
|
|
3
|
+
export declare class CellRenderInitDirective implements OnInit, OnChanges, OnDestroy {
|
|
4
4
|
private vcr;
|
|
5
5
|
private injector;
|
|
6
6
|
componentType: Type<any>;
|
|
7
7
|
rowData: any;
|
|
8
8
|
colData: any;
|
|
9
9
|
cellValue: any;
|
|
10
|
+
context: any;
|
|
10
11
|
cellEvent: EventEmitter<{
|
|
11
12
|
eventName: string;
|
|
12
13
|
data: any;
|
|
13
14
|
}>;
|
|
14
15
|
constructor(vcr: ViewContainerRef, injector: Injector);
|
|
16
|
+
componentRef: ComponentRef<any>;
|
|
15
17
|
ngOnInit(): void;
|
|
18
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
19
|
+
ngOnDestroy(): void;
|
|
16
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<CellRenderInitDirective, never>;
|
|
17
|
-
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; }; }, { "cellEvent": "cellEvent"; }, never, never, false, never>;
|
|
21
|
+
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; }; "context": { "alias": "context"; "required": false; }; }, { "cellEvent": "cellEvent"; }, never, never, false, never>;
|
|
18
22
|
}
|
|
@@ -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,21 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export interface ActionContext {
|
|
3
|
+
tableType?: string;
|
|
4
|
+
packageData?: boolean;
|
|
5
|
+
showUnLink?: boolean;
|
|
6
|
+
currentUserId?: string | number;
|
|
7
|
+
}
|
|
8
|
+
export declare class RowActionService {
|
|
9
|
+
private readonly STATUS_SETS;
|
|
10
|
+
private readonly ACTION_ALIASES;
|
|
11
|
+
private readonly rules;
|
|
12
|
+
private normalizeRow;
|
|
13
|
+
private normalizeAction;
|
|
14
|
+
private canArchiveOrDelete;
|
|
15
|
+
private canEdit;
|
|
16
|
+
isActionValid(action: string, element: any, ctx?: ActionContext): boolean;
|
|
17
|
+
getValidActions(actions: string[], element: any, ctx?: ActionContext): string[];
|
|
18
|
+
private applyRecruitmentFilters;
|
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<RowActionService, never>;
|
|
20
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<RowActionService>;
|
|
21
|
+
}
|
|
@@ -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.130",
|
|
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",
|