@syncfusion/ej2-angular-treegrid 32.1.19-ngcc → 32.1.19
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 +12 -71
- package/README.md +15 -7
- 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 +70 -77
- package/src/treegrid/stacked-column.directive.d.ts +70 -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-dark.scss +1 -1
- package/styles/bootstrap-lite.css +1 -0
- package/styles/bootstrap-lite.scss +1 -0
- package/styles/bootstrap.scss +1 -1
- package/styles/bootstrap4-lite.css +1 -0
- package/styles/bootstrap4-lite.scss +1 -0
- package/styles/bootstrap4.scss +1 -1
- package/styles/bootstrap5-dark-lite.css +1 -0
- package/styles/bootstrap5-dark-lite.scss +1 -0
- package/styles/bootstrap5-dark.scss +1 -1
- 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/bootstrap5.scss +1 -1
- package/styles/fabric-dark-lite.css +1 -0
- package/styles/fabric-dark-lite.scss +1 -0
- package/styles/fabric-dark.scss +1 -1
- package/styles/fabric-lite.css +1 -0
- package/styles/fabric-lite.scss +1 -0
- package/styles/fabric.scss +1 -1
- package/styles/fluent-dark-lite.css +1 -0
- package/styles/fluent-dark-lite.scss +1 -0
- package/styles/fluent-dark.scss +1 -1
- package/styles/fluent-lite.css +1 -0
- package/styles/fluent-lite.scss +1 -0
- package/styles/fluent.scss +1 -1
- 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-light.scss +1 -1
- package/styles/highcontrast-lite.css +1 -0
- package/styles/highcontrast-lite.scss +1 -0
- package/styles/highcontrast.scss +1 -1
- package/styles/material-dark-lite.css +1 -0
- package/styles/material-dark-lite.scss +1 -0
- package/styles/material-dark.scss +1 -1
- package/styles/material-lite.css +1 -0
- package/styles/material-lite.scss +1 -0
- package/styles/material.scss +1 -1
- package/styles/material3-dark-lite.css +1 -0
- package/styles/material3-dark-lite.scss +1 -0
- package/styles/material3-dark.scss +1 -2
- package/styles/material3-lite.css +1 -0
- package/styles/material3-lite.scss +1 -0
- package/styles/material3.scss +1 -2
- package/styles/tailwind-dark-lite.css +1 -0
- package/styles/tailwind-dark-lite.scss +1 -0
- package/styles/tailwind-dark.scss +1 -1
- package/styles/tailwind-lite.css +1 -0
- package/styles/tailwind-lite.scss +1 -0
- package/styles/tailwind.scss +1 -1
- 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/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.3.css +1 -0
- package/styles/treegrid/bootstrap5.3.scss +1 -0
- 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/fluent2.css +1 -0
- package/styles/treegrid/fluent2.scss +1 -0
- 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 +1 -2
- package/styles/treegrid/material3.scss +1 -2
- package/styles/treegrid/tailwind-dark.scss +1 -1
- package/styles/treegrid/tailwind.scss +1 -1
- 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 -970
- package/dist/ej2-angular-treegrid.umd.js.map +0 -1
- package/dist/ej2-angular-treegrid.umd.min.js +0 -2
- 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,59 @@ 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
|
-
*
|
|
135
|
-
|
|
136
|
-
|
|
127
|
+
* Allows treegrid to perform column spanning on the specified column.
|
|
128
|
+
* @default true
|
|
129
|
+
*/
|
|
130
|
+
enableColumnSpan: any;
|
|
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.
|
|
137
139
|
* @default 'undefined'
|
|
138
140
|
*/
|
|
139
141
|
field: any;
|
|
140
142
|
/**
|
|
141
|
-
*
|
|
142
|
-
*
|
|
143
|
-
* @default null
|
|
144
|
-
*
|
|
143
|
+
* Customizes filter options for the column, enabling specialized filtering functionality.
|
|
144
|
+
* @default null
|
|
145
145
|
*/
|
|
146
146
|
filter: any;
|
|
147
147
|
/**
|
|
148
|
-
*
|
|
149
|
-
*
|
|
150
|
-
* * create: It is used for creating custom components.
|
|
151
|
-
* * read: It is used to perform custom filter action.
|
|
148
|
+
* Allows for a custom component within the filter bar, facilitating advanced filter interfaces.
|
|
149
|
+
* Includes create and read functions for custom component management.
|
|
152
150
|
*
|
|
153
151
|
* ```html
|
|
154
152
|
*<div id="TreeGrid"></div>
|
|
@@ -173,7 +171,7 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
173
171
|
* gridObj.filterByColumn(args.element.id, 'equal', args.element.value);
|
|
174
172
|
* }
|
|
175
173
|
* }
|
|
176
|
-
*
|
|
174
|
+
*}],
|
|
177
175
|
* allowFiltering: true
|
|
178
176
|
*});
|
|
179
177
|
*gridObj.appendTo('#TreeGrid');
|
|
@@ -183,35 +181,33 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
183
181
|
*/
|
|
184
182
|
filterBarTemplate: any;
|
|
185
183
|
/**
|
|
186
|
-
*
|
|
187
|
-
*
|
|
188
|
-
* [
|
|
189
|
-
*
|
|
184
|
+
* Formats the displayed value of the column without affecting the underlying data. Supports standard and custom formats for numbers and dates.
|
|
185
|
+
*
|
|
186
|
+
* References for [number](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
|
|
187
|
+
*and [date](https://ej2.syncfusion.com/documentation/common/internationalization#date-formatting) formats.
|
|
190
188
|
* @default null
|
|
191
189
|
* @asptype string
|
|
192
190
|
*/
|
|
193
191
|
format: any;
|
|
194
192
|
/**
|
|
195
|
-
*
|
|
196
|
-
* This function triggers before rendering of each cell.
|
|
193
|
+
* Allows for custom cell content formatting using an external method, executed prior to rendering.
|
|
197
194
|
* @default null
|
|
198
195
|
*/
|
|
199
196
|
formatter: any;
|
|
200
197
|
/**
|
|
201
|
-
*
|
|
198
|
+
* Determines which side (left, right, or center) the column should be frozen on.
|
|
202
199
|
* @default Syncfusion.EJ2.Grids.FreezeDirection.None
|
|
203
200
|
* @isenumeration true
|
|
204
201
|
* @asptype Syncfusion.EJ2.Grids.FreezeDirection
|
|
205
202
|
*/
|
|
206
203
|
freeze: any;
|
|
207
204
|
/**
|
|
208
|
-
*
|
|
209
|
-
* If `headerText` is not defined, then field name value will be assigned to header text.
|
|
205
|
+
* Specifies the text displayed in the column header. If omitted, the `field` value is used as the header text.
|
|
210
206
|
* @default 'undefined'
|
|
211
207
|
*/
|
|
212
208
|
headerText: any;
|
|
213
209
|
/**
|
|
214
|
-
*
|
|
210
|
+
* Aligns the text in the column header. By default, the alignment corresponds to other content alignments.
|
|
215
211
|
* @default null
|
|
216
212
|
* @aspdefaultvalueignore
|
|
217
213
|
* @isenumeration true
|
|
@@ -219,124 +215,119 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
219
215
|
*/
|
|
220
216
|
headerTextAlign: any;
|
|
221
217
|
/**
|
|
222
|
-
*
|
|
223
|
-
* `hideAtMedia` accepts only valid Media Queries.
|
|
218
|
+
* 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
219
|
* @default 'undefined'
|
|
225
220
|
*/
|
|
226
221
|
hideAtMedia: any;
|
|
227
222
|
/**
|
|
228
|
-
*
|
|
223
|
+
* Allows the column to be frozen, keeping it stationary while scrolling horizontally through the grid.
|
|
229
224
|
* @default false
|
|
230
225
|
*/
|
|
231
226
|
isFrozen: any;
|
|
232
227
|
/**
|
|
233
|
-
*
|
|
228
|
+
* Identifies the column as an identity column in database terms, if set to `true`.
|
|
234
229
|
* @default false
|
|
235
230
|
*/
|
|
236
231
|
isIdentity: any;
|
|
237
232
|
/**
|
|
238
|
-
*
|
|
233
|
+
* Identifies the column as a primary key if set to `true`, enforcing uniqueness.
|
|
239
234
|
* @default false
|
|
240
235
|
*/
|
|
241
236
|
isPrimaryKey: any;
|
|
242
237
|
/**
|
|
243
|
-
*
|
|
244
|
-
* The locked column will be moved to first position.
|
|
238
|
+
* Prevents column reordering when set to true, locking the column into a set position.
|
|
245
239
|
* @default false
|
|
246
240
|
*/
|
|
247
241
|
lockColumn: any;
|
|
248
242
|
/**
|
|
249
|
-
* Defines the maximum width of the column in pixels or percentage,
|
|
243
|
+
* Defines the maximum allowable width of the column in pixels or as a percentage, preventing resizing beyond this limit.
|
|
250
244
|
* @default 'undefined'
|
|
251
245
|
*/
|
|
252
246
|
maxWidth: any;
|
|
253
247
|
/**
|
|
254
|
-
*
|
|
248
|
+
* Determines the minimum width of the column in pixels or percentage. This ensures the column does not shrink below this size.
|
|
255
249
|
* @default 'undefined'
|
|
256
250
|
*/
|
|
257
251
|
minWidth: any;
|
|
258
252
|
/**
|
|
259
|
-
*
|
|
253
|
+
* Displays checkboxes in the column when enabled, allowing for selections and certain operations.
|
|
260
254
|
* @default false
|
|
261
255
|
*/
|
|
262
256
|
showCheckbox: any;
|
|
263
257
|
/**
|
|
264
|
-
*
|
|
265
|
-
* By default column menu will show for all columns
|
|
258
|
+
* Decides if the column menu should be available, providing options for column customization.
|
|
266
259
|
* @default true
|
|
267
260
|
*/
|
|
268
261
|
showColumnMenu: any;
|
|
269
262
|
/**
|
|
270
|
-
*
|
|
271
|
-
* By default all columns are displayed in column Chooser.
|
|
263
|
+
* Determines whether the column should appear in the Column Chooser. Set to false to exclude it.
|
|
272
264
|
* @default true
|
|
273
265
|
*/
|
|
274
266
|
showInColumnChooser: any;
|
|
275
267
|
/**
|
|
276
|
-
*
|
|
268
|
+
* Provides a custom sort comparer property to control how sorting is handled for this column's data.
|
|
277
269
|
* @default 'undefined'
|
|
278
270
|
*/
|
|
279
271
|
sortComparer: any;
|
|
280
272
|
/**
|
|
281
|
-
*
|
|
273
|
+
* Specifies the horizontal alignment for the column content and header. Options include alignment to the left, center, or right.
|
|
282
274
|
* @default Syncfusion.EJ2.Grids.TextAlign.Left
|
|
283
275
|
* @isenumeration true
|
|
284
276
|
* @asptype Syncfusion.EJ2.Grids.TextAlign
|
|
285
277
|
*/
|
|
286
278
|
textAlign: any;
|
|
287
279
|
/**
|
|
288
|
-
*
|
|
280
|
+
* Retrieves the unique identifier for the column. This UID is used internally to reference and manipulate the column.
|
|
289
281
|
* @default 'undefined'
|
|
290
282
|
*/
|
|
291
283
|
uid: any;
|
|
292
284
|
/**
|
|
293
|
-
*
|
|
285
|
+
* Establishes validation rules to ensure data integrity during creation and updates.
|
|
294
286
|
* @default null
|
|
295
287
|
*/
|
|
296
288
|
validationRules: any;
|
|
297
289
|
/**
|
|
298
|
-
*
|
|
290
|
+
* Applies custom cell values using an external function, allowing for dynamic display adjustments.
|
|
299
291
|
* @default null
|
|
300
292
|
*/
|
|
301
293
|
valueAccessor: any;
|
|
302
294
|
/**
|
|
303
|
-
*
|
|
295
|
+
* Toggles the visibility of the column. Set to false to hide the column from view. Columns are visible by default.
|
|
304
296
|
* @default true
|
|
305
297
|
*/
|
|
306
298
|
visible: any;
|
|
307
299
|
/**
|
|
308
|
-
*
|
|
300
|
+
* Sets the column's width in pixels or as a percentage. This defines how the column will occupy space in the grid.
|
|
309
301
|
* @default 'undefined'
|
|
310
302
|
*/
|
|
311
303
|
width: any;
|
|
312
304
|
/**
|
|
313
|
-
*
|
|
314
|
-
* It accepts either [template string](https://ej2.syncfusion.com/documentation/common/template-engine/) or HTML element ID.
|
|
305
|
+
* Customizes the rendering of cell content using either a template string or HTML element ID.
|
|
315
306
|
* @default null
|
|
316
307
|
* @asptype string
|
|
317
308
|
*/
|
|
318
309
|
template: any;
|
|
319
310
|
/**
|
|
320
|
-
*
|
|
311
|
+
* Customizes the header content with a template, defined as a string or an HTML element ID.
|
|
321
312
|
* @default null
|
|
322
313
|
* @asptype string
|
|
323
314
|
*/
|
|
324
315
|
headerTemplate: any;
|
|
325
316
|
filter_itemTemplate: any;
|
|
326
317
|
/**
|
|
327
|
-
*
|
|
328
|
-
* It accepts either template string or HTML element ID.
|
|
318
|
+
* Specifies a custom template or UI for filtering within this column, utilizing either string templates or HTML element IDs.
|
|
329
319
|
* @aspignore
|
|
330
320
|
*/
|
|
331
321
|
filterTemplate: any;
|
|
332
322
|
commandsTemplate: any;
|
|
333
323
|
/**
|
|
334
|
-
*
|
|
335
|
-
* It accepts either template string or HTML element ID.
|
|
324
|
+
* Provides a template for editing cells in this column, supporting either a template string or an HTML element ID.
|
|
336
325
|
* @aspignore
|
|
337
326
|
*/
|
|
338
327
|
editTemplate: any;
|
|
339
328
|
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"]>;
|
|
340
331
|
}
|
|
341
332
|
/**
|
|
342
333
|
* StackedColumn Array Directive
|
|
@@ -344,4 +335,6 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
|
|
|
344
335
|
*/
|
|
345
336
|
export declare class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {
|
|
346
337
|
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"]>;
|
|
347
340
|
}
|
|
@@ -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"; "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>;
|
|
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
|
+
@use 'ej2-treegrid/bds-lite' as *;
|
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
|
+
@use 'treegrid/bds' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/bootstrap-dark-lite' as *;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/bootstrap-dark' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/bootstrap-lite' as *;
|
package/styles/bootstrap.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/bootstrap' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap4-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/bootstrap4-lite' as *;
|
package/styles/bootstrap4.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/bootstrap4' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/bootstrap5-dark-lite' as *;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/bootstrap5-dark' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/bootstrap5-lite' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5.3-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/bootstrap5.3-lite' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/bootstrap5.3.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'treegrid/bootstrap5.3' as *;
|
package/styles/bootstrap5.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/bootstrap5' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fabric-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/fabric-dark-lite' as *;
|
package/styles/fabric-dark.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/fabric-dark' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fabric-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/fabric-lite' as *;
|
package/styles/fabric.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/fabric' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent-dark-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/fluent-dark-lite' as *;
|
package/styles/fluent-dark.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/fluent-dark' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent-lite.css';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use 'ej2-treegrid/fluent-lite' as *;
|
package/styles/fluent.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@
|
|
1
|
+
@use 'treegrid/fluent' as *;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '@syncfusion/ej2-treegrid/styles/fluent2-lite.css';
|