@syncfusion/ej2-angular-treegrid 29.1.39 → 29.2.4-ngcc
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@syncfusion/ej2-angular-treegrid.es5.js +798 -0
- package/@syncfusion/ej2-angular-treegrid.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-treegrid.js +748 -0
- package/@syncfusion/ej2-angular-treegrid.js.map +1 -0
- package/dist/ej2-angular-treegrid.umd.js +978 -0
- package/dist/ej2-angular-treegrid.umd.js.map +1 -0
- package/dist/ej2-angular-treegrid.umd.min.js +11 -0
- package/dist/ej2-angular-treegrid.umd.min.js.map +1 -0
- package/ej2-angular-treegrid.d.ts +5 -0
- package/ej2-angular-treegrid.metadata.json +1 -0
- package/license +10 -0
- package/package.json +15 -28
- package/schematics/utils/lib-details.d.ts +2 -2
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/treegrid/aggregate-columns.directive.d.ts +0 -5
- package/src/treegrid/aggregates.directive.d.ts +0 -5
- package/src/treegrid/columns.directive.d.ts +0 -5
- package/src/treegrid/stacked-column.directive.d.ts +0 -5
- package/src/treegrid/treegrid-all.module.d.ts +0 -6
- package/src/treegrid/treegrid.component.d.ts +0 -3
- package/src/treegrid/treegrid.module.d.ts +0 -10
- package/CHANGELOG.md +0 -231
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/index.mjs +0 -9
- package/esm2020/src/treegrid/aggregate-columns.directive.mjs +0 -72
- package/esm2020/src/treegrid/aggregates.directive.mjs +0 -69
- package/esm2020/src/treegrid/columns.directive.mjs +0 -100
- package/esm2020/src/treegrid/stacked-column.directive.mjs +0 -100
- package/esm2020/src/treegrid/treegrid-all.module.mjs +0 -89
- package/esm2020/src/treegrid/treegrid.component.mjs +0 -247
- package/esm2020/src/treegrid/treegrid.module.mjs +0 -61
- package/esm2020/syncfusion-ej2-angular-treegrid.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +0 -710
- package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +0 -710
- package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +0 -1
- package/syncfusion-ej2-angular-treegrid.d.ts +0 -5
@@ -0,0 +1,748 @@
|
|
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, ariaColIndex, ariaRowIndex, actionFailure, 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
|