@syncfusion/ej2-angular-treegrid 31.1.21-ngcc → 31.1.21
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/CHANGELOG.md +14 -65
- package/esm2020/public_api.mjs +2 -0
- package/esm2020/src/index.mjs +9 -0
- package/esm2020/src/treegrid/aggregate-columns.directive.mjs +72 -0
- package/esm2020/src/treegrid/aggregates.directive.mjs +69 -0
- package/esm2020/src/treegrid/columns.directive.mjs +100 -0
- package/esm2020/src/treegrid/stacked-column.directive.mjs +100 -0
- package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
- package/esm2020/src/treegrid/treegrid.component.mjs +271 -0
- package/esm2020/src/treegrid/treegrid.module.mjs +61 -0
- package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
- package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +734 -0
- package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
- package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +734 -0
- package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
- package/package.json +44 -47
- package/src/treegrid/aggregate-columns.directive.d.ts +31 -28
- package/src/treegrid/aggregates.directive.d.ts +7 -2
- package/src/treegrid/columns.directive.d.ts +60 -77
- package/src/treegrid/stacked-column.directive.d.ts +60 -77
- package/src/treegrid/treegrid-all.module.d.ts +6 -0
- package/src/treegrid/treegrid.component.d.ts +23 -1
- package/src/treegrid/treegrid.module.d.ts +10 -0
- package/styles/bds-lite.css +1 -0
- package/styles/bds-lite.scss +1 -0
- package/styles/bds.css +1 -0
- package/styles/bds.scss +1 -0
- package/styles/bootstrap-dark-lite.css +1 -0
- package/styles/bootstrap-dark-lite.scss +1 -0
- package/styles/bootstrap-lite.css +1 -0
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap4-lite.css +1 -0
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap5-dark-lite.css +1 -0
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-lite.css +1 -0
- package/styles/bootstrap5-lite.scss +1 -0
- package/styles/bootstrap5.3-lite.css +1 -0
- package/styles/bootstrap5.3-lite.scss +1 -0
- package/styles/bootstrap5.3.css +1 -0
- package/styles/bootstrap5.3.scss +1 -0
- package/styles/fabric-dark-lite.css +1 -0
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-lite.css +1 -0
- package/styles/fabric-lite.scss +1 -0
- package/styles/fluent-dark-lite.css +1 -0
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-lite.css +1 -0
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent2-lite.css +1 -0
- package/styles/fluent2-lite.scss +1 -0
- package/styles/fluent2.css +1 -0
- package/styles/fluent2.scss +1 -0
- package/styles/highcontrast-light-lite.css +1 -0
- package/styles/highcontrast-light-lite.scss +1 -0
- package/styles/highcontrast-lite.css +1 -0
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/material-dark-lite.css +1 -0
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-lite.css +1 -0
- package/styles/material-lite.scss +1 -0
- package/styles/material3-dark-lite.css +1 -0
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-lite.css +1 -0
- package/styles/material3-lite.scss +1 -0
- package/styles/tailwind-dark-lite.css +1 -0
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-lite.css +1 -0
- package/styles/tailwind-lite.scss +1 -0
- package/styles/tailwind3-lite.css +1 -0
- package/styles/tailwind3-lite.scss +1 -0
- package/styles/tailwind3.css +1 -0
- package/styles/tailwind3.scss +1 -0
- package/styles/treegrid/bds.css +1 -0
- package/styles/treegrid/bds.scss +1 -0
- package/styles/treegrid/bootstrap5.3.css +1 -0
- package/styles/treegrid/bootstrap5.3.scss +1 -0
- package/styles/treegrid/fluent2.css +1 -0
- package/styles/treegrid/fluent2.scss +1 -0
- package/styles/treegrid/tailwind3.css +1 -0
- package/styles/treegrid/tailwind3.scss +1 -0
- package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
- package/@syncfusion/ej2-angular-treegrid.es5.js +0 -798
- package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
- package/@syncfusion/ej2-angular-treegrid.js +0 -748
- package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
- package/dist/ej2-angular-treegrid.umd.js +0 -979
- package/dist/ej2-angular-treegrid.umd.js.map +0 -1
- package/dist/ej2-angular-treegrid.umd.min.js +0 -11
- package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
- package/ej2-angular-treegrid.d.ts +0 -5
- package/ej2-angular-treegrid.metadata.json +0 -1
- package/license +0 -10
- package/postinstall/tagchange.js +0 -18
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
3
4
|
/**
|
|
4
5
|
* `e-stacked-column` directive represent the stacked column of the Angular TreeGrid.
|
|
5
6
|
* It must be contained in a StackedColumns component(`e-stacked-columns`).
|
|
@@ -20,60 +21,53 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
20
21
|
private viewContainerRef;
|
|
21
22
|
directivePropList: any;
|
|
22
23
|
/**
|
|
23
|
-
* Defines the
|
|
24
|
+
* Defines the type of data stored in the column, which may be string, number, date, or other types.
|
|
24
25
|
* @default null
|
|
25
26
|
*/
|
|
26
27
|
type: any;
|
|
27
28
|
/**
|
|
28
|
-
*
|
|
29
|
-
* By default all columns are editable.
|
|
29
|
+
* Controls whether editing is permitted for the column. By default, all columns are editable.
|
|
30
30
|
* @default true
|
|
31
31
|
*/
|
|
32
32
|
allowEditing: any;
|
|
33
33
|
/**
|
|
34
|
-
* If
|
|
35
|
-
* By default all columns are filterable.
|
|
34
|
+
* Controls whether the column supports filtering. If set to false, users cannot filter data by this column.
|
|
36
35
|
* @default true
|
|
37
36
|
*/
|
|
38
37
|
allowFiltering: any;
|
|
39
38
|
/**
|
|
40
|
-
*
|
|
41
|
-
* By default all columns can be reorder.
|
|
39
|
+
* Enables or disables the reordering of this column via drag-and-drop. Allows for dynamic column adjustments.
|
|
42
40
|
* @default true
|
|
43
41
|
*/
|
|
44
42
|
allowReordering: any;
|
|
45
43
|
/**
|
|
46
|
-
*
|
|
44
|
+
* Determines if this column can be resized. If false, the column size is fixed.
|
|
47
45
|
* @default true
|
|
48
46
|
*/
|
|
49
47
|
allowResizing: any;
|
|
50
48
|
/**
|
|
51
|
-
*
|
|
52
|
-
* By default all columns are sortable.
|
|
49
|
+
* Specifies whether sorting is enabled for this column. Set to false to prevent sort actions.
|
|
53
50
|
* @default true
|
|
54
51
|
*/
|
|
55
52
|
allowSorting: any;
|
|
56
53
|
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
59
|
-
*
|
|
54
|
+
* Determines how overflow content is handled within a cell. Options include:
|
|
55
|
+
* * `Clip`: Truncates the content.
|
|
56
|
+
* * `Ellipsis`: Shows ellipsis for overflow.
|
|
57
|
+
* * `EllipsisWithTooltip`: Shows ellipsis and tooltip on hover.
|
|
60
58
|
* @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
|
|
61
59
|
* @isenumeration true
|
|
62
60
|
* @asptype Syncfusion.EJ2.Grids.ClipMode
|
|
63
61
|
*/
|
|
64
62
|
clipMode: any;
|
|
65
63
|
/**
|
|
66
|
-
*
|
|
64
|
+
* Allows for the creation of stacked headers by using multiple rows in the grid's header.
|
|
67
65
|
* @default null
|
|
68
66
|
*/
|
|
69
67
|
columns: any;
|
|
70
68
|
/**
|
|
71
|
-
*
|
|
72
|
-
*
|
|
73
|
-
* * Edit - Edit the record.
|
|
74
|
-
* * Delete - Delete the record.
|
|
75
|
-
* * Save - Save the record.
|
|
76
|
-
* * Cancel - Cancel the edit state.
|
|
69
|
+
* Provides built-in command button options for cells. Options include Edit, Delete, Save, and Cancel.
|
|
70
|
+
* Custom command button implementations are possible.
|
|
77
71
|
*
|
|
78
72
|
* The following code example implements the custom command column.
|
|
79
73
|
*```html
|
|
@@ -100,55 +94,49 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
100
94
|
*/
|
|
101
95
|
commands: any;
|
|
102
96
|
/**
|
|
103
|
-
*
|
|
97
|
+
* Enables the addition of CSS styles and attributes for the content cells in a particular column.
|
|
104
98
|
* @default null
|
|
105
99
|
*/
|
|
106
100
|
customAttributes: any;
|
|
107
101
|
/**
|
|
108
|
-
*
|
|
102
|
+
* Sets default values when new records are added to the TreeGrid involving this column.
|
|
109
103
|
* @default null
|
|
110
104
|
*/
|
|
111
105
|
defaultValue: any;
|
|
112
106
|
/**
|
|
113
|
-
* If
|
|
107
|
+
* If set to `true`, the HTML content within header and content cells is encoded to prevent injection attacks.
|
|
114
108
|
* @default true
|
|
115
109
|
*/
|
|
116
110
|
disableHtmlEncode: any;
|
|
117
111
|
/**
|
|
118
|
-
*
|
|
112
|
+
* Displays the column value as a checkbox instead of a Boolean value when set to `true`.
|
|
119
113
|
* @default false
|
|
120
114
|
*/
|
|
121
115
|
displayAsCheckBox: any;
|
|
122
116
|
/**
|
|
123
|
-
*
|
|
117
|
+
* Allows customizing the default edit cell through the `IEditCell` object for more control over editing.
|
|
124
118
|
* @default {}
|
|
125
119
|
*/
|
|
126
120
|
edit: any;
|
|
127
121
|
/**
|
|
128
|
-
*
|
|
122
|
+
* Specifies the component type used for editing cells within this column.
|
|
129
123
|
* @default 'stringedit'
|
|
130
124
|
*/
|
|
131
125
|
editType: any;
|
|
132
126
|
/**
|
|
133
|
-
*
|
|
134
|
-
* The
|
|
135
|
-
* The `field` name must be a valid JavaScript identifier,
|
|
136
|
-
* the first character must be an alphabet and should not contain spaces and special characters.
|
|
127
|
+
* Specifies the field name in the data source to which the column is bound. This field is used for operations like sorting and filtering.
|
|
128
|
+
* The field name must be a valid JavaScript identifier, beginning with a letter and avoiding spaces and special characters.
|
|
137
129
|
* @default 'undefined'
|
|
138
130
|
*/
|
|
139
131
|
field: any;
|
|
140
132
|
/**
|
|
141
|
-
*
|
|
142
|
-
*
|
|
143
|
-
* @default null
|
|
144
|
-
*
|
|
133
|
+
* Customizes filter options for the column, enabling specialized filtering functionality.
|
|
134
|
+
* @default null
|
|
145
135
|
*/
|
|
146
136
|
filter: any;
|
|
147
137
|
/**
|
|
148
|
-
*
|
|
149
|
-
*
|
|
150
|
-
* * create: It is used for creating custom components.
|
|
151
|
-
* * read: It is used to perform custom filter action.
|
|
138
|
+
* Allows for a custom component within the filter bar, facilitating advanced filter interfaces.
|
|
139
|
+
* Includes create and read functions for custom component management.
|
|
152
140
|
*
|
|
153
141
|
* ```html
|
|
154
142
|
*<div id="TreeGrid"></div>
|
|
@@ -173,7 +161,7 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
173
161
|
* gridObj.filterByColumn(args.element.id, 'equal', args.element.value);
|
|
174
162
|
* }
|
|
175
163
|
* }
|
|
176
|
-
*
|
|
164
|
+
*}],
|
|
177
165
|
* allowFiltering: true
|
|
178
166
|
*});
|
|
179
167
|
*gridObj.appendTo('#TreeGrid');
|
|
@@ -183,35 +171,33 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
183
171
|
*/
|
|
184
172
|
filterBarTemplate: any;
|
|
185
173
|
/**
|
|
186
|
-
*
|
|
187
|
-
*
|
|
188
|
-
* [
|
|
189
|
-
*
|
|
174
|
+
* Formats the displayed value of the column without affecting the underlying data. Supports standard and custom formats for numbers and dates.
|
|
175
|
+
*
|
|
176
|
+
* References for [number](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
|
|
177
|
+
*and [date](https://ej2.syncfusion.com/documentation/common/internationalization#date-formatting) formats.
|
|
190
178
|
* @default null
|
|
191
179
|
* @asptype string
|
|
192
180
|
*/
|
|
193
181
|
format: any;
|
|
194
182
|
/**
|
|
195
|
-
*
|
|
196
|
-
* This function triggers before rendering of each cell.
|
|
183
|
+
* Allows for custom cell content formatting using an external method, executed prior to rendering.
|
|
197
184
|
* @default null
|
|
198
185
|
*/
|
|
199
186
|
formatter: any;
|
|
200
187
|
/**
|
|
201
|
-
*
|
|
188
|
+
* Determines which side (left, right, or center) the column should be frozen on.
|
|
202
189
|
* @default Syncfusion.EJ2.Grids.FreezeDirection.None
|
|
203
190
|
* @isenumeration true
|
|
204
191
|
* @asptype Syncfusion.EJ2.Grids.FreezeDirection
|
|
205
192
|
*/
|
|
206
193
|
freeze: any;
|
|
207
194
|
/**
|
|
208
|
-
*
|
|
209
|
-
* If `headerText` is not defined, then field name value will be assigned to header text.
|
|
195
|
+
* Specifies the text displayed in the column header. If omitted, the `field` value is used as the header text.
|
|
210
196
|
* @default 'undefined'
|
|
211
197
|
*/
|
|
212
198
|
headerText: any;
|
|
213
199
|
/**
|
|
214
|
-
*
|
|
200
|
+
* Aligns the text in the column header. By default, the alignment corresponds to other content alignments.
|
|
215
201
|
* @default null
|
|
216
202
|
* @aspdefaultvalueignore
|
|
217
203
|
* @isenumeration true
|
|
@@ -219,124 +205,119 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
219
205
|
*/
|
|
220
206
|
headerTextAlign: any;
|
|
221
207
|
/**
|
|
222
|
-
*
|
|
223
|
-
* `hideAtMedia` accepts only valid Media Queries.
|
|
208
|
+
* Adjusts column visibility based on [Media Queries](http://cssmediaqueries.com/what-are-css-media-queries.html). Accepts valid CSS media query strings for responsive adjustments.
|
|
224
209
|
* @default 'undefined'
|
|
225
210
|
*/
|
|
226
211
|
hideAtMedia: any;
|
|
227
212
|
/**
|
|
228
|
-
*
|
|
213
|
+
* Allows the column to be frozen, keeping it stationary while scrolling horizontally through the grid.
|
|
229
214
|
* @default false
|
|
230
215
|
*/
|
|
231
216
|
isFrozen: any;
|
|
232
217
|
/**
|
|
233
|
-
*
|
|
218
|
+
* Identifies the column as an identity column in database terms, if set to `true`.
|
|
234
219
|
* @default false
|
|
235
220
|
*/
|
|
236
221
|
isIdentity: any;
|
|
237
222
|
/**
|
|
238
|
-
*
|
|
223
|
+
* Identifies the column as a primary key if set to `true`, enforcing uniqueness.
|
|
239
224
|
* @default false
|
|
240
225
|
*/
|
|
241
226
|
isPrimaryKey: any;
|
|
242
227
|
/**
|
|
243
|
-
*
|
|
244
|
-
* The locked column will be moved to first position.
|
|
228
|
+
* Prevents column reordering when set to true, locking the column into a set position.
|
|
245
229
|
* @default false
|
|
246
230
|
*/
|
|
247
231
|
lockColumn: any;
|
|
248
232
|
/**
|
|
249
|
-
* Defines the maximum width of the column in pixels or percentage,
|
|
233
|
+
* Defines the maximum allowable width of the column in pixels or as a percentage, preventing resizing beyond this limit.
|
|
250
234
|
* @default 'undefined'
|
|
251
235
|
*/
|
|
252
236
|
maxWidth: any;
|
|
253
237
|
/**
|
|
254
|
-
*
|
|
238
|
+
* Determines the minimum width of the column in pixels or percentage. This ensures the column does not shrink below this size.
|
|
255
239
|
* @default 'undefined'
|
|
256
240
|
*/
|
|
257
241
|
minWidth: any;
|
|
258
242
|
/**
|
|
259
|
-
*
|
|
243
|
+
* Displays checkboxes in the column when enabled, allowing for selections and certain operations.
|
|
260
244
|
* @default false
|
|
261
245
|
*/
|
|
262
246
|
showCheckbox: any;
|
|
263
247
|
/**
|
|
264
|
-
*
|
|
265
|
-
* By default column menu will show for all columns
|
|
248
|
+
* Decides if the column menu should be available, providing options for column customization.
|
|
266
249
|
* @default true
|
|
267
250
|
*/
|
|
268
251
|
showColumnMenu: any;
|
|
269
252
|
/**
|
|
270
|
-
*
|
|
271
|
-
* By default all columns are displayed in column Chooser.
|
|
253
|
+
* Determines whether the column should appear in the Column Chooser. Set to false to exclude it.
|
|
272
254
|
* @default true
|
|
273
255
|
*/
|
|
274
256
|
showInColumnChooser: any;
|
|
275
257
|
/**
|
|
276
|
-
*
|
|
258
|
+
* Provides a custom sort comparer property to control how sorting is handled for this column's data.
|
|
277
259
|
* @default 'undefined'
|
|
278
260
|
*/
|
|
279
261
|
sortComparer: any;
|
|
280
262
|
/**
|
|
281
|
-
*
|
|
263
|
+
* Specifies the horizontal alignment for the column content and header. Options include alignment to the left, center, or right.
|
|
282
264
|
* @default Syncfusion.EJ2.Grids.TextAlign.Left
|
|
283
265
|
* @isenumeration true
|
|
284
266
|
* @asptype Syncfusion.EJ2.Grids.TextAlign
|
|
285
267
|
*/
|
|
286
268
|
textAlign: any;
|
|
287
269
|
/**
|
|
288
|
-
*
|
|
270
|
+
* Retrieves the unique identifier for the column. This UID is used internally to reference and manipulate the column.
|
|
289
271
|
* @default 'undefined'
|
|
290
272
|
*/
|
|
291
273
|
uid: any;
|
|
292
274
|
/**
|
|
293
|
-
*
|
|
275
|
+
* Establishes validation rules to ensure data integrity during creation and updates.
|
|
294
276
|
* @default null
|
|
295
277
|
*/
|
|
296
278
|
validationRules: any;
|
|
297
279
|
/**
|
|
298
|
-
*
|
|
280
|
+
* Applies custom cell values using an external function, allowing for dynamic display adjustments.
|
|
299
281
|
* @default null
|
|
300
282
|
*/
|
|
301
283
|
valueAccessor: any;
|
|
302
284
|
/**
|
|
303
|
-
*
|
|
285
|
+
* Toggles the visibility of the column. Set to false to hide the column from view. Columns are visible by default.
|
|
304
286
|
* @default true
|
|
305
287
|
*/
|
|
306
288
|
visible: any;
|
|
307
289
|
/**
|
|
308
|
-
*
|
|
290
|
+
* Sets the column's width in pixels or as a percentage. This defines how the column will occupy space in the grid.
|
|
309
291
|
* @default 'undefined'
|
|
310
292
|
*/
|
|
311
293
|
width: any;
|
|
312
294
|
/**
|
|
313
|
-
*
|
|
314
|
-
* It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
|
|
295
|
+
* Customizes the rendering of cell content using either a template string or HTML element ID.
|
|
315
296
|
* @default null
|
|
316
297
|
* @asptype string
|
|
317
298
|
*/
|
|
318
299
|
template: any;
|
|
319
300
|
/**
|
|
320
|
-
*
|
|
301
|
+
* Customizes the header content with a template, defined as a string or an HTML element ID.
|
|
321
302
|
* @default null
|
|
322
303
|
* @asptype string
|
|
323
304
|
*/
|
|
324
305
|
headerTemplate: any;
|
|
325
306
|
filter_itemTemplate: any;
|
|
326
307
|
/**
|
|
327
|
-
*
|
|
328
|
-
* It accepts either template string or HTML element ID.
|
|
308
|
+
* Specifies a custom template or UI for filtering within this column, utilizing either string templates or HTML element IDs.
|
|
329
309
|
* @aspignore
|
|
330
310
|
*/
|
|
331
311
|
filterTemplate: any;
|
|
332
312
|
commandsTemplate: any;
|
|
333
313
|
/**
|
|
334
|
-
*
|
|
335
|
-
* It accepts either template string or HTML element ID.
|
|
314
|
+
* Provides a template for editing cells in this column, supporting either a template string or an HTML element ID.
|
|
336
315
|
* @aspignore
|
|
337
316
|
*/
|
|
338
317
|
editTemplate: any;
|
|
339
318
|
constructor(viewContainerRef: ViewContainerRef);
|
|
319
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnDirective, never>;
|
|
320
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnDirective, "ejs-treegrid>e-columns>e-column>e-stacked-columns>e-stacked-column", never, { "allowEditing": "allowEditing"; "allowFiltering": "allowFiltering"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowSorting": "allowSorting"; "clipMode": "clipMode"; "columns": "columns"; "commands": "commands"; "customAttributes": "customAttributes"; "defaultValue": "defaultValue"; "disableHtmlEncode": "disableHtmlEncode"; "displayAsCheckBox": "displayAsCheckBox"; "edit": "edit"; "editTemplate": "editTemplate"; "editType": "editType"; "field": "field"; "filter": "filter"; "filterBarTemplate": "filterBarTemplate"; "filterTemplate": "filterTemplate"; "format": "format"; "formatter": "formatter"; "freeze": "freeze"; "headerTemplate": "headerTemplate"; "headerText": "headerText"; "headerTextAlign": "headerTextAlign"; "hideAtMedia": "hideAtMedia"; "isFrozen": "isFrozen"; "isIdentity": "isIdentity"; "isPrimaryKey": "isPrimaryKey"; "lockColumn": "lockColumn"; "maxWidth": "maxWidth"; "minWidth": "minWidth"; "showCheckbox": "showCheckbox"; "showColumnMenu": "showColumnMenu"; "showInColumnChooser": "showInColumnChooser"; "sortComparer": "sortComparer"; "template": "template"; "textAlign": "textAlign"; "type": "type"; "uid": "uid"; "validationRules": "validationRules"; "valueAccessor": "valueAccessor"; "visible": "visible"; "width": "width"; }, {}, ["template", "headerTemplate", "filter_itemTemplate", "filterTemplate", "commandsTemplate", "editTemplate"]>;
|
|
340
321
|
}
|
|
341
322
|
/**
|
|
342
323
|
* StackedColumn Array Directive
|
|
@@ -344,4 +325,6 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
344
325
|
*/
|
|
345
326
|
export declare class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {
|
|
346
327
|
constructor();
|
|
328
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnsDirective, never>;
|
|
329
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnsDirective, "ejs-treegrid>e-columns>e-column>e-stacked-columns", never, {}, {}, ["children"]>;
|
|
347
330
|
}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import { ValueProvider } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "./treegrid.module";
|
|
2
5
|
export declare const FilterService: ValueProvider;
|
|
3
6
|
export declare const PageService: ValueProvider;
|
|
4
7
|
export declare const SortService: ValueProvider;
|
|
@@ -24,4 +27,7 @@ export declare const InfiniteScrollService: ValueProvider;
|
|
|
24
27
|
* NgModule definition for the TreeGrid component with providers.
|
|
25
28
|
*/
|
|
26
29
|
export declare class TreeGridAllModule {
|
|
30
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeGridAllModule, never>;
|
|
31
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TreeGridAllModule, never, [typeof i1.CommonModule, typeof i2.TreeGridModule], [typeof i2.TreeGridModule]>;
|
|
32
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TreeGridAllModule>;
|
|
27
33
|
}
|
|
@@ -3,6 +3,7 @@ import { IComponentBase } from '@syncfusion/ej2-angular-base';
|
|
|
3
3
|
import { TreeGrid } from '@syncfusion/ej2-treegrid';
|
|
4
4
|
import { ColumnsDirective } from './columns.directive';
|
|
5
5
|
import { AggregatesDirective } from './aggregates.directive';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
6
7
|
export declare const inputs: string[];
|
|
7
8
|
export declare const outputs: string[];
|
|
8
9
|
export declare const twoWays: string[];
|
|
@@ -57,6 +58,7 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
57
58
|
dataSourceChanged: any;
|
|
58
59
|
dataStateChange: any;
|
|
59
60
|
detailDataBound: any;
|
|
61
|
+
excelAggregateQueryCellInfo: any;
|
|
60
62
|
excelExportComplete: any;
|
|
61
63
|
excelHeaderQueryCellInfo: any;
|
|
62
64
|
excelQueryCellInfo: any;
|
|
@@ -64,6 +66,7 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
64
66
|
expanding: any;
|
|
65
67
|
headerCellInfo: any;
|
|
66
68
|
load: any;
|
|
69
|
+
pdfAggregateQueryCellInfo: any;
|
|
67
70
|
pdfExportComplete: any;
|
|
68
71
|
pdfHeaderQueryCellInfo: any;
|
|
69
72
|
pdfQueryCellInfo: any;
|
|
@@ -88,6 +91,11 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
88
91
|
childAggregates: QueryList<AggregatesDirective>;
|
|
89
92
|
tags: string[];
|
|
90
93
|
toolbarTemplate: any;
|
|
94
|
+
/**
|
|
95
|
+
* It used to render pager template
|
|
96
|
+
* @default null
|
|
97
|
+
* @asptype string
|
|
98
|
+
*/
|
|
91
99
|
pagerTemplate: any;
|
|
92
100
|
/**
|
|
93
101
|
* The row template that renders customized rows from the given template.
|
|
@@ -96,7 +104,7 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
96
104
|
* or HTML element ID.
|
|
97
105
|
* > * The row template must be a table row.
|
|
98
106
|
*
|
|
99
|
-
* > Check the [
|
|
107
|
+
* > Check the [Row Template](../../treegrid/row) customization.
|
|
100
108
|
*
|
|
101
109
|
* @asptype string
|
|
102
110
|
*/
|
|
@@ -111,6 +119,18 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
111
119
|
*/
|
|
112
120
|
detailTemplate: any;
|
|
113
121
|
editSettings_template: any;
|
|
122
|
+
/**
|
|
123
|
+
* The empty record template that renders customized element or text or image instead of displaying the empty record message in the TreeGrid.
|
|
124
|
+
*
|
|
125
|
+
* > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.
|
|
126
|
+
*
|
|
127
|
+
* @default null
|
|
128
|
+
* @asptype string
|
|
129
|
+
*/
|
|
130
|
+
emptyRecordTemplate: any;
|
|
131
|
+
columnChooserSettings_headerTemplate: any;
|
|
132
|
+
columnChooserSettings_template: any;
|
|
133
|
+
columnChooserSettings_footerTemplate: any;
|
|
114
134
|
constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
|
|
115
135
|
ngOnInit(): void;
|
|
116
136
|
ngAfterViewInit(): void;
|
|
@@ -118,4 +138,6 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
118
138
|
ngAfterContentChecked(): void;
|
|
119
139
|
registerEvents: (eventList: string[]) => void;
|
|
120
140
|
addTwoWay: (propList: string[]) => void;
|
|
141
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeGridComponent, never>;
|
|
142
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TreeGridComponent, "ejs-treegrid", never, { "aggregates": "aggregates"; "allowExcelExport": "allowExcelExport"; "allowFiltering": "allowFiltering"; "allowMultiSorting": "allowMultiSorting"; "allowPaging": "allowPaging"; "allowPdfExport": "allowPdfExport"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowRowDragAndDrop": "allowRowDragAndDrop"; "allowSelection": "allowSelection"; "allowSorting": "allowSorting"; "allowTextWrap": "allowTextWrap"; "autoCheckHierarchy": "autoCheckHierarchy"; "childMapping": "childMapping"; "clipMode": "clipMode"; "columnChooserSettings": "columnChooserSettings"; "columnMenuItems": "columnMenuItems"; "columnQueryMode": "columnQueryMode"; "columns": "columns"; "contextMenuItems": "contextMenuItems"; "copyHierarchyMode": "copyHierarchyMode"; "currencyCode": "currencyCode"; "dataSource": "dataSource"; "detailTemplate": "detailTemplate"; "editSettings": "editSettings"; "emptyRecordTemplate": "emptyRecordTemplate"; "enableAdaptiveUI": "enableAdaptiveUI"; "enableAltRow": "enableAltRow"; "enableAutoFill": "enableAutoFill"; "enableCollapseAll": "enableCollapseAll"; "enableColumnVirtualization": "enableColumnVirtualization"; "enableHover": "enableHover"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enableImmutableMode": "enableImmutableMode"; "enableInfiniteScrolling": "enableInfiniteScrolling"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableStickyHeader": "enableStickyHeader"; "enableVirtualMaskRow": "enableVirtualMaskRow"; "enableVirtualization": "enableVirtualization"; "expandStateMapping": "expandStateMapping"; "filterSettings": "filterSettings"; "frozenColumns": "frozenColumns"; "frozenRows": "frozenRows"; "gridLines": "gridLines"; "hasChildMapping": "hasChildMapping"; "height": "height"; "idMapping": "idMapping"; "infiniteScrollSettings": "infiniteScrollSettings"; "loadChildOnDemand": "loadChildOnDemand"; "loadingIndicator": "loadingIndicator"; "locale": "locale"; "pageSettings": "pageSettings"; "pagerTemplate": "pagerTemplate"; "parentIdMapping": "parentIdMapping"; "printMode": "printMode"; "query": "query"; "rowDropSettings": "rowDropSettings"; "rowHeight": "rowHeight"; "rowTemplate": "rowTemplate"; "searchSettings": "searchSettings"; "selectedRowIndex": "selectedRowIndex"; "selectionSettings": "selectionSettings"; "showColumnChooser": "showColumnChooser"; "showColumnMenu": "showColumnMenu"; "sortSettings": "sortSettings"; "textWrapSettings": "textWrapSettings"; "toolbar": "toolbar"; "treeColumnIndex": "treeColumnIndex"; "width": "width"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "batchAdd": "batchAdd"; "batchCancel": "batchCancel"; "batchDelete": "batchDelete"; "beforeBatchAdd": "beforeBatchAdd"; "beforeBatchDelete": "beforeBatchDelete"; "beforeBatchSave": "beforeBatchSave"; "beforeCopy": "beforeCopy"; "beforeDataBound": "beforeDataBound"; "beforeExcelExport": "beforeExcelExport"; "beforePaste": "beforePaste"; "beforePdfExport": "beforePdfExport"; "beforePrint": "beforePrint"; "beginEdit": "beginEdit"; "cellDeselected": "cellDeselected"; "cellDeselecting": "cellDeselecting"; "cellEdit": "cellEdit"; "cellSave": "cellSave"; "cellSaved": "cellSaved"; "cellSelected": "cellSelected"; "cellSelecting": "cellSelecting"; "checkboxChange": "checkboxChange"; "collapsed": "collapsed"; "collapsing": "collapsing"; "columnDrag": "columnDrag"; "columnDragStart": "columnDragStart"; "columnDrop": "columnDrop"; "columnMenuClick": "columnMenuClick"; "columnMenuOpen": "columnMenuOpen"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "dataStateChange": "dataStateChange"; "detailDataBound": "detailDataBound"; "excelAggregateQueryCellInfo": "excelAggregateQueryCellInfo"; "excelExportComplete": "excelExportComplete"; "excelHeaderQueryCellInfo": "excelHeaderQueryCellInfo"; "excelQueryCellInfo": "excelQueryCellInfo"; "expanded": "expanded"; "expanding": "expanding"; "headerCellInfo": "headerCellInfo"; "load": "load"; "pdfAggregateQueryCellInfo": "pdfAggregateQueryCellInfo"; "pdfExportComplete": "pdfExportComplete"; "pdfHeaderQueryCellInfo": "pdfHeaderQueryCellInfo"; "pdfQueryCellInfo": "pdfQueryCellInfo"; "printComplete": "printComplete"; "queryCellInfo": "queryCellInfo"; "recordDoubleClick": "recordDoubleClick"; "resizeStart": "resizeStart"; "resizeStop": "resizeStop"; "resizing": "resizing"; "rowDataBound": "rowDataBound"; "rowDeselected": "rowDeselected"; "rowDeselecting": "rowDeselecting"; "rowDrag": "rowDrag"; "rowDragStart": "rowDragStart"; "rowDragStartHelper": "rowDragStartHelper"; "rowDrop": "rowDrop"; "rowSelected": "rowSelected"; "rowSelecting": "rowSelecting"; "toolbarClick": "toolbarClick"; "dataSourceChange": "dataSourceChange"; }, ["toolbarTemplate", "pagerTemplate", "rowTemplate", "detailTemplate", "editSettings_template", "emptyRecordTemplate", "columnChooserSettings_headerTemplate", "columnChooserSettings_template", "columnChooserSettings_footerTemplate", "childColumns", "childAggregates"], never>;
|
|
121
143
|
}
|
|
@@ -1,5 +1,15 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./treegrid.component";
|
|
3
|
+
import * as i2 from "./stacked-column.directive";
|
|
4
|
+
import * as i3 from "./columns.directive";
|
|
5
|
+
import * as i4 from "./aggregate-columns.directive";
|
|
6
|
+
import * as i5 from "./aggregates.directive";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
1
8
|
/**
|
|
2
9
|
* NgModule definition for the TreeGrid component.
|
|
3
10
|
*/
|
|
4
11
|
export declare class TreeGridModule {
|
|
12
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TreeGridModule, never>;
|
|
13
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TreeGridModule, [typeof i1.TreeGridComponent, typeof i2.StackedColumnDirective, typeof i2.StackedColumnsDirective, typeof i3.ColumnDirective, typeof i3.ColumnsDirective, typeof i4.AggregateColumnDirective, typeof i4.AggregateColumnsDirective, typeof i5.AggregateDirective, typeof i5.AggregatesDirective], [typeof i6.CommonModule], [typeof i1.TreeGridComponent, typeof i2.StackedColumnDirective, typeof i2.StackedColumnsDirective, typeof i3.ColumnDirective, typeof i3.ColumnsDirective, typeof i4.AggregateColumnDirective, typeof i4.AggregateColumnsDirective, typeof i5.AggregateDirective, typeof i5.AggregatesDirective]>;
|
|
14
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TreeGridModule>;
|
|
5
15
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bds-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bds-lite.scss';
|
package/styles/bds.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bds.css';
|
package/styles/bds.scss
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'treegrid/bds.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bootstrap-dark-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bootstrap-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap4-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bootstrap4-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bootstrap5-dark-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bootstrap5-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5.3-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/bootstrap5.3-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5.3.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'treegrid/bootstrap5.3.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fabric-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/fabric-dark-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fabric-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/fabric-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/fluent-dark-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/fluent-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent2-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/fluent2-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent2.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'treegrid/fluent2.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/highcontrast-light-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/highcontrast-light-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/highcontrast-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/highcontrast-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/material-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/material-dark-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/material-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/material-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/material3-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import 'ej2-treegrid/styles/material3-dark-lite.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/material3-lite.css';
|