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

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 (128) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +9 -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 +100 -0
  6. package/esm2020/src/treegrid/stacked-column.directive.mjs +100 -0
  7. package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
  8. package/esm2020/src/treegrid/treegrid.component.mjs +247 -0
  9. package/esm2020/src/treegrid/treegrid.module.mjs +61 -0
  10. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
  11. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +712 -0
  12. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  13. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +712 -0
  14. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  15. package/package.json +26 -12
  16. package/src/treegrid/aggregate-columns.directive.d.ts +5 -0
  17. package/src/treegrid/aggregates.directive.d.ts +5 -0
  18. package/src/treegrid/columns.directive.d.ts +5 -0
  19. package/src/treegrid/stacked-column.directive.d.ts +5 -0
  20. package/src/treegrid/treegrid-all.module.d.ts +6 -0
  21. package/src/treegrid/treegrid.component.d.ts +3 -0
  22. package/src/treegrid/treegrid.module.d.ts +10 -0
  23. package/styles/bootstrap-dark.css +446 -1
  24. package/styles/bootstrap.css +453 -1
  25. package/styles/bootstrap4.css +499 -1
  26. package/styles/bootstrap5-dark.css +489 -1
  27. package/styles/bootstrap5.css +489 -1
  28. package/styles/fabric-dark.css +428 -1
  29. package/styles/fabric.css +421 -1
  30. package/styles/fluent-dark.css +486 -1
  31. package/styles/fluent.css +486 -1
  32. package/styles/highcontrast-light.css +419 -1
  33. package/styles/highcontrast.css +425 -1
  34. package/styles/material-dark.css +462 -1
  35. package/styles/material.css +496 -1
  36. package/styles/material3-dark.css +553 -1
  37. package/styles/material3-dark.scss +1 -0
  38. package/styles/material3.css +609 -1
  39. package/styles/material3.scss +1 -0
  40. package/styles/tailwind-dark.css +435 -1
  41. package/styles/tailwind.css +435 -1
  42. package/styles/treegrid/_all.scss +2 -0
  43. package/styles/treegrid/_bootstrap-dark-definition.scss +30 -0
  44. package/styles/treegrid/_bootstrap-definition.scss +30 -0
  45. package/styles/treegrid/_bootstrap4-definition.scss +30 -0
  46. package/styles/treegrid/_bootstrap5-dark-definition.scss +1 -0
  47. package/styles/treegrid/_bootstrap5-definition.scss +28 -0
  48. package/styles/treegrid/_fabric-dark-definition.scss +30 -0
  49. package/styles/treegrid/_fabric-definition.scss +30 -0
  50. package/styles/treegrid/_fluent-dark-definition.scss +1 -0
  51. package/styles/treegrid/_fluent-definition.scss +29 -0
  52. package/styles/treegrid/_fusionnew-definition.scss +28 -0
  53. package/styles/treegrid/_highcontrast-definition.scss +30 -0
  54. package/styles/treegrid/_highcontrast-light-definition.scss +30 -0
  55. package/styles/treegrid/_icons.scss +37 -0
  56. package/styles/treegrid/_layout.scss +444 -0
  57. package/styles/treegrid/_material-dark-definition.scss +30 -0
  58. package/styles/treegrid/_material-definition.scss +30 -0
  59. package/styles/treegrid/_material3-dark-definition.scss +1 -0
  60. package/styles/treegrid/_material3-definition.scss +28 -0
  61. package/styles/treegrid/_tailwind-dark-definition.scss +1 -0
  62. package/styles/treegrid/_tailwind-definition.scss +28 -0
  63. package/styles/treegrid/_theme.scss +1 -0
  64. package/styles/treegrid/bootstrap-dark.css +446 -1
  65. package/styles/treegrid/bootstrap-dark.scss +18 -1
  66. package/styles/treegrid/bootstrap.css +453 -1
  67. package/styles/treegrid/bootstrap.scss +18 -1
  68. package/styles/treegrid/bootstrap4.css +499 -1
  69. package/styles/treegrid/bootstrap4.scss +18 -1
  70. package/styles/treegrid/bootstrap5-dark.css +489 -1
  71. package/styles/treegrid/bootstrap5-dark.scss +18 -1
  72. package/styles/treegrid/bootstrap5.css +489 -1
  73. package/styles/treegrid/bootstrap5.scss +18 -1
  74. package/styles/treegrid/fabric-dark.css +428 -1
  75. package/styles/treegrid/fabric-dark.scss +18 -1
  76. package/styles/treegrid/fabric.css +421 -1
  77. package/styles/treegrid/fabric.scss +18 -1
  78. package/styles/treegrid/fluent-dark.css +486 -1
  79. package/styles/treegrid/fluent-dark.scss +18 -1
  80. package/styles/treegrid/fluent.css +486 -1
  81. package/styles/treegrid/fluent.scss +18 -1
  82. package/styles/treegrid/highcontrast-light.css +419 -1
  83. package/styles/treegrid/highcontrast-light.scss +18 -1
  84. package/styles/treegrid/highcontrast.css +425 -1
  85. package/styles/treegrid/highcontrast.scss +18 -1
  86. package/styles/treegrid/icons/_bootstrap-dark.scss +37 -0
  87. package/styles/treegrid/icons/_bootstrap.scss +37 -0
  88. package/styles/treegrid/icons/_bootstrap4.scss +37 -0
  89. package/styles/treegrid/icons/_bootstrap5-dark.scss +1 -0
  90. package/styles/treegrid/icons/_bootstrap5.scss +37 -0
  91. package/styles/treegrid/icons/_fabric-dark.scss +37 -0
  92. package/styles/treegrid/icons/_fabric.scss +37 -0
  93. package/styles/treegrid/icons/_fluent-dark.scss +1 -0
  94. package/styles/treegrid/icons/_fluent.scss +37 -0
  95. package/styles/treegrid/icons/_fusionnew.scss +26 -0
  96. package/styles/treegrid/icons/_highcontrast-light.scss +37 -0
  97. package/styles/treegrid/icons/_highcontrast.scss +37 -0
  98. package/styles/treegrid/icons/_material-dark.scss +37 -0
  99. package/styles/treegrid/icons/_material.scss +37 -0
  100. package/styles/treegrid/icons/_material3-dark.scss +1 -0
  101. package/styles/treegrid/icons/_material3.scss +37 -0
  102. package/styles/treegrid/icons/_tailwind-dark.scss +37 -0
  103. package/styles/treegrid/icons/_tailwind.scss +37 -0
  104. package/styles/treegrid/material-dark.css +462 -1
  105. package/styles/treegrid/material-dark.scss +18 -1
  106. package/styles/treegrid/material.css +496 -1
  107. package/styles/treegrid/material.scss +18 -1
  108. package/styles/treegrid/material3-dark.css +553 -1
  109. package/styles/treegrid/material3-dark.scss +18 -1
  110. package/styles/treegrid/material3.css +609 -1
  111. package/styles/treegrid/material3.scss +18 -1
  112. package/styles/treegrid/tailwind-dark.css +435 -1
  113. package/styles/treegrid/tailwind-dark.scss +18 -1
  114. package/styles/treegrid/tailwind.css +435 -1
  115. package/styles/treegrid/tailwind.scss +18 -1
  116. package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
  117. package/@syncfusion/ej2-angular-treegrid.es5.js +0 -798
  118. package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
  119. package/@syncfusion/ej2-angular-treegrid.js +0 -748
  120. package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
  121. package/CHANGELOG.md +0 -219
  122. package/dist/ej2-angular-treegrid.umd.js +0 -979
  123. package/dist/ej2-angular-treegrid.umd.js.map +0 -1
  124. package/dist/ej2-angular-treegrid.umd.min.js +0 -11
  125. package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
  126. package/ej2-angular-treegrid.d.ts +0 -5
  127. package/ej2-angular-treegrid.metadata.json +0 -1
  128. package/postinstall/tagchange.js +0 -18
@@ -1,748 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, ElementRef, Injector, NgModule, Renderer2, ViewContainerRef } from '@angular/core';
2
- import { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, Template, setValue } from '@syncfusion/ej2-angular-base';
3
- import { Aggregate, ColumnChooser, ColumnMenu, CommandColumn, ContextMenu, DetailRow, Edit, ExcelExport, Filter, Freeze, InfiniteScroll, Logger, Page, PdfExport, Reorder, Resize, RowDD, Selection, Sort, Toolbar, TreeGrid, VirtualScroll } from '@syncfusion/ej2-treegrid';
4
- import { CommonModule } from '@angular/common';
5
-
6
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
7
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
8
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
9
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
10
- return c > 3 && r && Object.defineProperty(target, key, r), r;
11
- };
12
- var __metadata = (this && this.__metadata) || function (k, v) {
13
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
14
- };
15
- let input = ['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'];
16
- let outputs = [];
17
- /**
18
- * `e-stacked-column` directive represent the stacked column of the Angular TreeGrid.
19
- * It must be contained in a StackedColumns component(`e-stacked-columns`).
20
- * ```html
21
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
22
- * <e-columns>
23
- * <e-column field='ID' width='100'></e-column>
24
- * <e-column headerText='Details' width='100'>
25
- * <e-stacked-columns>
26
- * <e-stacked-column field='Name' width='140'></e-stacked-column>
27
- * </e-stacked-columns>
28
- * </e-column>
29
- * </e-columns>
30
- * </ejs-treegrid>
31
- * ```
32
- */
33
- class StackedColumnDirective extends ComplexBase {
34
- /**
35
- * @param {?} viewContainerRef
36
- */
37
- constructor(viewContainerRef) {
38
- super();
39
- this.viewContainerRef = viewContainerRef;
40
- setValue('currentInstance', this, this.viewContainerRef);
41
- this.registerEvents(outputs);
42
- this.directivePropList = input;
43
- }
44
- }
45
- StackedColumnDirective.decorators = [
46
- { type: Directive, args: [{
47
- selector: 'ejs-treegrid>e-columns>e-column>e-stacked-columns>e-stacked-column',
48
- inputs: input,
49
- outputs: outputs,
50
- queries: {}
51
- },] },
52
- ];
53
- /**
54
- * @nocollapse
55
- */
56
- StackedColumnDirective.ctorParameters = () => [
57
- { type: ViewContainerRef, },
58
- ];
59
- StackedColumnDirective.propDecorators = {
60
- 'template': [{ type: ContentChild, args: ['template',] },],
61
- 'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
62
- 'filter_itemTemplate': [{ type: ContentChild, args: ['filterItemTemplate',] },],
63
- 'filterTemplate': [{ type: ContentChild, args: ['filterTemplate',] },],
64
- 'commandsTemplate': [{ type: ContentChild, args: ['commandsTemplate',] },],
65
- 'editTemplate': [{ type: ContentChild, args: ['editTemplate',] },],
66
- };
67
- __decorate([
68
- Template(),
69
- __metadata("design:type", Object)
70
- ], StackedColumnDirective.prototype, "template", void 0);
71
- __decorate([
72
- Template(),
73
- __metadata("design:type", Object)
74
- ], StackedColumnDirective.prototype, "headerTemplate", void 0);
75
- __decorate([
76
- Template(),
77
- __metadata("design:type", Object)
78
- ], StackedColumnDirective.prototype, "filter_itemTemplate", void 0);
79
- __decorate([
80
- Template(),
81
- __metadata("design:type", Object)
82
- ], StackedColumnDirective.prototype, "filterTemplate", void 0);
83
- __decorate([
84
- Template(),
85
- __metadata("design:type", Object)
86
- ], StackedColumnDirective.prototype, "commandsTemplate", void 0);
87
- __decorate([
88
- Template(),
89
- __metadata("design:type", Object)
90
- ], StackedColumnDirective.prototype, "editTemplate", void 0);
91
- /**
92
- * StackedColumn Array Directive
93
- */
94
- class StackedColumnsDirective extends ArrayBase {
95
- constructor() {
96
- super('columns');
97
- }
98
- }
99
- StackedColumnsDirective.decorators = [
100
- { type: Directive, args: [{
101
- selector: 'ejs-treegrid>e-columns>e-column>e-stacked-columns',
102
- queries: {
103
- children: new ContentChildren(StackedColumnDirective)
104
- },
105
- },] },
106
- ];
107
- /**
108
- * @nocollapse
109
- */
110
- StackedColumnsDirective.ctorParameters = () => [];
111
-
112
- var __decorate$1 = (this && this.__decorate) || function (decorators, target, key, desc) {
113
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
114
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
115
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
116
- return c > 3 && r && Object.defineProperty(target, key, r), r;
117
- };
118
- var __metadata$1 = (this && this.__metadata) || function (k, v) {
119
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
120
- };
121
- let input$1 = ['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'];
122
- let outputs$1 = [];
123
- /**
124
- * `e-column` directive represent a column of the Angular TreeGrid.
125
- * It must be contained in a TreeGrid component(`ejs-treegrid`).
126
- * ```html
127
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
128
- * <e-columns>
129
- * <e-column field='ID' width='100'></e-column>
130
- * <e-column field='name' headerText='Name' width='100'></e-column>
131
- * </e-columns>
132
- * </ejs-treegrid>
133
- * ```
134
- */
135
- class ColumnDirective extends ComplexBase {
136
- /**
137
- * @param {?} viewContainerRef
138
- */
139
- constructor(viewContainerRef) {
140
- super();
141
- this.viewContainerRef = viewContainerRef;
142
- this.tags = ['columns'];
143
- setValue('currentInstance', this, this.viewContainerRef);
144
- this.registerEvents(outputs$1);
145
- this.directivePropList = input$1;
146
- }
147
- }
148
- ColumnDirective.decorators = [
149
- { type: Directive, args: [{
150
- selector: 'ejs-treegrid>e-columns>e-column',
151
- inputs: input$1,
152
- outputs: outputs$1,
153
- queries: {
154
- childColumns: new ContentChild(StackedColumnsDirective)
155
- }
156
- },] },
157
- ];
158
- /**
159
- * @nocollapse
160
- */
161
- ColumnDirective.ctorParameters = () => [
162
- { type: ViewContainerRef, },
163
- ];
164
- ColumnDirective.propDecorators = {
165
- 'template': [{ type: ContentChild, args: ['template',] },],
166
- 'headerTemplate': [{ type: ContentChild, args: ['headerTemplate',] },],
167
- 'filter_itemTemplate': [{ type: ContentChild, args: ['filterItemTemplate',] },],
168
- 'filterTemplate': [{ type: ContentChild, args: ['filterTemplate',] },],
169
- 'commandsTemplate': [{ type: ContentChild, args: ['commandsTemplate',] },],
170
- 'editTemplate': [{ type: ContentChild, args: ['editTemplate',] },],
171
- };
172
- __decorate$1([
173
- Template(),
174
- __metadata$1("design:type", Object)
175
- ], ColumnDirective.prototype, "template", void 0);
176
- __decorate$1([
177
- Template(),
178
- __metadata$1("design:type", Object)
179
- ], ColumnDirective.prototype, "headerTemplate", void 0);
180
- __decorate$1([
181
- Template(),
182
- __metadata$1("design:type", Object)
183
- ], ColumnDirective.prototype, "filter_itemTemplate", void 0);
184
- __decorate$1([
185
- Template(),
186
- __metadata$1("design:type", Object)
187
- ], ColumnDirective.prototype, "filterTemplate", void 0);
188
- __decorate$1([
189
- Template(),
190
- __metadata$1("design:type", Object)
191
- ], ColumnDirective.prototype, "commandsTemplate", void 0);
192
- __decorate$1([
193
- Template(),
194
- __metadata$1("design:type", Object)
195
- ], ColumnDirective.prototype, "editTemplate", void 0);
196
- /**
197
- * Column Array Directive
198
- */
199
- class ColumnsDirective extends ArrayBase {
200
- constructor() {
201
- super('columns');
202
- }
203
- }
204
- ColumnsDirective.decorators = [
205
- { type: Directive, args: [{
206
- selector: 'ejs-treegrid>e-columns',
207
- queries: {
208
- children: new ContentChildren(ColumnDirective)
209
- },
210
- },] },
211
- ];
212
- /**
213
- * @nocollapse
214
- */
215
- ColumnsDirective.ctorParameters = () => [];
216
-
217
- var __decorate$2 = (this && this.__decorate) || function (decorators, target, key, desc) {
218
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
219
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
220
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
221
- return c > 3 && r && Object.defineProperty(target, key, r), r;
222
- };
223
- var __metadata$2 = (this && this.__metadata) || function (k, v) {
224
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
225
- };
226
- let input$2 = ['columnName', 'customAggregate', 'field', 'footerTemplate', 'format', 'type'];
227
- let outputs$2 = [];
228
- /**
229
- * `e-aggregate->e-column` directive represent a aggregate column of the Angular TreeGrid.
230
- * ```html
231
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
232
- * <e-columns>
233
- * <e-column field='ID' width='100'></e-column>
234
- * <e-column field='name' headerText='Name' width='100'></e-column>
235
- * </e-columns>
236
- * <e-aggregates>
237
- * <e-aggregate>
238
- * <e-columns>
239
- * <e-column field='ID' type='Min'></e-column>
240
- * </e-columns>
241
- * </e-aggregate>
242
- * </e-aggregates>
243
- * </ejs-treegrid>
244
- * ```
245
- */
246
- class AggregateColumnDirective extends ComplexBase {
247
- /**
248
- * @param {?} viewContainerRef
249
- */
250
- constructor(viewContainerRef) {
251
- super();
252
- this.viewContainerRef = viewContainerRef;
253
- setValue('currentInstance', this, this.viewContainerRef);
254
- this.registerEvents(outputs$2);
255
- this.directivePropList = input$2;
256
- }
257
- }
258
- AggregateColumnDirective.decorators = [
259
- { type: Directive, args: [{
260
- selector: 'ejs-treegrid>e-aggregates>e-aggregate>e-columns>e-column',
261
- inputs: input$2,
262
- outputs: outputs$2,
263
- queries: {}
264
- },] },
265
- ];
266
- /**
267
- * @nocollapse
268
- */
269
- AggregateColumnDirective.ctorParameters = () => [
270
- { type: ViewContainerRef, },
271
- ];
272
- AggregateColumnDirective.propDecorators = {
273
- 'footerTemplate': [{ type: ContentChild, args: ['footerTemplate',] },],
274
- };
275
- __decorate$2([
276
- Template(),
277
- __metadata$2("design:type", Object)
278
- ], AggregateColumnDirective.prototype, "footerTemplate", void 0);
279
- /**
280
- * AggregateColumn Array Directive
281
- */
282
- class AggregateColumnsDirective extends ArrayBase {
283
- constructor() {
284
- super('columns');
285
- }
286
- }
287
- AggregateColumnsDirective.decorators = [
288
- { type: Directive, args: [{
289
- selector: 'ejs-treegrid>e-aggregates>e-aggregate>e-columns',
290
- queries: {
291
- children: new ContentChildren(AggregateColumnDirective)
292
- },
293
- },] },
294
- ];
295
- /**
296
- * @nocollapse
297
- */
298
- AggregateColumnsDirective.ctorParameters = () => [];
299
-
300
- let input$3 = ['columns', 'showChildSummary'];
301
- let outputs$3 = [];
302
- /**
303
- * `e-aggregate` directive represent a aggregate row of the Angular TreeGrid.
304
- * It must be contained in a TreeGrid component(`ejs-treegrid`).
305
- * ```html
306
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'>
307
- * <e-columns>
308
- * <e-column field='ID' width='100'></e-column>
309
- * <e-column field='name' headerText='Name' width='100'></e-column>
310
- * </e-columns>
311
- * <e-aggregates>
312
- * <e-aggregate>
313
- * <e-columns>
314
- * <e-column field='ID' type='Min'></e-column>
315
- * </e-columns>
316
- * </e-aggregate>
317
- * </e-aggregates>
318
- * </ejs-treegrid>
319
- * ```
320
- */
321
- class AggregateDirective extends ComplexBase {
322
- /**
323
- * @param {?} viewContainerRef
324
- */
325
- constructor(viewContainerRef) {
326
- super();
327
- this.viewContainerRef = viewContainerRef;
328
- this.tags = ['columns'];
329
- setValue('currentInstance', this, this.viewContainerRef);
330
- this.registerEvents(outputs$3);
331
- this.directivePropList = input$3;
332
- }
333
- }
334
- AggregateDirective.decorators = [
335
- { type: Directive, args: [{
336
- selector: 'ejs-treegrid>e-aggregates>e-aggregate',
337
- inputs: input$3,
338
- outputs: outputs$3,
339
- queries: {
340
- childColumns: new ContentChild(AggregateColumnsDirective)
341
- }
342
- },] },
343
- ];
344
- /**
345
- * @nocollapse
346
- */
347
- AggregateDirective.ctorParameters = () => [
348
- { type: ViewContainerRef, },
349
- ];
350
- /**
351
- * Aggregate Array Directive
352
- */
353
- class AggregatesDirective extends ArrayBase {
354
- constructor() {
355
- super('aggregates');
356
- }
357
- }
358
- AggregatesDirective.decorators = [
359
- { type: Directive, args: [{
360
- selector: 'ejs-treegrid>e-aggregates',
361
- queries: {
362
- children: new ContentChildren(AggregateDirective)
363
- },
364
- },] },
365
- ];
366
- /**
367
- * @nocollapse
368
- */
369
- AggregatesDirective.ctorParameters = () => [];
370
-
371
- var __decorate$3 = (this && this.__decorate) || function (decorators, target, key, desc) {
372
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
373
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
374
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
375
- return c > 3 && r && Object.defineProperty(target, key, r), r;
376
- };
377
- var __metadata$3 = (this && this.__metadata) || function (k, v) {
378
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
379
- };
380
- const inputs = ['aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'currencyCode', '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'];
381
- const outputs$4 = ['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'];
382
- const twoWays = ['dataSource'];
383
- /**
384
- * `ejs-treegrid` represents the Angular TreeTreeGrid Component.
385
- * ```html
386
- * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'></ejs-treegrid>
387
- * ```
388
- */
389
- let TreeGridComponent = class TreeGridComponent extends TreeGrid {
390
- /**
391
- * @param {?} ngEle
392
- * @param {?} srenderer
393
- * @param {?} viewContainerRef
394
- * @param {?} injector
395
- */
396
- constructor(ngEle, srenderer, viewContainerRef, injector) {
397
- super();
398
- this.ngEle = ngEle;
399
- this.srenderer = srenderer;
400
- this.viewContainerRef = viewContainerRef;
401
- this.injector = injector;
402
- this.tags = ['columns', 'aggregates'];
403
- this.element = this.ngEle.nativeElement;
404
- this.injectedModules = this.injectedModules || [];
405
- try {
406
- let mod = this.injector.get('TreeGridFilter');
407
- if (this.injectedModules.indexOf(mod) === -1) {
408
- this.injectedModules.push(mod);
409
- }
410
- }
411
- catch (_a) { }
412
- try {
413
- let mod = this.injector.get('TreeGridPage');
414
- if (this.injectedModules.indexOf(mod) === -1) {
415
- this.injectedModules.push(mod);
416
- }
417
- }
418
- catch (_b) { }
419
- try {
420
- let mod = this.injector.get('TreeGridSort');
421
- if (this.injectedModules.indexOf(mod) === -1) {
422
- this.injectedModules.push(mod);
423
- }
424
- }
425
- catch (_c) { }
426
- try {
427
- let mod = this.injector.get('TreeGridReorder');
428
- if (this.injectedModules.indexOf(mod) === -1) {
429
- this.injectedModules.push(mod);
430
- }
431
- }
432
- catch (_d) { }
433
- try {
434
- let mod = this.injector.get('TreeGridToolbar');
435
- if (this.injectedModules.indexOf(mod) === -1) {
436
- this.injectedModules.push(mod);
437
- }
438
- }
439
- catch (_e) { }
440
- try {
441
- let mod = this.injector.get('TreeGridAggregate');
442
- if (this.injectedModules.indexOf(mod) === -1) {
443
- this.injectedModules.push(mod);
444
- }
445
- }
446
- catch (_f) { }
447
- try {
448
- let mod = this.injector.get('TreeGridResize');
449
- if (this.injectedModules.indexOf(mod) === -1) {
450
- this.injectedModules.push(mod);
451
- }
452
- }
453
- catch (_g) { }
454
- try {
455
- let mod = this.injector.get('TreeGridColumnMenu');
456
- if (this.injectedModules.indexOf(mod) === -1) {
457
- this.injectedModules.push(mod);
458
- }
459
- }
460
- catch (_h) { }
461
- try {
462
- let mod = this.injector.get('TreeGridExcelExport');
463
- if (this.injectedModules.indexOf(mod) === -1) {
464
- this.injectedModules.push(mod);
465
- }
466
- }
467
- catch (_j) { }
468
- try {
469
- let mod = this.injector.get('TreeGridPdfExport');
470
- if (this.injectedModules.indexOf(mod) === -1) {
471
- this.injectedModules.push(mod);
472
- }
473
- }
474
- catch (_k) { }
475
- try {
476
- let mod = this.injector.get('TreeGridCommandColumn');
477
- if (this.injectedModules.indexOf(mod) === -1) {
478
- this.injectedModules.push(mod);
479
- }
480
- }
481
- catch (_l) { }
482
- try {
483
- let mod = this.injector.get('TreeGridContextMenu');
484
- if (this.injectedModules.indexOf(mod) === -1) {
485
- this.injectedModules.push(mod);
486
- }
487
- }
488
- catch (_m) { }
489
- try {
490
- let mod = this.injector.get('TreeGridEdit');
491
- if (this.injectedModules.indexOf(mod) === -1) {
492
- this.injectedModules.push(mod);
493
- }
494
- }
495
- catch (_o) { }
496
- try {
497
- let mod = this.injector.get('TreeGridSelection');
498
- if (this.injectedModules.indexOf(mod) === -1) {
499
- this.injectedModules.push(mod);
500
- }
501
- }
502
- catch (_p) { }
503
- try {
504
- let mod = this.injector.get('TreeGridVirtualScroll');
505
- if (this.injectedModules.indexOf(mod) === -1) {
506
- this.injectedModules.push(mod);
507
- }
508
- }
509
- catch (_q) { }
510
- try {
511
- let mod = this.injector.get('TreeGridDetailRow');
512
- if (this.injectedModules.indexOf(mod) === -1) {
513
- this.injectedModules.push(mod);
514
- }
515
- }
516
- catch (_r) { }
517
- try {
518
- let mod = this.injector.get('TreeGridRowDD');
519
- if (this.injectedModules.indexOf(mod) === -1) {
520
- this.injectedModules.push(mod);
521
- }
522
- }
523
- catch (_s) { }
524
- try {
525
- let mod = this.injector.get('TreeGridFreeze');
526
- if (this.injectedModules.indexOf(mod) === -1) {
527
- this.injectedModules.push(mod);
528
- }
529
- }
530
- catch (_t) { }
531
- try {
532
- let mod = this.injector.get('TreeGridColumnChooser');
533
- if (this.injectedModules.indexOf(mod) === -1) {
534
- this.injectedModules.push(mod);
535
- }
536
- }
537
- catch (_u) { }
538
- try {
539
- let mod = this.injector.get('TreeGridLogger');
540
- if (this.injectedModules.indexOf(mod) === -1) {
541
- this.injectedModules.push(mod);
542
- }
543
- }
544
- catch (_v) { }
545
- try {
546
- let mod = this.injector.get('TreeGridInfiniteScroll');
547
- if (this.injectedModules.indexOf(mod) === -1) {
548
- this.injectedModules.push(mod);
549
- }
550
- }
551
- catch (_w) { }
552
- this.registerEvents(outputs$4);
553
- this.addTwoWay.call(this, twoWays);
554
- setValue('currentInstance', this, this.viewContainerRef);
555
- this.context = new ComponentBase();
556
- }
557
- /**
558
- * @return {?}
559
- */
560
- ngOnInit() {
561
- this.context.ngOnInit(this);
562
- }
563
- /**
564
- * @return {?}
565
- */
566
- ngAfterViewInit() {
567
- this.context.ngAfterViewInit(this);
568
- }
569
- /**
570
- * @return {?}
571
- */
572
- ngOnDestroy() {
573
- this.context.ngOnDestroy(this);
574
- }
575
- /**
576
- * @return {?}
577
- */
578
- ngAfterContentChecked() {
579
- this.tagObjects[0].instance = this.childColumns;
580
- if (this.childAggregates) {
581
- this.tagObjects[1].instance = /** @type {?} */ (this.childAggregates);
582
- }
583
- this.context.ngAfterContentChecked(this);
584
- }
585
- };
586
- TreeGridComponent.decorators = [
587
- { type: Component, args: [{
588
- selector: 'ejs-treegrid',
589
- inputs: inputs,
590
- outputs: outputs$4,
591
- template: '',
592
- changeDetection: ChangeDetectionStrategy.OnPush,
593
- queries: {
594
- childColumns: new ContentChild(ColumnsDirective),
595
- childAggregates: new ContentChild(AggregatesDirective)
596
- }
597
- },] },
598
- ];
599
- /**
600
- * @nocollapse
601
- */
602
- TreeGridComponent.ctorParameters = () => [
603
- { type: ElementRef, },
604
- { type: Renderer2, },
605
- { type: ViewContainerRef, },
606
- { type: Injector, },
607
- ];
608
- TreeGridComponent.propDecorators = {
609
- 'toolbarTemplate': [{ type: ContentChild, args: ['toolbarTemplate',] },],
610
- 'pagerTemplate': [{ type: ContentChild, args: ['pagerTemplate',] },],
611
- 'rowTemplate': [{ type: ContentChild, args: ['rowTemplate',] },],
612
- 'detailTemplate': [{ type: ContentChild, args: ['detailTemplate',] },],
613
- 'editSettings_template': [{ type: ContentChild, args: ['editSettingsTemplate',] },],
614
- };
615
- __decorate$3([
616
- Template(),
617
- __metadata$3("design:type", Object)
618
- ], TreeGridComponent.prototype, "toolbarTemplate", void 0);
619
- __decorate$3([
620
- Template(),
621
- __metadata$3("design:type", Object)
622
- ], TreeGridComponent.prototype, "pagerTemplate", void 0);
623
- __decorate$3([
624
- Template(),
625
- __metadata$3("design:type", Object)
626
- ], TreeGridComponent.prototype, "rowTemplate", void 0);
627
- __decorate$3([
628
- Template(),
629
- __metadata$3("design:type", Object)
630
- ], TreeGridComponent.prototype, "detailTemplate", void 0);
631
- __decorate$3([
632
- Template(),
633
- __metadata$3("design:type", Object)
634
- ], TreeGridComponent.prototype, "editSettings_template", void 0);
635
- TreeGridComponent = __decorate$3([
636
- ComponentMixins([ComponentBase]),
637
- __metadata$3("design:paramtypes", [ElementRef,
638
- Renderer2,
639
- ViewContainerRef,
640
- Injector])
641
- ], TreeGridComponent);
642
-
643
- /**
644
- * NgModule definition for the TreeGrid component.
645
- */
646
- class TreeGridModule {
647
- }
648
- TreeGridModule.decorators = [
649
- { type: NgModule, args: [{
650
- imports: [CommonModule],
651
- declarations: [
652
- TreeGridComponent,
653
- StackedColumnDirective,
654
- StackedColumnsDirective,
655
- ColumnDirective,
656
- ColumnsDirective,
657
- AggregateColumnDirective,
658
- AggregateColumnsDirective,
659
- AggregateDirective,
660
- AggregatesDirective
661
- ],
662
- exports: [
663
- TreeGridComponent,
664
- StackedColumnDirective,
665
- StackedColumnsDirective,
666
- ColumnDirective,
667
- ColumnsDirective,
668
- AggregateColumnDirective,
669
- AggregateColumnsDirective,
670
- AggregateDirective,
671
- AggregatesDirective
672
- ]
673
- },] },
674
- ];
675
- /**
676
- * @nocollapse
677
- */
678
- TreeGridModule.ctorParameters = () => [];
679
-
680
- const FilterService = { provide: 'TreeGridFilter', useValue: Filter };
681
- const PageService = { provide: 'TreeGridPage', useValue: Page };
682
- const SortService = { provide: 'TreeGridSort', useValue: Sort };
683
- const ReorderService = { provide: 'TreeGridReorder', useValue: Reorder };
684
- const ToolbarService = { provide: 'TreeGridToolbar', useValue: Toolbar };
685
- const AggregateService = { provide: 'TreeGridAggregate', useValue: Aggregate };
686
- const ResizeService = { provide: 'TreeGridResize', useValue: Resize };
687
- const ColumnMenuService = { provide: 'TreeGridColumnMenu', useValue: ColumnMenu };
688
- const ExcelExportService = { provide: 'TreeGridExcelExport', useValue: ExcelExport };
689
- const PdfExportService = { provide: 'TreeGridPdfExport', useValue: PdfExport };
690
- const CommandColumnService = { provide: 'TreeGridCommandColumn', useValue: CommandColumn };
691
- const ContextMenuService = { provide: 'TreeGridContextMenu', useValue: ContextMenu };
692
- const EditService = { provide: 'TreeGridEdit', useValue: Edit };
693
- const SelectionService = { provide: 'TreeGridSelection', useValue: Selection };
694
- const VirtualScrollService = { provide: 'TreeGridVirtualScroll', useValue: VirtualScroll };
695
- const DetailRowService = { provide: 'TreeGridDetailRow', useValue: DetailRow };
696
- const RowDDService = { provide: 'TreeGridRowDD', useValue: RowDD };
697
- const FreezeService = { provide: 'TreeGridFreeze', useValue: Freeze };
698
- const ColumnChooserService = { provide: 'TreeGridColumnChooser', useValue: ColumnChooser };
699
- const LoggerService = { provide: 'TreeGridLogger', useValue: Logger };
700
- const InfiniteScrollService = { provide: 'TreeGridInfiniteScroll', useValue: InfiniteScroll };
701
- /**
702
- * NgModule definition for the TreeGrid component with providers.
703
- */
704
- class TreeGridAllModule {
705
- }
706
- TreeGridAllModule.decorators = [
707
- { type: NgModule, args: [{
708
- imports: [CommonModule, TreeGridModule],
709
- exports: [
710
- TreeGridModule
711
- ],
712
- providers: [
713
- FilterService,
714
- PageService,
715
- SortService,
716
- ReorderService,
717
- ToolbarService,
718
- AggregateService,
719
- ResizeService,
720
- ColumnMenuService,
721
- ExcelExportService,
722
- PdfExportService,
723
- CommandColumnService,
724
- ContextMenuService,
725
- EditService,
726
- SelectionService,
727
- VirtualScrollService,
728
- DetailRowService,
729
- RowDDService,
730
- FreezeService,
731
- ColumnChooserService,
732
- LoggerService,
733
- InfiniteScrollService
734
- ]
735
- },] },
736
- ];
737
- /**
738
- * @nocollapse
739
- */
740
- TreeGridAllModule.ctorParameters = () => [];
741
-
742
- /**
743
- * Generated bundle index. Do not edit.
744
- */
745
-
746
- export { StackedColumnDirective, StackedColumnsDirective, ColumnDirective, ColumnsDirective, AggregateColumnDirective, AggregateColumnsDirective, AggregateDirective, AggregatesDirective, TreeGridComponent, TreeGridModule, TreeGridAllModule, FilterService, PageService, SortService, ReorderService, ToolbarService, AggregateService, ResizeService, ColumnMenuService, ExcelExportService, PdfExportService, CommandColumnService, ContextMenuService, EditService, SelectionService, VirtualScrollService, DetailRowService, RowDDService, FreezeService, ColumnChooserService, LoggerService, InfiniteScrollService, inputs as ɵa, outputs$4 as ɵb };
747
- export { TreeGrid, load, rowDataBound, dataBound, queryCellInfo, beforeDataBound, actionBegin, dataStateChange, actionComplete, rowSelecting, rowSelected, checkboxChange, rowDeselected, toolbarClick, beforeExcelExport, beforePdfExport, resizeStop, expanded, expanding, collapsed, collapsing, remoteExpand, localPagedExpandCollapse, pagingActions, printGridInit, contextMenuOpen, contextMenuClick, beforeCopy, beforePaste, savePreviousRowPosition, crudAction, beginEdit, beginAdd, recordDoubleClick, cellSave, cellSaved, cellEdit, batchDelete, batchCancel, batchAdd, beforeBatchDelete, beforeBatchAdd, beforeBatchSave, batchSave, keyPressed, updateData, doubleTap, virtualColumnIndex, virtualActionArgs, destroy, dataListener, indexModifier, beforeStartEdit, beforeBatchCancel, batchEditFormRendered, detailDataBound, rowDrag, rowDragStartHelper, rowDrop, rowDragStart, rowsAdd, rowsRemove, rowdraging, rowDropped, autoCol, rowDeselecting, headerContent, movableContent, movableHeader, frozenContent, frozenHeader, content, table, leftRight, frozenRight, frozenLeft, dataColIndex, ariaColIndex, dataRowIndex, ariaRowIndex, DataManipulation, Reorder, Resize, RowDD, Column, TreeGridColumn, StackedColumn, EditSettings, Predicate, FilterSettings, PageSettings, SearchSettings, SelectionSettings, AggregateColumn, AggregateRow, SortDescriptor, SortSettings, RowDropSettings, InfiniteScrollSettings, LoadingIndicator, Render, TreeVirtualRowModelGenerator, isRemoteData, isCountRequired, isCheckboxcolumn, isFilterChildHierarchy, findParentRecords, getExpandStatus, findChildrenRecords, isOffline, extendArray, getPlainData, getParentData, isHidden, ToolbarItem, ContextMenuItems, Filter, ExcelExport, PdfExport, Page, Toolbar, Aggregate, Sort, TreeClipboard, ColumnMenu, ContextMenu, Edit, CommandColumn, Selection, DetailRow, VirtualScroll, TreeVirtual, Freeze, ColumnChooser, Logger, treeGridDetails, InfiniteScroll } from '@syncfusion/ej2-treegrid';
748
- //# sourceMappingURL=ej2-angular-treegrid.js.map