@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,458 +1 @@
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 */
1
+ @import '@syncfusion/ej2-treegrid/styles/treegrid/fabric.css';