@syncfusion/ej2-angular-dropdowns 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 (165) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/auto-complete/bootstrap-dark.css +1 -109
  5. package/styles/auto-complete/bootstrap.css +1 -109
  6. package/styles/auto-complete/bootstrap4.css +1 -163
  7. package/styles/auto-complete/bootstrap5-dark.css +1 -151
  8. package/styles/auto-complete/bootstrap5.css +1 -151
  9. package/styles/auto-complete/fabric-dark.css +1 -84
  10. package/styles/auto-complete/fabric.css +1 -77
  11. package/styles/auto-complete/fluent-dark.css +1 -131
  12. package/styles/auto-complete/fluent.css +1 -131
  13. package/styles/auto-complete/fluent2.css +1 -1140
  14. package/styles/auto-complete/highcontrast-light.css +1 -81
  15. package/styles/auto-complete/highcontrast.css +1 -81
  16. package/styles/auto-complete/material-dark.css +1 -118
  17. package/styles/auto-complete/material.css +1 -143
  18. package/styles/auto-complete/material3-dark.css +1 -263
  19. package/styles/auto-complete/material3.css +1 -375
  20. package/styles/auto-complete/tailwind-dark.css +1 -106
  21. package/styles/auto-complete/tailwind.css +1 -106
  22. package/styles/bootstrap-dark.css +1 -3440
  23. package/styles/bootstrap.css +1 -3445
  24. package/styles/bootstrap4.css +1 -3693
  25. package/styles/bootstrap5-dark.css +1 -3615
  26. package/styles/bootstrap5.css +1 -3615
  27. package/styles/combo-box/bootstrap-dark.css +1 -109
  28. package/styles/combo-box/bootstrap.css +1 -109
  29. package/styles/combo-box/bootstrap4.css +1 -163
  30. package/styles/combo-box/bootstrap5-dark.css +1 -151
  31. package/styles/combo-box/bootstrap5.css +1 -151
  32. package/styles/combo-box/fabric-dark.css +1 -84
  33. package/styles/combo-box/fabric.css +1 -77
  34. package/styles/combo-box/fluent-dark.css +1 -131
  35. package/styles/combo-box/fluent.css +1 -131
  36. package/styles/combo-box/fluent2.css +1 -1140
  37. package/styles/combo-box/highcontrast-light.css +1 -81
  38. package/styles/combo-box/highcontrast.css +1 -81
  39. package/styles/combo-box/material-dark.css +1 -118
  40. package/styles/combo-box/material.css +1 -143
  41. package/styles/combo-box/material3-dark.css +1 -263
  42. package/styles/combo-box/material3.css +1 -375
  43. package/styles/combo-box/tailwind-dark.css +1 -106
  44. package/styles/combo-box/tailwind.css +1 -106
  45. package/styles/drop-down-base/bootstrap-dark.css +1 -373
  46. package/styles/drop-down-base/bootstrap.css +1 -373
  47. package/styles/drop-down-base/bootstrap4.css +1 -383
  48. package/styles/drop-down-base/bootstrap5-dark.css +1 -405
  49. package/styles/drop-down-base/bootstrap5.css +1 -405
  50. package/styles/drop-down-base/fabric-dark.css +1 -373
  51. package/styles/drop-down-base/fabric.css +1 -373
  52. package/styles/drop-down-base/fluent-dark.css +1 -421
  53. package/styles/drop-down-base/fluent.css +1 -421
  54. package/styles/drop-down-base/fluent2.css +1 -1447
  55. package/styles/drop-down-base/highcontrast-light.css +1 -387
  56. package/styles/drop-down-base/highcontrast.css +1 -387
  57. package/styles/drop-down-base/material-dark.css +1 -372
  58. package/styles/drop-down-base/material.css +1 -372
  59. package/styles/drop-down-base/material3-dark.css +1 -492
  60. package/styles/drop-down-base/material3.css +1 -604
  61. package/styles/drop-down-base/tailwind-dark.css +1 -481
  62. package/styles/drop-down-base/tailwind.css +1 -481
  63. package/styles/drop-down-list/bootstrap-dark.css +1 -433
  64. package/styles/drop-down-list/bootstrap.css +1 -433
  65. package/styles/drop-down-list/bootstrap4.css +1 -477
  66. package/styles/drop-down-list/bootstrap5-dark.css +1 -490
  67. package/styles/drop-down-list/bootstrap5.css +1 -490
  68. package/styles/drop-down-list/fabric-dark.css +1 -408
  69. package/styles/drop-down-list/fabric.css +1 -401
  70. package/styles/drop-down-list/fluent-dark.css +1 -471
  71. package/styles/drop-down-list/fluent.css +1 -471
  72. package/styles/drop-down-list/fluent2.css +1 -1684
  73. package/styles/drop-down-list/highcontrast-light.css +1 -419
  74. package/styles/drop-down-list/highcontrast.css +1 -419
  75. package/styles/drop-down-list/material-dark.css +1 -455
  76. package/styles/drop-down-list/material.css +1 -499
  77. package/styles/drop-down-list/material3-dark.css +1 -626
  78. package/styles/drop-down-list/material3.css +1 -738
  79. package/styles/drop-down-list/tailwind-dark.css +1 -428
  80. package/styles/drop-down-list/tailwind.css +1 -428
  81. package/styles/drop-down-tree/bootstrap-dark.css +1 -465
  82. package/styles/drop-down-tree/bootstrap.css +1 -466
  83. package/styles/drop-down-tree/bootstrap4.css +1 -499
  84. package/styles/drop-down-tree/bootstrap5-dark.css +1 -545
  85. package/styles/drop-down-tree/bootstrap5.css +1 -545
  86. package/styles/drop-down-tree/fabric-dark.css +1 -467
  87. package/styles/drop-down-tree/fabric.css +1 -468
  88. package/styles/drop-down-tree/fluent-dark.css +1 -550
  89. package/styles/drop-down-tree/fluent.css +1 -550
  90. package/styles/drop-down-tree/fluent2.css +1 -1733
  91. package/styles/drop-down-tree/highcontrast-light.css +1 -482
  92. package/styles/drop-down-tree/highcontrast.css +1 -492
  93. package/styles/drop-down-tree/material-dark.css +1 -791
  94. package/styles/drop-down-tree/material.css +1 -815
  95. package/styles/drop-down-tree/material3-dark.css +1 -581
  96. package/styles/drop-down-tree/material3.css +1 -693
  97. package/styles/drop-down-tree/tailwind-dark.css +1 -580
  98. package/styles/drop-down-tree/tailwind.css +1 -580
  99. package/styles/fabric-dark.css +1 -3414
  100. package/styles/fabric.css +1 -3414
  101. package/styles/fluent-dark.css +1 -3690
  102. package/styles/fluent.css +1 -3690
  103. package/styles/fluent2.css +1 -12403
  104. package/styles/highcontrast-light.css +1 -3526
  105. package/styles/highcontrast.css +1 -3554
  106. package/styles/list-box/bootstrap-dark.css +1 -915
  107. package/styles/list-box/bootstrap.css +1 -926
  108. package/styles/list-box/bootstrap4.css +1 -980
  109. package/styles/list-box/bootstrap5-dark.css +1 -952
  110. package/styles/list-box/bootstrap5.css +1 -952
  111. package/styles/list-box/fabric-dark.css +1 -915
  112. package/styles/list-box/fabric.css +1 -926
  113. package/styles/list-box/fluent-dark.css +1 -952
  114. package/styles/list-box/fluent.css +1 -952
  115. package/styles/list-box/fluent2.css +1 -2029
  116. package/styles/list-box/highcontrast-light.css +1 -929
  117. package/styles/list-box/highcontrast.css +1 -940
  118. package/styles/list-box/material-dark.css +1 -914
  119. package/styles/list-box/material.css +1 -925
  120. package/styles/list-box/material3-dark.css +1 -1025
  121. package/styles/list-box/material3.css +1 -1137
  122. package/styles/list-box/tailwind-dark.css +1 -961
  123. package/styles/list-box/tailwind.css +1 -961
  124. package/styles/material-dark.css +1 -4928
  125. package/styles/material.css +1 -5007
  126. package/styles/material3-dark.css +1 -5645
  127. package/styles/material3.css +1 -6541
  128. package/styles/mention/bootstrap-dark.css +1 -53
  129. package/styles/mention/bootstrap.css +1 -53
  130. package/styles/mention/bootstrap4.css +1 -63
  131. package/styles/mention/bootstrap5-dark.css +1 -82
  132. package/styles/mention/bootstrap5.css +1 -82
  133. package/styles/mention/fabric-dark.css +1 -53
  134. package/styles/mention/fabric.css +1 -53
  135. package/styles/mention/fluent-dark.css +1 -82
  136. package/styles/mention/fluent.css +1 -82
  137. package/styles/mention/fluent2.css +1 -1130
  138. package/styles/mention/highcontrast-light.css +1 -67
  139. package/styles/mention/highcontrast.css +1 -67
  140. package/styles/mention/material-dark.css +1 -52
  141. package/styles/mention/material.css +1 -52
  142. package/styles/mention/material3-dark.css +1 -165
  143. package/styles/mention/material3.css +1 -277
  144. package/styles/mention/tailwind-dark.css +1 -91
  145. package/styles/mention/tailwind.css +1 -91
  146. package/styles/multi-select/bootstrap-dark.css +1 -1318
  147. package/styles/multi-select/bootstrap.css +1 -1311
  148. package/styles/multi-select/bootstrap4.css +1 -1442
  149. package/styles/multi-select/bootstrap5-dark.css +1 -1389
  150. package/styles/multi-select/bootstrap5.css +1 -1389
  151. package/styles/multi-select/fabric-dark.css +1 -1315
  152. package/styles/multi-select/fabric.css +1 -1310
  153. package/styles/multi-select/fluent-dark.css +1 -1462
  154. package/styles/multi-select/fluent.css +1 -1462
  155. package/styles/multi-select/fluent2.css +1 -2664
  156. package/styles/multi-select/highcontrast-light.css +1 -1429
  157. package/styles/multi-select/highcontrast.css +1 -1436
  158. package/styles/multi-select/material-dark.css +1 -2470
  159. package/styles/multi-select/material.css +1 -2490
  160. package/styles/multi-select/material3-dark.css +1 -2683
  161. package/styles/multi-select/material3.css +1 -2795
  162. package/styles/multi-select/tailwind-dark.css +1 -1383
  163. package/styles/multi-select/tailwind.css +1 -1383
  164. package/styles/tailwind-dark.css +1 -3631
  165. package/styles/tailwind.css +1 -3631
@@ -1,952 +1 @@
1
- .e-dropdownbase .e-list-group-item,
2
- .e-fixed-head {
3
- font-size: 12px;
4
- }
5
-
6
- .e-small .e-dropdownbase .e-list-group-item,
7
- .e-small .e-fixed-head,
8
- .e-small.e-dropdownbase .e-list-group-item,
9
- .e-small.e-fixed-head {
10
- font-size: 10px;
11
- }
12
-
13
- .e-bigger .e-dropdownbase .e-list-group-item,
14
- .e-bigger .e-fixed-head,
15
- .e-bigger.e-dropdownbase .e-list-group-item,
16
- .e-bigger.e-fixed-head {
17
- font-size: 14px;
18
- }
19
-
20
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
21
- .e-bigger.e-small .e-fixed-head,
22
- .e-bigger.e-small.e-dropdownbase .e-list-group-item,
23
- .e-bigger.e-small.e-fixed-head {
24
- font-size: 12px;
25
- }
26
-
27
- .e-dropdownbase .e-list-item .e-list-icon {
28
- padding: 0 8px 0 0;
29
- }
30
-
31
- .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
32
- .e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
33
- padding: 0 12px 0 0;
34
- }
35
-
36
- .e-small .e-dropdownbase .e-list-item .e-list-icon {
37
- padding: 0 6px 0 0;
38
- }
39
-
40
- .e-listbox-tool .e-moveup::before {
41
- content: "\e776";
42
- }
43
-
44
- .e-listbox-tool .e-movedown::before {
45
- content: "\e729";
46
- }
47
-
48
- .e-listbox-tool .e-moveto::before {
49
- content: "\e748";
50
- }
51
-
52
- .e-listbox-tool .e-movefrom::before {
53
- content: "\e765";
54
- }
55
-
56
- .e-listbox-tool .e-moveallto::before {
57
- content: "\e7a9";
58
- }
59
-
60
- .e-listbox-tool .e-moveallfrom::before {
61
- content: "\e744";
62
- }
63
-
64
- /* stylelint-disable property-no-vendor-prefix */
65
- .e-listbox-wrapper,
66
- .e-listbox-container,
67
- .e-listboxtool-wrapper {
68
- -webkit-overflow-scrolling: touch;
69
- -webkit-box-sizing: border-box;
70
- box-sizing: border-box;
71
- cursor: pointer;
72
- display: block;
73
- position: relative;
74
- -webkit-user-select: none;
75
- -moz-user-select: none;
76
- -ms-user-select: none;
77
- user-select: none;
78
- width: 100%;
79
- }
80
- .e-listbox-wrapper *,
81
- .e-listbox-container *,
82
- .e-listboxtool-wrapper * {
83
- -webkit-box-sizing: border-box;
84
- box-sizing: border-box;
85
- }
86
- .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
87
- .e-listbox-container.e-listboxtool-container .e-list-wrap,
88
- .e-listboxtool-wrapper.e-listboxtool-container .e-list-wrap {
89
- width: 84% !important; /* stylelint-disable-line declaration-no-important */
90
- }
91
- .e-listbox-wrapper:focus,
92
- .e-listbox-container:focus,
93
- .e-listboxtool-wrapper:focus {
94
- outline: none;
95
- }
96
- .e-listbox-wrapper.e-disabled,
97
- .e-listbox-container.e-disabled,
98
- .e-listboxtool-wrapper.e-disabled {
99
- cursor: default;
100
- pointer-events: none;
101
- }
102
- .e-listbox-wrapper:not(.e-list-template) .e-list-nrt,
103
- .e-listbox-container:not(.e-list-template) .e-list-nrt,
104
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-nrt {
105
- text-align: center;
106
- }
107
- .e-listbox-wrapper:not(.e-list-template) .e-list-item,
108
- .e-listbox-wrapper .e-list-nrt,
109
- .e-listbox-wrapper .e-selectall-parent,
110
- .e-listbox-container:not(.e-list-template) .e-list-item,
111
- .e-listbox-container .e-list-nrt,
112
- .e-listbox-container .e-selectall-parent,
113
- .e-listboxtool-wrapper:not(.e-list-template) .e-list-item,
114
- .e-listboxtool-wrapper .e-list-nrt,
115
- .e-listboxtool-wrapper .e-selectall-parent {
116
- height: 36px;
117
- line-height: 1;
118
- padding: 10px 12px;
119
- position: relative;
120
- }
121
- .e-listbox-wrapper .e-list-parent,
122
- .e-listbox-container .e-list-parent,
123
- .e-listboxtool-wrapper .e-list-parent {
124
- height: 100%;
125
- min-height: 36px;
126
- }
127
- .e-listbox-wrapper .e-list-item,
128
- .e-listbox-container .e-list-item,
129
- .e-listboxtool-wrapper .e-list-item {
130
- border-bottom: 0 solid;
131
- outline: none;
132
- }
133
- .e-listbox-wrapper .e-list-item.e-disabled,
134
- .e-listbox-container .e-list-item.e-disabled,
135
- .e-listboxtool-wrapper .e-list-item.e-disabled {
136
- pointer-events: none;
137
- }
138
- .e-listbox-wrapper .e-disable,
139
- .e-listbox-container .e-disable,
140
- .e-listboxtool-wrapper .e-disable {
141
- opacity: 0.7;
142
- }
143
- .e-listbox-wrapper .e-list-parent,
144
- .e-listbox-container .e-list-parent,
145
- .e-listboxtool-wrapper .e-list-parent {
146
- margin: 0;
147
- padding: 0;
148
- }
149
- .e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
150
- .e-listbox-container .e-list-header .e-text.header,
151
- .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
152
- .e-listboxtool-wrapper .e-list-header .e-text.header,
153
- .e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
154
- display: none;
155
- }
156
- .e-listbox-wrapper .e-icon-back,
157
- .e-listbox-container .e-icon-back,
158
- .e-listboxtool-wrapper .e-icon-back {
159
- margin-top: 2px;
160
- }
161
- .e-listbox-wrapper .e-list-header,
162
- .e-listbox-container .e-list-header,
163
- .e-listboxtool-wrapper .e-list-header {
164
- -webkit-box-align: center;
165
- -ms-flex-align: center;
166
- align-items: center;
167
- border-bottom: 1px solid;
168
- display: -webkit-box;
169
- display: -ms-flexbox;
170
- display: flex;
171
- font-weight: 500;
172
- height: 18px;
173
- padding: 0 12px;
174
- }
175
- .e-listbox-wrapper .e-has-header > .e-view,
176
- .e-listbox-container .e-has-header > .e-view,
177
- .e-listboxtool-wrapper .e-has-header > .e-view {
178
- top: 45px;
179
- }
180
- .e-listbox-wrapper .e-but-back,
181
- .e-listbox-container .e-but-back,
182
- .e-listboxtool-wrapper .e-but-back {
183
- cursor: pointer;
184
- padding-right: 8px;
185
- }
186
- .e-listbox-wrapper .e-list-group-item:first-child,
187
- .e-listbox-container .e-list-group-item:first-child,
188
- .e-listboxtool-wrapper .e-list-group-item:first-child {
189
- border: 0;
190
- border-bottom: 0 solid transparent;
191
- }
192
- .e-listbox-wrapper .e-list-group-item,
193
- .e-listbox-container .e-list-group-item,
194
- .e-listboxtool-wrapper .e-list-group-item {
195
- border-bottom: 0 solid transparent;
196
- border-top: 1px solid;
197
- font-weight: 600;
198
- height: 30px;
199
- line-height: 10px;
200
- padding: 10px 12px;
201
- }
202
- .e-listbox-wrapper .e-icon-collapsible,
203
- .e-listbox-container .e-icon-collapsible,
204
- .e-listboxtool-wrapper .e-icon-collapsible {
205
- cursor: pointer;
206
- font-size: 12px;
207
- position: absolute;
208
- right: 0%;
209
- top: 50%;
210
- -webkit-transform: translateY(-50%);
211
- transform: translateY(-50%);
212
- }
213
- .e-listbox-wrapper .e-text-content,
214
- .e-listbox-container .e-text-content,
215
- .e-listboxtool-wrapper .e-text-content {
216
- height: 100%;
217
- position: relative;
218
- vertical-align: middle;
219
- }
220
- .e-listbox-wrapper .e-text-content *,
221
- .e-listbox-container .e-text-content *,
222
- .e-listboxtool-wrapper .e-text-content * {
223
- display: inline-block;
224
- vertical-align: middle;
225
- }
226
- .e-listbox-wrapper .e-text-content.e-checkbox .e-list-text,
227
- .e-listbox-container .e-text-content.e-checkbox .e-list-text,
228
- .e-listboxtool-wrapper .e-text-content.e-checkbox .e-list-text {
229
- width: calc(100% - 40px);
230
- }
231
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
232
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text,
233
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-left .e-list-icon + .e-list-text {
234
- width: calc(100% - 90px);
235
- }
236
- .e-listbox-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
237
- .e-listbox-container .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
238
- .e-listboxtool-wrapper .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
239
- width: calc(100% - 80px);
240
- }
241
- .e-listbox-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
242
- .e-listbox-container .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text,
243
- .e-listboxtool-wrapper .e-list-item.e-checklist.e-has-child .e-text-content.e-checkbox.e-checkbox-right .e-list-icon + .e-list-text {
244
- width: calc(100% - 92px);
245
- }
246
- .e-listbox-wrapper .e-checkbox .e-checkbox-left,
247
- .e-listbox-container .e-checkbox .e-checkbox-left,
248
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-left {
249
- margin: -2px 8px 0 0;
250
- }
251
- .e-listbox-wrapper .e-checkbox .e-checkbox-right,
252
- .e-listbox-container .e-checkbox .e-checkbox-right,
253
- .e-listboxtool-wrapper .e-checkbox .e-checkbox-right {
254
- margin: -2px 0 0 8px;
255
- }
256
- .e-listbox-wrapper .e-list-text,
257
- .e-listbox-container .e-list-text,
258
- .e-listboxtool-wrapper .e-list-text {
259
- cursor: pointer;
260
- display: inline-block;
261
- overflow: hidden;
262
- text-overflow: ellipsis;
263
- vertical-align: top;
264
- white-space: nowrap;
265
- width: 100%;
266
- }
267
- .e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
268
- .e-listbox-container .e-list-icon + .e-list-text,
269
- .e-listbox-container .e-icon-wrapper .e-list-text,
270
- .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
271
- .e-listboxtool-wrapper .e-list-icon + .e-list-text,
272
- .e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
273
- .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
274
- width: calc(100% - 60px);
275
- }
276
- .e-listbox-wrapper .e-list-icon,
277
- .e-listbox-container .e-list-icon,
278
- .e-listboxtool-wrapper .e-list-icon {
279
- height: 30px;
280
- margin-right: 16px;
281
- width: 30px;
282
- }
283
- .e-listbox-wrapper .e-content,
284
- .e-listbox-container .e-content,
285
- .e-listboxtool-wrapper .e-content {
286
- overflow: hidden;
287
- position: relative;
288
- }
289
- .e-listbox-wrapper .e-list-header .e-text,
290
- .e-listbox-container .e-list-header .e-text,
291
- .e-listboxtool-wrapper .e-list-header .e-text {
292
- cursor: pointer;
293
- text-indent: 0;
294
- }
295
- .e-listbox-wrapper .e-text .e-headertext,
296
- .e-listbox-container .e-text .e-headertext,
297
- .e-listboxtool-wrapper .e-text .e-headertext {
298
- display: inline-block;
299
- line-height: 18px;
300
- }
301
- .e-listbox-wrapper.e-rtl,
302
- .e-listbox-container.e-rtl,
303
- .e-listboxtool-wrapper.e-rtl {
304
- direction: rtl;
305
- }
306
- .e-listbox-wrapper.e-rtl .e-list-icon,
307
- .e-listbox-container.e-rtl .e-list-icon,
308
- .e-listboxtool-wrapper.e-rtl .e-list-icon {
309
- margin-left: 16px;
310
- margin-right: 0;
311
- }
312
- .e-listbox-wrapper.e-rtl .e-icon-collapsible,
313
- .e-listbox-container.e-rtl .e-icon-collapsible,
314
- .e-listboxtool-wrapper.e-rtl .e-icon-collapsible {
315
- left: 0%;
316
- right: initial;
317
- top: 50%;
318
- -webkit-transform: translateY(-50%) rotate(180deg);
319
- transform: translateY(-50%) rotate(180deg);
320
- }
321
- .e-listbox-wrapper.e-rtl .e-list-header .e-text,
322
- .e-listbox-container.e-rtl .e-list-header .e-text,
323
- .e-listboxtool-wrapper.e-rtl .e-list-header .e-text {
324
- cursor: pointer;
325
- }
326
- .e-listbox-wrapper.e-rtl .e-but-back,
327
- .e-listbox-container.e-rtl .e-but-back,
328
- .e-listboxtool-wrapper.e-rtl .e-but-back {
329
- -webkit-transform: rotate(180deg);
330
- transform: rotate(180deg);
331
- }
332
- .e-listbox-wrapper.e-rtl .e-icon-back,
333
- .e-listbox-container.e-rtl .e-icon-back,
334
- .e-listboxtool-wrapper.e-rtl .e-icon-back {
335
- margin-top: -2px;
336
- }
337
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
338
- .e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
339
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
340
- .e-listbox-container.e-rtl .e-checkbox-wrapper,
341
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
342
- .e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
343
- margin: -2px 0 0 8px;
344
- }
345
- .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
346
- .e-listbox-container.e-rtl .e-checkbox .e-checkbox-right,
347
- .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
348
- margin: -2px 8px 0 0;
349
- }
350
- .e-listbox-wrapper .e-checkbox-wrapper,
351
- .e-listbox-container .e-checkbox-wrapper,
352
- .e-listboxtool-wrapper .e-checkbox-wrapper {
353
- margin: -2px 8px 0 0;
354
- text-indent: 0;
355
- vertical-align: middle;
356
- }
357
- .e-listbox-wrapper.e-checkbox-right .e-checkbox-wrapper,
358
- .e-listbox-container.e-checkbox-right .e-checkbox-wrapper,
359
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper {
360
- position: absolute;
361
- right: 0;
362
- top: 30%;
363
- }
364
- .e-listbox-wrapper .e-input-group,
365
- .e-listbox-container .e-input-group,
366
- .e-listboxtool-wrapper .e-input-group {
367
- padding: 4px 8px;
368
- }
369
- .e-listbox-wrapper .e-input-focus,
370
- .e-listbox-container .e-input-focus,
371
- .e-listboxtool-wrapper .e-input-focus {
372
- padding: 4px 4px 4px 8px;
373
- }
374
- .e-listbox-wrapper .e-hidden-select,
375
- .e-listbox-container .e-hidden-select,
376
- .e-listboxtool-wrapper .e-hidden-select {
377
- height: 1px;
378
- opacity: 0;
379
- position: absolute;
380
- width: 100%;
381
- }
382
- .e-listbox-wrapper .e-placeholder,
383
- .e-listbox-container .e-placeholder,
384
- .e-listboxtool-wrapper .e-placeholder {
385
- background-color: #0d6efd;
386
- display: block;
387
- height: 1px;
388
- }
389
-
390
- ejs-listbox {
391
- display: block;
392
- }
393
-
394
- .e-listbox-wrapper:not(.e-listbox-container),
395
- .e-listbox-wrapper.e-filter-list .e-list-parent {
396
- overflow: auto;
397
- }
398
-
399
- .e-listbox-wrapper.e-sortableclone,
400
- .e-listbox-container.e-sortableclone,
401
- .e-listboxtool-wrapper.e-sortableclone {
402
- border-width: 0;
403
- overflow: visible;
404
- }
405
- .e-listbox-wrapper.e-sortableclone .e-list-item,
406
- .e-listbox-container.e-sortableclone .e-list-item,
407
- .e-listboxtool-wrapper.e-sortableclone .e-list-item {
408
- list-style-type: none;
409
- height: 38px !important; /* stylelint-disable-line declaration-no-important */
410
- }
411
- .e-listbox-wrapper.e-sortableclone .e-ripple,
412
- .e-listbox-container.e-sortableclone .e-ripple,
413
- .e-listboxtool-wrapper.e-sortableclone .e-ripple {
414
- overflow: visible;
415
- }
416
- .e-listbox-wrapper.e-sortableclone .e-ripple .e-ripple-element,
417
- .e-listbox-container.e-sortableclone .e-ripple .e-ripple-element,
418
- .e-listboxtool-wrapper.e-sortableclone .e-ripple .e-ripple-element {
419
- display: none;
420
- }
421
- .e-listbox-wrapper.e-sortableclone .e-list-badge,
422
- .e-listbox-container.e-sortableclone .e-list-badge,
423
- .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
424
- -webkit-box-align: center;
425
- -ms-flex-align: center;
426
- align-items: center;
427
- background-color: #0d6efd;
428
- border: 1px solid #fff;
429
- border-radius: 50%;
430
- color: #fff;
431
- display: -webkit-box;
432
- display: -ms-flexbox;
433
- display: flex;
434
- font-size: 12px;
435
- height: 22px;
436
- -webkit-box-pack: center;
437
- -ms-flex-pack: center;
438
- justify-content: center;
439
- position: absolute;
440
- right: -10px;
441
- top: -10px;
442
- width: 22px;
443
- }
444
-
445
- .e-listboxtool-wrapper.e-sortableclone {
446
- display: block;
447
- }
448
-
449
- .e-listboxtool-wrapper,
450
- .e-listboxtool-container {
451
- cursor: pointer;
452
- display: -webkit-box;
453
- display: -ms-flexbox;
454
- display: flex;
455
- }
456
- .e-listboxtool-wrapper *,
457
- .e-listboxtool-container * {
458
- -webkit-box-sizing: border-box;
459
- box-sizing: border-box;
460
- }
461
- .e-listboxtool-wrapper.e-disabled,
462
- .e-listboxtool-container.e-disabled {
463
- cursor: default;
464
- pointer-events: none;
465
- }
466
- .e-listboxtool-wrapper .e-listbox-wrapper,
467
- .e-listboxtool-wrapper .e-list-wrap,
468
- .e-listboxtool-container .e-listbox-wrapper,
469
- .e-listboxtool-container .e-list-wrap {
470
- -webkit-box-flex: 1;
471
- -ms-flex: 1;
472
- flex: 1;
473
- }
474
- .e-listboxtool-wrapper.e-right .e-listbox-tool,
475
- .e-listboxtool-container.e-right .e-listbox-tool {
476
- margin-left: 15px;
477
- }
478
- .e-listboxtool-wrapper.e-left .e-listbox-tool,
479
- .e-listboxtool-container.e-left .e-listbox-tool {
480
- margin-right: 15px;
481
- }
482
- .e-listboxtool-wrapper .e-listbox-tool,
483
- .e-listboxtool-container .e-listbox-tool {
484
- border: 1px solid #dee2e6;
485
- overflow: auto;
486
- padding: 8px;
487
- }
488
- .e-listboxtool-wrapper .e-listbox-tool .e-btn,
489
- .e-listboxtool-container .e-listbox-tool .e-btn {
490
- display: list-item;
491
- list-style-type: none;
492
- margin-bottom: 10px;
493
- }
494
- .e-listboxtool-wrapper.e-checkbox-right .e-checkbox-wrapper,
495
- .e-listboxtool-container.e-checkbox-right .e-checkbox-wrapper {
496
- position: absolute;
497
- right: 0;
498
- top: 30%;
499
- }
500
-
501
- .e-rtl.e-listboxtool-wrapper.e-right .e-listbox-tool,
502
- .e-rtl.e-listboxtool-container.e-right .e-listbox-tool {
503
- margin-right: 15px;
504
- }
505
- .e-rtl.e-listboxtool-wrapper.e-left .e-listbox-tool,
506
- .e-rtl.e-listboxtool-container.e-left .e-listbox-tool {
507
- margin-left: 15px;
508
- }
509
-
510
- .e-bigger .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
511
- .e-listbox-wrapper.e-bigger.e-listboxtool-container .e-list-wrap,
512
- .e-bigger .e-listbox-container.e-listboxtool-container .e-list-wrap,
513
- .e-listbox-container.e-bigger.e-listboxtool-container .e-list-wrap {
514
- width: 80% !important; /* stylelint-disable-line declaration-no-important */
515
- }
516
- .e-bigger .e-listbox-wrapper .e-list-item,
517
- .e-listbox-wrapper.e-bigger .e-list-item,
518
- .e-bigger .e-listbox-container .e-list-item,
519
- .e-listbox-container.e-bigger .e-list-item {
520
- border-bottom: 0 solid transparent;
521
- border-left: 0 solid transparent;
522
- border-right: 0 solid transparent;
523
- border-top: 0 solid transparent;
524
- }
525
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
526
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
527
- .e-bigger .e-listbox-wrapper .e-list-group-item,
528
- .e-bigger .e-listbox-wrapper .e-list-header,
529
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
530
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
531
- .e-listbox-wrapper.e-bigger .e-list-group-item,
532
- .e-listbox-wrapper.e-bigger .e-list-header,
533
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
534
- .e-bigger .e-listbox-container .e-selectall-parent,
535
- .e-bigger .e-listbox-container .e-list-group-item,
536
- .e-bigger .e-listbox-container .e-list-header,
537
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
538
- .e-listbox-container.e-bigger .e-selectall-parent,
539
- .e-listbox-container.e-bigger .e-list-group-item,
540
- .e-listbox-container.e-bigger .e-list-header {
541
- padding: 8px 16px;
542
- }
543
- .e-bigger .e-listbox-wrapper:not(.e-list-template) .e-list-item,
544
- .e-bigger .e-listbox-wrapper .e-selectall-parent,
545
- .e-listbox-wrapper.e-bigger:not(.e-list-template) .e-list-item,
546
- .e-listbox-wrapper.e-bigger .e-selectall-parent,
547
- .e-bigger .e-listbox-container:not(.e-list-template) .e-list-item,
548
- .e-bigger .e-listbox-container .e-selectall-parent,
549
- .e-listbox-container.e-bigger:not(.e-list-template) .e-list-item,
550
- .e-listbox-container.e-bigger .e-selectall-parent {
551
- height: 48px;
552
- line-height: 1.6;
553
- position: relative;
554
- }
555
- .e-bigger .e-listbox-wrapper .e-list-parent,
556
- .e-listbox-wrapper.e-bigger .e-list-parent,
557
- .e-bigger .e-listbox-container .e-list-parent,
558
- .e-listbox-container.e-bigger .e-list-parent {
559
- min-height: 48px;
560
- }
561
- .e-bigger .e-listbox-wrapper .e-text-content,
562
- .e-listbox-wrapper.e-bigger .e-text-content,
563
- .e-bigger .e-listbox-container .e-text-content,
564
- .e-listbox-container.e-bigger .e-text-content {
565
- font-size: 16px;
566
- }
567
- .e-bigger .e-listbox-wrapper .e-list-group-item,
568
- .e-listbox-wrapper.e-bigger .e-list-group-item,
569
- .e-bigger .e-listbox-container .e-list-group-item,
570
- .e-listbox-container.e-bigger .e-list-group-item {
571
- height: 40px;
572
- line-height: 25px;
573
- }
574
- .e-bigger .e-listbox-wrapper .e-list-header,
575
- .e-listbox-wrapper.e-bigger .e-list-header,
576
- .e-bigger .e-listbox-container .e-list-header,
577
- .e-listbox-container.e-bigger .e-list-header {
578
- -webkit-box-align: center;
579
- -ms-flex-align: center;
580
- align-items: center;
581
- display: -webkit-box;
582
- display: -ms-flexbox;
583
- display: flex;
584
- font-weight: 500;
585
- height: 22px;
586
- }
587
- .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
588
- .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
589
- .e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
590
- .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
591
- .e-bigger .e-listbox-container .e-list-header .e-text.header,
592
- .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
593
- .e-listbox-container.e-bigger .e-list-header .e-text.header,
594
- .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
595
- display: none;
596
- }
597
- .e-bigger .e-listbox-wrapper .e-list-header .e-text,
598
- .e-listbox-wrapper.e-bigger .e-list-header .e-text,
599
- .e-bigger .e-listbox-container .e-list-header .e-text,
600
- .e-listbox-container.e-bigger .e-list-header .e-text {
601
- font-size: 14px;
602
- }
603
- .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
604
- .e-small .e-listbox-container.e-filter-list .e-list-parent {
605
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
606
- }
607
-
608
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
609
- height: calc(100% - 56px) !important; /* stylelint-disable-line declaration-no-important */
610
- }
611
-
612
- .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
613
- height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
614
- }
615
-
616
- .e-bigger .e-listbox-container.e-filter-list .e-list-parent,
617
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
618
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
619
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
620
- height: 100%;
621
- }
622
-
623
- .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
624
- .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
625
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
626
- height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
627
- }
628
-
629
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
630
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
631
- }
632
-
633
- .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
634
- .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
635
- height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
636
- }
637
-
638
- .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
639
- .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
640
- height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
641
- }
642
-
643
- .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
644
- height: calc(100% - 86px) !important; /* stylelint-disable-line declaration-no-important */
645
- }
646
-
647
- .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
648
- height: calc(100% - 104px) !important; /* stylelint-disable-line declaration-no-important */
649
- }
650
-
651
- .e-listbox-wrapper,
652
- .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
653
- .e-listboxtool-container.e-listbox-container .e-ul {
654
- border: 1px solid #dee2e6;
655
- }
656
-
657
- .e-listbox-wrapper,
658
- .e-listbox-container,
659
- .e-listboxtool-wrapper {
660
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
661
- font-size: 14px;
662
- }
663
- .e-listbox-wrapper .e-list-header,
664
- .e-listbox-container .e-list-header,
665
- .e-listboxtool-wrapper .e-list-header {
666
- background-color: #e9ecef;
667
- border-color: rgba(0, 0, 0, 0.12);
668
- color: #495057;
669
- font-size: 12px;
670
- }
671
-
672
- .e-listbox-wrapper.e-filter-list .e-list-parent,
673
- .e-listbox-container.e-filter-list .e-list-parent,
674
- .e-listboxtool-wrapper.e-filter-list .e-list-parent {
675
- height: calc(100% - 50px);
676
- }
677
-
678
- .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
679
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
680
- .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
681
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
682
- }
683
-
684
- .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
685
- .e-listbox-container .e-selectall-parent + .e-list-parent,
686
- .e-listboxtool-wrapper .e-selectall-parent + .e-list-parent {
687
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
688
- }
689
-
690
- .e-listbox-wrapper .e-list-item,
691
- .e-listbox-container .e-list-item,
692
- .e-listboxtool-wrapper .e-list-item {
693
- background-color: transparent;
694
- border-bottom: 0 solid transparent;
695
- border-left: 0 solid transparent;
696
- border-right: 0 solid transparent;
697
- border-top: 0 solid transparent;
698
- color: #212529;
699
- }
700
-
701
- .e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
702
- .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled),
703
- .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled),
704
- .e-listboxtool-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
705
- .e-listboxtool-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
706
- background-color: #e9ecef;
707
- border-color: transparent;
708
- color: #212529;
709
- }
710
-
711
- .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
712
- .e-listbox-container .e-list-item.e-selected.e-checklist,
713
- .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
714
- background-color: transparent;
715
- color: #212529;
716
- }
717
-
718
- .e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
719
- .e-listbox-container .e-list-item.e-focused,
720
- .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
721
- .e-listbox-container .e-list-item.e-selected,
722
- .e-listboxtool-wrapper .e-list-item.e-focused,
723
- .e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
724
- .e-listboxtool-wrapper .e-list-item.e-selected {
725
- background-color: #e9ecef;
726
- color: rgba(33, 37, 41, 0.87);
727
- }
728
-
729
- .e-listbox-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listbox-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
730
- .e-listbox-container .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
731
- .e-listbox-container .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check,
732
- .e-listboxtool-wrapper .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
733
- .e-listboxtool-wrapper .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
734
- background-color: #0d6efd;
735
- border-color: transparent;
736
- color: #fff;
737
- }
738
-
739
- .e-listbox-wrapper .e-list-group-item,
740
- .e-listbox-container .e-list-group-item,
741
- .e-listboxtool-wrapper .e-list-group-item {
742
- background-color: #e9ecef;
743
- border-color: rgba(0, 0, 0, 0.12);
744
- color: #000;
745
- font-size: 12px;
746
- }
747
-
748
- .e-listbox-wrapper .e-selectall-parent,
749
- .e-listbox-container .e-selectall-parent,
750
- .e-listboxtool-wrapper .e-selectall-parent {
751
- background-color: transparent;
752
- border-bottom: 1px solid #dee2e6;
753
- color: #212529;
754
- }
755
-
756
- .e-listbox-wrapper .e-sortableclone.e-ripple .e-ripple-element,
757
- .e-listbox-container .e-sortableclone.e-ripple .e-ripple-element,
758
- .e-listboxtool-wrapper .e-sortableclone.e-ripple .e-ripple-element {
759
- background-color: transparent;
760
- }
761
-
762
- .e-listbox-wrapper.e-list-template .e-list-wrapper,
763
- .e-listbox-container.e-list-template .e-list-wrapper,
764
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper {
765
- height: inherit;
766
- position: relative;
767
- }
768
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line),
769
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line),
770
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
771
- padding: 8px 16px;
772
- }
773
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line,
774
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line,
775
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line {
776
- padding: 4px;
777
- }
778
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
779
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header,
780
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
781
- color: #212529;
782
- display: block;
783
- font-size: 14px;
784
- font-weight: 500;
785
- margin: 0;
786
- overflow: hidden;
787
- padding: 0;
788
- text-overflow: ellipsis;
789
- white-space: nowrap;
790
- }
791
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
792
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content,
793
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
794
- color: #495057;
795
- display: block;
796
- font-size: 14px;
797
- margin: 0;
798
- padding: 2px 0 0 0;
799
- word-wrap: break-word;
800
- }
801
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
802
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow),
803
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
804
- overflow: hidden;
805
- text-overflow: ellipsis;
806
- white-space: nowrap;
807
- }
808
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
809
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
810
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
811
- height: 40px;
812
- left: 0;
813
- position: absolute;
814
- width: 40px;
815
- left: 0;
816
- }
817
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
818
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
819
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
820
- padding-left: 68px;
821
- padding-right: 16px;
822
- }
823
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
824
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
825
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
826
- padding-left: 16px;
827
- padding-right: 68px;
828
- }
829
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
830
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
831
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
832
- height: 40px;
833
- left: 0;
834
- position: absolute;
835
- width: 40px;
836
- right: 0;
837
- }
838
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
839
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
840
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
841
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
842
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
843
- top: 0;
844
- }
845
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge,
846
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge .e-badge,
847
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge .e-badge {
848
- font-size: 10px;
849
- height: 18px;
850
- line-height: 16px;
851
- padding: 0;
852
- position: absolute;
853
- right: 12px;
854
- top: 50%;
855
- -webkit-transform: translateY(-50%);
856
- transform: translateY(-50%);
857
- width: 32px;
858
- }
859
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
860
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
861
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
862
- padding-left: 68px;
863
- padding-right: 10px;
864
- }
865
- .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
866
- .e-listbox-container.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
867
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
868
- padding-left: 16px;
869
- padding-right: 10px;
870
- }
871
- .e-listbox-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
872
- .e-listbox-container.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content,
873
- .e-listboxtool-wrapper.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
874
- display: block;
875
- margin: 0;
876
- overflow: hidden;
877
- padding: 8px 0;
878
- text-overflow: ellipsis;
879
- white-space: nowrap;
880
- }
881
- .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
882
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
883
- .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
884
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
885
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
886
- color: #212529;
887
- }
888
- .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
889
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
890
- .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
891
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
892
- .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
893
- color: rgba(33, 37, 41, 0.87);
894
- }
895
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
896
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar,
897
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
898
- left: inherit;
899
- right: 0;
900
- }
901
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
902
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
903
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
904
- padding-left: 16px;
905
- padding-right: 68px;
906
- }
907
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
908
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge),
909
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
910
- padding-left: 68px;
911
- padding-right: 16px;
912
- }
913
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
914
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
915
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
916
- left: 0;
917
- right: inherit;
918
- }
919
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
920
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge,
921
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
922
- left: 12px;
923
- right: inherit;
924
- }
925
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
926
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
927
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
928
- padding-left: 10px;
929
- padding-right: 68px;
930
- }
931
- .e-listbox-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
932
- .e-listbox-container.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar),
933
- .e-listboxtool-wrapper.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
934
- padding-left: 10px;
935
- padding-right: 16px;
936
- }
937
-
938
- .e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
939
- height: 100%;
940
- }
941
-
942
- .e-listbox-container.e-filter-list .e-list-wrap {
943
- height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
944
- }
945
-
946
- .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
947
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
948
- }
949
-
950
- .e-listbox-container .e-selectall-parent + .e-list-wrap {
951
- height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
952
- }
1
+ @import '@syncfusion/ej2-dropdowns/styles/list-box/bootstrap5.css';