@syncfusion/ej2-angular-treegrid 20.4.48-ngcc → 20.4.48

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 (86) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +8 -0
  3. package/esm2020/src/treegrid/aggregate-columns.directive.mjs +72 -0
  4. package/esm2020/src/treegrid/aggregates.directive.mjs +69 -0
  5. package/esm2020/src/treegrid/columns.directive.mjs +96 -0
  6. package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
  7. package/esm2020/src/treegrid/treegrid.component.mjs +247 -0
  8. package/esm2020/src/treegrid/treegrid.module.mjs +52 -0
  9. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
  10. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +606 -0
  11. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  12. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +606 -0
  13. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  14. package/package.json +26 -12
  15. package/src/treegrid/aggregate-columns.directive.d.ts +5 -0
  16. package/src/treegrid/aggregates.directive.d.ts +5 -0
  17. package/src/treegrid/columns.directive.d.ts +5 -0
  18. package/src/treegrid/treegrid-all.module.d.ts +6 -0
  19. package/src/treegrid/treegrid.component.d.ts +3 -0
  20. package/src/treegrid/treegrid.module.d.ts +9 -0
  21. package/styles/treegrid/_all.scss +2 -0
  22. package/styles/treegrid/_bootstrap-dark-definition.scss +30 -0
  23. package/styles/treegrid/_bootstrap-definition.scss +30 -0
  24. package/styles/treegrid/_bootstrap4-definition.scss +30 -0
  25. package/styles/treegrid/_bootstrap5-dark-definition.scss +1 -0
  26. package/styles/treegrid/_bootstrap5-definition.scss +28 -0
  27. package/styles/treegrid/_fabric-dark-definition.scss +30 -0
  28. package/styles/treegrid/_fabric-definition.scss +30 -0
  29. package/styles/treegrid/_fluent-dark-definition.scss +1 -0
  30. package/styles/treegrid/_fluent-definition.scss +29 -0
  31. package/styles/treegrid/_fusionnew-definition.scss +28 -0
  32. package/styles/treegrid/_highcontrast-definition.scss +30 -0
  33. package/styles/treegrid/_highcontrast-light-definition.scss +30 -0
  34. package/styles/treegrid/_icons.scss +37 -0
  35. package/styles/treegrid/_layout.scss +444 -0
  36. package/styles/treegrid/_material-dark-definition.scss +30 -0
  37. package/styles/treegrid/_material-definition.scss +30 -0
  38. package/styles/treegrid/_material3-definition.scss +28 -0
  39. package/styles/treegrid/_tailwind-dark-definition.scss +1 -0
  40. package/styles/treegrid/_tailwind-definition.scss +28 -0
  41. package/styles/treegrid/_theme.scss +1 -0
  42. package/styles/treegrid/bootstrap-dark.scss +18 -1
  43. package/styles/treegrid/bootstrap.scss +18 -1
  44. package/styles/treegrid/bootstrap4.scss +18 -1
  45. package/styles/treegrid/bootstrap5-dark.scss +18 -1
  46. package/styles/treegrid/bootstrap5.scss +18 -1
  47. package/styles/treegrid/fabric-dark.scss +18 -1
  48. package/styles/treegrid/fabric.scss +18 -1
  49. package/styles/treegrid/fluent-dark.scss +18 -1
  50. package/styles/treegrid/fluent.scss +18 -1
  51. package/styles/treegrid/highcontrast-light.scss +18 -1
  52. package/styles/treegrid/highcontrast.scss +18 -1
  53. package/styles/treegrid/icons/_bootstrap-dark.scss +37 -0
  54. package/styles/treegrid/icons/_bootstrap.scss +37 -0
  55. package/styles/treegrid/icons/_bootstrap4.scss +37 -0
  56. package/styles/treegrid/icons/_bootstrap5-dark.scss +1 -0
  57. package/styles/treegrid/icons/_bootstrap5.scss +37 -0
  58. package/styles/treegrid/icons/_fabric-dark.scss +37 -0
  59. package/styles/treegrid/icons/_fabric.scss +37 -0
  60. package/styles/treegrid/icons/_fluent-dark.scss +1 -0
  61. package/styles/treegrid/icons/_fluent.scss +37 -0
  62. package/styles/treegrid/icons/_fusionnew.scss +26 -0
  63. package/styles/treegrid/icons/_highcontrast-light.scss +37 -0
  64. package/styles/treegrid/icons/_highcontrast.scss +37 -0
  65. package/styles/treegrid/icons/_material-dark.scss +37 -0
  66. package/styles/treegrid/icons/_material.scss +37 -0
  67. package/styles/treegrid/icons/_material3.scss +26 -0
  68. package/styles/treegrid/icons/_tailwind-dark.scss +37 -0
  69. package/styles/treegrid/icons/_tailwind.scss +37 -0
  70. package/styles/treegrid/material-dark.scss +18 -1
  71. package/styles/treegrid/material.scss +18 -1
  72. package/styles/treegrid/tailwind-dark.scss +18 -1
  73. package/styles/treegrid/tailwind.scss +18 -1
  74. package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
  75. package/@syncfusion/ej2-angular-treegrid.es5.js +0 -676
  76. package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
  77. package/@syncfusion/ej2-angular-treegrid.js +0 -635
  78. package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
  79. package/CHANGELOG.md +0 -236
  80. package/dist/ej2-angular-treegrid.umd.js +0 -853
  81. package/dist/ej2-angular-treegrid.umd.js.map +0 -1
  82. package/dist/ej2-angular-treegrid.umd.min.js +0 -11
  83. package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
  84. package/ej2-angular-treegrid.d.ts +0 -5
  85. package/ej2-angular-treegrid.metadata.json +0 -1
  86. package/postinstall/tagchange.js +0 -18
@@ -0,0 +1,606 @@
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', '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", 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