@syncfusion/ej2-angular-treegrid 32.1.22-ngcc → 32.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/CHANGELOG.md +16 -59
  2. package/README.md +15 -7
  3. package/esm2020/public_api.mjs +2 -0
  4. package/esm2020/src/index.mjs +9 -0
  5. package/esm2020/src/treegrid/aggregate-columns.directive.mjs +72 -0
  6. package/esm2020/src/treegrid/aggregates.directive.mjs +69 -0
  7. package/esm2020/src/treegrid/columns.directive.mjs +100 -0
  8. package/esm2020/src/treegrid/stacked-column.directive.mjs +100 -0
  9. package/esm2020/src/treegrid/treegrid-all.module.mjs +89 -0
  10. package/esm2020/src/treegrid/treegrid.component.mjs +271 -0
  11. package/esm2020/src/treegrid/treegrid.module.mjs +61 -0
  12. package/esm2020/syncfusion-ej2-angular-treegrid.mjs +5 -0
  13. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +734 -0
  14. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  15. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +734 -0
  16. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -0
  17. package/package.json +44 -47
  18. package/src/treegrid/aggregate-columns.directive.d.ts +31 -28
  19. package/src/treegrid/aggregates.directive.d.ts +7 -2
  20. package/src/treegrid/columns.directive.d.ts +70 -77
  21. package/src/treegrid/stacked-column.directive.d.ts +70 -77
  22. package/src/treegrid/treegrid-all.module.d.ts +6 -0
  23. package/src/treegrid/treegrid.component.d.ts +23 -1
  24. package/src/treegrid/treegrid.module.d.ts +10 -0
  25. package/styles/bds-lite.css +1 -0
  26. package/styles/bds-lite.scss +1 -0
  27. package/styles/bds.css +1 -0
  28. package/styles/bds.scss +1 -0
  29. package/styles/bootstrap-dark-lite.css +1 -0
  30. package/styles/bootstrap-dark-lite.scss +1 -0
  31. package/styles/bootstrap-dark.scss +1 -1
  32. package/styles/bootstrap-lite.css +1 -0
  33. package/styles/bootstrap-lite.scss +1 -0
  34. package/styles/bootstrap.scss +1 -1
  35. package/styles/bootstrap4-lite.css +1 -0
  36. package/styles/bootstrap4-lite.scss +1 -0
  37. package/styles/bootstrap4.scss +1 -1
  38. package/styles/bootstrap5-dark-lite.css +1 -0
  39. package/styles/bootstrap5-dark-lite.scss +1 -0
  40. package/styles/bootstrap5-dark.scss +1 -1
  41. package/styles/bootstrap5-lite.css +1 -0
  42. package/styles/bootstrap5-lite.scss +1 -0
  43. package/styles/bootstrap5.3-lite.css +1 -0
  44. package/styles/bootstrap5.3-lite.scss +1 -0
  45. package/styles/bootstrap5.3.css +1 -0
  46. package/styles/bootstrap5.3.scss +1 -0
  47. package/styles/bootstrap5.scss +1 -1
  48. package/styles/fabric-dark-lite.css +1 -0
  49. package/styles/fabric-dark-lite.scss +1 -0
  50. package/styles/fabric-dark.scss +1 -1
  51. package/styles/fabric-lite.css +1 -0
  52. package/styles/fabric-lite.scss +1 -0
  53. package/styles/fabric.scss +1 -1
  54. package/styles/fluent-dark-lite.css +1 -0
  55. package/styles/fluent-dark-lite.scss +1 -0
  56. package/styles/fluent-dark.scss +1 -1
  57. package/styles/fluent-lite.css +1 -0
  58. package/styles/fluent-lite.scss +1 -0
  59. package/styles/fluent.scss +1 -1
  60. package/styles/fluent2-lite.css +1 -0
  61. package/styles/fluent2-lite.scss +1 -0
  62. package/styles/fluent2.css +1 -0
  63. package/styles/fluent2.scss +1 -0
  64. package/styles/highcontrast-light-lite.css +1 -0
  65. package/styles/highcontrast-light-lite.scss +1 -0
  66. package/styles/highcontrast-light.scss +1 -1
  67. package/styles/highcontrast-lite.css +1 -0
  68. package/styles/highcontrast-lite.scss +1 -0
  69. package/styles/highcontrast.scss +1 -1
  70. package/styles/material-dark-lite.css +1 -0
  71. package/styles/material-dark-lite.scss +1 -0
  72. package/styles/material-dark.scss +1 -1
  73. package/styles/material-lite.css +1 -0
  74. package/styles/material-lite.scss +1 -0
  75. package/styles/material.scss +1 -1
  76. package/styles/material3-dark-lite.css +1 -0
  77. package/styles/material3-dark-lite.scss +1 -0
  78. package/styles/material3-dark.scss +1 -2
  79. package/styles/material3-lite.css +1 -0
  80. package/styles/material3-lite.scss +1 -0
  81. package/styles/material3.scss +1 -2
  82. package/styles/tailwind-dark-lite.css +1 -0
  83. package/styles/tailwind-dark-lite.scss +1 -0
  84. package/styles/tailwind-dark.scss +1 -1
  85. package/styles/tailwind-lite.css +1 -0
  86. package/styles/tailwind-lite.scss +1 -0
  87. package/styles/tailwind.scss +1 -1
  88. package/styles/tailwind3-lite.css +1 -0
  89. package/styles/tailwind3-lite.scss +1 -0
  90. package/styles/tailwind3.css +1 -0
  91. package/styles/tailwind3.scss +1 -0
  92. package/styles/treegrid/bds.css +1 -0
  93. package/styles/treegrid/bds.scss +1 -0
  94. package/styles/treegrid/bootstrap-dark.scss +1 -1
  95. package/styles/treegrid/bootstrap.scss +1 -1
  96. package/styles/treegrid/bootstrap4.scss +1 -1
  97. package/styles/treegrid/bootstrap5-dark.scss +1 -1
  98. package/styles/treegrid/bootstrap5.3.css +1 -0
  99. package/styles/treegrid/bootstrap5.3.scss +1 -0
  100. package/styles/treegrid/bootstrap5.scss +1 -1
  101. package/styles/treegrid/fabric-dark.scss +1 -1
  102. package/styles/treegrid/fabric.scss +1 -1
  103. package/styles/treegrid/fluent-dark.scss +1 -1
  104. package/styles/treegrid/fluent.scss +1 -1
  105. package/styles/treegrid/fluent2.css +1 -0
  106. package/styles/treegrid/fluent2.scss +1 -0
  107. package/styles/treegrid/highcontrast-light.scss +1 -1
  108. package/styles/treegrid/highcontrast.scss +1 -1
  109. package/styles/treegrid/material-dark.scss +1 -1
  110. package/styles/treegrid/material.scss +1 -1
  111. package/styles/treegrid/material3-dark.scss +1 -2
  112. package/styles/treegrid/material3.scss +1 -2
  113. package/styles/treegrid/tailwind-dark.scss +1 -1
  114. package/styles/treegrid/tailwind.scss +1 -1
  115. package/styles/treegrid/tailwind3.css +1 -0
  116. package/styles/treegrid/tailwind3.scss +1 -0
  117. package/syncfusion-ej2-angular-treegrid.d.ts +5 -0
  118. package/@syncfusion/ej2-angular-treegrid.es5.js +0 -798
  119. package/@syncfusion/ej2-angular-treegrid.es5.js.map +0 -1
  120. package/@syncfusion/ej2-angular-treegrid.js +0 -748
  121. package/@syncfusion/ej2-angular-treegrid.js.map +0 -1
  122. package/dist/ej2-angular-treegrid.umd.js +0 -979
  123. package/dist/ej2-angular-treegrid.umd.js.map +0 -1
  124. package/dist/ej2-angular-treegrid.umd.min.js +0 -11
  125. package/dist/ej2-angular-treegrid.umd.min.js.map +0 -1
  126. package/ej2-angular-treegrid.d.ts +0 -5
  127. package/ej2-angular-treegrid.metadata.json +0 -1
  128. package/license +0 -10
  129. 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 data type of the column.
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
- * If `allowEditing` set to false, then it disables editing of a particular column.
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 `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column.
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
- * If `allowReordering` set to false, then it disables reorder of a particular column.
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
- * If `allowResizing` set to false, it disables resize option of a particular column.
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
- * If `allowSorting` set to false, then it disables sorting option of a particular column.
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
- * Defines the cell content's overflow mode. The available modes are
58
- *
59
- * also it will display tooltip while hover on ellipsis applied cell.
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
- * Used to render multiple header rows(stacked headers) on TreeGrid header.
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
- * `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.
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
- * The CSS styles and attributes of the content cells of a particular column can be customized.
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
- * Defines default values for the component when adding a new record to the TreeGrid.
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 `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.
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
- * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.
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
- * Defines the `IEditCell` object to customize default edit cell.
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
- * Defines the type of component for editing.
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
- * 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.
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
- * Defines the filter options to customize filtering for the particular column.
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
- * 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.
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
- * 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.
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
- * Defines the method which is used to achieve custom formatting from an external function.
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
- * Defines which side the column need to freeze
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
- * 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.
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
- * Define the alignment of column header which is used to align the text of column header.
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
- * Column visibility can change based on [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html).
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
- * You can use this property to freeze selected columns in grid.
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
- * If `isIdentity` is set to true, then this column is considered as identity column.
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
- * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.
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
- * If `lockColumn` set to true, then it disables Reordering of a particular column.
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, which will restrict resizing beyond this 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
- * Defines the minimum width of the column in pixels or percentage.
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
- * If `showCheckbox` set to true, then the checkboxes will be displayed in particular column.
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
- * 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
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
- * If `showInColumnChooser` set to false, then hide the particular column in column chooser.
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
- * Defines the sort comparer property.
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
- * Defines the alignment of the column in both header and content cells.
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
- * Gets the unique identifier value of the column. It is used to get the object.
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
- * Defines rules to validate data before creating and updating.
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
- * Defines the method used to apply custom cell values from external function and display this on each cell rendered.
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
- * If `visible` is set to false, hides the particular column. By default, columns are displayed.
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
- * Defines the width of the column in pixels or percentage.
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
- * 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.
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
- * Defines the header template as string or HTML element ID which is used to add customized element in the column header.
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
- * Defines the filter template/UI that is used as filter for a particular column.
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
- * Defines the cell edit template that used as editor for a particular column.
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 [`Row Template`](../../treegrid/row) customization.
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';
@@ -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
- @import 'treegrid/bootstrap-dark.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/bootstrap.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/bootstrap4.scss';
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
- @import 'treegrid/bootstrap5-dark.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/bootstrap5.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/fabric-dark.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/fabric.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/fluent-dark.scss';
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 *;
@@ -1 +1 @@
1
- @import 'treegrid/fluent.scss';
1
+ @use 'treegrid/fluent' as *;
@@ -0,0 +1 @@
1
+ @import '@syncfusion/ej2-treegrid/styles/fluent2-lite.css';