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