@syncfusion/ej2-dropdowns 20.1.51 → 20.1.56

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