@syncfusion/ej2-angular-treegrid 25.2.6 → 26.1.35

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 (53) hide show
  1. package/CHANGELOG.md +214 -0
  2. package/esm2020/public_api.mjs +1 -2
  3. package/esm2020/src/treegrid/columns.directive.mjs +1 -1
  4. package/esm2020/src/treegrid/stacked-column.directive.mjs +1 -1
  5. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs +0 -2
  6. package/fesm2015/syncfusion-ej2-angular-treegrid.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs +0 -2
  8. package/fesm2020/syncfusion-ej2-angular-treegrid.mjs.map +1 -1
  9. package/package.json +9 -9
  10. package/schematics/utils/lib-details.js +2 -2
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/treegrid/columns.directive.d.ts +1 -3
  13. package/src/treegrid/stacked-column.directive.d.ts +1 -3
  14. package/styles/bootstrap-dark.css +484 -1
  15. package/styles/bootstrap.css +490 -1
  16. package/styles/bootstrap4.css +538 -1
  17. package/styles/bootstrap5-dark.css +527 -1
  18. package/styles/bootstrap5.css +527 -1
  19. package/styles/fabric-dark.css +465 -1
  20. package/styles/fabric.css +458 -1
  21. package/styles/fluent-dark.css +524 -1
  22. package/styles/fluent.css +524 -1
  23. package/styles/fluent2.css +1721 -0
  24. package/styles/fluent2.scss +1 -0
  25. package/styles/highcontrast-light.css +456 -1
  26. package/styles/highcontrast.css +462 -1
  27. package/styles/material-dark.css +529 -1
  28. package/styles/material.css +574 -1
  29. package/styles/material3-dark.css +673 -1
  30. package/styles/material3.css +785 -1
  31. package/styles/tailwind-dark.css +481 -1
  32. package/styles/tailwind.css +481 -1
  33. package/styles/treegrid/bootstrap-dark.css +484 -1
  34. package/styles/treegrid/bootstrap.css +490 -1
  35. package/styles/treegrid/bootstrap4.css +538 -1
  36. package/styles/treegrid/bootstrap5-dark.css +527 -1
  37. package/styles/treegrid/bootstrap5.css +527 -1
  38. package/styles/treegrid/fabric-dark.css +465 -1
  39. package/styles/treegrid/fabric.css +458 -1
  40. package/styles/treegrid/fluent-dark.css +524 -1
  41. package/styles/treegrid/fluent.css +524 -1
  42. package/styles/treegrid/fluent2.css +1721 -0
  43. package/styles/treegrid/fluent2.scss +1 -0
  44. package/styles/treegrid/highcontrast-light.css +456 -1
  45. package/styles/treegrid/highcontrast.css +462 -1
  46. package/styles/treegrid/material-dark.css +529 -1
  47. package/styles/treegrid/material.css +574 -1
  48. package/styles/treegrid/material3-dark.css +673 -1
  49. package/styles/treegrid/material3.css +785 -1
  50. package/styles/treegrid/tailwind-dark.css +481 -1
  51. package/styles/treegrid/tailwind.css +481 -1
  52. package/license +0 -10
  53. package/postinstall/tagchange.js +0 -18
package/styles/fabric.css CHANGED
@@ -1 +1,458 @@
1
- @import '@syncfusion/ej2-treegrid/styles/fabric.css';
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ .e-ddl.e-popup {
3
+ border: 0;
4
+ -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
5
+ box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
6
+ margin-top: 1px;
7
+ }
8
+ .e-ddl.e-popup .e-input-group input {
9
+ line-height: 15px;
10
+ }
11
+
12
+ .e-ddl.e-popup .e-input-group {
13
+ display: -webkit-box;
14
+ display: -ms-flexbox;
15
+ display: flex;
16
+ width: auto;
17
+ }
18
+
19
+ .e-popup.e-ddl .e-dropdownbase {
20
+ min-height: 26px;
21
+ }
22
+
23
+ .e-ddl.e-popup .e-filter-parent {
24
+ border-left-width: 0;
25
+ border-right-width: 0;
26
+ }
27
+
28
+ .e-bigger .e-popup.e-ddl-device-filter {
29
+ margin-top: 0;
30
+ }
31
+
32
+ .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
33
+ font-size: 15px;
34
+ line-height: 45px;
35
+ padding-left: 0;
36
+ text-indent: 16px;
37
+ }
38
+
39
+ .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
40
+ padding-left: 4px;
41
+ }
42
+
43
+ .e-bigger .e-ddl.e-popup .e-input-group {
44
+ padding: 4px 0;
45
+ }
46
+
47
+ .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
48
+ height: 38px;
49
+ }
50
+
51
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
52
+ .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
53
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
54
+ .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
55
+ background: transparent;
56
+ color: #333;
57
+ }
58
+
59
+ .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
60
+ font-size: 14px;
61
+ line-height: 40px;
62
+ padding-left: 0;
63
+ text-indent: 16px;
64
+ }
65
+
66
+ .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
67
+ padding-left: 4px;
68
+ }
69
+
70
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group {
71
+ padding: 0;
72
+ }
73
+
74
+ .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
75
+ height: 34px;
76
+ }
77
+
78
+ /* stylelint-disable property-no-vendor-prefix */
79
+ @-webkit-keyframes material-spinner-rotate {
80
+ 0% {
81
+ -webkit-transform: rotate(0);
82
+ transform: rotate(0);
83
+ }
84
+ 100% {
85
+ -webkit-transform: rotate(360deg);
86
+ transform: rotate(360deg);
87
+ }
88
+ }
89
+ @keyframes material-spinner-rotate {
90
+ 0% {
91
+ -webkit-transform: rotate(0);
92
+ transform: rotate(0);
93
+ }
94
+ 100% {
95
+ -webkit-transform: rotate(360deg);
96
+ transform: rotate(360deg);
97
+ }
98
+ }
99
+ @-webkit-keyframes fabric-spinner-rotate {
100
+ 0% {
101
+ -webkit-transform: rotate(0);
102
+ transform: rotate(0);
103
+ }
104
+ 100% {
105
+ -webkit-transform: rotate(360deg);
106
+ transform: rotate(360deg);
107
+ }
108
+ }
109
+ @keyframes fabric-spinner-rotate {
110
+ 0% {
111
+ -webkit-transform: rotate(0);
112
+ transform: rotate(0);
113
+ }
114
+ 100% {
115
+ -webkit-transform: rotate(360deg);
116
+ transform: rotate(360deg);
117
+ }
118
+ }
119
+ .e-treegrid .e-indent::before,
120
+ .e-grid-menu .e-indent::before {
121
+ content: "\e33f";
122
+ }
123
+ .e-treegrid .e-outdent::before,
124
+ .e-grid-menu .e-outdent::before {
125
+ content: "\e35d";
126
+ }
127
+
128
+ .e-treegrid .e-treegridexpand::before,
129
+ .e-treegrid .e-treegridcollapse::before {
130
+ content: "\e22e";
131
+ }
132
+ .e-treegrid .e-toolbar-item .e-expand::before {
133
+ content: "\e555";
134
+ }
135
+ .e-treegrid .e-toolbar-item .e-collapse::before {
136
+ content: "\e559";
137
+ }
138
+ .e-treegrid .e-toolbar-item .e-indent::before {
139
+ content: "\e33f";
140
+ }
141
+ .e-treegrid .e-toolbar-item .e-outdent::before {
142
+ content: "\e35d";
143
+ }
144
+
145
+ .e-bigger .e-treegrid .e-treegridexpand,
146
+ .e-bigger .e-treegrid .e-treegridcollapse {
147
+ font-size: 10px;
148
+ height: 18px;
149
+ width: 18px;
150
+ }
151
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
152
+ padding-left: 2px;
153
+ }
154
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
155
+ font-size: 12px;
156
+ line-height: 12px;
157
+ padding: 2px 0;
158
+ height: 20px;
159
+ width: 20px;
160
+ }
161
+ .e-bigger .e-treegrid .e-treecell {
162
+ line-height: 18px;
163
+ }
164
+ .e-treegrid .e-icons.e-none::before {
165
+ content: "";
166
+ }
167
+ .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
168
+ height: 20px;
169
+ vertical-align: middle;
170
+ }
171
+ .e-treegrid .e-treegridexpand::before,
172
+ .e-treegrid .e-treegridcollapse::before {
173
+ text-align: center;
174
+ vertical-align: middle;
175
+ }
176
+ .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
177
+ display: block;
178
+ overflow: hidden;
179
+ text-overflow: ellipsis;
180
+ }
181
+ .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container span.e-treecell {
182
+ display: inline;
183
+ overflow: hidden;
184
+ text-overflow: ellipsis;
185
+ }
186
+ .e-treegrid .e-treegridexpand:hover::before,
187
+ .e-treegrid .e-treegridcollapse:hover::before {
188
+ color: #333;
189
+ }
190
+ .e-treegrid .e-rtl .e-treegridcollapse {
191
+ -webkit-transform: scale(-1);
192
+ transform: scale(-1);
193
+ }
194
+ .e-treegrid .e-treegridexpand {
195
+ -webkit-transform: rotate(90deg);
196
+ transform: rotate(90deg);
197
+ }
198
+ .e-treegrid .e-treerowexpanded:not(.e-hiddenrow) {
199
+ display: table-row;
200
+ }
201
+ .e-treegrid .e-treerowcollapsed {
202
+ display: none;
203
+ }
204
+ .e-treegrid .e-treecheckbox-container {
205
+ display: block;
206
+ overflow: hidden;
207
+ text-overflow: ellipsis;
208
+ }
209
+ .e-treegrid .e-treecheckbox-container :not(.e-treecheckbox) {
210
+ white-space: nowrap;
211
+ }
212
+ .e-treegrid .e-treecheckbox {
213
+ overflow: hidden;
214
+ text-overflow: ellipsis;
215
+ vertical-align: middle;
216
+ }
217
+ .e-treegrid .e-treecolumn-container span {
218
+ display: inline-block;
219
+ vertical-align: middle;
220
+ }
221
+ .e-treegrid .e-cloneproperties .e-treecolumn-container span {
222
+ vertical-align: text-top;
223
+ }
224
+ .e-treegrid .e-hierarchycheckbox .e-frame {
225
+ font-size: 10px;
226
+ height: 16px;
227
+ line-height: 11px;
228
+ padding: 2px 0;
229
+ width: 16px;
230
+ }
231
+ .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
232
+ .e-treegrid .e-checkselection .e-movableheader .e-rowcell,
233
+ .e-treegrid .e-checkselection .e-frozencontent .e-rowcell,
234
+ .e-treegrid .e-checkselection .e-movablecontent .e-rowcell {
235
+ line-height: 21px;
236
+ }
237
+ .e-treegrid .e-treegridexpand,
238
+ .e-treegrid .e-treegridcollapse {
239
+ color: #333;
240
+ cursor: pointer;
241
+ font-size: 10px;
242
+ height: 16px;
243
+ padding: 0;
244
+ text-align: center;
245
+ vertical-align: bottom;
246
+ width: 16px;
247
+ }
248
+ .e-treegrid .e-treecell {
249
+ display: table-cell;
250
+ line-height: normal;
251
+ }
252
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container, .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container {
253
+ white-space: nowrap;
254
+ }
255
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container .e-treecell {
256
+ display: inline-block;
257
+ white-space: normal;
258
+ word-wrap: break-word;
259
+ }
260
+ .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecheckbox-container .e-treecheckbox {
261
+ display: inline-block;
262
+ white-space: normal;
263
+ word-wrap: break-word;
264
+ }
265
+ .e-treegrid.e-grid.e-print-grid-layout .e-icons {
266
+ display: inline-block;
267
+ }
268
+ .e-treegrid .e-treecheckselect,
269
+ .e-treegrid .e-treeselectall {
270
+ margin: 0;
271
+ opacity: 0;
272
+ position: absolute;
273
+ width: 0;
274
+ }
275
+ .e-treegrid .e-detailheadercell,
276
+ .e-treegrid .e-headercontent .e-table .e-detail-intent,
277
+ .e-treegrid .e-gridcontent .e-table .e-detail-intent,
278
+ .e-treegrid .e-table .e-detailrow .e-detailindentcell,
279
+ .e-treegrid .e-table .e-detailrowexpand,
280
+ .e-treegrid .e-table .e-detailrowcollapse {
281
+ display: none;
282
+ }
283
+ .e-treegrid .e-icons.e-errorelem {
284
+ padding-left: 10px;
285
+ display: inline-block;
286
+ vertical-align: middle;
287
+ }
288
+ .e-treegrid .e-errorelem::before {
289
+ color: #e3165b;
290
+ content: "\e22a";
291
+ -webkit-transform: rotate(180deg);
292
+ transform: rotate(180deg);
293
+ }
294
+ .e-treegrid .e-gridcontent td.e-childborder {
295
+ border-color: #0078d6;
296
+ border-width: 1px 0 0;
297
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
298
+ box-shadow: 0 1px 0 0 #0078d6;
299
+ position: relative;
300
+ z-index: 1;
301
+ }
302
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder.e-dragborder,
303
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom.e-dragborder td.e-rowdragdrop.e-dropbottom.e-dragborder {
304
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
305
+ box-shadow: 0 1px 0 0 #0078d6;
306
+ }
307
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dragborder,
308
+ .e-treegrid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
309
+ .e-treegrid .e-gridcontent .e-rowdragdrop.e-dragborder {
310
+ -webkit-box-shadow: 0 0 0 0;
311
+ box-shadow: 0 0 0 0;
312
+ }
313
+ .e-treegrid .e-gridcontent td.e-childborder:first-child {
314
+ border-left: 1px solid #0078d6;
315
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
316
+ box-shadow: 0 1px 0 0 #0078d6;
317
+ position: relative;
318
+ z-index: 1;
319
+ }
320
+ .e-treegrid .e-gridcontent td.e-rowcell.e-childborder:last-child,
321
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
322
+ border-right: 1px solid #0078d6;
323
+ }
324
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder {
325
+ border-width: 1px 0;
326
+ }
327
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
328
+ border-left: 1px solid #0078d6;
329
+ }
330
+ .e-treegrid .e-gridcontent td.e-dropbottom:first-child,
331
+ .e-treegrid .e-gridcontent td.e-rowcell.e-dropbottom,
332
+ .e-treegrid .e-gridcontent td.e-dropbottom {
333
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
334
+ box-shadow: 0 1px 0 0 #0078d6;
335
+ position: relative;
336
+ z-index: 1;
337
+ }
338
+ .e-treegrid .e-gridcontent td.e-droptop:first-child,
339
+ .e-treegrid .e-gridcontent td.e-rowcell.e-droptop {
340
+ border-top-color: #0078d6;
341
+ border-width: 1px 0 0;
342
+ }
343
+ .e-treegrid .e-gridcontent td.e-lastrowcell.e-dropbottom {
344
+ border-bottom-color: #0078d6;
345
+ }
346
+ .e-treegrid .e-gridcontent td.e-rowdragdrop.e-droptop.e-dragborder {
347
+ -webkit-box-shadow: 0 0 0 0;
348
+ box-shadow: 0 0 0 0;
349
+ }
350
+ .e-treegrid .e-gridcontent .e-gridheader .e-firstrow-dragborder {
351
+ height: 1px;
352
+ }
353
+ .e-treegrid .e-gridcontent .e-lastrow-dragborder {
354
+ height: 0;
355
+ }
356
+ .e-treegrid .e-gridheader .e-firstrow-dragborder,
357
+ .e-treegrid .e-droptop .e-lastrow-dragborder,
358
+ .e-treegrid .e-gridheader .e-firstrow-dragborder tr:first-child.e-dropbottom {
359
+ height: 0;
360
+ }
361
+ .e-treegrid .e-treegrid-relative {
362
+ position: relative;
363
+ }
364
+ .e-treegrid .e-gridheader .e-firstrow-border,
365
+ .e-treegrid .e-gridcontent .e-lastrow-border {
366
+ background-color: #0078d6;
367
+ bottom: 0;
368
+ display: none;
369
+ height: 1px;
370
+ position: absolute;
371
+ z-index: 1;
372
+ }
373
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-childborder,
374
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-childborder {
375
+ border-bottom: 1px solid #0078d6;
376
+ border-top: 1px solid #0078d6;
377
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
378
+ box-shadow: 0 0 0 0 #0078d6;
379
+ }
380
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowcell.e-droptop,
381
+ .e-treegrid .e-grid .e-gridcontent tr.e-row:first-child td.e-rowdragdrop.e-droptop {
382
+ border-top: 1px solid #0078d6;
383
+ }
384
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-childborder {
385
+ border-bottom: 1px solid #0078d6;
386
+ border-top: 1px solid #0078d6;
387
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
388
+ box-shadow: 0 0 0 0 #0078d6;
389
+ }
390
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-childborder {
391
+ border-bottom: 1px solid #0078d6;
392
+ border-top: 1px solid #0078d6;
393
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
394
+ box-shadow: 0 0 0 0 #0078d6;
395
+ }
396
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-dropbottom {
397
+ border-bottom: 1px solid #0078d6;
398
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
399
+ box-shadow: 0 0 0 0 #0078d6;
400
+ }
401
+ .e-treegrid .e-grid .e-gridcontent td.e-rowcell.e-droptop {
402
+ border-top: 1px solid #0078d6;
403
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
404
+ box-shadow: 0 0 0 0 #0078d6;
405
+ }
406
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-dropbottom {
407
+ border-bottom: 1px solid #0078d6;
408
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
409
+ box-shadow: 0 0 0 0 #0078d6;
410
+ }
411
+ .e-treegrid .e-grid .e-gridcontent td.e-rowdragdrop.e-droptop {
412
+ border-top: 1px solid #0078d6;
413
+ -webkit-box-shadow: 0 0 0 0 #0078d6;
414
+ box-shadow: 0 0 0 0 #0078d6;
415
+ }
416
+ .e-treegrid .e-grid.e-rtl .e-gridheader .e-firstrow-dragborder,
417
+ .e-treegrid .e-grid.e-rtl .e-droptop .e-lastrow-dragborder {
418
+ height: 0;
419
+ }
420
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder {
421
+ border-color: #0078d6;
422
+ border-width: 1px 0 0;
423
+ position: relative;
424
+ z-index: 1;
425
+ }
426
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-dragborder,
427
+ .e-treegrid .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
428
+ .e-treegrid .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
429
+ -webkit-box-shadow: 0 0 0 0;
430
+ box-shadow: 0 0 0 0;
431
+ }
432
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-childborder:first-child {
433
+ border-right: 1px solid #0078d6;
434
+ -webkit-box-shadow: 0 1px 0 0 #0078d6;
435
+ box-shadow: 0 1px 0 0 #0078d6;
436
+ position: relative;
437
+ z-index: 1;
438
+ }
439
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-childborder:last-child,
440
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:first-child {
441
+ border-left: 1px solid #0078d6;
442
+ }
443
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder {
444
+ border-width: 1px 0;
445
+ }
446
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-childborder:last-child {
447
+ border-right: 1px solid #0078d6;
448
+ }
449
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-droptop:first-child,
450
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-rowcell.e-droptop {
451
+ border-top-color: #0078d6;
452
+ border-width: 1px 0 0;
453
+ }
454
+ .e-treegrid .e-grid.e-rtl .e-gridcontent td.e-lastrowcell.e-dropbottom {
455
+ border-bottom-color: #0078d6;
456
+ }
457
+
458
+ /* stylelint-disable-line no-empty-source */