@syncfusion/ej2-angular-treegrid 21.2.8 → 21.2.9-ngcc

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.
Files changed (90) hide show
  1. package/@syncfusion/ej2-angular-treegrid.es5.js +798 -0
  2. package/@syncfusion/ej2-angular-treegrid.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-treegrid.js +748 -0
  4. package/@syncfusion/ej2-angular-treegrid.js.map +1 -0
  5. package/CHANGELOG.md +282 -0
  6. package/dist/ej2-angular-treegrid.umd.js +979 -0
  7. package/dist/ej2-angular-treegrid.umd.js.map +1 -0
  8. package/dist/ej2-angular-treegrid.umd.min.js +11 -0
  9. package/dist/ej2-angular-treegrid.umd.min.js.map +1 -0
  10. package/ej2-angular-treegrid.d.ts +5 -0
  11. package/ej2-angular-treegrid.metadata.json +1 -0
  12. package/package.json +14 -28
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/index.d.ts +1 -0
  18. package/src/treegrid/aggregate-columns.directive.d.ts +0 -5
  19. package/src/treegrid/aggregates.directive.d.ts +0 -5
  20. package/src/treegrid/columns.directive.d.ts +2 -5
  21. package/src/treegrid/stacked-column.directive.d.ts +345 -0
  22. package/src/treegrid/treegrid-all.module.d.ts +0 -6
  23. package/src/treegrid/treegrid.component.d.ts +0 -3
  24. package/src/treegrid/treegrid.module.d.ts +0 -9
  25. package/styles/treegrid/bootstrap-dark.scss +1 -18
  26. package/styles/treegrid/bootstrap.scss +1 -18
  27. package/styles/treegrid/bootstrap4.scss +1 -18
  28. package/styles/treegrid/bootstrap5-dark.scss +1 -18
  29. package/styles/treegrid/bootstrap5.scss +1 -18
  30. package/styles/treegrid/fabric-dark.scss +1 -18
  31. package/styles/treegrid/fabric.scss +1 -18
  32. package/styles/treegrid/fluent-dark.scss +1 -18
  33. package/styles/treegrid/fluent.scss +1 -18
  34. package/styles/treegrid/highcontrast-light.scss +1 -18
  35. package/styles/treegrid/highcontrast.scss +1 -18
  36. package/styles/treegrid/material-dark.scss +1 -18
  37. package/styles/treegrid/material.scss +1 -18
  38. package/styles/treegrid/tailwind-dark.scss +1 -18
  39. package/styles/treegrid/tailwind.scss +1 -18
  40. package/esm2020/public_api.mjs +0 -3
  41. package/esm2020/src/index.mjs +0 -8
  42. package/esm2020/src/treegrid/aggregate-columns.directive.mjs +0 -72
  43. package/esm2020/src/treegrid/aggregates.directive.mjs +0 -69
  44. package/esm2020/src/treegrid/columns.directive.mjs +0 -96
  45. package/esm2020/src/treegrid/treegrid-all.module.mjs +0 -89
  46. package/esm2020/src/treegrid/treegrid.component.mjs +0 -247
  47. package/esm2020/src/treegrid/treegrid.module.mjs +0 -52
  48. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +0 -5
  49. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +0 -606
  50. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +0 -1
  51. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +0 -606
  52. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +0 -1
  53. package/styles/treegrid/_all.scss +0 -2
  54. package/styles/treegrid/_bootstrap-dark-definition.scss +0 -30
  55. package/styles/treegrid/_bootstrap-definition.scss +0 -30
  56. package/styles/treegrid/_bootstrap4-definition.scss +0 -30
  57. package/styles/treegrid/_bootstrap5-dark-definition.scss +0 -1
  58. package/styles/treegrid/_bootstrap5-definition.scss +0 -28
  59. package/styles/treegrid/_fabric-dark-definition.scss +0 -30
  60. package/styles/treegrid/_fabric-definition.scss +0 -30
  61. package/styles/treegrid/_fluent-dark-definition.scss +0 -1
  62. package/styles/treegrid/_fluent-definition.scss +0 -29
  63. package/styles/treegrid/_fusionnew-definition.scss +0 -28
  64. package/styles/treegrid/_highcontrast-definition.scss +0 -30
  65. package/styles/treegrid/_highcontrast-light-definition.scss +0 -30
  66. package/styles/treegrid/_icons.scss +0 -37
  67. package/styles/treegrid/_layout.scss +0 -444
  68. package/styles/treegrid/_material-dark-definition.scss +0 -30
  69. package/styles/treegrid/_material-definition.scss +0 -30
  70. package/styles/treegrid/_tailwind-dark-definition.scss +0 -1
  71. package/styles/treegrid/_tailwind-definition.scss +0 -28
  72. package/styles/treegrid/_theme.scss +0 -1
  73. package/styles/treegrid/icons/_bootstrap-dark.scss +0 -37
  74. package/styles/treegrid/icons/_bootstrap.scss +0 -37
  75. package/styles/treegrid/icons/_bootstrap4.scss +0 -37
  76. package/styles/treegrid/icons/_bootstrap5-dark.scss +0 -1
  77. package/styles/treegrid/icons/_bootstrap5.scss +0 -37
  78. package/styles/treegrid/icons/_fabric-dark.scss +0 -37
  79. package/styles/treegrid/icons/_fabric.scss +0 -37
  80. package/styles/treegrid/icons/_fluent-dark.scss +0 -1
  81. package/styles/treegrid/icons/_fluent.scss +0 -37
  82. package/styles/treegrid/icons/_fusionnew.scss +0 -26
  83. package/styles/treegrid/icons/_highcontrast-light.scss +0 -37
  84. package/styles/treegrid/icons/_highcontrast.scss +0 -37
  85. package/styles/treegrid/icons/_material-dark.scss +0 -37
  86. package/styles/treegrid/icons/_material.scss +0 -37
  87. package/styles/treegrid/icons/_material3.scss +0 -26
  88. package/styles/treegrid/icons/_tailwind-dark.scss +0 -37
  89. package/styles/treegrid/icons/_tailwind.scss +0 -37
  90. package/syncfusion-ej2-angular-treegrid.d.ts +0 -5
@@ -1,606 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import * as i0 from '@angular/core';
3
- import { Directive, ContentChild, ContentChildren, Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
4
- import { ComplexBase, setValue, Template, ArrayBase, ComponentBase, ComponentMixins } from '@syncfusion/ej2-angular-base';
5
- import { TreeGrid, Filter, Page, Sort, Reorder, Toolbar, Aggregate, Resize, ColumnMenu, ExcelExport, PdfExport, CommandColumn, ContextMenu, Edit, Selection, VirtualScroll, DetailRow, RowDD, Freeze, ColumnChooser, Logger, InfiniteScroll } from '@syncfusion/ej2-treegrid';
6
- export * from '@syncfusion/ej2-treegrid';
7
- import { CommonModule } from '@angular/common';
8
-
9
- let input$2 = ['allowEditing', 'allowFiltering', 'allowReordering', 'allowResizing', 'allowSorting', 'clipMode', 'columns', 'commands', 'customAttributes', 'defaultValue', 'disableHtmlEncode', 'displayAsCheckBox', 'edit', 'editTemplate', 'editType', 'field', 'filter', 'filterBarTemplate', 'filterTemplate', 'format', 'formatter', 'freeze', 'headerTemplate', 'headerText', 'headerTextAlign', 'hideAtMedia', 'isFrozen', 'isIdentity', 'isPrimaryKey', 'lockColumn', 'maxWidth', 'minWidth', 'showCheckbox', 'showColumnMenu', 'showInColumnChooser', 'sortComparer', 'template', 'textAlign', 'type', 'uid', 'validationRules', 'valueAccessor', 'visible', 'width'];
10
- let outputs$3 = [];
11
- /**
12
- * `e-column` directive represent a column of the Angular TreeGrid.
13
- * It must be contained in a TreeGrid component(`ejs-treegrid`).
14
- * ```html
15
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
16
- * <e-columns>
17
- * <e-column field='ID' width='100'></e-column>
18
- * <e-column field='name' headerText='Name' width='100'></e-column>
19
- * </e-columns>
20
- * </ejs-treegrid>
21
- * ```
22
- */
23
- class ColumnDirective extends ComplexBase {
24
- constructor(viewContainerRef) {
25
- super();
26
- this.viewContainerRef = viewContainerRef;
27
- setValue('currentInstance', this, this.viewContainerRef);
28
- this.registerEvents(outputs$3);
29
- this.directivePropList = input$2;
30
- }
31
- }
32
- ColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
33
- ColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ColumnDirective, selector: "ejs-treegrid>e-columns>e-column", inputs: { allowEditing: "allowEditing", allowFiltering: "allowFiltering", allowReordering: "allowReordering", allowResizing: "allowResizing", allowSorting: "allowSorting", clipMode: "clipMode", columns: "columns", commands: "commands", customAttributes: "customAttributes", defaultValue: "defaultValue", disableHtmlEncode: "disableHtmlEncode", displayAsCheckBox: "displayAsCheckBox", edit: "edit", editTemplate: "editTemplate", editType: "editType", field: "field", filter: "filter", filterBarTemplate: "filterBarTemplate", filterTemplate: "filterTemplate", format: "format", formatter: "formatter", freeze: "freeze", headerTemplate: "headerTemplate", headerText: "headerText", headerTextAlign: "headerTextAlign", hideAtMedia: "hideAtMedia", isFrozen: "isFrozen", isIdentity: "isIdentity", isPrimaryKey: "isPrimaryKey", lockColumn: "lockColumn", maxWidth: "maxWidth", minWidth: "minWidth", showCheckbox: "showCheckbox", showColumnMenu: "showColumnMenu", showInColumnChooser: "showInColumnChooser", sortComparer: "sortComparer", template: "template", textAlign: "textAlign", type: "type", uid: "uid", validationRules: "validationRules", valueAccessor: "valueAccessor", visible: "visible", width: "width" }, queries: [{ propertyName: "template", first: true, predicate: ["template"], descendants: true }, { propertyName: "headerTemplate", first: true, predicate: ["headerTemplate"], descendants: true }, { propertyName: "filter_itemTemplate", first: true, predicate: ["filterItemTemplate"], descendants: true }, { propertyName: "filterTemplate", first: true, predicate: ["filterTemplate"], descendants: true }, { propertyName: "commandsTemplate", first: true, predicate: ["commandsTemplate"], descendants: true }, { propertyName: "editTemplate", first: true, predicate: ["editTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
34
- __decorate([
35
- Template()
36
- ], ColumnDirective.prototype, "template", void 0);
37
- __decorate([
38
- Template()
39
- ], ColumnDirective.prototype, "headerTemplate", void 0);
40
- __decorate([
41
- Template()
42
- ], ColumnDirective.prototype, "filter_itemTemplate", void 0);
43
- __decorate([
44
- Template()
45
- ], ColumnDirective.prototype, "filterTemplate", void 0);
46
- __decorate([
47
- Template()
48
- ], ColumnDirective.prototype, "commandsTemplate", void 0);
49
- __decorate([
50
- Template()
51
- ], ColumnDirective.prototype, "editTemplate", void 0);
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnDirective, decorators: [{
53
- type: Directive,
54
- args: [{
55
- selector: 'ejs-treegrid>e-columns>e-column',
56
- inputs: input$2,
57
- outputs: outputs$3,
58
- queries: {}
59
- }]
60
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { template: [{
61
- type: ContentChild,
62
- args: ['template']
63
- }], headerTemplate: [{
64
- type: ContentChild,
65
- args: ['headerTemplate']
66
- }], filter_itemTemplate: [{
67
- type: ContentChild,
68
- args: ['filterItemTemplate']
69
- }], filterTemplate: [{
70
- type: ContentChild,
71
- args: ['filterTemplate']
72
- }], commandsTemplate: [{
73
- type: ContentChild,
74
- args: ['commandsTemplate']
75
- }], editTemplate: [{
76
- type: ContentChild,
77
- args: ['editTemplate']
78
- }] } });
79
- /**
80
- * Column Array Directive
81
- * @private
82
- */
83
- class ColumnsDirective extends ArrayBase {
84
- constructor() {
85
- super('columns');
86
- }
87
- }
88
- ColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
89
- ColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: ColumnsDirective, selector: "ejs-treegrid>e-columns", queries: [{ propertyName: "children", predicate: ColumnDirective }], usesInheritance: true, ngImport: i0 });
90
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: ColumnsDirective, decorators: [{
91
- type: Directive,
92
- args: [{
93
- selector: 'ejs-treegrid>e-columns',
94
- queries: {
95
- children: new ContentChildren(ColumnDirective)
96
- },
97
- }]
98
- }], ctorParameters: function () { return []; } });
99
-
100
- let input$1 = ['columnName', 'customAggregate', 'field', 'footerTemplate', 'format', 'type'];
101
- let outputs$2 = [];
102
- /**
103
- * `e-aggregate->e-column` directive represent a aggregate column of the Angular TreeGrid.
104
- * ```html
105
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
106
- * <e-columns>
107
- * <e-column field='ID' width='100'></e-column>
108
- * <e-column field='name' headerText='Name' width='100'></e-column>
109
- * </e-columns>
110
- * <e-aggregates>
111
- * <e-aggregate>
112
- * <e-columns>
113
- * <e-column field='ID' type='Min'></e-column>
114
- * </e-columns>
115
- * </e-aggregate>
116
- * </e-aggregates>
117
- * </ejs-treegrid>
118
- * ```
119
- */
120
- class AggregateColumnDirective extends ComplexBase {
121
- constructor(viewContainerRef) {
122
- super();
123
- this.viewContainerRef = viewContainerRef;
124
- setValue('currentInstance', this, this.viewContainerRef);
125
- this.registerEvents(outputs$2);
126
- this.directivePropList = input$1;
127
- }
128
- }
129
- AggregateColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
130
- AggregateColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregateColumnDirective, selector: "ejs-treegrid>e-aggregates>e-aggregate>e-columns>e-column", inputs: { columnName: "columnName", customAggregate: "customAggregate", field: "field", footerTemplate: "footerTemplate", format: "format", type: "type" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: ["footerTemplate"], descendants: true }], usesInheritance: true, ngImport: i0 });
131
- __decorate([
132
- Template()
133
- ], AggregateColumnDirective.prototype, "footerTemplate", void 0);
134
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnDirective, decorators: [{
135
- type: Directive,
136
- args: [{
137
- selector: 'ejs-treegrid>e-aggregates>e-aggregate>e-columns>e-column',
138
- inputs: input$1,
139
- outputs: outputs$2,
140
- queries: {}
141
- }]
142
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; }, propDecorators: { footerTemplate: [{
143
- type: ContentChild,
144
- args: ['footerTemplate']
145
- }] } });
146
- /**
147
- * AggregateColumn Array Directive
148
- * @private
149
- */
150
- class AggregateColumnsDirective extends ArrayBase {
151
- constructor() {
152
- super('columns');
153
- }
154
- }
155
- AggregateColumnsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
156
- AggregateColumnsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregateColumnsDirective, selector: "ejs-treegrid>e-aggregates>e-aggregate>e-columns", queries: [{ propertyName: "children", predicate: AggregateColumnDirective }], usesInheritance: true, ngImport: i0 });
157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateColumnsDirective, decorators: [{
158
- type: Directive,
159
- args: [{
160
- selector: 'ejs-treegrid>e-aggregates>e-aggregate>e-columns',
161
- queries: {
162
- children: new ContentChildren(AggregateColumnDirective)
163
- },
164
- }]
165
- }], ctorParameters: function () { return []; } });
166
-
167
- let input = ['columns', 'showChildSummary'];
168
- let outputs$1 = [];
169
- /**
170
- * `e-aggregate` directive represent a aggregate row of the Angular TreeGrid.
171
- * It must be contained in a TreeGrid component(`ejs-treegrid`).
172
- * ```html
173
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
174
- * <e-columns>
175
- * <e-column field='ID' width='100'></e-column>
176
- * <e-column field='name' headerText='Name' width='100'></e-column>
177
- * </e-columns>
178
- * <e-aggregates>
179
- * <e-aggregate>
180
- * <e-columns>
181
- * <e-column field='ID' type='Min'></e-column>
182
- * </e-columns>
183
- * </e-aggregate>
184
- * </e-aggregates>
185
- * </ejs-treegrid>
186
- * ```
187
- */
188
- class AggregateDirective extends ComplexBase {
189
- constructor(viewContainerRef) {
190
- super();
191
- this.viewContainerRef = viewContainerRef;
192
- this.tags = ['columns'];
193
- setValue('currentInstance', this, this.viewContainerRef);
194
- this.registerEvents(outputs$1);
195
- this.directivePropList = input;
196
- }
197
- }
198
- AggregateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
199
- AggregateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregateDirective, selector: "ejs-treegrid>e-aggregates>e-aggregate", inputs: { columns: "columns", showChildSummary: "showChildSummary" }, queries: [{ propertyName: "childColumns", first: true, predicate: AggregateColumnsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
200
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregateDirective, decorators: [{
201
- type: Directive,
202
- args: [{
203
- selector: 'ejs-treegrid>e-aggregates>e-aggregate',
204
- inputs: input,
205
- outputs: outputs$1,
206
- queries: {
207
- childColumns: new ContentChild(AggregateColumnsDirective)
208
- }
209
- }]
210
- }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
211
- /**
212
- * Aggregate Array Directive
213
- * @private
214
- */
215
- class AggregatesDirective extends ArrayBase {
216
- constructor() {
217
- super('aggregates');
218
- }
219
- }
220
- AggregatesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
221
- AggregatesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: AggregatesDirective, selector: "ejs-treegrid>e-aggregates", queries: [{ propertyName: "children", predicate: AggregateDirective }], usesInheritance: true, ngImport: i0 });
222
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: AggregatesDirective, decorators: [{
223
- type: Directive,
224
- args: [{
225
- selector: 'ejs-treegrid>e-aggregates',
226
- queries: {
227
- children: new ContentChildren(AggregateDirective)
228
- },
229
- }]
230
- }], ctorParameters: function () { return []; } });
231
-
232
- const inputs = ['aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnVirtualization', 'enableHover', 'enableHtmlSanitizer', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualMaskRow', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'loadingIndicator', 'locale', 'pageSettings', 'parentIdMapping', 'printMode', 'query', 'rowDropSettings', 'rowHeight', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'treeColumnIndex', 'width'];
233
- const outputs = ['actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkboxChange', 'collapsed', 'collapsing', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'detailDataBound', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick', 'dataSourceChange'];
234
- const twoWays = ['dataSource'];
235
- /**
236
- * `ejs-treegrid` represents the Angular TreeTreeGrid Component.
237
- * ```html
238
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'></ejs-treegrid>
239
- * ```
240
- */
241
- let TreeGridComponent = class TreeGridComponent extends TreeGrid {
242
- constructor(ngEle, srenderer, viewContainerRef, injector) {
243
- super();
244
- this.ngEle = ngEle;
245
- this.srenderer = srenderer;
246
- this.viewContainerRef = viewContainerRef;
247
- this.injector = injector;
248
- this.tags = ['columns', 'aggregates'];
249
- this.element = this.ngEle.nativeElement;
250
- this.injectedModules = this.injectedModules || [];
251
- try {
252
- let mod = this.injector.get('TreeGridFilter');
253
- if (this.injectedModules.indexOf(mod) === -1) {
254
- this.injectedModules.push(mod);
255
- }
256
- }
257
- catch { }
258
- try {
259
- let mod = this.injector.get('TreeGridPage');
260
- if (this.injectedModules.indexOf(mod) === -1) {
261
- this.injectedModules.push(mod);
262
- }
263
- }
264
- catch { }
265
- try {
266
- let mod = this.injector.get('TreeGridSort');
267
- if (this.injectedModules.indexOf(mod) === -1) {
268
- this.injectedModules.push(mod);
269
- }
270
- }
271
- catch { }
272
- try {
273
- let mod = this.injector.get('TreeGridReorder');
274
- if (this.injectedModules.indexOf(mod) === -1) {
275
- this.injectedModules.push(mod);
276
- }
277
- }
278
- catch { }
279
- try {
280
- let mod = this.injector.get('TreeGridToolbar');
281
- if (this.injectedModules.indexOf(mod) === -1) {
282
- this.injectedModules.push(mod);
283
- }
284
- }
285
- catch { }
286
- try {
287
- let mod = this.injector.get('TreeGridAggregate');
288
- if (this.injectedModules.indexOf(mod) === -1) {
289
- this.injectedModules.push(mod);
290
- }
291
- }
292
- catch { }
293
- try {
294
- let mod = this.injector.get('TreeGridResize');
295
- if (this.injectedModules.indexOf(mod) === -1) {
296
- this.injectedModules.push(mod);
297
- }
298
- }
299
- catch { }
300
- try {
301
- let mod = this.injector.get('TreeGridColumnMenu');
302
- if (this.injectedModules.indexOf(mod) === -1) {
303
- this.injectedModules.push(mod);
304
- }
305
- }
306
- catch { }
307
- try {
308
- let mod = this.injector.get('TreeGridExcelExport');
309
- if (this.injectedModules.indexOf(mod) === -1) {
310
- this.injectedModules.push(mod);
311
- }
312
- }
313
- catch { }
314
- try {
315
- let mod = this.injector.get('TreeGridPdfExport');
316
- if (this.injectedModules.indexOf(mod) === -1) {
317
- this.injectedModules.push(mod);
318
- }
319
- }
320
- catch { }
321
- try {
322
- let mod = this.injector.get('TreeGridCommandColumn');
323
- if (this.injectedModules.indexOf(mod) === -1) {
324
- this.injectedModules.push(mod);
325
- }
326
- }
327
- catch { }
328
- try {
329
- let mod = this.injector.get('TreeGridContextMenu');
330
- if (this.injectedModules.indexOf(mod) === -1) {
331
- this.injectedModules.push(mod);
332
- }
333
- }
334
- catch { }
335
- try {
336
- let mod = this.injector.get('TreeGridEdit');
337
- if (this.injectedModules.indexOf(mod) === -1) {
338
- this.injectedModules.push(mod);
339
- }
340
- }
341
- catch { }
342
- try {
343
- let mod = this.injector.get('TreeGridSelection');
344
- if (this.injectedModules.indexOf(mod) === -1) {
345
- this.injectedModules.push(mod);
346
- }
347
- }
348
- catch { }
349
- try {
350
- let mod = this.injector.get('TreeGridVirtualScroll');
351
- if (this.injectedModules.indexOf(mod) === -1) {
352
- this.injectedModules.push(mod);
353
- }
354
- }
355
- catch { }
356
- try {
357
- let mod = this.injector.get('TreeGridDetailRow');
358
- if (this.injectedModules.indexOf(mod) === -1) {
359
- this.injectedModules.push(mod);
360
- }
361
- }
362
- catch { }
363
- try {
364
- let mod = this.injector.get('TreeGridRowDD');
365
- if (this.injectedModules.indexOf(mod) === -1) {
366
- this.injectedModules.push(mod);
367
- }
368
- }
369
- catch { }
370
- try {
371
- let mod = this.injector.get('TreeGridFreeze');
372
- if (this.injectedModules.indexOf(mod) === -1) {
373
- this.injectedModules.push(mod);
374
- }
375
- }
376
- catch { }
377
- try {
378
- let mod = this.injector.get('TreeGridColumnChooser');
379
- if (this.injectedModules.indexOf(mod) === -1) {
380
- this.injectedModules.push(mod);
381
- }
382
- }
383
- catch { }
384
- try {
385
- let mod = this.injector.get('TreeGridLogger');
386
- if (this.injectedModules.indexOf(mod) === -1) {
387
- this.injectedModules.push(mod);
388
- }
389
- }
390
- catch { }
391
- try {
392
- let mod = this.injector.get('TreeGridInfiniteScroll');
393
- if (this.injectedModules.indexOf(mod) === -1) {
394
- this.injectedModules.push(mod);
395
- }
396
- }
397
- catch { }
398
- this.registerEvents(outputs);
399
- this.addTwoWay.call(this, twoWays);
400
- setValue('currentInstance', this, this.viewContainerRef);
401
- this.context = new ComponentBase();
402
- }
403
- ngOnInit() {
404
- this.context.ngOnInit(this);
405
- }
406
- ngAfterViewInit() {
407
- this.context.ngAfterViewInit(this);
408
- }
409
- ngOnDestroy() {
410
- this.context.ngOnDestroy(this);
411
- }
412
- ngAfterContentChecked() {
413
- this.tagObjects[0].instance = this.childColumns;
414
- if (this.childAggregates) {
415
- this.tagObjects[1].instance = this.childAggregates;
416
- }
417
- this.context.ngAfterContentChecked(this);
418
- }
419
- };
420
- TreeGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
421
- TreeGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: TreeGridComponent, selector: "ejs-treegrid", inputs: { aggregates: "aggregates", allowExcelExport: "allowExcelExport", allowFiltering: "allowFiltering", allowMultiSorting: "allowMultiSorting", allowPaging: "allowPaging", allowPdfExport: "allowPdfExport", allowReordering: "allowReordering", allowResizing: "allowResizing", allowRowDragAndDrop: "allowRowDragAndDrop", allowSelection: "allowSelection", allowSorting: "allowSorting", allowTextWrap: "allowTextWrap", autoCheckHierarchy: "autoCheckHierarchy", childMapping: "childMapping", clipMode: "clipMode", columnMenuItems: "columnMenuItems", columnQueryMode: "columnQueryMode", columns: "columns", contextMenuItems: "contextMenuItems", copyHierarchyMode: "copyHierarchyMode", dataSource: "dataSource", detailTemplate: "detailTemplate", editSettings: "editSettings", enableAdaptiveUI: "enableAdaptiveUI", enableAltRow: "enableAltRow", enableAutoFill: "enableAutoFill", enableCollapseAll: "enableCollapseAll", enableColumnVirtualization: "enableColumnVirtualization", enableHover: "enableHover", enableHtmlSanitizer: "enableHtmlSanitizer", enableImmutableMode: "enableImmutableMode", enableInfiniteScrolling: "enableInfiniteScrolling", enablePersistence: "enablePersistence", enableRtl: "enableRtl", enableVirtualMaskRow: "enableVirtualMaskRow", enableVirtualization: "enableVirtualization", expandStateMapping: "expandStateMapping", filterSettings: "filterSettings", frozenColumns: "frozenColumns", frozenRows: "frozenRows", gridLines: "gridLines", hasChildMapping: "hasChildMapping", height: "height", idMapping: "idMapping", infiniteScrollSettings: "infiniteScrollSettings", loadChildOnDemand: "loadChildOnDemand", loadingIndicator: "loadingIndicator", locale: "locale", pageSettings: "pageSettings", parentIdMapping: "parentIdMapping", printMode: "printMode", query: "query", rowDropSettings: "rowDropSettings", rowHeight: "rowHeight", rowTemplate: "rowTemplate", searchSettings: "searchSettings", selectedRowIndex: "selectedRowIndex", selectionSettings: "selectionSettings", showColumnChooser: "showColumnChooser", showColumnMenu: "showColumnMenu", sortSettings: "sortSettings", textWrapSettings: "textWrapSettings", toolbar: "toolbar", treeColumnIndex: "treeColumnIndex", width: "width" }, outputs: { actionBegin: "actionBegin", actionComplete: "actionComplete", actionFailure: "actionFailure", batchAdd: "batchAdd", batchCancel: "batchCancel", batchDelete: "batchDelete", beforeBatchAdd: "beforeBatchAdd", beforeBatchDelete: "beforeBatchDelete", beforeBatchSave: "beforeBatchSave", beforeCopy: "beforeCopy", beforeDataBound: "beforeDataBound", beforeExcelExport: "beforeExcelExport", beforePaste: "beforePaste", beforePdfExport: "beforePdfExport", beforePrint: "beforePrint", beginEdit: "beginEdit", cellDeselected: "cellDeselected", cellDeselecting: "cellDeselecting", cellEdit: "cellEdit", cellSave: "cellSave", cellSaved: "cellSaved", cellSelected: "cellSelected", cellSelecting: "cellSelecting", checkboxChange: "checkboxChange", collapsed: "collapsed", collapsing: "collapsing", columnDrag: "columnDrag", columnDragStart: "columnDragStart", columnDrop: "columnDrop", columnMenuClick: "columnMenuClick", columnMenuOpen: "columnMenuOpen", contextMenuClick: "contextMenuClick", contextMenuOpen: "contextMenuOpen", created: "created", dataBound: "dataBound", dataSourceChanged: "dataSourceChanged", dataStateChange: "dataStateChange", detailDataBound: "detailDataBound", excelExportComplete: "excelExportComplete", excelHeaderQueryCellInfo: "excelHeaderQueryCellInfo", excelQueryCellInfo: "excelQueryCellInfo", expanded: "expanded", expanding: "expanding", headerCellInfo: "headerCellInfo", load: "load", pdfExportComplete: "pdfExportComplete", pdfHeaderQueryCellInfo: "pdfHeaderQueryCellInfo", pdfQueryCellInfo: "pdfQueryCellInfo", printComplete: "printComplete", queryCellInfo: "queryCellInfo", recordDoubleClick: "recordDoubleClick", resizeStart: "resizeStart", resizeStop: "resizeStop", resizing: "resizing", rowDataBound: "rowDataBound", rowDeselected: "rowDeselected", rowDeselecting: "rowDeselecting", rowDrag: "rowDrag", rowDragStart: "rowDragStart", rowDragStartHelper: "rowDragStartHelper", rowDrop: "rowDrop", rowSelected: "rowSelected", rowSelecting: "rowSelecting", toolbarClick: "toolbarClick", dataSourceChange: "dataSourceChange" }, queries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true }, { propertyName: "pagerTemplate", first: true, predicate: ["pagerTemplate"], descendants: true }, { propertyName: "rowTemplate", first: true, predicate: ["rowTemplate"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "editSettings_template", first: true, predicate: ["editSettingsTemplate"], descendants: true }, { propertyName: "childColumns", first: true, predicate: ColumnsDirective, descendants: true }, { propertyName: "childAggregates", first: true, predicate: AggregatesDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
422
- __decorate([
423
- Template()
424
- ], TreeGridComponent.prototype, "toolbarTemplate", void 0);
425
- __decorate([
426
- Template()
427
- ], TreeGridComponent.prototype, "pagerTemplate", void 0);
428
- __decorate([
429
- Template()
430
- ], TreeGridComponent.prototype, "rowTemplate", void 0);
431
- __decorate([
432
- Template()
433
- ], TreeGridComponent.prototype, "detailTemplate", void 0);
434
- __decorate([
435
- Template()
436
- ], TreeGridComponent.prototype, "editSettings_template", void 0);
437
- TreeGridComponent = __decorate([
438
- ComponentMixins([ComponentBase])
439
- ], TreeGridComponent);
440
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridComponent, decorators: [{
441
- type: Component,
442
- args: [{
443
- selector: 'ejs-treegrid',
444
- inputs: inputs,
445
- outputs: outputs,
446
- template: '',
447
- changeDetection: ChangeDetectionStrategy.OnPush,
448
- queries: {
449
- childColumns: new ContentChild(ColumnsDirective),
450
- childAggregates: new ContentChild(AggregatesDirective)
451
- }
452
- }]
453
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.Injector }]; }, propDecorators: { toolbarTemplate: [{
454
- type: ContentChild,
455
- args: ['toolbarTemplate']
456
- }], pagerTemplate: [{
457
- type: ContentChild,
458
- args: ['pagerTemplate']
459
- }], rowTemplate: [{
460
- type: ContentChild,
461
- args: ['rowTemplate']
462
- }], detailTemplate: [{
463
- type: ContentChild,
464
- args: ['detailTemplate']
465
- }], editSettings_template: [{
466
- type: ContentChild,
467
- args: ['editSettingsTemplate']
468
- }] } });
469
-
470
- /**
471
- * NgModule definition for the TreeGrid component.
472
- */
473
- class TreeGridModule {
474
- }
475
- TreeGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
476
- TreeGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridModule, declarations: [TreeGridComponent,
477
- ColumnDirective,
478
- ColumnsDirective,
479
- AggregateColumnDirective,
480
- AggregateColumnsDirective,
481
- AggregateDirective,
482
- AggregatesDirective], imports: [CommonModule], exports: [TreeGridComponent,
483
- ColumnDirective,
484
- ColumnsDirective,
485
- AggregateColumnDirective,
486
- AggregateColumnsDirective,
487
- AggregateDirective,
488
- AggregatesDirective] });
489
- TreeGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridModule, imports: [[CommonModule]] });
490
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridModule, decorators: [{
491
- type: NgModule,
492
- args: [{
493
- imports: [CommonModule],
494
- declarations: [
495
- TreeGridComponent,
496
- ColumnDirective,
497
- ColumnsDirective,
498
- AggregateColumnDirective,
499
- AggregateColumnsDirective,
500
- AggregateDirective,
501
- AggregatesDirective
502
- ],
503
- exports: [
504
- TreeGridComponent,
505
- ColumnDirective,
506
- ColumnsDirective,
507
- AggregateColumnDirective,
508
- AggregateColumnsDirective,
509
- AggregateDirective,
510
- AggregatesDirective
511
- ]
512
- }]
513
- }] });
514
-
515
- const FilterService = { provide: 'TreeGridFilter', useValue: Filter };
516
- const PageService = { provide: 'TreeGridPage', useValue: Page };
517
- const SortService = { provide: 'TreeGridSort', useValue: Sort };
518
- const ReorderService = { provide: 'TreeGridReorder', useValue: Reorder };
519
- const ToolbarService = { provide: 'TreeGridToolbar', useValue: Toolbar };
520
- const AggregateService = { provide: 'TreeGridAggregate', useValue: Aggregate };
521
- const ResizeService = { provide: 'TreeGridResize', useValue: Resize };
522
- const ColumnMenuService = { provide: 'TreeGridColumnMenu', useValue: ColumnMenu };
523
- const ExcelExportService = { provide: 'TreeGridExcelExport', useValue: ExcelExport };
524
- const PdfExportService = { provide: 'TreeGridPdfExport', useValue: PdfExport };
525
- const CommandColumnService = { provide: 'TreeGridCommandColumn', useValue: CommandColumn };
526
- const ContextMenuService = { provide: 'TreeGridContextMenu', useValue: ContextMenu };
527
- const EditService = { provide: 'TreeGridEdit', useValue: Edit };
528
- const SelectionService = { provide: 'TreeGridSelection', useValue: Selection };
529
- const VirtualScrollService = { provide: 'TreeGridVirtualScroll', useValue: VirtualScroll };
530
- const DetailRowService = { provide: 'TreeGridDetailRow', useValue: DetailRow };
531
- const RowDDService = { provide: 'TreeGridRowDD', useValue: RowDD };
532
- const FreezeService = { provide: 'TreeGridFreeze', useValue: Freeze };
533
- const ColumnChooserService = { provide: 'TreeGridColumnChooser', useValue: ColumnChooser };
534
- const LoggerService = { provide: 'TreeGridLogger', useValue: Logger };
535
- const InfiniteScrollService = { provide: 'TreeGridInfiniteScroll', useValue: InfiniteScroll };
536
- /**
537
- * NgModule definition for the TreeGrid component with providers.
538
- */
539
- class TreeGridAllModule {
540
- }
541
- TreeGridAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
542
- TreeGridAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridAllModule, imports: [CommonModule, TreeGridModule], exports: [TreeGridModule] });
543
- TreeGridAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridAllModule, providers: [
544
- FilterService,
545
- PageService,
546
- SortService,
547
- ReorderService,
548
- ToolbarService,
549
- AggregateService,
550
- ResizeService,
551
- ColumnMenuService,
552
- ExcelExportService,
553
- PdfExportService,
554
- CommandColumnService,
555
- ContextMenuService,
556
- EditService,
557
- SelectionService,
558
- VirtualScrollService,
559
- DetailRowService,
560
- RowDDService,
561
- FreezeService,
562
- ColumnChooserService,
563
- LoggerService,
564
- InfiniteScrollService
565
- ], imports: [[CommonModule, TreeGridModule], TreeGridModule] });
566
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: TreeGridAllModule, decorators: [{
567
- type: NgModule,
568
- args: [{
569
- imports: [CommonModule, TreeGridModule],
570
- exports: [
571
- TreeGridModule
572
- ],
573
- providers: [
574
- FilterService,
575
- PageService,
576
- SortService,
577
- ReorderService,
578
- ToolbarService,
579
- AggregateService,
580
- ResizeService,
581
- ColumnMenuService,
582
- ExcelExportService,
583
- PdfExportService,
584
- CommandColumnService,
585
- ContextMenuService,
586
- EditService,
587
- SelectionService,
588
- VirtualScrollService,
589
- DetailRowService,
590
- RowDDService,
591
- FreezeService,
592
- ColumnChooserService,
593
- LoggerService,
594
- InfiniteScrollService
595
- ]
596
- }]
597
- }] });
598
-
599
- // Mapping root file for package generation
600
-
601
- /**
602
- * Generated bundle index. Do not edit.
603
- */
604
-
605
- export { AggregateColumnDirective, AggregateColumnsDirective, AggregateDirective, AggregateService, AggregatesDirective, ColumnChooserService, ColumnDirective, ColumnMenuService, ColumnsDirective, CommandColumnService, ContextMenuService, DetailRowService, EditService, ExcelExportService, FilterService, FreezeService, InfiniteScrollService, LoggerService, PageService, PdfExportService, ReorderService, ResizeService, RowDDService, SelectionService, SortService, ToolbarService, TreeGridAllModule, TreeGridComponent, TreeGridModule, VirtualScrollService };
606
- //# sourceMappingURL=syncfusion-ej2-angular-treegrid.mjs.map