@syncfusion/ej2-angular-treegrid 32.1.21 → 32.1.22-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/CHANGELOG.md +65 -14
- package/README.md +8 -16
- package/dist/ej2-angular-treegrid.umd.js +979 -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 +48 -45
- package/postinstall/tagchange.js +18 -0
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/treegrid/aggregate-columns.directive.d.ts +28 -31
- package/src/treegrid/aggregates.directive.d.ts +2 -7
- package/src/treegrid/columns.directive.d.ts +77 -70
- package/src/treegrid/stacked-column.directive.d.ts +77 -70
- package/src/treegrid/treegrid-all.module.d.ts +0 -6
- package/src/treegrid/treegrid.component.d.ts +1 -23
- package/src/treegrid/treegrid.module.d.ts +0 -10
- package/styles/bootstrap-dark.scss +1 -1
- package/styles/bootstrap.scss +1 -1
- package/styles/bootstrap4.scss +1 -1
- package/styles/bootstrap5-dark.scss +1 -1
- package/styles/bootstrap5.scss +1 -1
- package/styles/fabric-dark.scss +1 -1
- package/styles/fabric.scss +1 -1
- package/styles/fluent-dark.scss +1 -1
- package/styles/fluent.scss +1 -1
- package/styles/highcontrast-light.scss +1 -1
- package/styles/highcontrast.scss +1 -1
- package/styles/material-dark.scss +1 -1
- package/styles/material.scss +1 -1
- package/styles/material3-dark.scss +2 -1
- package/styles/material3.scss +2 -1
- package/styles/tailwind-dark.scss +1 -1
- package/styles/tailwind.scss +1 -1
- package/styles/treegrid/bootstrap-dark.scss +1 -1
- package/styles/treegrid/bootstrap.scss +1 -1
- package/styles/treegrid/bootstrap4.scss +1 -1
- package/styles/treegrid/bootstrap5-dark.scss +1 -1
- package/styles/treegrid/bootstrap5.scss +1 -1
- package/styles/treegrid/fabric-dark.scss +1 -1
- package/styles/treegrid/fabric.scss +1 -1
- package/styles/treegrid/fluent-dark.scss +1 -1
- package/styles/treegrid/fluent.scss +1 -1
- package/styles/treegrid/highcontrast-light.scss +1 -1
- package/styles/treegrid/highcontrast.scss +1 -1
- package/styles/treegrid/material-dark.scss +1 -1
- package/styles/treegrid/material.scss +1 -1
- package/styles/treegrid/material3-dark.scss +2 -1
- package/styles/treegrid/material3.scss +2 -1
- package/styles/treegrid/tailwind-dark.scss +1 -1
- package/styles/treegrid/tailwind.scss +1 -1
- 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 -271
- 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 -734
- package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +0 -734
- package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +0 -1
- package/styles/bds-lite.css +0 -1
- package/styles/bds-lite.scss +0 -1
- package/styles/bds.css +0 -1
- package/styles/bds.scss +0 -1
- package/styles/bootstrap-dark-lite.css +0 -1
- package/styles/bootstrap-dark-lite.scss +0 -1
- package/styles/bootstrap-lite.css +0 -1
- package/styles/bootstrap-lite.scss +0 -1
- package/styles/bootstrap4-lite.css +0 -1
- package/styles/bootstrap4-lite.scss +0 -1
- package/styles/bootstrap5-dark-lite.css +0 -1
- package/styles/bootstrap5-dark-lite.scss +0 -1
- package/styles/bootstrap5-lite.css +0 -1
- package/styles/bootstrap5-lite.scss +0 -1
- package/styles/bootstrap5.3-lite.css +0 -1
- package/styles/bootstrap5.3-lite.scss +0 -1
- package/styles/bootstrap5.3.css +0 -1
- package/styles/bootstrap5.3.scss +0 -1
- package/styles/fabric-dark-lite.css +0 -1
- package/styles/fabric-dark-lite.scss +0 -1
- package/styles/fabric-lite.css +0 -1
- package/styles/fabric-lite.scss +0 -1
- package/styles/fluent-dark-lite.css +0 -1
- package/styles/fluent-dark-lite.scss +0 -1
- package/styles/fluent-lite.css +0 -1
- package/styles/fluent-lite.scss +0 -1
- package/styles/fluent2-lite.css +0 -1
- package/styles/fluent2-lite.scss +0 -1
- package/styles/fluent2.css +0 -1
- package/styles/fluent2.scss +0 -1
- package/styles/highcontrast-light-lite.css +0 -1
- package/styles/highcontrast-light-lite.scss +0 -1
- package/styles/highcontrast-lite.css +0 -1
- package/styles/highcontrast-lite.scss +0 -1
- package/styles/material-dark-lite.css +0 -1
- package/styles/material-dark-lite.scss +0 -1
- package/styles/material-lite.css +0 -1
- package/styles/material-lite.scss +0 -1
- package/styles/material3-dark-lite.css +0 -1
- package/styles/material3-dark-lite.scss +0 -1
- package/styles/material3-lite.css +0 -1
- package/styles/material3-lite.scss +0 -1
- package/styles/tailwind-dark-lite.css +0 -1
- package/styles/tailwind-dark-lite.scss +0 -1
- package/styles/tailwind-lite.css +0 -1
- package/styles/tailwind-lite.scss +0 -1
- package/styles/tailwind3-lite.css +0 -1
- package/styles/tailwind3-lite.scss +0 -1
- package/styles/tailwind3.css +0 -1
- package/styles/tailwind3.scss +0 -1
- package/styles/treegrid/bds.css +0 -1
- package/styles/treegrid/bds.scss +0 -1
- package/styles/treegrid/bootstrap5.3.css +0 -1
- package/styles/treegrid/bootstrap5.3.scss +0 -1
- package/styles/treegrid/fluent2.css +0 -1
- package/styles/treegrid/fluent2.scss +0 -1
- package/styles/treegrid/tailwind3.css +0 -1
- package/styles/treegrid/tailwind3.scss +0 -1
- package/syncfusion-ej2-angular-treegrid.d.ts +0 -5
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
3
|
/**
|
|
5
4
|
* `e-stacked-column` directive represent the stacked column of the Angular TreeGrid.
|
|
6
5
|
* It must be contained in a StackedColumns component(`e-stacked-columns`).
|
|
@@ -21,53 +20,60 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
21
20
|
private viewContainerRef;
|
|
22
21
|
directivePropList: any;
|
|
23
22
|
/**
|
|
24
|
-
* Defines the type of
|
|
23
|
+
* Defines the data type of the column.
|
|
25
24
|
* @default null
|
|
26
25
|
*/
|
|
27
26
|
type: any;
|
|
28
27
|
/**
|
|
29
|
-
*
|
|
28
|
+
* If `allowEditing` set to false, then it disables editing of a particular column.
|
|
29
|
+
* By default all columns are editable.
|
|
30
30
|
* @default true
|
|
31
31
|
*/
|
|
32
32
|
allowEditing: any;
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* If `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column.
|
|
35
|
+
* By default all columns are filterable.
|
|
35
36
|
* @default true
|
|
36
37
|
*/
|
|
37
38
|
allowFiltering: any;
|
|
38
39
|
/**
|
|
39
|
-
*
|
|
40
|
+
* If `allowReordering` set to false, then it disables reorder of a particular column.
|
|
41
|
+
* By default all columns can be reorder.
|
|
40
42
|
* @default true
|
|
41
43
|
*/
|
|
42
44
|
allowReordering: any;
|
|
43
45
|
/**
|
|
44
|
-
*
|
|
46
|
+
* If `allowResizing` set to false, it disables resize option of a particular column.
|
|
45
47
|
* @default true
|
|
46
48
|
*/
|
|
47
49
|
allowResizing: any;
|
|
48
50
|
/**
|
|
49
|
-
*
|
|
51
|
+
* If `allowSorting` set to false, then it disables sorting option of a particular column.
|
|
52
|
+
* By default all columns are sortable.
|
|
50
53
|
* @default true
|
|
51
54
|
*/
|
|
52
55
|
allowSorting: any;
|
|
53
56
|
/**
|
|
54
|
-
*
|
|
55
|
-
*
|
|
56
|
-
*
|
|
57
|
-
* * `EllipsisWithTooltip`: Shows ellipsis and tooltip on hover.
|
|
57
|
+
* Defines the cell content's overflow mode. The available modes are
|
|
58
|
+
*
|
|
59
|
+
* also it will display tooltip while hover on ellipsis applied cell.
|
|
58
60
|
* @default Syncfusion.EJ2.Grids.ClipMode.Ellipsis
|
|
59
61
|
* @isenumeration true
|
|
60
62
|
* @asptype Syncfusion.EJ2.Grids.ClipMode
|
|
61
63
|
*/
|
|
62
64
|
clipMode: any;
|
|
63
65
|
/**
|
|
64
|
-
*
|
|
66
|
+
* Used to render multiple header rows(stacked headers) on TreeGrid header.
|
|
65
67
|
* @default null
|
|
66
68
|
*/
|
|
67
69
|
columns: any;
|
|
68
70
|
/**
|
|
69
|
-
*
|
|
70
|
-
*
|
|
71
|
+
* `commands` provides an option to display command buttons in every cell.
|
|
72
|
+
* The available built-in command buttons are
|
|
73
|
+
* * Edit - Edit the record.
|
|
74
|
+
* * Delete - Delete the record.
|
|
75
|
+
* * Save - Save the record.
|
|
76
|
+
* * Cancel - Cancel the edit state.
|
|
71
77
|
*
|
|
72
78
|
* The following code example implements the custom command column.
|
|
73
79
|
*```html
|
|
@@ -94,59 +100,55 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
94
100
|
*/
|
|
95
101
|
commands: any;
|
|
96
102
|
/**
|
|
97
|
-
*
|
|
103
|
+
* The CSS styles and attributes of the content cells of a particular column can be customized.
|
|
98
104
|
* @default null
|
|
99
105
|
*/
|
|
100
106
|
customAttributes: any;
|
|
101
107
|
/**
|
|
102
|
-
*
|
|
108
|
+
* Defines default values for the component when adding a new record to the TreeGrid.
|
|
103
109
|
* @default null
|
|
104
110
|
*/
|
|
105
111
|
defaultValue: any;
|
|
106
112
|
/**
|
|
107
|
-
* If set to
|
|
113
|
+
* If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.
|
|
108
114
|
* @default true
|
|
109
115
|
*/
|
|
110
116
|
disableHtmlEncode: any;
|
|
111
117
|
/**
|
|
112
|
-
*
|
|
118
|
+
* If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.
|
|
113
119
|
* @default false
|
|
114
120
|
*/
|
|
115
121
|
displayAsCheckBox: any;
|
|
116
122
|
/**
|
|
117
|
-
*
|
|
123
|
+
* Defines the `IEditCell` object to customize default edit cell.
|
|
118
124
|
* @default {}
|
|
119
125
|
*/
|
|
120
126
|
edit: any;
|
|
121
127
|
/**
|
|
122
|
-
*
|
|
128
|
+
* Defines the type of component for editing.
|
|
123
129
|
* @default 'stringedit'
|
|
124
130
|
*/
|
|
125
131
|
editType: any;
|
|
126
132
|
/**
|
|
127
|
-
*
|
|
128
|
-
*
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
/**
|
|
132
|
-
* Allows treegrid to perform row spanning on the specified column.
|
|
133
|
-
* @default true
|
|
134
|
-
*/
|
|
135
|
-
enableRowSpan: any;
|
|
136
|
-
/**
|
|
137
|
-
* Specifies the field name in the data source to which the column is bound. This field is used for operations like sorting and filtering.
|
|
138
|
-
* The field name must be a valid JavaScript identifier, beginning with a letter and avoiding spaces and special characters.
|
|
133
|
+
* Defines the field name of column which is mapped with mapping name of DataSource.
|
|
134
|
+
* The bounded columns can be sort, filter etc.,
|
|
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.
|
|
139
137
|
* @default 'undefined'
|
|
140
138
|
*/
|
|
141
139
|
field: any;
|
|
142
140
|
/**
|
|
143
|
-
*
|
|
144
|
-
*
|
|
141
|
+
* Defines the filter options to customize filtering for the particular column.
|
|
142
|
+
*
|
|
143
|
+
* @default null
|
|
144
|
+
*
|
|
145
145
|
*/
|
|
146
146
|
filter: any;
|
|
147
147
|
/**
|
|
148
|
-
*
|
|
149
|
-
*
|
|
148
|
+
* The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar.
|
|
149
|
+
* It have create and read functions.
|
|
150
|
+
* * create: It is used for creating custom components.
|
|
151
|
+
* * read: It is used to perform custom filter action.
|
|
150
152
|
*
|
|
151
153
|
* ```html
|
|
152
154
|
*<div id="TreeGrid"></div>
|
|
@@ -171,7 +173,7 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
171
173
|
* gridObj.filterByColumn(args.element.id, 'equal', args.element.value);
|
|
172
174
|
* }
|
|
173
175
|
* }
|
|
174
|
-
*}],
|
|
176
|
+
* }],
|
|
175
177
|
* allowFiltering: true
|
|
176
178
|
*});
|
|
177
179
|
*gridObj.appendTo('#TreeGrid');
|
|
@@ -181,33 +183,35 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
181
183
|
*/
|
|
182
184
|
filterBarTemplate: any;
|
|
183
185
|
/**
|
|
184
|
-
*
|
|
185
|
-
*
|
|
186
|
-
*
|
|
187
|
-
*and [date](https://ej2.syncfusion.com/documentation/common/internationalization
|
|
186
|
+
* It is used to change display value with the given format and does not affect the original data.
|
|
187
|
+
* Gets the format from the user which can be standard or custom
|
|
188
|
+
* [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
|
|
189
|
+
* and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
|
|
188
190
|
* @default null
|
|
189
191
|
* @asptype string
|
|
190
192
|
*/
|
|
191
193
|
format: any;
|
|
192
194
|
/**
|
|
193
|
-
*
|
|
195
|
+
* Defines the method which is used to achieve custom formatting from an external function.
|
|
196
|
+
* This function triggers before rendering of each cell.
|
|
194
197
|
* @default null
|
|
195
198
|
*/
|
|
196
199
|
formatter: any;
|
|
197
200
|
/**
|
|
198
|
-
*
|
|
201
|
+
* Defines which side the column need to freeze
|
|
199
202
|
* @default Syncfusion.EJ2.Grids.FreezeDirection.None
|
|
200
203
|
* @isenumeration true
|
|
201
204
|
* @asptype Syncfusion.EJ2.Grids.FreezeDirection
|
|
202
205
|
*/
|
|
203
206
|
freeze: any;
|
|
204
207
|
/**
|
|
205
|
-
*
|
|
208
|
+
* Defines the header text of column which is used to display in column header.
|
|
209
|
+
* If `headerText` is not defined, then field name value will be assigned to header text.
|
|
206
210
|
* @default 'undefined'
|
|
207
211
|
*/
|
|
208
212
|
headerText: any;
|
|
209
213
|
/**
|
|
210
|
-
*
|
|
214
|
+
* Define the alignment of column header which is used to align the text of column header.
|
|
211
215
|
* @default null
|
|
212
216
|
* @aspdefaultvalueignore
|
|
213
217
|
* @isenumeration true
|
|
@@ -215,119 +219,124 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
215
219
|
*/
|
|
216
220
|
headerTextAlign: any;
|
|
217
221
|
/**
|
|
218
|
-
*
|
|
222
|
+
* Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
|
|
223
|
+
* `hideAtMedia` accepts only valid Media Queries.
|
|
219
224
|
* @default 'undefined'
|
|
220
225
|
*/
|
|
221
226
|
hideAtMedia: any;
|
|
222
227
|
/**
|
|
223
|
-
*
|
|
228
|
+
* You can use this property to freeze selected columns in grid.
|
|
224
229
|
* @default false
|
|
225
230
|
*/
|
|
226
231
|
isFrozen: any;
|
|
227
232
|
/**
|
|
228
|
-
*
|
|
233
|
+
* If `isIdentity` is set to true, then this column is considered as identity column.
|
|
229
234
|
* @default false
|
|
230
235
|
*/
|
|
231
236
|
isIdentity: any;
|
|
232
237
|
/**
|
|
233
|
-
*
|
|
238
|
+
* If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
|
|
234
239
|
* @default false
|
|
235
240
|
*/
|
|
236
241
|
isPrimaryKey: any;
|
|
237
242
|
/**
|
|
238
|
-
*
|
|
243
|
+
* If `lockColumn` set to true, then it disables Reordering of a particular column.
|
|
244
|
+
* The locked column will be moved to first position.
|
|
239
245
|
* @default false
|
|
240
246
|
*/
|
|
241
247
|
lockColumn: any;
|
|
242
248
|
/**
|
|
243
|
-
* Defines the maximum
|
|
249
|
+
* Defines the maximum width of the column in pixels or percentage, which will restrict resizing beyond this pixels or percentage.
|
|
244
250
|
* @default 'undefined'
|
|
245
251
|
*/
|
|
246
252
|
maxWidth: any;
|
|
247
253
|
/**
|
|
248
|
-
*
|
|
254
|
+
* Defines the minimum width of the column in pixels or percentage.
|
|
249
255
|
* @default 'undefined'
|
|
250
256
|
*/
|
|
251
257
|
minWidth: any;
|
|
252
258
|
/**
|
|
253
|
-
*
|
|
259
|
+
* If `showCheckbox` set to true, then the checkboxes will be displayed in particular column.
|
|
254
260
|
* @default false
|
|
255
261
|
*/
|
|
256
262
|
showCheckbox: any;
|
|
257
263
|
/**
|
|
258
|
-
*
|
|
264
|
+
* If `showColumnMenu` set to false, then it disable the column menu of a particular column.
|
|
265
|
+
* By default column menu will show for all columns
|
|
259
266
|
* @default true
|
|
260
267
|
*/
|
|
261
268
|
showColumnMenu: any;
|
|
262
269
|
/**
|
|
263
|
-
*
|
|
270
|
+
* If `showInColumnChooser` set to false, then hide the particular column in column chooser.
|
|
271
|
+
* By default all columns are displayed in column Chooser.
|
|
264
272
|
* @default true
|
|
265
273
|
*/
|
|
266
274
|
showInColumnChooser: any;
|
|
267
275
|
/**
|
|
268
|
-
*
|
|
276
|
+
* Defines the sort comparer property.
|
|
269
277
|
* @default 'undefined'
|
|
270
278
|
*/
|
|
271
279
|
sortComparer: any;
|
|
272
280
|
/**
|
|
273
|
-
*
|
|
281
|
+
* Defines the alignment of the column in both header and content cells.
|
|
274
282
|
* @default Syncfusion.EJ2.Grids.TextAlign.Left
|
|
275
283
|
* @isenumeration true
|
|
276
284
|
* @asptype Syncfusion.EJ2.Grids.TextAlign
|
|
277
285
|
*/
|
|
278
286
|
textAlign: any;
|
|
279
287
|
/**
|
|
280
|
-
*
|
|
288
|
+
* Gets the unique identifier value of the column. It is used to get the object.
|
|
281
289
|
* @default 'undefined'
|
|
282
290
|
*/
|
|
283
291
|
uid: any;
|
|
284
292
|
/**
|
|
285
|
-
*
|
|
293
|
+
* Defines rules to validate data before creating and updating.
|
|
286
294
|
* @default null
|
|
287
295
|
*/
|
|
288
296
|
validationRules: any;
|
|
289
297
|
/**
|
|
290
|
-
*
|
|
298
|
+
* Defines the method used to apply custom cell values from external function and display this on each cell rendered.
|
|
291
299
|
* @default null
|
|
292
300
|
*/
|
|
293
301
|
valueAccessor: any;
|
|
294
302
|
/**
|
|
295
|
-
*
|
|
303
|
+
* If `visible` is set to false, hides the particular column. By default, columns are displayed.
|
|
296
304
|
* @default true
|
|
297
305
|
*/
|
|
298
306
|
visible: any;
|
|
299
307
|
/**
|
|
300
|
-
*
|
|
308
|
+
* Defines the width of the column in pixels or percentage.
|
|
301
309
|
* @default 'undefined'
|
|
302
310
|
*/
|
|
303
311
|
width: any;
|
|
304
312
|
/**
|
|
305
|
-
*
|
|
313
|
+
* Defines the column template that renders customized element in each cell of the column.
|
|
314
|
+
* It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
|
|
306
315
|
* @default null
|
|
307
316
|
* @asptype string
|
|
308
317
|
*/
|
|
309
318
|
template: any;
|
|
310
319
|
/**
|
|
311
|
-
*
|
|
320
|
+
* Defines the header template as string or HTML element ID which is used to add customized element in the column header.
|
|
312
321
|
* @default null
|
|
313
322
|
* @asptype string
|
|
314
323
|
*/
|
|
315
324
|
headerTemplate: any;
|
|
316
325
|
filter_itemTemplate: any;
|
|
317
326
|
/**
|
|
318
|
-
*
|
|
327
|
+
* Defines the filter template/UI that is used as filter for a particular column.
|
|
328
|
+
* It accepts either template string or HTML element ID.
|
|
319
329
|
* @aspignore
|
|
320
330
|
*/
|
|
321
331
|
filterTemplate: any;
|
|
322
332
|
commandsTemplate: any;
|
|
323
333
|
/**
|
|
324
|
-
*
|
|
334
|
+
* Defines the cell edit template that used as editor for a particular column.
|
|
335
|
+
* It accepts either template string or HTML element ID.
|
|
325
336
|
* @aspignore
|
|
326
337
|
*/
|
|
327
338
|
editTemplate: any;
|
|
328
339
|
constructor(viewContainerRef: ViewContainerRef);
|
|
329
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnDirective, never>;
|
|
330
|
-
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"; "enableColumnSpan": "enableColumnSpan"; "enableRowSpan": "enableRowSpan"; "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"]>;
|
|
331
340
|
}
|
|
332
341
|
/**
|
|
333
342
|
* StackedColumn Array Directive
|
|
@@ -335,6 +344,4 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
335
344
|
*/
|
|
336
345
|
export declare class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {
|
|
337
346
|
constructor();
|
|
338
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnsDirective, never>;
|
|
339
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnsDirective, "ejs-treegrid>e-columns>e-column>e-stacked-columns", never, {}, {}, ["children"]>;
|
|
340
347
|
}
|
|
@@ -1,7 +1,4 @@
|
|
|
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";
|
|
5
2
|
export declare const FilterService: ValueProvider;
|
|
6
3
|
export declare const PageService: ValueProvider;
|
|
7
4
|
export declare const SortService: ValueProvider;
|
|
@@ -27,7 +24,4 @@ export declare const InfiniteScrollService: ValueProvider;
|
|
|
27
24
|
* NgModule definition for the TreeGrid component with providers.
|
|
28
25
|
*/
|
|
29
26
|
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>;
|
|
33
27
|
}
|
|
@@ -3,7 +3,6 @@ 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";
|
|
7
6
|
export declare const inputs: string[];
|
|
8
7
|
export declare const outputs: string[];
|
|
9
8
|
export declare const twoWays: string[];
|
|
@@ -58,7 +57,6 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
58
57
|
dataSourceChanged: any;
|
|
59
58
|
dataStateChange: any;
|
|
60
59
|
detailDataBound: any;
|
|
61
|
-
excelAggregateQueryCellInfo: any;
|
|
62
60
|
excelExportComplete: any;
|
|
63
61
|
excelHeaderQueryCellInfo: any;
|
|
64
62
|
excelQueryCellInfo: any;
|
|
@@ -66,7 +64,6 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
66
64
|
expanding: any;
|
|
67
65
|
headerCellInfo: any;
|
|
68
66
|
load: any;
|
|
69
|
-
pdfAggregateQueryCellInfo: any;
|
|
70
67
|
pdfExportComplete: any;
|
|
71
68
|
pdfHeaderQueryCellInfo: any;
|
|
72
69
|
pdfQueryCellInfo: any;
|
|
@@ -91,11 +88,6 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
91
88
|
childAggregates: QueryList<AggregatesDirective>;
|
|
92
89
|
tags: string[];
|
|
93
90
|
toolbarTemplate: any;
|
|
94
|
-
/**
|
|
95
|
-
* It used to render pager template
|
|
96
|
-
* @default null
|
|
97
|
-
* @asptype string
|
|
98
|
-
*/
|
|
99
91
|
pagerTemplate: any;
|
|
100
92
|
/**
|
|
101
93
|
* The row template that renders customized rows from the given template.
|
|
@@ -104,7 +96,7 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
104
96
|
* or HTML element ID.
|
|
105
97
|
* > * The row template must be a table row.
|
|
106
98
|
*
|
|
107
|
-
* > Check the [Row Template](../../treegrid/row) customization.
|
|
99
|
+
* > Check the [`Row Template`](../../treegrid/row) customization.
|
|
108
100
|
*
|
|
109
101
|
* @asptype string
|
|
110
102
|
*/
|
|
@@ -119,18 +111,6 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
119
111
|
*/
|
|
120
112
|
detailTemplate: any;
|
|
121
113
|
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;
|
|
134
114
|
constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
|
|
135
115
|
ngOnInit(): void;
|
|
136
116
|
ngAfterViewInit(): void;
|
|
@@ -138,6 +118,4 @@ export declare class TreeGridComponent extends TreeGrid implements IComponentBas
|
|
|
138
118
|
ngAfterContentChecked(): void;
|
|
139
119
|
registerEvents: (eventList: string[]) => void;
|
|
140
120
|
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"; "enableColumnSpan": "enableColumnSpan"; "enableColumnVirtualization": "enableColumnVirtualization"; "enableHover": "enableHover"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "enableImmutableMode": "enableImmutableMode"; "enableInfiniteScrolling": "enableInfiniteScrolling"; "enablePersistence": "enablePersistence"; "enableRowSpan": "enableRowSpan"; "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"; "isRowSelectable": "isRowSelectable"; "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>;
|
|
143
121
|
}
|
|
@@ -1,15 +1,5 @@
|
|
|
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";
|
|
8
1
|
/**
|
|
9
2
|
* NgModule definition for the TreeGrid component.
|
|
10
3
|
*/
|
|
11
4
|
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>;
|
|
15
5
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/bootstrap-dark.scss';
|
package/styles/bootstrap.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/bootstrap.scss';
|
package/styles/bootstrap4.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/bootstrap4.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/bootstrap5-dark.scss';
|
package/styles/bootstrap5.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/bootstrap5.scss';
|
package/styles/fabric-dark.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/fabric-dark.scss';
|
package/styles/fabric.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/fabric.scss';
|
package/styles/fluent-dark.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/fluent-dark.scss';
|
package/styles/fluent.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/fluent.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/highcontrast-light.scss';
|
package/styles/highcontrast.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/highcontrast.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/material-dark.scss';
|
package/styles/material.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/material.scss';
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
@import 'treegrid/material3-dark.scss';
|
package/styles/material3.scss
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
|
|
2
|
+
@import 'treegrid/material3.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/tailwind-dark.scss';
|
package/styles/tailwind.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'treegrid/tailwind.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/bootstrap-dark.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/bootstrap.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/bootstrap4.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/bootstrap5-dark.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/bootstrap5.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/fabric-dark.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/fabric.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/fluent-dark.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/fluent.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/highcontrast-light.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/highcontrast.scss';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@import 'ej2-treegrid/styles/treegrid/material-dark.scss';
|