@syncfusion/ej2-treegrid 20.4.54 → 21.1.37

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 (42) hide show
  1. package/CHANGELOG.md +2 -45
  2. package/dist/ej2-treegrid.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js +2 -2
  4. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-treegrid.es2015.js +43 -15
  6. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  7. package/dist/es6/ej2-treegrid.es5.js +42 -14
  8. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  9. package/dist/global/ej2-treegrid.min.js +2 -2
  10. package/dist/global/ej2-treegrid.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +10 -10
  13. package/src/treegrid/actions/freeze-column.js +3 -0
  14. package/src/treegrid/actions/rowdragdrop.js +8 -6
  15. package/src/treegrid/base/treegrid-model.d.ts +27 -16
  16. package/src/treegrid/base/treegrid.d.ts +33 -15
  17. package/src/treegrid/base/treegrid.js +29 -6
  18. package/src/treegrid/enum.d.ts +79 -138
  19. package/src/treegrid/models/column.d.ts +10 -8
  20. package/src/treegrid/models/edit-settings-model.d.ts +13 -9
  21. package/src/treegrid/models/edit-settings.d.ts +13 -9
  22. package/src/treegrid/models/filter-settings-model.d.ts +13 -8
  23. package/src/treegrid/models/filter-settings.d.ts +13 -8
  24. package/src/treegrid/models/loading-indicator-model.d.ts +4 -2
  25. package/src/treegrid/models/loading-indicator.d.ts +4 -2
  26. package/src/treegrid/models/page-settings-model.d.ts +1 -1
  27. package/src/treegrid/models/page-settings.d.ts +1 -1
  28. package/src/treegrid/models/search-settings-model.d.ts +9 -3
  29. package/src/treegrid/models/search-settings.d.ts +9 -3
  30. package/src/treegrid/models/selection-settings-model.d.ts +17 -8
  31. package/src/treegrid/models/selection-settings.d.ts +17 -8
  32. package/src/treegrid/models/summary-model.d.ts +2 -2
  33. package/src/treegrid/models/summary.d.ts +2 -2
  34. package/src/treegrid/renderer/render.js +2 -2
  35. package/styles/bootstrap-dark.css +2 -8
  36. package/styles/highcontrast-light.css +2 -8
  37. package/styles/treegrid/_bootstrap5-definition.scss +2 -2
  38. package/styles/treegrid/_fluent-definition.scss +2 -2
  39. package/styles/treegrid/_tailwind-definition.scss +2 -2
  40. package/styles/treegrid/bootstrap-dark.css +2 -8
  41. package/styles/treegrid/highcontrast-light.css +2 -8
  42. package/styles/treegrid/_material3-definition.scss +0 -28
package/src/treegrid/models/summary-model.d.ts CHANGED
@@ -44,8 +44,8 @@ export interface AggregateColumnModel {
44
44
  /**
45
45
  * Format is applied to a calculated value before it is displayed.
46
46
  * Gets the format from the user, which can be standard or custom
47
- * [`number`](../../../common/internationalization/#supported-format-string)
48
- * and [`date`](../../../common/internationalization/#supported-format-string-1) formats.
47
+ * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
48
+ * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
49
49
  *
50
50
  * @aspType string
51
51
  * @default null
package/src/treegrid/models/summary.d.ts CHANGED
@@ -44,8 +44,8 @@ export declare class AggregateColumn extends ChildProperty<AggregateColumn> {
44
44
  /**
45
45
  * Format is applied to a calculated value before it is displayed.
46
46
  * Gets the format from the user, which can be standard or custom
47
- * [`number`](../../../common/internationalization/#supported-format-string)
48
- * and [`date`](../../../common/internationalization/#supported-format-string-1) formats.
47
+ * [`number`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string)
48
+ * and [`date`](https://ej2.syncfusion.com/documentation/common/internationalization/#supported-format-string-1) formats.
49
49
  *
50
50
  * @aspType string
51
51
  * @default null
package/src/treegrid/renderer/render.js CHANGED
@@ -136,7 +136,7 @@ var Render = /** @class */ (function () {
136
136
  addClass([expandIcon], (expand) ? 'e-treegridexpand' : 'e-treegridcollapse');
137
137
  totalIconsWidth += 18;
138
138
  container.appendChild(expandIcon);
139
- emptyExpandIcon.style.width = '7px';
139
+ emptyExpandIcon.style.width = '4px';
140
140
  totalIconsWidth += 7;
141
141
  container.appendChild(emptyExpandIcon.cloneNode());
142
142
  }
@@ -263,7 +263,7 @@ var Render = /** @class */ (function () {
263
263
  }
264
264
  else {
265
265
  var str = 'isStringTemplate';
266
- var result = args.column["" + templateFn](extend({ 'index': '' }, args.data), this.parent, 'template', tempID, this.parent["" + str], undefined, undefined, this.parent['root']);
266
+ var result = args.column["" + templateFn](extend({ 'index': '' }, args.data), this.parent, 'template', tempID, this.parent["" + str]);
267
267
  appendChildren(cellElement, result);
268
268
  }
269
269
  delete args.column.template;
package/styles/bootstrap-dark.css CHANGED
@@ -161,9 +161,6 @@
161
161
  width: 20px;
162
162
  }
163
163
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
164
- font-size: 12px;
165
- line-height: 12px;
166
- padding: 2px 0;
167
164
  height: 20px;
168
165
  width: 20px;
169
166
  }
@@ -226,11 +223,8 @@
226
223
  vertical-align: middle;
227
224
  }
228
225
  .e-treegrid .e-hierarchycheckbox .e-frame {
229
- font-size: 10px;
230
- height: 16px;
231
- line-height: 11px;
232
- padding: 2px 0;
233
- width: 16px;
226
+ height: 20px;
227
+ width: 20px;
234
228
  }
235
229
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
236
230
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
package/styles/highcontrast-light.css CHANGED
@@ -134,9 +134,6 @@
134
134
  width: 20px;
135
135
  }
136
136
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
137
- font-size: 12px;
138
- line-height: 12px;
139
- padding: 2px 0;
140
137
  height: 20px;
141
138
  width: 20px;
142
139
  }
@@ -199,11 +196,8 @@
199
196
  vertical-align: middle;
200
197
  }
201
198
  .e-treegrid .e-hierarchycheckbox .e-frame {
202
- font-size: 10px;
203
- height: 16px;
204
- line-height: 11px;
205
- padding: 2px 0;
206
- width: 16px;
199
+ height: 20px;
200
+ width: 20px;
207
201
  }
208
202
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
209
203
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
package/styles/treegrid/_bootstrap5-definition.scss CHANGED
@@ -7,14 +7,14 @@ $error-elem-color: $danger !default;
7
7
  // Layout
8
8
 
9
9
  $error-elem-content: '\e839' !default;
10
- $treegrid-right-arrow-icon-font-size: 18px !default;
10
+ $treegrid-right-arrow-icon-font-size: $text-lg !default;
11
11
  $treegrid-right-arrow-icon-padding: 0 !default;
12
12
  $treegrid-right-arrow-icon-vertical-align: unset;
13
13
  $treegrid-right-arrow-icon-height: 18px !default;
14
14
  $treegrid-right-arrow-icon-width: 16px !default;
15
15
  $treegrid-bigger-icon-size: 22px !default;
16
16
  $treegrid-smaller-icon-size: 16px !default;
17
- $treegrid-bigger-icon-font-size: 22px !default;
17
+ $treegrid-bigger-icon-font-size: $font-icon-22 !default;
18
18
  $treegrid-frame-bigger-icon-height: 18px !default;
19
19
  $treegrid-frame-bigger-icon-width: 18px !default;
20
20
  $treegrid-frame-icon-height: 16px !default;
package/styles/treegrid/_fluent-definition.scss CHANGED
@@ -7,14 +7,14 @@ $error-elem-color: $danger !default;
7
7
  // Layout
8
8
 
9
9
  $error-elem-content: '\e839' !default;
10
- $treegrid-right-arrow-icon-font-size: 18px !default;
10
+ $treegrid-right-arrow-icon-font-size: $text-lg !default;
11
11
  $treegrid-right-arrow-icon-padding: 0 !default;
12
12
  $treegrid-right-arrow-icon-vertical-align: unset;
13
13
  $treegrid-right-arrow-icon-height: 18px !default;
14
14
  $treegrid-right-arrow-icon-width: 16px !default;
15
15
  $treegrid-bigger-icon-size: 22px !default;
16
16
  $treegrid-smaller-icon-size: 16px !default;
17
- $treegrid-bigger-icon-font-size: 22px !default;
17
+ $treegrid-bigger-icon-font-size: $font-icon-22 !default;
18
18
  $treegrid-frame-bigger-icon-height: 18px !default;
19
19
  $treegrid-frame-bigger-icon-width: 18px !default;
20
20
  $treegrid-frame-icon-height: 16px !default;
package/styles/treegrid/_tailwind-definition.scss CHANGED
@@ -7,14 +7,14 @@ $error-elem-color: $danger !default;
7
7
  // Layout
8
8
 
9
9
  $error-elem-content: '\e77e' !default;
10
- $treegrid-right-arrow-icon-font-size: 18px !default;
10
+ $treegrid-right-arrow-icon-font-size: $text-lg !default;
11
11
  $treegrid-right-arrow-icon-padding: 0 !default;
12
12
  $treegrid-right-arrow-icon-vertical-align: unset;
13
13
  $treegrid-right-arrow-icon-height: 18px !default;
14
14
  $treegrid-right-arrow-icon-width: 16px !default;
15
15
  $treegrid-bigger-icon-size: 22px !default;
16
16
  $treegrid-smaller-icon-size: 16px !default;
17
- $treegrid-bigger-icon-font-size: 22px !default;
17
+ $treegrid-bigger-icon-font-size: $font-icon-22 !default;
18
18
  $treegrid-frame-bigger-icon-height: 18px !default;
19
19
  $treegrid-frame-bigger-icon-width: 18px !default;
20
20
  $treegrid-frame-icon-height: 16px !default;
package/styles/treegrid/bootstrap-dark.css CHANGED
@@ -161,9 +161,6 @@
161
161
  width: 20px;
162
162
  }
163
163
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
164
- font-size: 12px;
165
- line-height: 12px;
166
- padding: 2px 0;
167
164
  height: 20px;
168
165
  width: 20px;
169
166
  }
@@ -226,11 +223,8 @@
226
223
  vertical-align: middle;
227
224
  }
228
225
  .e-treegrid .e-hierarchycheckbox .e-frame {
229
- font-size: 10px;
230
- height: 16px;
231
- line-height: 11px;
232
- padding: 2px 0;
233
- width: 16px;
226
+ height: 20px;
227
+ width: 20px;
234
228
  }
235
229
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
236
230
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
package/styles/treegrid/highcontrast-light.css CHANGED
@@ -134,9 +134,6 @@
134
134
  width: 20px;
135
135
  }
136
136
  .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
137
- font-size: 12px;
138
- line-height: 12px;
139
- padding: 2px 0;
140
137
  height: 20px;
141
138
  width: 20px;
142
139
  }
@@ -199,11 +196,8 @@
199
196
  vertical-align: middle;
200
197
  }
201
198
  .e-treegrid .e-hierarchycheckbox .e-frame {
202
- font-size: 10px;
203
- height: 16px;
204
- line-height: 11px;
205
- padding: 2px 0;
206
- width: 16px;
199
+ height: 20px;
200
+ width: 20px;
207
201
  }
208
202
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
209
203
  .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
package/styles/treegrid/_material3-definition.scss DELETED
@@ -1,28 +0,0 @@
1
- // color
2
- $treegrid-right-arrow-icon-color: $icon-color !default;
3
- $treegrid-right-arrow-hover-color: $icon-color-hover !default;
4
- $childborder-color: $primary !default;
5
- $error-elem-color: $danger !default;
6
-
7
- // Layout
8
-
9
- $error-elem-content: '\e839' !default;
10
- $treegrid-right-arrow-icon-font-size: 18px !default;
11
- $treegrid-right-arrow-icon-padding: 0 !default;
12
- $treegrid-right-arrow-icon-vertical-align: unset;
13
- $treegrid-right-arrow-icon-height: 18px !default;
14
- $treegrid-right-arrow-icon-width: 16px !default;
15
- $treegrid-bigger-icon-size: 22px !default;
16
- $treegrid-smaller-icon-size: 16px !default;
17
- $treegrid-bigger-icon-font-size: 22px !default;
18
- $treegrid-frame-bigger-icon-height: 18px !default;
19
- $treegrid-frame-bigger-icon-width: 18px !default;
20
- $treegrid-frame-icon-height: 16px !default;
21
- $treegrid-frame-icon-width: 16px !default;
22
- $treegrid-content-right-padding: 21px !default;
23
- $treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
24
- $treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
25
- $treegrid-rowdd-boxshadow: $primary !default;
26
- $treegrid-rowdd-childborder-width: 2px 0 0 !default;
27
- $treegrid-lastrowdd-childborder-width: 2px 0 !default;
28
- $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;