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