@syncfusion/ej2-angular-treegrid 26.1.42-ngcc → 26.2.4-ngcc

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