@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
@@ -1,8 +1,4 @@
1
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
2
  .e-popup.e-ddl .e-dropdownbase {
7
3
  min-height: 26px;
8
4
  }
@@ -45,39 +41,6 @@
45
41
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
46
42
  border-color: #000;
47
43
  }
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
44
 
82
45
  /* stylelint-disable property-no-vendor-prefix */
83
46
  @-webkit-keyframes material-spinner-rotate {
@@ -146,26 +109,6 @@
146
109
  content: "\e35d";
147
110
  }
148
111
 
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
- vertical-align: bottom;
155
- }
156
- .e-bigger .e-treegrid .e-hierarchycheckbox {
157
- padding-left: 2px;
158
- }
159
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
160
- height: 20px;
161
- width: 20px;
162
- }
163
- .e-bigger .e-treegrid .e-treecell {
164
- line-height: 18px;
165
- }
166
- .e-bigger .e-treegrid .e-treecolumn-container span {
167
- vertical-align: middle;
168
- }
169
112
  .e-treegrid .e-icons.e-none::before {
170
113
  content: "";
171
114
  }
@@ -270,6 +213,9 @@
270
213
  white-space: normal;
271
214
  word-wrap: break-word;
272
215
  }
216
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
217
+ vertical-align: middle;
218
+ }
273
219
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
274
220
  display: inline-block;
275
221
  }
@@ -463,4 +409,24 @@
463
409
  border-bottom-color: #400074;
464
410
  }
465
411
 
466
- /* stylelint-disable-line no-empty-source */
412
+ /* stylelint-disable-line no-empty-source */
413
+ .e-bigger .e-treegrid .e-treegridexpand,
414
+ .e-bigger .e-treegrid .e-treegridcollapse {
415
+ font-size: 10px;
416
+ height: 18px;
417
+ width: 18px;
418
+ vertical-align: bottom;
419
+ }
420
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
421
+ padding-left: 2px;
422
+ }
423
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
424
+ height: 20px;
425
+ width: 20px;
426
+ }
427
+ .e-bigger .e-treegrid .e-treecell {
428
+ line-height: 18px;
429
+ }
430
+ .e-bigger .e-treegrid .e-treecolumn-container span {
431
+ vertical-align: middle;
432
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'highcontrast-light-definition.scss';
17
17
  @import 'icons/highcontrast-light.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -1,8 +1,4 @@
1
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
2
  .e-popup.e-ddl .e-dropdownbase {
7
3
  min-height: 26px;
8
4
  }
@@ -45,39 +41,6 @@
45
41
  .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
46
42
  border-color: #fff;
47
43
  }
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: 46px;
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
44
 
82
45
  /* stylelint-disable property-no-vendor-prefix */
83
46
  @-webkit-keyframes material-spinner-rotate {
@@ -146,32 +109,6 @@
146
109
  content: "\e35d";
147
110
  }
148
111
 
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
- vertical-align: bottom;
155
- }
156
- .e-bigger .e-treegrid .e-treegridexpand {
157
- vertical-align: middle;
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
112
  .e-treegrid .e-icons.e-none::before {
176
113
  content: "";
177
114
  }
@@ -186,7 +123,7 @@
186
123
  }
187
124
  .e-treegrid span.e-icons.e-treegridcollapse {
188
125
  text-align: center;
189
- vertical-align: baseline;
126
+ vertical-align: middle;
190
127
  }
191
128
  .e-treegrid .e-rowcell:not(.e-gridclip) .e-treecolumn-container {
192
129
  display: block;
@@ -283,6 +220,9 @@
283
220
  white-space: normal;
284
221
  word-wrap: break-word;
285
222
  }
223
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
224
+ vertical-align: middle;
225
+ }
286
226
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
287
227
  display: inline-block;
288
228
  }
@@ -476,4 +416,30 @@
476
416
  border-bottom-color: #ffd939;
477
417
  }
478
418
 
479
- /* stylelint-disable-line no-empty-source */
419
+ /* stylelint-disable-line no-empty-source */
420
+ .e-bigger .e-treegrid .e-treegridexpand,
421
+ .e-bigger .e-treegrid .e-treegridcollapse {
422
+ font-size: 10px;
423
+ height: 18px;
424
+ width: 18px;
425
+ vertical-align: bottom;
426
+ }
427
+ .e-bigger .e-treegrid .e-treegridexpand {
428
+ vertical-align: middle;
429
+ }
430
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
431
+ padding-left: 2px;
432
+ }
433
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
434
+ font-size: 12px;
435
+ line-height: 12px;
436
+ padding: 2px 0;
437
+ height: 20px;
438
+ width: 20px;
439
+ }
440
+ .e-bigger .e-treegrid .e-treecell {
441
+ line-height: 18px;
442
+ }
443
+ .e-bigger .e-treegrid .e-treecolumn-container span {
444
+ vertical-align: middle;
445
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'highcontrast-definition.scss';
17
17
  @import 'icons/highcontrast.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -60,29 +60,6 @@
60
60
  margin-top: 2px;
61
61
  }
62
62
 
63
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
64
- border-color: transparent;
65
- }
66
-
67
- .e-bigger .e-popup.e-ddl-device-filter {
68
- margin-top: 0;
69
- }
70
-
71
- .e-bigger .e-ddl-device .e-input-group,
72
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
73
- background: #f5f5f5;
74
- border-width: 0;
75
- -webkit-box-shadow: none;
76
- box-shadow: none;
77
- margin-bottom: 0;
78
- }
79
-
80
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
81
- .e-bigger .e-ddl-device .e-input-group input.e-input,
82
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
83
- background-color: #f5f5f5;
84
- }
85
-
86
63
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
87
64
  margin: 6px 6px 5px;
88
65
  min-height: 12px;
@@ -90,17 +67,6 @@
90
67
  padding: 6px;
91
68
  }
92
69
 
93
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
94
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
95
- min-height: 16px;
96
- min-width: 16px;
97
- }
98
-
99
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
100
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
101
- padding: 8px 16px 8px 0;
102
- }
103
-
104
70
  .e-input-group.e-ddl,
105
71
  .e-input-group.e-ddl .e-input,
106
72
  .e-input-group.e-ddl .e-ddl-icon {
@@ -219,26 +185,6 @@
219
185
  content: "\e35d";
220
186
  }
221
187
 
222
- .e-bigger .e-treegrid .e-treegridexpand,
223
- .e-bigger .e-treegrid .e-treegridcollapse {
224
- font-size: 10px;
225
- height: 18px;
226
- width: 18px;
227
- vertical-align: bottom;
228
- }
229
- .e-bigger .e-treegrid .e-hierarchycheckbox {
230
- padding-left: 2px;
231
- }
232
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
233
- height: 20px;
234
- width: 20px;
235
- }
236
- .e-bigger .e-treegrid .e-treecell {
237
- line-height: 18px;
238
- }
239
- .e-bigger .e-treegrid .e-treecolumn-container span {
240
- vertical-align: middle;
241
- }
242
188
  .e-treegrid .e-icons.e-none::before {
243
189
  content: "";
244
190
  }
@@ -343,6 +289,9 @@
343
289
  white-space: normal;
344
290
  word-wrap: break-word;
345
291
  }
292
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
293
+ vertical-align: middle;
294
+ }
346
295
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
347
296
  display: inline-block;
348
297
  }
@@ -536,4 +485,24 @@
536
485
  border-bottom-color: #00b0ff;
537
486
  }
538
487
 
539
- /* stylelint-disable-line no-empty-source */
488
+ /* stylelint-disable-line no-empty-source */
489
+ .e-bigger .e-treegrid .e-treegridexpand,
490
+ .e-bigger .e-treegrid .e-treegridcollapse {
491
+ font-size: 10px;
492
+ height: 18px;
493
+ width: 18px;
494
+ vertical-align: bottom;
495
+ }
496
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
497
+ padding-left: 2px;
498
+ }
499
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
500
+ height: 20px;
501
+ width: 20px;
502
+ }
503
+ .e-bigger .e-treegrid .e-treecell {
504
+ line-height: 18px;
505
+ }
506
+ .e-bigger .e-treegrid .e-treecolumn-container span {
507
+ vertical-align: middle;
508
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'material-dark-definition.scss';
17
17
  @import 'icons/material-dark.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -80,29 +80,6 @@
80
80
  min-height: 26px;
81
81
  }
82
82
 
83
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
84
- border-color: #e0e0e0;
85
- }
86
-
87
- .e-bigger .e-popup.e-ddl-device-filter {
88
- margin-top: 0;
89
- }
90
-
91
- .e-bigger .e-ddl-device .e-input-group,
92
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
93
- background: #f5f5f5;
94
- border-width: 0;
95
- -webkit-box-shadow: none;
96
- box-shadow: none;
97
- margin-bottom: 0;
98
- }
99
-
100
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
101
- .e-bigger .e-ddl-device .e-input-group input.e-input,
102
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
103
- background-color: #f5f5f5;
104
- }
105
-
106
83
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
107
84
  margin: 6px 6px 5px;
108
85
  min-height: 12px;
@@ -110,17 +87,6 @@
110
87
  padding: 6px;
111
88
  }
112
89
 
113
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
114
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
115
- min-height: 16px;
116
- min-width: 16px;
117
- }
118
-
119
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
120
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
121
- padding: 8px 16px 8px 0;
122
- }
123
-
124
90
  .e-input-group.e-ddl,
125
91
  .e-input-group.e-ddl .e-input,
126
92
  .e-input-group.e-ddl .e-ddl-icon {
@@ -150,27 +116,6 @@
150
116
  padding: 5px 5px 5px 12px;
151
117
  }
152
118
 
153
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
154
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
155
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
156
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
157
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
158
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
159
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
160
- min-height: 18px;
161
- min-width: 18px;
162
- }
163
-
164
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
165
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
166
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
167
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
168
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
169
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
170
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
171
- padding: 8px 16px;
172
- }
173
-
174
119
  .e-ddl.e-popup.e-outline .e-filter-parent {
175
120
  padding: 4px 8px;
176
121
  }
@@ -264,26 +209,6 @@
264
209
  content: "\e35d";
265
210
  }
266
211
 
267
- .e-bigger .e-treegrid .e-treegridexpand,
268
- .e-bigger .e-treegrid .e-treegridcollapse {
269
- font-size: 10px;
270
- height: 18px;
271
- width: 18px;
272
- vertical-align: bottom;
273
- }
274
- .e-bigger .e-treegrid .e-hierarchycheckbox {
275
- padding-left: 2px;
276
- }
277
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
278
- height: 20px;
279
- width: 20px;
280
- }
281
- .e-bigger .e-treegrid .e-treecell {
282
- line-height: 18px;
283
- }
284
- .e-bigger .e-treegrid .e-treecolumn-container span {
285
- vertical-align: middle;
286
- }
287
212
  .e-treegrid .e-icons.e-none::before {
288
213
  content: "";
289
214
  }
@@ -388,6 +313,9 @@
388
313
  white-space: normal;
389
314
  word-wrap: break-word;
390
315
  }
316
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
317
+ vertical-align: middle;
318
+ }
391
319
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
392
320
  display: inline-block;
393
321
  }
@@ -581,4 +509,24 @@
581
509
  border-bottom-color: #e3165b;
582
510
  }
583
511
 
584
- /* stylelint-disable-line no-empty-source */
512
+ /* stylelint-disable-line no-empty-source */
513
+ .e-bigger .e-treegrid .e-treegridexpand,
514
+ .e-bigger .e-treegrid .e-treegridcollapse {
515
+ font-size: 10px;
516
+ height: 18px;
517
+ width: 18px;
518
+ vertical-align: bottom;
519
+ }
520
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
521
+ padding-left: 2px;
522
+ }
523
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
524
+ height: 20px;
525
+ width: 20px;
526
+ }
527
+ .e-bigger .e-treegrid .e-treecell {
528
+ line-height: 18px;
529
+ }
530
+ .e-bigger .e-treegrid .e-treecolumn-container span {
531
+ vertical-align: middle;
532
+ }
@@ -16,3 +16,4 @@
16
16
  @import 'material-definition.scss';
17
17
  @import 'icons/material.scss';
18
18
  @import 'all.scss';
19
+ @import 'bigger.scss';
@@ -83,52 +83,18 @@
83
83
  border-radius: 4px;
84
84
  }
85
85
 
86
- .e-bigger .e-popup.e-ddl-device-filter .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
87
- border-color: rgba(var(--color-sf-primary));
88
- }
89
-
90
- .e-bigger .e-popup.e-ddl-device-filter {
91
- margin-top: 0;
92
- }
93
-
94
- .e-bigger .e-ddl-device .e-input-group,
95
- .e-bigger .e-ddl-device .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
96
- background: rgba(0, 0, 0, 0.0001);
97
- border-width: 0;
98
- -webkit-box-shadow: none;
99
- box-shadow: none;
100
- margin-bottom: 0;
101
- }
102
-
103
- .e-bigger .e-ddl-device .e-input-group .e-back-icon,
104
- .e-bigger .e-ddl-device .e-input-group input.e-input,
105
- .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
106
- background: rgba(0, 0, 0, 0.0001);
107
- }
108
-
109
86
  .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
110
87
  margin: 0 6px;
111
88
  min-height: 30px;
112
89
  min-width: 30px;
113
90
  }
114
91
 
115
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
116
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
117
- min-height: 38px;
118
- min-width: 38px;
119
- }
120
-
121
92
  .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
122
93
  .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon {
123
94
  min-height: 22px;
124
95
  min-width: 22px;
125
96
  }
126
97
 
127
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter,
128
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-filter {
129
- padding: 4px 16px 4px 0;
130
- }
131
-
132
98
  .e-input-group.e-ddl,
133
99
  .e-input-group.e-ddl .e-input,
134
100
  .e-input-group.e-ddl .e-ddl-icon {
@@ -158,31 +124,6 @@
158
124
  padding: 4px 5px 4px 12px;
159
125
  }
160
126
 
161
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
162
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group .e-clear-icon,
163
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
164
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-small .e-clear-icon,
165
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
166
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger .e-clear-icon,
167
- .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-bigger.e-small .e-clear-icon {
168
- min-height: 34px;
169
- min-width: 34px;
170
- }
171
-
172
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
173
- .e-bigger.e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group .e-input-filter,
174
- .e-bigger .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
175
- .e-bigger.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-small .e-input-filter,
176
- .e-small .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
177
- .e-small.e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger .e-input-filter,
178
- .e-popup.e-ddl:not(.e-ddl-device) .e-filter-parent .e-input-group.e-bigger.e-small .e-input-filter {
179
- padding: 8px 16px;
180
- }
181
-
182
- .e-bigger.e-small .e-popup.e-ddl:not(.e-ddl-device) .e-input-group.e-input-focus .e-clear-icon {
183
- margin: 0 4px;
184
- }
185
-
186
127
  .e-ddl.e-popup.e-outline .e-filter-parent {
187
128
  padding: 4px 8px;
188
129
  }
@@ -255,26 +196,6 @@
255
196
  content: "\e72a";
256
197
  }
257
198
 
258
- .e-bigger .e-treegrid .e-treegridexpand,
259
- .e-bigger .e-treegrid .e-treegridcollapse {
260
- font-size: 22px;
261
- height: 20px;
262
- width: 20px;
263
- vertical-align: bottom;
264
- }
265
- .e-bigger .e-treegrid .e-hierarchycheckbox {
266
- padding-left: 2px;
267
- }
268
- .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
269
- height: 18px;
270
- width: 18px;
271
- }
272
- .e-bigger .e-treegrid .e-treecell {
273
- line-height: 20px;
274
- }
275
- .e-bigger .e-treegrid .e-treecolumn-container span {
276
- vertical-align: middle;
277
- }
278
199
  .e-treegrid .e-icons.e-none::before {
279
200
  content: "";
280
201
  }
@@ -379,6 +300,9 @@
379
300
  white-space: normal;
380
301
  word-wrap: break-word;
381
302
  }
303
+ .e-treegrid .e-grid.e-wrap .e-treecolumn-container span {
304
+ vertical-align: middle;
305
+ }
382
306
  .e-treegrid.e-grid.e-print-grid-layout .e-icons {
383
307
  display: inline-block;
384
308
  }
@@ -572,4 +496,24 @@
572
496
  border-bottom-color: rgba(var(--color-sf-primary));
573
497
  }
574
498
 
575
- /* stylelint-disable-line no-empty-source */
499
+ /* stylelint-disable-line no-empty-source */
500
+ .e-bigger .e-treegrid .e-treegridexpand,
501
+ .e-bigger .e-treegrid .e-treegridcollapse {
502
+ font-size: 22px;
503
+ height: 20px;
504
+ width: 20px;
505
+ vertical-align: bottom;
506
+ }
507
+ .e-bigger .e-treegrid .e-hierarchycheckbox {
508
+ padding-left: 2px;
509
+ }
510
+ .e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
511
+ height: 18px;
512
+ width: 18px;
513
+ }
514
+ .e-bigger .e-treegrid .e-treecell {
515
+ line-height: 20px;
516
+ }
517
+ .e-bigger .e-treegrid .e-treecolumn-container span {
518
+ vertical-align: middle;
519
+ }
@@ -17,3 +17,4 @@
17
17
  @import 'material3-dark-definition.scss';
18
18
  @import 'icons/material3-dark.scss';
19
19
  @import 'all.scss';
20
+ @import 'bigger.scss';