ms-data-grid 0.0.131 → 0.0.133
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 +826 -404
- 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 +1291 -528
- package/fesm2022/ms-data-grid.mjs.map +1 -1
- package/lib/data-grid/data-grid.component.d.ts +91 -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,14 +458,31 @@ 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;
|
|
465
|
+
onImageChange(event: Event, row: any, col: any): void;
|
|
466
|
+
setNestedFlatValue(obj: any, path: string, value: any): void;
|
|
432
467
|
emailRegex: RegExp;
|
|
433
468
|
validateEmail(value: string): boolean;
|
|
434
469
|
allowOnlyNumbers(event: KeyboardEvent): void;
|
|
435
470
|
checkRowEditAndEmitValue(row: any, column: any, value?: any): void;
|
|
436
471
|
isEditing(row: any, col: any): boolean;
|
|
437
472
|
setNestedValue(obj: any, column: any, option: any, calledFromInput?: boolean): void;
|
|
473
|
+
rollBackCellValue(row: any, column: any): void;
|
|
474
|
+
arrayTempMap: Map<string, any[]>;
|
|
475
|
+
private arrayKey;
|
|
476
|
+
getArrayOptionId(option: any): any;
|
|
477
|
+
getArrayOptionLabel(option: any): string;
|
|
478
|
+
getArrayTemp(row: any, col: any): any[];
|
|
479
|
+
isArraySelected(row: any, col: any, option: any): boolean;
|
|
480
|
+
toggleArrayTemp(row: any, col: any, option: any): void;
|
|
481
|
+
commitArray(row: any, col: any): void;
|
|
482
|
+
onArrayBlur(row: any, col: any): void;
|
|
483
|
+
cleanupArray(row: any, col: any): void;
|
|
484
|
+
displayArrayValues(ids: any[], col?: any): string;
|
|
485
|
+
displayArrayLabels(row: any, col: any): string;
|
|
438
486
|
goToPage(page: any): void;
|
|
439
487
|
onPageSizeChange(): void;
|
|
440
488
|
actionPreset(data: any, type: any): void;
|
|
@@ -444,8 +492,7 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
444
492
|
id: string;
|
|
445
493
|
is_temp: boolean;
|
|
446
494
|
};
|
|
447
|
-
|
|
448
|
-
selectFilter(data: any, index?: any): Promise<void>;
|
|
495
|
+
selectFilter(data: any): Promise<void>;
|
|
449
496
|
savePreset(control?: any): void;
|
|
450
497
|
getFilterHeaders(filters: any[], columns: any[]): string;
|
|
451
498
|
toggleRowShading(): void;
|
|
@@ -581,7 +628,6 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
581
628
|
hasAnyDefaultView(): boolean;
|
|
582
629
|
get isTablePresetNotChanged(): any;
|
|
583
630
|
onActionButtonClick(button: string): void;
|
|
584
|
-
createCustomColumn(): void;
|
|
585
631
|
setActiveTab(tab: string | null): void;
|
|
586
632
|
getBackgroundColor(row: any, isEven: boolean, section: 'left' | 'center' | 'right'): string | undefined;
|
|
587
633
|
hasHorizontalScrollbar(): boolean;
|
|
@@ -602,11 +648,26 @@ export declare class DataGridComponent implements OnChanges, AfterViewInit, OnIn
|
|
|
602
648
|
selectGroupRow(e: Event, row: any): void;
|
|
603
649
|
getGroupCheckedState(row: any): boolean | undefined;
|
|
604
650
|
getCellTitle(row: any, col: any): string;
|
|
605
|
-
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
609
|
-
|
|
651
|
+
finishEdit(event: any): void;
|
|
652
|
+
getDynamicRight(col: any, section: string, colIndex: number, subColIndex: number): number | null;
|
|
653
|
+
blurInput(event: Event, row: any, col: any): void;
|
|
654
|
+
getValidActions(element: any): string[];
|
|
655
|
+
private isStatusField;
|
|
656
|
+
/**
|
|
657
|
+
* Capitalizes the first letter of each word in a string
|
|
658
|
+
* Handles: spaced words, camelCase, snake_case, kebab-case, and compound words
|
|
659
|
+
*/
|
|
660
|
+
private capitalizeStatus;
|
|
661
|
+
gridContext: {
|
|
662
|
+
applyFilter: (col: any) => void;
|
|
663
|
+
clearFilter: (col: any) => void;
|
|
664
|
+
};
|
|
665
|
+
private closeAllFilterMenus;
|
|
666
|
+
private emitFilters;
|
|
667
|
+
applyFilterOnColumn(col: any): void;
|
|
668
|
+
removeFilterFromColumn(col: any): void;
|
|
669
|
+
getFormatedDate(val: any): string;
|
|
670
|
+
closeAllExpandedRows(): void;
|
|
610
671
|
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; }; "
|
|
672
|
+
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
673
|
}
|
|
@@ -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.133",
|
|
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",
|