@syncfusion/ej2-angular-treegrid 26.1.42 → 26.2.4

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