@syncfusion/ej2-treegrid 26.2.12 → 27.1.48

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 (139) hide show
  1. package/dist/ej2-treegrid.min.js +2 -2
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +86 -121
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +86 -121
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -10
  12. package/src/treegrid/actions/batch-edit.js +3 -0
  13. package/src/treegrid/actions/edit.js +4 -3
  14. package/src/treegrid/actions/excel-export.js +3 -1
  15. package/src/treegrid/actions/virtual-scroll.d.ts +2 -0
  16. package/src/treegrid/actions/virtual-scroll.js +7 -1
  17. package/src/treegrid/base/data.js +27 -28
  18. package/src/treegrid/base/treegrid-model.d.ts +5 -2
  19. package/src/treegrid/base/treegrid.d.ts +7 -2
  20. package/src/treegrid/base/treegrid.js +41 -87
  21. package/src/treegrid/renderer/render.js +1 -1
  22. package/styles/bootstrap-dark-lite.css +427 -0
  23. package/styles/bootstrap-dark-lite.scss +18 -0
  24. package/styles/bootstrap-dark.css +24 -71
  25. package/styles/bootstrap-dark.scss +1 -0
  26. package/styles/bootstrap-lite.css +430 -0
  27. package/styles/bootstrap-lite.scss +18 -0
  28. package/styles/bootstrap.css +27 -74
  29. package/styles/bootstrap.scss +1 -0
  30. package/styles/bootstrap4-lite.css +463 -0
  31. package/styles/bootstrap4-lite.scss +18 -0
  32. package/styles/bootstrap4.css +24 -89
  33. package/styles/bootstrap4.scss +1 -0
  34. package/styles/bootstrap5-dark-lite.css +466 -0
  35. package/styles/bootstrap5-dark-lite.scss +18 -0
  36. package/styles/bootstrap5-dark.css +24 -75
  37. package/styles/bootstrap5-dark.scss +1 -0
  38. package/styles/bootstrap5-lite.css +466 -0
  39. package/styles/bootstrap5-lite.scss +18 -0
  40. package/styles/bootstrap5.3-lite.css +470 -0
  41. package/styles/bootstrap5.3-lite.scss +18 -0
  42. package/styles/bootstrap5.3.css +490 -0
  43. package/styles/bootstrap5.3.scss +19 -0
  44. package/styles/bootstrap5.css +24 -75
  45. package/styles/bootstrap5.scss +1 -0
  46. package/styles/fabric-dark-lite.css +406 -0
  47. package/styles/fabric-dark-lite.scss +18 -0
  48. package/styles/fabric-dark.css +27 -73
  49. package/styles/fabric-dark.scss +1 -0
  50. package/styles/fabric-lite.css +406 -0
  51. package/styles/fabric-lite.scss +18 -0
  52. package/styles/fabric.css +27 -66
  53. package/styles/fabric.scss +1 -0
  54. package/styles/fluent-dark-lite.css +469 -0
  55. package/styles/fluent-dark-lite.scss +18 -0
  56. package/styles/fluent-dark.css +31 -69
  57. package/styles/fluent-dark.scss +1 -0
  58. package/styles/fluent-lite.css +469 -0
  59. package/styles/fluent-lite.scss +18 -0
  60. package/styles/fluent.css +31 -69
  61. package/styles/fluent.scss +1 -0
  62. package/styles/fluent2-lite.css +657 -0
  63. package/styles/fluent2-lite.scss +18 -0
  64. package/styles/fluent2.css +50 -62
  65. package/styles/fluent2.scss +1 -0
  66. package/styles/highcontrast-light-lite.css +412 -0
  67. package/styles/highcontrast-light-lite.scss +18 -0
  68. package/styles/highcontrast-light.css +24 -58
  69. package/styles/highcontrast-light.scss +1 -0
  70. package/styles/highcontrast-lite.css +419 -0
  71. package/styles/highcontrast-lite.scss +18 -0
  72. package/styles/highcontrast.css +31 -65
  73. package/styles/highcontrast.scss +1 -0
  74. package/styles/material-dark-lite.css +488 -0
  75. package/styles/material-dark-lite.scss +18 -0
  76. package/styles/material-dark.css +24 -55
  77. package/styles/material-dark.scss +1 -0
  78. package/styles/material-lite.css +512 -0
  79. package/styles/material-lite.scss +18 -0
  80. package/styles/material.css +24 -76
  81. package/styles/material.scss +1 -0
  82. package/styles/material3-dark-lite.css +499 -0
  83. package/styles/material3-dark-lite.scss +18 -0
  84. package/styles/material3-dark.css +24 -80
  85. package/styles/material3-dark.scss +1 -0
  86. package/styles/material3-lite.css +501 -0
  87. package/styles/material3-lite.scss +18 -0
  88. package/styles/material3.css +24 -80
  89. package/styles/material3.scss +1 -0
  90. package/styles/tailwind-dark-lite.css +439 -0
  91. package/styles/tailwind-dark-lite.scss +18 -0
  92. package/styles/tailwind-dark.css +24 -56
  93. package/styles/tailwind-dark.scss +1 -0
  94. package/styles/tailwind-lite.css +439 -0
  95. package/styles/tailwind-lite.scss +18 -0
  96. package/styles/tailwind.css +24 -56
  97. package/styles/tailwind.scss +1 -0
  98. package/styles/treegrid/_bigger.scss +62 -0
  99. package/styles/treegrid/_bootstrap5.3-definition.scss +5 -5
  100. package/styles/treegrid/_fluent2-definition.scss +3 -3
  101. package/styles/treegrid/_layout.scss +19 -52
  102. package/styles/treegrid/bootstrap-dark.css +24 -71
  103. package/styles/treegrid/bootstrap-dark.scss +1 -0
  104. package/styles/treegrid/bootstrap.css +27 -74
  105. package/styles/treegrid/bootstrap.scss +1 -0
  106. package/styles/treegrid/bootstrap4.css +24 -89
  107. package/styles/treegrid/bootstrap4.scss +1 -0
  108. package/styles/treegrid/bootstrap5-dark.css +24 -75
  109. package/styles/treegrid/bootstrap5-dark.scss +1 -0
  110. package/styles/treegrid/bootstrap5.3.css +490 -0
  111. package/styles/treegrid/bootstrap5.3.scss +19 -0
  112. package/styles/treegrid/bootstrap5.css +24 -75
  113. package/styles/treegrid/bootstrap5.scss +1 -0
  114. package/styles/treegrid/fabric-dark.css +27 -73
  115. package/styles/treegrid/fabric-dark.scss +1 -0
  116. package/styles/treegrid/fabric.css +27 -66
  117. package/styles/treegrid/fabric.scss +1 -0
  118. package/styles/treegrid/fluent-dark.css +31 -69
  119. package/styles/treegrid/fluent-dark.scss +1 -0
  120. package/styles/treegrid/fluent.css +31 -69
  121. package/styles/treegrid/fluent.scss +1 -0
  122. package/styles/treegrid/fluent2.css +50 -62
  123. package/styles/treegrid/fluent2.scss +1 -0
  124. package/styles/treegrid/highcontrast-light.css +24 -58
  125. package/styles/treegrid/highcontrast-light.scss +1 -0
  126. package/styles/treegrid/highcontrast.css +31 -65
  127. package/styles/treegrid/highcontrast.scss +1 -0
  128. package/styles/treegrid/material-dark.css +24 -55
  129. package/styles/treegrid/material-dark.scss +1 -0
  130. package/styles/treegrid/material.css +24 -76
  131. package/styles/treegrid/material.scss +1 -0
  132. package/styles/treegrid/material3-dark.css +24 -80
  133. package/styles/treegrid/material3-dark.scss +1 -0
  134. package/styles/treegrid/material3.css +24 -80
  135. package/styles/treegrid/material3.scss +1 -0
  136. package/styles/treegrid/tailwind-dark.css +24 -56
  137. package/styles/treegrid/tailwind-dark.scss +1 -0
  138. package/styles/treegrid/tailwind.css +24 -56
  139. package/styles/treegrid/tailwind.scss +1 -0
@@ -21,33 +21,10 @@
21
21
  border-right-width: 0;
22
22
  }
23
23
 
24
- .e-bigger .e-popup.e-ddl-device-filter {
25
- margin-top: 0;
26
- }
27
-
28
24
  .e-popup.e-ddl .e-dropdownbase {
29
25
  min-height: 26px;
30
26
  }
31
27
 
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
28
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
52
29
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
53
30
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
@@ -56,32 +33,6 @@
56
33
  color: #fff;
57
34
  }
58
35
 
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
- .e-ddl.e-popup .e-bigger.e-small .e-list-item,
61
- .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
62
- .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
63
- font-size: 14px;
64
- line-height: 40px;
65
- padding-left: 0;
66
- text-indent: 16px;
67
- }
68
-
69
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item,
70
- .e-ddl.e-popup .e-bigger.e-small .e-dd-group .e-list-item {
71
- padding-left: 4px;
72
- }
73
-
74
- .e-bigger.e-small .e-ddl.e-popup .e-input-group,
75
- .e-ddl.e-popup .e-bigger.e-small .e-input-group {
76
- padding: 0;
77
- }
78
-
79
- .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,
80
- .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
81
- .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-input {
82
- height: 34px;
83
- }
84
-
85
36
  /* stylelint-disable property-no-vendor-prefix */
86
37
  @-webkit-keyframes material-spinner-rotate {
87
38
  0% {
@@ -149,29 +100,6 @@
149
100
  content: "\e35d";
150
101
  }
151
102
 
152
- .e-bigger .e-treegrid .e-treegridexpand,
153
- .e-bigger .e-treegrid .e-treegridcollapse {
154
- font-size: 10px;
155
- height: 18px;
156
- width: 18px;
157
- vertical-align: bottom;
158
- }
159
- .e-bigger .e-treegrid .e-hierarchycheckbox {
160
- padding-left: 2px;
161
- }
162
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
163
- font-size: 12px;
164
- line-height: 12px;
165
- padding: 2px 0;
166
- height: 20px;
167
- width: 20px;
168
- }
169
- .e-bigger .e-treegrid .e-treecell {
170
- line-height: 18px;
171
- }
172
- .e-bigger .e-treegrid .e-treecolumn-container span {
173
- vertical-align: middle;
174
- }
175
103
  .e-treegrid .e-icons.e-none::before {
176
104
  content: "";
177
105
  }
@@ -279,6 +207,9 @@
279
207
  white-space: normal;
280
208
  word-wrap: break-word;
281
209
  }
210
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
211
+ vertical-align: middle;
212
+ }
282
213
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
283
214
  display: inline-block;
284
215
  }
@@ -472,4 +403,27 @@
472
403
  border-bottom-color: #0074cc;
473
404
  }
474
405
 
475
- /* stylelint-disable-line no-empty-source */
406
+ /* stylelint-disable-line no-empty-source */
407
+ .e-bigger .e-treegrid .e-treegridexpand,
408
+ .e-bigger .e-treegrid .e-treegridcollapse {
409
+ font-size: 10px;
410
+ height: 18px;
411
+ width: 18px;
412
+ vertical-align: bottom;
413
+ }
414
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
415
+ padding-left: 2px;
416
+ }
417
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
418
+ font-size: 12px;
419
+ line-height: 12px;
420
+ padding: 2px 0;
421
+ height: 20px;
422
+ width: 20px;
423
+ }
424
+ .e-bigger .e-treegrid .e-treecell {
425
+ line-height: 18px;
426
+ }
427
+ .e-bigger .e-treegrid .e-treecolumn-container span {
428
+ vertical-align: middle;
429
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'fabric-dark-definition.scss';
17
17
  @import 'icons/fabric-dark.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -25,29 +25,6 @@
25
25
  border-right-width: 0;
26
26
  }
27
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
28
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
52
29
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
53
30
  .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
@@ -56,25 +33,6 @@
56
33
  color: #333;
57
34
  }
58
35
 
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
36
  /* stylelint-disable property-no-vendor-prefix */
79
37
  @-webkit-keyframes material-spinner-rotate {
80
38
  0% {
@@ -142,29 +100,6 @@
142
100
  content: "\e35d";
143
101
  }
144
102
 
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
- vertical-align: bottom;
151
- }
152
- .e-bigger .e-treegrid .e-hierarchycheckbox {
153
- padding-left: 2px;
154
- }
155
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
156
- font-size: 12px;
157
- line-height: 12px;
158
- padding: 2px 0;
159
- height: 20px;
160
- width: 20px;
161
- }
162
- .e-bigger .e-treegrid .e-treecell {
163
- line-height: 18px;
164
- }
165
- .e-bigger .e-treegrid .e-treecolumn-container span {
166
- vertical-align: middle;
167
- }
168
103
  .e-treegrid .e-icons.e-none::before {
169
104
  content: "";
170
105
  }
@@ -272,6 +207,9 @@
272
207
  white-space: normal;
273
208
  word-wrap: break-word;
274
209
  }
210
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
211
+ vertical-align: middle;
212
+ }
275
213
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
276
214
  display: inline-block;
277
215
  }
@@ -465,4 +403,27 @@
465
403
  border-bottom-color: #0078d6;
466
404
  }
467
405
 
468
- /* stylelint-disable-line no-empty-source */
406
+ /* stylelint-disable-line no-empty-source */
407
+ .e-bigger .e-treegrid .e-treegridexpand,
408
+ .e-bigger .e-treegrid .e-treegridcollapse {
409
+ font-size: 10px;
410
+ height: 18px;
411
+ width: 18px;
412
+ vertical-align: bottom;
413
+ }
414
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
415
+ padding-left: 2px;
416
+ }
417
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
418
+ font-size: 12px;
419
+ line-height: 12px;
420
+ padding: 2px 0;
421
+ height: 20px;
422
+ width: 20px;
423
+ }
424
+ .e-bigger .e-treegrid .e-treecell {
425
+ line-height: 18px;
426
+ }
427
+ .e-bigger .e-treegrid .e-treecolumn-container span {
428
+ vertical-align: middle;
429
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'fabric-definition.scss';
17
17
  @import 'icons/fabric.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -26,28 +26,6 @@
26
26
  border: 0;
27
27
  }
28
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 {
34
- font-size: 16px;
35
- line-height: 32px;
36
- padding-left: 0;
37
- text-indent: 16px;
38
- }
39
-
40
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
41
- font-size: 14px;
42
- line-height: 32px;
43
- padding-left: 0;
44
- text-indent: 16px;
45
- }
46
-
47
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
48
- min-height: 40px;
49
- }
50
-
51
29
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
52
30
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
53
31
  background: transparent;
@@ -110,25 +88,6 @@
110
88
  font-size: 14px;
111
89
  }
112
90
 
113
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
114
- font-size: 16px;
115
- }
116
-
117
- .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 {
118
- font-size: 14px;
119
- line-height: 34px;
120
- padding-left: 0;
121
- text-indent: 16px;
122
- }
123
-
124
- .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 {
125
- height: 30px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
129
- min-height: 34px;
130
- }
131
-
132
91
  /* stylelint-disable property-no-vendor-prefix */
133
92
  @-webkit-keyframes material-spinner-rotate {
134
93
  0% {
@@ -196,33 +155,6 @@
196
155
  content: "\e72a";
197
156
  }
198
157
 
199
- .e-bigger .e-treegrid .e-treegridexpand,
200
- .e-bigger .e-treegrid .e-treegridcollapse {
201
- font-size: 22px;
202
- height: 22px;
203
- width: 22px;
204
- vertical-align: bottom;
205
- }
206
- .e-bigger .e-treegrid .e-hierarchycheckbox {
207
- padding-left: 2px;
208
- }
209
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
210
- font-size: 12px;
211
- line-height: 12px;
212
- padding: 2px 0;
213
- height: 18px;
214
- width: 18px;
215
- }
216
- .e-bigger .e-treegrid .e-treecell {
217
- line-height: 22px;
218
- }
219
- .e-bigger .e-treegrid .e-treecolumn-container span {
220
- vertical-align: middle;
221
- }
222
- .e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
223
- font-size: 16px;
224
- font-weight: bold;
225
- }
226
158
  .e-treegrid .e-icons.e-none::before {
227
159
  content: "";
228
160
  }
@@ -338,6 +270,9 @@
338
270
  white-space: normal;
339
271
  word-wrap: break-word;
340
272
  }
273
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
274
+ vertical-align: middle;
275
+ }
341
276
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
342
277
  display: inline-block;
343
278
  }
@@ -531,4 +466,31 @@
531
466
  border-bottom-color: #0078d4;
532
467
  }
533
468
 
534
- /* stylelint-disable-line no-empty-source */
469
+ /* stylelint-disable-line no-empty-source */
470
+ .e-bigger .e-treegrid .e-treegridexpand,
471
+ .e-bigger .e-treegrid .e-treegridcollapse {
472
+ font-size: 22px;
473
+ height: 22px;
474
+ width: 22px;
475
+ vertical-align: bottom;
476
+ }
477
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
478
+ padding-left: 2px;
479
+ }
480
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
481
+ font-size: 12px;
482
+ line-height: 12px;
483
+ padding: 2px 0;
484
+ height: 18px;
485
+ width: 18px;
486
+ }
487
+ .e-bigger .e-treegrid .e-treecell {
488
+ line-height: 22px;
489
+ }
490
+ .e-bigger .e-treegrid .e-treecolumn-container span {
491
+ vertical-align: middle;
492
+ }
493
+ .e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
494
+ font-size: 16px;
495
+ font-weight: bold;
496
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'fluent-dark-definition.scss';
17
17
  @import 'icons/fluent-dark.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -26,28 +26,6 @@
26
26
  border: 0;
27
27
  }
28
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 {
34
- font-size: 16px;
35
- line-height: 32px;
36
- padding-left: 0;
37
- text-indent: 16px;
38
- }
39
-
40
- .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
41
- font-size: 14px;
42
- line-height: 32px;
43
- padding-left: 0;
44
- text-indent: 16px;
45
- }
46
-
47
- .e-bigger .e-popup.e-ddl .e-dropdownbase {
48
- min-height: 40px;
49
- }
50
-
51
29
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
52
30
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
53
31
  background: transparent;
@@ -110,25 +88,6 @@
110
88
  font-size: 14px;
111
89
  }
112
90
 
113
- .e-bigger .e-input-group .e-control.e-dropdownlist ~ .e-ddl-icon {
114
- font-size: 16px;
115
- }
116
-
117
- .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 {
118
- font-size: 14px;
119
- line-height: 34px;
120
- padding-left: 0;
121
- text-indent: 16px;
122
- }
123
-
124
- .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 {
125
- height: 30px;
126
- }
127
-
128
- .e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
129
- min-height: 34px;
130
- }
131
-
132
91
  /* stylelint-disable property-no-vendor-prefix */
133
92
  @-webkit-keyframes material-spinner-rotate {
134
93
  0% {
@@ -196,33 +155,6 @@
196
155
  content: "\e72a";
197
156
  }
198
157
 
199
- .e-bigger .e-treegrid .e-treegridexpand,
200
- .e-bigger .e-treegrid .e-treegridcollapse {
201
- font-size: 22px;
202
- height: 22px;
203
- width: 22px;
204
- vertical-align: bottom;
205
- }
206
- .e-bigger .e-treegrid .e-hierarchycheckbox {
207
- padding-left: 2px;
208
- }
209
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
210
- font-size: 12px;
211
- line-height: 12px;
212
- padding: 2px 0;
213
- height: 18px;
214
- width: 18px;
215
- }
216
- .e-bigger .e-treegrid .e-treecell {
217
- line-height: 22px;
218
- }
219
- .e-bigger .e-treegrid .e-treecolumn-container span {
220
- vertical-align: middle;
221
- }
222
- .e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
223
- font-size: 16px;
224
- font-weight: bold;
225
- }
226
158
  .e-treegrid .e-icons.e-none::before {
227
159
  content: "";
228
160
  }
@@ -338,6 +270,9 @@
338
270
  white-space: normal;
339
271
  word-wrap: break-word;
340
272
  }
273
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
274
+ vertical-align: middle;
275
+ }
341
276
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
342
277
  display: inline-block;
343
278
  }
@@ -531,4 +466,31 @@
531
466
  border-bottom-color: #0078d4;
532
467
  }
533
468
 
534
- /* stylelint-disable-line no-empty-source */
469
+ /* stylelint-disable-line no-empty-source */
470
+ .e-bigger .e-treegrid .e-treegridexpand,
471
+ .e-bigger .e-treegrid .e-treegridcollapse {
472
+ font-size: 22px;
473
+ height: 22px;
474
+ width: 22px;
475
+ vertical-align: bottom;
476
+ }
477
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
478
+ padding-left: 2px;
479
+ }
480
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
481
+ font-size: 12px;
482
+ line-height: 12px;
483
+ padding: 2px 0;
484
+ height: 18px;
485
+ width: 18px;
486
+ }
487
+ .e-bigger .e-treegrid .e-treecell {
488
+ line-height: 22px;
489
+ }
490
+ .e-bigger .e-treegrid .e-treecolumn-container span {
491
+ vertical-align: middle;
492
+ }
493
+ .e-bigger .e-treegrid .e-row[aria-expanded=true] .e-treecell {
494
+ font-size: 16px;
495
+ font-weight: bold;
496
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'fluent-definition.scss';
17
17
  @import 'icons/fluent.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -222,7 +222,7 @@
222
222
 
223
223
  .e-ddl.e-popup {
224
224
  border: 0;
225
- border-radius: 8px;
225
+ border-radius: 4px;
226
226
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
227
227
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
228
228
  margin-top: 4px;
@@ -234,46 +234,11 @@
234
234
  margin-top: 2px;
235
235
  }
236
236
 
237
- .e-bigger .e-ddl.e-popup,
238
- .e-bigger.e-ddl.e-popup {
239
- border-radius: 8px;
240
- margin-top: 8px;
241
- }
242
-
243
- .e-bigger.e-small .e-ddl.e-popup,
244
- .e-small.e-bigger.e-ddl.e-popup {
245
- border-radius: 8px;
246
- margin-top: 6px;
247
- }
248
-
249
237
  .e-popup.e-ddl .e-dropdownbase {
250
238
  min-height: 26px;
251
239
  padding: 6px 4px;
252
240
  }
253
241
 
254
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
255
- border-color: var(--color-sf-border-light);
256
- }
257
-
258
- .e-bigger .e-popup.e-ddl-device-filter {
259
- margin-top: 0;
260
- }
261
-
262
- .e-bigger .e-ddl-device .e-input-group,
263
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
264
- background: var(--color-sf-flyout-bg-color);
265
- border-width: 0;
266
- -webkit-box-shadow: none;
267
- box-shadow: none;
268
- margin-bottom: 0;
269
- }
270
-
271
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
272
- .e-bigger .e-ddl-device .e-input-group input.e-input,
273
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
274
- background-color: var(--color-sf-flyout-bg-color);
275
- }
276
-
277
242
  .e-input-group.e-ddl,
278
243
  .e-input-group.e-ddl .e-input,
279
244
  .e-input-group.e-ddl .e-ddl-icon {
@@ -299,6 +264,14 @@
299
264
  backdrop-filter: blur(2px) !important;
300
265
  }
301
266
 
267
+ .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover,
268
+ .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:focus,
269
+ .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:active {
270
+ color: var(--color-sf-icon-color-hover);
271
+ background-color: var(--color-sf-content-bg-color-hover);
272
+ border-radius: 4px;
273
+ }
274
+
302
275
  /* stylelint-disable property-no-vendor-prefix */
303
276
  @-webkit-keyframes material-spinner-rotate {
304
277
  0% {
@@ -366,30 +339,6 @@
366
339
  content: "\e72a";
367
340
  }
368
341
 
369
- .e-bigger .e-treegrid .e-treegridexpand,
370
- .e-bigger .e-treegrid .e-treegridcollapse {
371
- font-size: 20px;
372
- height: 20px;
373
- width: 20px;
374
- vertical-align: bottom;
375
- }
376
- .e-bigger .e-treegrid .e-hierarchycheckbox {
377
- padding-left: 2px;
378
- }
379
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
380
- height: 18px;
381
- width: 18px;
382
- }
383
- .e-bigger .e-treegrid .e-treecell {
384
- line-height: 20px;
385
- }
386
- .e-bigger .e-treegrid .e-treecolumn-container span {
387
- vertical-align: middle;
388
- }
389
- .e-bigger .e-treegrid .e-gridcontent .e-rowcell {
390
- line-height: 19px;
391
- }
392
-
393
342
  .e-treegrid .e-icons.e-none::before {
394
343
  content: "";
395
344
  }
@@ -419,7 +368,17 @@
419
368
  }
420
369
  .e-treegrid .e-treegridexpand:hover::before,
421
370
  .e-treegrid .e-treegridcollapse:hover::before {
422
- color: var(--color-sf-icon-color-hover);
371
+ color: var(--color-sf-icon-color-hover-alt);
372
+ }
373
+ .e-treegrid .e-selectionbackground.e-active .e-treegridexpand::before,
374
+ .e-treegrid .e-selectionbackground.e-active .e-treegridcollapse::before,
375
+ .e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridexpand::before,
376
+ .e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridcollapse::before,
377
+ .e-treegrid .e-selectionbackground.e-active .e-treegridexpand:hover::before,
378
+ .e-treegrid .e-selectionbackground.e-active .e-treegridcollapse:hover::before,
379
+ .e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridexpand:hover::before,
380
+ .e-treegrid .e-gridhover .e-gridcontent td.e-rowcell:hover .e-treegridcollapse:hover::before {
381
+ color: var(--color-sf-icon-color-pressed);
423
382
  }
424
383
  .e-treegrid .e-rtl .e-treegridcollapse {
425
384
  -webkit-transform: scale(-1);
@@ -496,6 +455,9 @@
496
455
  white-space: normal;
497
456
  word-wrap: break-word;
498
457
  }
458
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
459
+ vertical-align: middle;
460
+ }
499
461
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
500
462
  display: inline-block;
501
463
  }
@@ -692,4 +654,30 @@
692
654
  border-bottom-color: var(--color-sf-primary);
693
655
  }
694
656
 
695
- /* stylelint-disable-line no-empty-source */
657
+ /* stylelint-disable-line no-empty-source */
658
+ .e-bigger .e-treegrid .e-treegridexpand,
659
+ .e-bigger .e-treegrid .e-treegridcollapse {
660
+ font-size: 20px;
661
+ height: 20px;
662
+ width: 20px;
663
+ vertical-align: bottom;
664
+ }
665
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
666
+ padding-left: 2px;
667
+ }
668
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
669
+ height: 20px;
670
+ width: 20px;
671
+ }
672
+ .e-bigger .e-treegrid .e-treecell {
673
+ line-height: 20px;
674
+ }
675
+ .e-bigger .e-treegrid .e-treecolumn-container span {
676
+ vertical-align: middle;
677
+ }
678
+ .e-bigger .e-treegrid .e-gridcontent .e-rowcell {
679
+ line-height: 19px;
680
+ }
681
+ .e-bigger .e-treegrid .e-gridheader .e-headercell .e-css.e-hierarchycheckbox {
682
+ bottom: 12px;
683
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'fluent2-definition.scss';
17
17
  @import 'icons/fluent2.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';