@syncfusion/ej2-dropdowns 20.1.55 → 20.1.58

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 (138) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +30 -13
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +30 -13
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +9 -9
  12. package/src/auto-complete/auto-complete.d.ts +1 -1
  13. package/src/auto-complete/auto-complete.js +2 -2
  14. package/src/combo-box/combo-box.js +1 -1
  15. package/src/drop-down-base/drop-down-base.js +1 -1
  16. package/src/drop-down-list/drop-down-list.js +10 -2
  17. package/src/drop-down-tree/drop-down-tree.js +9 -7
  18. package/src/list-box/list-box.js +7 -0
  19. package/styles/auto-complete/bootstrap-dark.css +5 -14
  20. package/styles/auto-complete/bootstrap.css +5 -14
  21. package/styles/auto-complete/bootstrap4.css +5 -13
  22. package/styles/auto-complete/bootstrap5-dark.css +5 -13
  23. package/styles/auto-complete/bootstrap5.css +5 -13
  24. package/styles/auto-complete/fabric-dark.css +5 -12
  25. package/styles/auto-complete/fabric.css +5 -12
  26. package/styles/auto-complete/fluent-dark.css +4 -11
  27. package/styles/auto-complete/fluent.css +4 -11
  28. package/styles/auto-complete/highcontrast-light.css +3 -23
  29. package/styles/auto-complete/highcontrast.css +3 -23
  30. package/styles/auto-complete/material-dark.css +1 -1
  31. package/styles/auto-complete/material.css +1 -1
  32. package/styles/auto-complete/tailwind-dark.css +1 -1
  33. package/styles/auto-complete/tailwind.css +1 -1
  34. package/styles/bootstrap-dark.css +62 -337
  35. package/styles/bootstrap.css +62 -337
  36. package/styles/bootstrap4.css +62 -343
  37. package/styles/bootstrap5-dark.css +63 -343
  38. package/styles/bootstrap5.css +63 -343
  39. package/styles/combo-box/bootstrap-dark.css +5 -14
  40. package/styles/combo-box/bootstrap.css +5 -14
  41. package/styles/combo-box/bootstrap4.css +5 -13
  42. package/styles/combo-box/bootstrap5-dark.css +5 -13
  43. package/styles/combo-box/bootstrap5.css +5 -13
  44. package/styles/combo-box/fabric-dark.css +5 -12
  45. package/styles/combo-box/fabric.css +5 -12
  46. package/styles/combo-box/fluent-dark.css +4 -11
  47. package/styles/combo-box/fluent.css +4 -11
  48. package/styles/combo-box/highcontrast-light.css +3 -23
  49. package/styles/combo-box/highcontrast.css +3 -23
  50. package/styles/combo-box/material-dark.css +1 -1
  51. package/styles/combo-box/material.css +1 -1
  52. package/styles/combo-box/tailwind-dark.css +1 -1
  53. package/styles/combo-box/tailwind.css +1 -1
  54. package/styles/drop-down-base/bootstrap-dark.css +8 -22
  55. package/styles/drop-down-base/bootstrap.css +8 -22
  56. package/styles/drop-down-base/bootstrap4.css +8 -22
  57. package/styles/drop-down-base/bootstrap5-dark.css +8 -22
  58. package/styles/drop-down-base/bootstrap5.css +8 -22
  59. package/styles/drop-down-base/fabric-dark.css +8 -22
  60. package/styles/drop-down-base/fabric.css +8 -22
  61. package/styles/drop-down-base/fluent-dark.css +8 -22
  62. package/styles/drop-down-base/fluent.css +8 -22
  63. package/styles/drop-down-base/highcontrast-light.css +8 -27
  64. package/styles/drop-down-base/highcontrast.css +8 -27
  65. package/styles/drop-down-base/material-dark.css +8 -22
  66. package/styles/drop-down-base/material.css +8 -22
  67. package/styles/drop-down-base/tailwind-dark.css +12 -34
  68. package/styles/drop-down-base/tailwind.css +12 -34
  69. package/styles/drop-down-list/bootstrap-dark.css +15 -44
  70. package/styles/drop-down-list/bootstrap.css +15 -44
  71. package/styles/drop-down-list/bootstrap4.css +14 -38
  72. package/styles/drop-down-list/bootstrap5-dark.css +14 -38
  73. package/styles/drop-down-list/bootstrap5.css +14 -38
  74. package/styles/drop-down-list/fabric-dark.css +15 -42
  75. package/styles/drop-down-list/fabric.css +15 -42
  76. package/styles/drop-down-list/fluent-dark.css +13 -36
  77. package/styles/drop-down-list/fluent.css +13 -36
  78. package/styles/drop-down-list/highcontrast-light.css +13 -58
  79. package/styles/drop-down-list/highcontrast.css +13 -58
  80. package/styles/drop-down-list/material-dark.css +11 -32
  81. package/styles/drop-down-list/material.css +11 -33
  82. package/styles/drop-down-list/tailwind-dark.css +10 -24
  83. package/styles/drop-down-list/tailwind.css +10 -24
  84. package/styles/drop-down-tree/bootstrap-dark.css +4 -92
  85. package/styles/drop-down-tree/bootstrap.css +4 -92
  86. package/styles/drop-down-tree/bootstrap4.css +5 -99
  87. package/styles/drop-down-tree/bootstrap5-dark.css +5 -103
  88. package/styles/drop-down-tree/bootstrap5.css +5 -103
  89. package/styles/drop-down-tree/fabric-dark.css +4 -92
  90. package/styles/drop-down-tree/fabric.css +4 -92
  91. package/styles/drop-down-tree/fluent-dark.css +5 -105
  92. package/styles/drop-down-tree/fluent.css +5 -105
  93. package/styles/drop-down-tree/highcontrast-light.css +4 -97
  94. package/styles/drop-down-tree/highcontrast.css +4 -98
  95. package/styles/drop-down-tree/material-dark.css +11 -182
  96. package/styles/drop-down-tree/material.css +11 -184
  97. package/styles/drop-down-tree/tailwind-dark.css +4 -107
  98. package/styles/drop-down-tree/tailwind.css +4 -107
  99. package/styles/fabric-dark.css +62 -335
  100. package/styles/fabric.css +62 -335
  101. package/styles/fluent-dark.css +62 -342
  102. package/styles/fluent.css +62 -342
  103. package/styles/highcontrast-light.css +63 -375
  104. package/styles/highcontrast.css +63 -376
  105. package/styles/list-box/bootstrap-dark.css +11 -115
  106. package/styles/list-box/bootstrap.css +11 -115
  107. package/styles/list-box/bootstrap4.css +11 -120
  108. package/styles/list-box/bootstrap5-dark.css +11 -115
  109. package/styles/list-box/bootstrap5.css +11 -115
  110. package/styles/list-box/fabric-dark.css +11 -115
  111. package/styles/list-box/fabric.css +11 -115
  112. package/styles/list-box/fluent-dark.css +11 -115
  113. package/styles/list-box/fluent.css +11 -115
  114. package/styles/list-box/highcontrast-light.css +11 -120
  115. package/styles/list-box/highcontrast.css +11 -120
  116. package/styles/list-box/material-dark.css +11 -115
  117. package/styles/list-box/material.css +11 -115
  118. package/styles/list-box/tailwind-dark.css +12 -118
  119. package/styles/list-box/tailwind.css +12 -118
  120. package/styles/material-dark.css +103 -462
  121. package/styles/material.css +103 -466
  122. package/styles/multi-select/bootstrap-dark.css +28 -68
  123. package/styles/multi-select/bootstrap.css +28 -68
  124. package/styles/multi-select/bootstrap4.css +28 -68
  125. package/styles/multi-select/bootstrap5-dark.css +29 -69
  126. package/styles/multi-select/bootstrap5.css +29 -69
  127. package/styles/multi-select/fabric-dark.css +28 -68
  128. package/styles/multi-select/fabric.css +28 -68
  129. package/styles/multi-select/fluent-dark.css +29 -68
  130. package/styles/multi-select/fluent.css +29 -68
  131. package/styles/multi-select/highcontrast-light.css +31 -97
  132. package/styles/multi-select/highcontrast.css +31 -97
  133. package/styles/multi-select/material-dark.css +66 -115
  134. package/styles/multi-select/material.css +66 -116
  135. package/styles/multi-select/tailwind-dark.css +29 -69
  136. package/styles/multi-select/tailwind.css +29 -69
  137. package/styles/tailwind-dark.css +63 -348
  138. package/styles/tailwind.css +63 -348
@@ -51,15 +51,13 @@
51
51
  .e-dropdownbase.e-bigger {
52
52
  min-height: 45px;
53
53
  }
54
-
55
54
  .e-bigger .e-dropdownbase .e-list-item,
56
55
  .e-dropdownbase.e-bigger .e-list-item {
57
56
  line-height: 36px;
58
57
  text-indent: 16px;
59
58
  }
60
59
 
61
- .e-bigger .e-dropdownbase .e-list-group-item,
62
- .e-bigger .e-dropdownbase .e-fixed-head,
60
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head,
63
61
  .e-dropdownbase.e-bigger .e-list-group-item,
64
62
  .e-dropdownbase.e-bigger .e-fixed-head {
65
63
  line-height: 36px;
@@ -77,14 +75,12 @@
77
75
  position: relative;
78
76
  width: 100%;
79
77
  }
80
-
81
78
  .e-dropdownbase .e-list-parent {
82
79
  margin: 0;
83
80
  padding: 0;
84
81
  }
85
82
 
86
- .e-dropdownbase .e-list-group-item,
87
- .e-dropdownbase .e-fixed-head {
83
+ .e-dropdownbase .e-list-group-item, .e-dropdownbase .e-fixed-head {
88
84
  cursor: default;
89
85
  }
90
86
 
@@ -107,7 +103,6 @@
107
103
  position: absolute;
108
104
  top: 0;
109
105
  }
110
-
111
106
  .e-rtl .e-dropdownbase .e-fixed-head {
112
107
  left: 33px;
113
108
  }
@@ -189,13 +184,10 @@
189
184
  padding-left: 16px;
190
185
  padding-right: 0;
191
186
  }
192
-
193
187
  .e-rtl .e-dropdownbase.e-dd-group .e-list-item {
194
188
  padding-right: 12px;
195
189
  }
196
-
197
- .e-rtl .e-dropdownbase .e-list-group-item,
198
- .e-rtl .e-dropdownbase .e-fixed-head {
190
+ .e-rtl .e-dropdownbase .e-list-group-item, .e-rtl .e-dropdownbase .e-fixed-head {
199
191
  padding-right: 12px;
200
192
  }
201
193
 
@@ -205,15 +197,12 @@
205
197
  padding-left: 16px;
206
198
  padding-right: 0;
207
199
  }
208
-
209
200
  .e-small.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
210
201
  .e-small .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
211
202
  .e-rtl .e-small .e-dropdownbase.e-dd-group .e-list-item {
212
203
  padding-right: 8px;
213
204
  }
214
-
215
- .e-small.e-rtl .e-dropdownbase .e-list-group-item,
216
- .e-small.e-rtl .e-dropdownbase .e-fixed-head,
205
+ .e-small.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-rtl .e-dropdownbase .e-fixed-head,
217
206
  .e-small .e-rtl .e-dropdownbase .e-list-group-item,
218
207
  .e-small .e-rtl .e-dropdownbase .e-fixed-head,
219
208
  .e-rtl .e-small .e-dropdownbase .e-list-group-item,
@@ -221,15 +210,13 @@
221
210
  padding-right: 8px;
222
211
  }
223
212
 
224
- .e-bigger.e-rtl .e-dropdownbase .e-list-group-item,
225
- .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
213
+ .e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
226
214
  .e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
227
215
  .e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
228
216
  .e-rtl .e-bigger .e-dropdownbase .e-list-group-item,
229
217
  .e-rtl .e-bigger .e-dropdownbase .e-fixed-head {
230
218
  padding-right: 16px;
231
219
  }
232
-
233
220
  .e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
234
221
  .e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
235
222
  .e-rtl .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
@@ -244,7 +231,6 @@
244
231
  padding-left: 16px;
245
232
  padding-right: 0;
246
233
  }
247
-
248
234
  .e-small.e-bigger.e-rtl .e-dropdownbase.e-dd-group .e-list-item,
249
235
  .e-small.e-bigger .e-rtl .e-dropdownbase.e-dd-group .e-list-item,
250
236
  .e-rtl .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item,
@@ -252,9 +238,7 @@
252
238
  .e-bigger .e-rtl.e-small .e-dropdownbase.e-dd-group .e-list-item {
253
239
  padding-right: 14px;
254
240
  }
255
-
256
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item,
257
- .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
241
+ .e-small.e-bigger.e-rtl .e-dropdownbase .e-list-group-item, .e-small.e-bigger.e-rtl .e-dropdownbase .e-fixed-head,
258
242
  .e-small.e-bigger .e-rtl .e-dropdownbase .e-list-group-item,
259
243
  .e-small.e-bigger .e-rtl .e-dropdownbase .e-fixed-head,
260
244
  .e-rtl .e-small.e-bigger .e-dropdownbase .e-list-group-item,
@@ -269,7 +253,6 @@
269
253
  .e-dropdownbase {
270
254
  border-color: #e5e7eb;
271
255
  }
272
-
273
256
  .e-dropdownbase .e-list-item {
274
257
  -webkit-tap-highlight-color: transparent;
275
258
  background-color: #fff;
@@ -298,8 +281,7 @@
298
281
  padding-right: 16px;
299
282
  }
300
283
 
301
- .e-dropdownbase .e-list-item.e-active,
302
- .e-dropdownbase .e-list-item.e-active.e-hover {
284
+ .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
303
285
  background-color: #e5e7eb;
304
286
  border-color: #fff;
305
287
  color: #111827;
@@ -319,8 +301,7 @@
319
301
  background-color: #f3f4f6;
320
302
  }
321
303
 
322
- .e-bigger .e-dropdownbase .e-list-group-item,
323
- .e-bigger .e-dropdownbase .e-fixed-head {
304
+ .e-bigger .e-dropdownbase .e-list-group-item, .e-bigger .e-dropdownbase .e-fixed-head {
324
305
  font-size: 14px;
325
306
  padding-left: 16px;
326
307
  }
@@ -390,8 +371,7 @@
390
371
  text-indent: 8px;
391
372
  }
392
373
 
393
- .e-small .e-dropdownbase .e-list-group-item,
394
- .e-small .e-dropdownbase .e-fixed-head,
374
+ .e-small .e-dropdownbase .e-list-group-item, .e-small .e-dropdownbase .e-fixed-head,
395
375
  .e-dropdownbase.e-small .e-list-group-item,
396
376
  .e-dropdownbase.e-small .e-fixed-head {
397
377
  font-size: 10px;
@@ -413,8 +393,7 @@
413
393
  text-indent: 14px;
414
394
  }
415
395
 
416
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
417
- .e-bigger.e-small .e-dropdownbase .e-fixed-head,
396
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
418
397
  .e-dropdownbase.e-small.e-bigger .e-list-group-item,
419
398
  .e-dropdownbase.e-small.e-bigger .e-fixed-head {
420
399
  line-height: 32px;
@@ -427,8 +406,7 @@
427
406
  font-size: 18px;
428
407
  }
429
408
 
430
- .e-bigger.e-small .e-dropdownbase .e-list-group-item,
431
- .e-bigger.e-small .e-dropdownbase .e-fixed-head,
409
+ .e-bigger.e-small .e-dropdownbase .e-list-group-item, .e-bigger.e-small .e-dropdownbase .e-fixed-head,
432
410
  .e-dropdownbase.e-bigger.e-small .e-list-group-item,
433
411
  .e-dropdownbase.e-bigger.e-small .e-fixed-head {
434
412
  font-size: 12px;
@@ -463,4 +441,4 @@
463
441
 
464
442
  .e-dropdownbase .e-list-item .e-list-icon {
465
443
  color: #6b7280;
466
- }
444
+ }
@@ -6,7 +6,6 @@
6
6
  transform: rotate(360deg);
7
7
  }
8
8
  }
9
-
10
9
  @keyframes fabric-spinner-rotate {
11
10
  0% {
12
11
  transform: rotate(0);
@@ -15,7 +14,6 @@
15
14
  transform: rotate(360deg);
16
15
  }
17
16
  }
18
-
19
17
  .e-dropdownbase .e-list-item .e-list-icon {
20
18
  padding: 0 10px 0 0;
21
19
  }
@@ -34,11 +32,9 @@
34
32
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
35
33
  margin-top: 3px;
36
34
  }
37
-
38
35
  .e-popup.e-ddl .e-input-group {
39
36
  width: auto;
40
37
  }
41
-
42
38
  .e-popup.e-ddl .e-input-group input {
43
39
  line-height: 15px;
44
40
  }
@@ -52,7 +48,6 @@
52
48
  display: flex;
53
49
  width: auto;
54
50
  }
55
-
56
51
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
57
52
  border: 0;
58
53
  }
@@ -61,9 +56,7 @@
61
56
  margin-top: 0;
62
57
  }
63
58
 
64
- .e-bigger .e-popup.e-ddl .e-list-item,
65
- .e-bigger .e-popup.e-ddl .e-list-group-item,
66
- .e-bigger .e-popup.e-ddl .e-fixed-head {
59
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
67
60
  font-size: 15px;
68
61
  line-height: 40px;
69
62
  padding-left: 0;
@@ -78,8 +71,7 @@
78
71
  padding: 4px 0;
79
72
  }
80
73
 
81
- .e-bigger .e-popup.e-ddl .e-input-group input,
82
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
74
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
83
75
  height: 38px;
84
76
  }
85
77
 
@@ -117,9 +109,7 @@
117
109
  border-bottom: 1px solid #484848;
118
110
  }
119
111
 
120
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
121
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
122
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
112
+ .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 {
123
113
  font-size: 14px;
124
114
  line-height: 34px;
125
115
  padding-left: 0;
@@ -134,8 +124,7 @@
134
124
  padding: 4px 0;
135
125
  }
136
126
 
137
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
138
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
127
+ .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 {
139
128
  height: 30px;
140
129
  }
141
130
 
@@ -144,31 +133,28 @@
144
133
  }
145
134
 
146
135
  .e-ddl .e-search-icon::before {
147
- content: '\e993';
136
+ content: "\e993";
148
137
  }
149
138
 
150
139
  .e-ddl .e-back-icon::before {
151
- content: '\e94b';
140
+ content: "\e94b";
152
141
  }
153
142
 
154
143
  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
155
- content: '\e969';
156
- font-family: 'e-icons';
144
+ content: "\e969";
145
+ font-family: "e-icons";
157
146
  }
158
147
 
159
- .e-bigger .e-input-group.e-ddl .e-input-filter,
160
- .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
148
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
161
149
  margin-left: -20px;
162
150
  }
163
151
 
164
152
  .e-bigger .e-ddl.e-popup .e-list-item {
165
153
  font-size: 15px;
166
154
  }
167
-
168
155
  .e-bigger .e-ddl.e-popup .e-list-group-item {
169
156
  font-size: 15px;
170
157
  }
171
-
172
158
  .e-bigger .e-ddl.e-popup .e-input-group {
173
159
  padding: 4px 0;
174
160
  }
@@ -176,11 +162,9 @@
176
162
  .e-bigger.e-ddl.e-popup .e-list-item {
177
163
  font-size: 15px;
178
164
  }
179
-
180
165
  .e-bigger.e-ddl.e-popup .e-list-group-item {
181
166
  font-size: 15px;
182
167
  }
183
-
184
168
  .e-bigger.e-ddl.e-popup .e-input-group {
185
169
  padding: 4px 0;
186
170
  }
@@ -194,7 +178,6 @@
194
178
  right: 0;
195
179
  top: 0;
196
180
  }
197
-
198
181
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
199
182
  margin: 0;
200
183
  }
@@ -204,7 +187,7 @@
204
187
  }
205
188
 
206
189
  .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
207
- content: '';
190
+ content: "";
208
191
  }
209
192
 
210
193
  .e-ddl-device-filter .e-filter-parent {
@@ -231,8 +214,7 @@
231
214
  cursor: pointer;
232
215
  }
233
216
 
234
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
235
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
217
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
236
218
  width: 0;
237
219
  }
238
220
 
@@ -241,10 +223,9 @@
241
223
  border: 1px solid #414141;
242
224
  position: absolute;
243
225
  }
244
-
245
226
  .e-ddl.e-popup .e-search-icon {
246
227
  margin: 0;
247
- opacity: .57;
228
+ opacity: 0.57;
248
229
  padding: 8px;
249
230
  }
250
231
 
@@ -252,11 +233,7 @@
252
233
  padding: 0;
253
234
  }
254
235
 
255
- .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
256
- .e-ddl.e-popup .e-filter-parent .e-input-filter,
257
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
258
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
259
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
236
+ .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
260
237
  padding: 0 12px;
261
238
  }
262
239
 
@@ -264,8 +241,7 @@
264
241
  margin-bottom: 0;
265
242
  }
266
243
 
267
- .e-ddl.e-popup .e-ddl-footer,
268
- .e-ddl.e-popup .e-ddl-header {
244
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
269
245
  cursor: default;
270
246
  }
271
247
 
@@ -337,7 +313,6 @@
337
313
  outline: none;
338
314
  width: 100%;
339
315
  }
340
-
341
316
  .e-ddl.e-input-group input[readonly].e-input,
342
317
  .e-ddl.e-input-group input[readonly],
343
318
  .e-ddl.e-input-group .e-dropdownlist {
@@ -354,7 +329,6 @@ ejs-dropdownlist {
354
329
  .e-input-group.e-ddl.e-small .e-list-item {
355
330
  font-size: 13px;
356
331
  }
357
-
358
332
  .e-small .e-ddl.e-popup .e-list-group-item,
359
333
  .e-input-group.e-ddl.e-small .e-list-group-item {
360
334
  font-size: 13px;
@@ -364,7 +338,6 @@ ejs-dropdownlist {
364
338
  .e-input-group.e-ddl.e-small .e-list-item {
365
339
  font-size: 13px;
366
340
  }
367
-
368
341
  .e-small.e-ddl.e-popup .e-list-group-item,
369
342
  .e-input-group.e-ddl.e-small .e-list-group-item {
370
343
  font-size: 13px;
@@ -374,7 +347,6 @@ ejs-dropdownlist {
374
347
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
375
348
  font-size: 14px;
376
349
  }
377
-
378
350
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
379
351
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
380
352
  font-size: 14px;
@@ -384,7 +356,6 @@ ejs-dropdownlist {
384
356
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
385
357
  font-size: 14px;
386
358
  }
387
-
388
359
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
389
360
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
390
361
  font-size: 14px;
@@ -414,4 +385,4 @@ ejs-dropdownlist {
414
385
  .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
415
386
  .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
416
387
  color: #fff;
417
- }
388
+ }
@@ -6,7 +6,6 @@
6
6
  transform: rotate(360deg);
7
7
  }
8
8
  }
9
-
10
9
  @keyframes fabric-spinner-rotate {
11
10
  0% {
12
11
  transform: rotate(0);
@@ -15,7 +14,6 @@
15
14
  transform: rotate(360deg);
16
15
  }
17
16
  }
18
-
19
17
  .e-dropdownbase .e-list-item .e-list-icon {
20
18
  padding: 0 10px 0 0;
21
19
  }
@@ -34,11 +32,9 @@
34
32
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
35
33
  margin-top: 3px;
36
34
  }
37
-
38
35
  .e-popup.e-ddl .e-input-group {
39
36
  width: auto;
40
37
  }
41
-
42
38
  .e-popup.e-ddl .e-input-group input {
43
39
  line-height: 15px;
44
40
  }
@@ -52,7 +48,6 @@
52
48
  display: flex;
53
49
  width: auto;
54
50
  }
55
-
56
51
  .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
57
52
  border: 0;
58
53
  }
@@ -61,9 +56,7 @@
61
56
  margin-top: 0;
62
57
  }
63
58
 
64
- .e-bigger .e-popup.e-ddl .e-list-item,
65
- .e-bigger .e-popup.e-ddl .e-list-group-item,
66
- .e-bigger .e-popup.e-ddl .e-fixed-head {
59
+ .e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
67
60
  font-size: 15px;
68
61
  line-height: 40px;
69
62
  padding-left: 0;
@@ -78,8 +71,7 @@
78
71
  padding: 4px 0;
79
72
  }
80
73
 
81
- .e-bigger .e-popup.e-ddl .e-input-group input,
82
- .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
74
+ .e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
83
75
  height: 38px;
84
76
  }
85
77
 
@@ -117,9 +109,7 @@
117
109
  border-bottom: 1px solid #ccc;
118
110
  }
119
111
 
120
- .e-bigger.e-small .e-ddl.e-popup .e-list-item,
121
- .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
122
- .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
112
+ .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 {
123
113
  font-size: 14px;
124
114
  line-height: 34px;
125
115
  padding-left: 0;
@@ -134,8 +124,7 @@
134
124
  padding: 4px 0;
135
125
  }
136
126
 
137
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input,
138
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
127
+ .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 {
139
128
  height: 30px;
140
129
  }
141
130
 
@@ -144,31 +133,28 @@
144
133
  }
145
134
 
146
135
  .e-ddl .e-search-icon::before {
147
- content: '\e993';
136
+ content: "\e993";
148
137
  }
149
138
 
150
139
  .e-ddl .e-back-icon::before {
151
- content: '\e94b';
140
+ content: "\e94b";
152
141
  }
153
142
 
154
143
  .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
155
- content: '\e969';
156
- font-family: 'e-icons';
144
+ content: "\e969";
145
+ font-family: "e-icons";
157
146
  }
158
147
 
159
- .e-bigger .e-input-group.e-ddl .e-input-filter,
160
- .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
148
+ .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
161
149
  margin-left: -20px;
162
150
  }
163
151
 
164
152
  .e-bigger .e-ddl.e-popup .e-list-item {
165
153
  font-size: 15px;
166
154
  }
167
-
168
155
  .e-bigger .e-ddl.e-popup .e-list-group-item {
169
156
  font-size: 15px;
170
157
  }
171
-
172
158
  .e-bigger .e-ddl.e-popup .e-input-group {
173
159
  padding: 4px 0;
174
160
  }
@@ -176,11 +162,9 @@
176
162
  .e-bigger.e-ddl.e-popup .e-list-item {
177
163
  font-size: 15px;
178
164
  }
179
-
180
165
  .e-bigger.e-ddl.e-popup .e-list-group-item {
181
166
  font-size: 15px;
182
167
  }
183
-
184
168
  .e-bigger.e-ddl.e-popup .e-input-group {
185
169
  padding: 4px 0;
186
170
  }
@@ -194,7 +178,6 @@
194
178
  right: 0;
195
179
  top: 0;
196
180
  }
197
-
198
181
  .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
199
182
  margin: 0;
200
183
  }
@@ -204,7 +187,7 @@
204
187
  }
205
188
 
206
189
  .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
207
- content: '';
190
+ content: "";
208
191
  }
209
192
 
210
193
  .e-ddl-device-filter .e-filter-parent {
@@ -231,8 +214,7 @@
231
214
  cursor: pointer;
232
215
  }
233
216
 
234
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
235
- .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
217
+ .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
236
218
  width: 0;
237
219
  }
238
220
 
@@ -241,10 +223,9 @@
241
223
  border: 1px solid #ccc;
242
224
  position: absolute;
243
225
  }
244
-
245
226
  .e-ddl.e-popup .e-search-icon {
246
227
  margin: 0;
247
- opacity: .57;
228
+ opacity: 0.57;
248
229
  padding: 8px;
249
230
  }
250
231
 
@@ -252,11 +233,7 @@
252
233
  padding: 0;
253
234
  }
254
235
 
255
- .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
256
- .e-ddl.e-popup .e-filter-parent .e-input-filter,
257
- .e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
258
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
259
- .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
236
+ .e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
260
237
  padding: 0 12px;
261
238
  }
262
239
 
@@ -264,8 +241,7 @@
264
241
  margin-bottom: 0;
265
242
  }
266
243
 
267
- .e-ddl.e-popup .e-ddl-footer,
268
- .e-ddl.e-popup .e-ddl-header {
244
+ .e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
269
245
  cursor: default;
270
246
  }
271
247
 
@@ -337,7 +313,6 @@
337
313
  outline: none;
338
314
  width: 100%;
339
315
  }
340
-
341
316
  .e-ddl.e-input-group input[readonly].e-input,
342
317
  .e-ddl.e-input-group input[readonly],
343
318
  .e-ddl.e-input-group .e-dropdownlist {
@@ -354,7 +329,6 @@ ejs-dropdownlist {
354
329
  .e-input-group.e-ddl.e-small .e-list-item {
355
330
  font-size: 13px;
356
331
  }
357
-
358
332
  .e-small .e-ddl.e-popup .e-list-group-item,
359
333
  .e-input-group.e-ddl.e-small .e-list-group-item {
360
334
  font-size: 13px;
@@ -364,7 +338,6 @@ ejs-dropdownlist {
364
338
  .e-input-group.e-ddl.e-small .e-list-item {
365
339
  font-size: 13px;
366
340
  }
367
-
368
341
  .e-small.e-ddl.e-popup .e-list-group-item,
369
342
  .e-input-group.e-ddl.e-small .e-list-group-item {
370
343
  font-size: 13px;
@@ -374,7 +347,6 @@ ejs-dropdownlist {
374
347
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
375
348
  font-size: 14px;
376
349
  }
377
-
378
350
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
379
351
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
380
352
  font-size: 14px;
@@ -384,7 +356,6 @@ ejs-dropdownlist {
384
356
  .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
385
357
  font-size: 14px;
386
358
  }
387
-
388
359
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
389
360
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
390
361
  font-size: 14px;
@@ -414,4 +385,4 @@ ejs-dropdownlist {
414
385
  .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
415
386
  .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
416
387
  color: #333;
417
- }
388
+ }