@syncfusion/ej2-dropdowns 19.4.56 → 20.1.51

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 (197) hide show
  1. package/CHANGELOG.md +4 -20
  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 +32 -6
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +31 -5
  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/common/incremental-search.d.ts +1 -0
  13. package/src/common/incremental-search.js +4 -0
  14. package/src/drop-down-base/drop-down-base.js +1 -0
  15. package/src/drop-down-tree/drop-down-tree.js +4 -0
  16. package/src/list-box/list-box.js +20 -3
  17. package/src/multi-select/multi-select.js +1 -1
  18. package/styles/auto-complete/_fluent-dark-definition.scss +1 -0
  19. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  20. package/styles/auto-complete/bootstrap5.css +7 -0
  21. package/styles/auto-complete/fluent-dark.css +132 -0
  22. package/styles/auto-complete/fluent-dark.scss +4 -0
  23. package/styles/auto-complete/fluent.css +132 -0
  24. package/styles/auto-complete/fluent.scss +4 -0
  25. package/styles/auto-complete/tailwind-dark.css +1 -57
  26. package/styles/auto-complete/tailwind.css +1 -57
  27. package/styles/bootstrap-dark.css +56 -30
  28. package/styles/bootstrap.css +56 -30
  29. package/styles/bootstrap4.css +56 -30
  30. package/styles/bootstrap5-dark.css +116 -40
  31. package/styles/bootstrap5.css +116 -40
  32. package/styles/combo-box/_fluent-dark-definition.scss +1 -0
  33. package/styles/combo-box/bootstrap5-dark.css +7 -0
  34. package/styles/combo-box/bootstrap5.css +7 -0
  35. package/styles/combo-box/fluent-dark.css +132 -0
  36. package/styles/combo-box/fluent-dark.scss +4 -0
  37. package/styles/combo-box/fluent.css +132 -0
  38. package/styles/combo-box/fluent.scss +4 -0
  39. package/styles/combo-box/tailwind-dark.css +1 -57
  40. package/styles/combo-box/tailwind.css +1 -57
  41. package/styles/drop-down-base/_bootstrap-dark-definition.scss +2 -0
  42. package/styles/drop-down-base/_bootstrap-definition.scss +2 -0
  43. package/styles/drop-down-base/_bootstrap4-definition.scss +2 -0
  44. package/styles/drop-down-base/_bootstrap5-definition.scss +2 -0
  45. package/styles/drop-down-base/_fabric-dark-definition.scss +2 -0
  46. package/styles/drop-down-base/_fabric-definition.scss +2 -0
  47. package/styles/drop-down-base/_fluent-dark-definition.scss +1 -0
  48. package/styles/drop-down-base/_fluent-definition.scss +12 -7
  49. package/styles/drop-down-base/_highcontrast-definition.scss +2 -0
  50. package/styles/drop-down-base/_highcontrast-light-definition.scss +2 -0
  51. package/styles/drop-down-base/_layout.scss +40 -4
  52. package/styles/drop-down-base/_material-dark-definition.scss +2 -0
  53. package/styles/drop-down-base/_material-definition.scss +2 -0
  54. package/styles/drop-down-base/_tailwind-definition.scss +17 -8
  55. package/styles/drop-down-base/_theme.scss +82 -3
  56. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  57. package/styles/drop-down-base/bootstrap.css +7 -2
  58. package/styles/drop-down-base/bootstrap4.css +7 -2
  59. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  60. package/styles/drop-down-base/bootstrap5.css +12 -3
  61. package/styles/drop-down-base/fabric-dark.css +7 -2
  62. package/styles/drop-down-base/fabric.css +7 -2
  63. package/styles/drop-down-base/fluent-dark.css +397 -0
  64. package/styles/drop-down-base/fluent-dark.scss +3 -0
  65. package/styles/drop-down-base/fluent.css +397 -0
  66. package/styles/drop-down-base/fluent.scss +3 -0
  67. package/styles/drop-down-base/highcontrast-light.css +7 -2
  68. package/styles/drop-down-base/highcontrast.css +7 -2
  69. package/styles/drop-down-base/material-dark.css +7 -2
  70. package/styles/drop-down-base/material.css +7 -2
  71. package/styles/drop-down-base/tailwind-dark.css +103 -14
  72. package/styles/drop-down-base/tailwind.css +103 -14
  73. package/styles/drop-down-list/_bootstrap-dark-definition.scss +1 -1
  74. package/styles/drop-down-list/_bootstrap-definition.scss +1 -1
  75. package/styles/drop-down-list/_bootstrap4-definition.scss +1 -1
  76. package/styles/drop-down-list/_bootstrap5-definition.scss +10 -2
  77. package/styles/drop-down-list/_fabric-dark-definition.scss +1 -1
  78. package/styles/drop-down-list/_fabric-definition.scss +1 -1
  79. package/styles/drop-down-list/_fluent-dark-definition.scss +1 -0
  80. package/styles/drop-down-list/_fluent-definition.scss +10 -19
  81. package/styles/drop-down-list/_highcontrast-definition.scss +1 -1
  82. package/styles/drop-down-list/_highcontrast-light-definition.scss +1 -1
  83. package/styles/drop-down-list/_layout.scss +52 -15
  84. package/styles/drop-down-list/_material-dark-definition.scss +1 -1
  85. package/styles/drop-down-list/_material-definition.scss +1 -1
  86. package/styles/drop-down-list/_tailwind-definition.scss +6 -61
  87. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  88. package/styles/drop-down-list/bootstrap.css +28 -6
  89. package/styles/drop-down-list/bootstrap4.css +28 -6
  90. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  91. package/styles/drop-down-list/bootstrap5.css +35 -6
  92. package/styles/drop-down-list/fabric-dark.css +28 -6
  93. package/styles/drop-down-list/fabric.css +28 -6
  94. package/styles/drop-down-list/fluent-dark.css +447 -0
  95. package/styles/drop-down-list/fluent-dark.scss +8 -0
  96. package/styles/drop-down-list/fluent.css +447 -0
  97. package/styles/drop-down-list/fluent.scss +8 -0
  98. package/styles/drop-down-list/highcontrast-light.css +28 -6
  99. package/styles/drop-down-list/highcontrast.css +28 -6
  100. package/styles/drop-down-list/icons/_fluent-dark.scss +1 -0
  101. package/styles/drop-down-list/icons/_fluent.scss +1 -1
  102. package/styles/drop-down-list/icons/_tailwind.scss +3 -4
  103. package/styles/drop-down-list/material-dark.css +28 -6
  104. package/styles/drop-down-list/material.css +28 -6
  105. package/styles/drop-down-list/tailwind-dark.css +20 -95
  106. package/styles/drop-down-list/tailwind.css +20 -95
  107. package/styles/drop-down-tree/_bootstrap5-definition.scss +1 -1
  108. package/styles/drop-down-tree/_fluent-dark-definition.scss +1 -0
  109. package/styles/drop-down-tree/_fluent-definition.scss +25 -30
  110. package/styles/drop-down-tree/_layout.scss +94 -27
  111. package/styles/drop-down-tree/_tailwind-definition.scss +2 -1
  112. package/styles/drop-down-tree/_theme.scss +9 -4
  113. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  114. package/styles/drop-down-tree/bootstrap5.css +6 -2
  115. package/styles/drop-down-tree/fluent-dark.css +599 -0
  116. package/styles/drop-down-tree/fluent-dark.scss +9 -0
  117. package/styles/drop-down-tree/fluent.css +599 -0
  118. package/styles/drop-down-tree/fluent.scss +9 -0
  119. package/styles/drop-down-tree/icons/_fluent-dark.scss +1 -0
  120. package/styles/drop-down-tree/icons/_fluent.scss +1 -1
  121. package/styles/drop-down-tree/icons/_tailwind-dark.scss +2 -2
  122. package/styles/drop-down-tree/icons/_tailwind.scss +2 -2
  123. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  124. package/styles/drop-down-tree/tailwind.css +15 -6
  125. package/styles/fabric-dark.css +56 -30
  126. package/styles/fabric.css +56 -30
  127. package/styles/fluent-dark.css +3602 -0
  128. package/styles/fluent-dark.scss +7 -0
  129. package/styles/fluent.css +3602 -0
  130. package/styles/fluent.scss +7 -0
  131. package/styles/highcontrast-light.css +58 -31
  132. package/styles/highcontrast.css +58 -31
  133. package/styles/list-box/_bootstrap-dark-definition.scss +98 -102
  134. package/styles/list-box/_bootstrap-definition.scss +94 -98
  135. package/styles/list-box/_bootstrap4-definition.scss +98 -102
  136. package/styles/list-box/_bootstrap5-definition.scss +94 -99
  137. package/styles/list-box/_fabric-dark-definition.scss +98 -102
  138. package/styles/list-box/_fabric-definition.scss +94 -98
  139. package/styles/list-box/_fluent-dark-definition.scss +1 -0
  140. package/styles/list-box/_fluent-definition.scss +95 -100
  141. package/styles/list-box/_highcontrast-definition.scss +94 -98
  142. package/styles/list-box/_highcontrast-light-definition.scss +98 -102
  143. package/styles/list-box/_layout.scss +37 -37
  144. package/styles/list-box/_material-dark-definition.scss +98 -102
  145. package/styles/list-box/_material-definition.scss +94 -98
  146. package/styles/list-box/_tailwind-definition.scss +95 -99
  147. package/styles/list-box/_theme.scss +77 -85
  148. package/styles/list-box/bootstrap-dark.css +2 -12
  149. package/styles/list-box/bootstrap.css +2 -12
  150. package/styles/list-box/bootstrap4.css +2 -12
  151. package/styles/list-box/bootstrap5-dark.css +5 -15
  152. package/styles/list-box/bootstrap5.css +5 -15
  153. package/styles/list-box/fabric-dark.css +2 -12
  154. package/styles/list-box/fabric.css +2 -12
  155. package/styles/list-box/fluent-dark.css +895 -0
  156. package/styles/list-box/fluent-dark.scss +5 -0
  157. package/styles/list-box/fluent.css +895 -0
  158. package/styles/list-box/fluent.scss +5 -0
  159. package/styles/list-box/highcontrast-light.css +2 -12
  160. package/styles/list-box/highcontrast.css +2 -12
  161. package/styles/list-box/icons/_fluent-dark.scss +1 -0
  162. package/styles/list-box/icons/_tailwind-dark.scss +7 -7
  163. package/styles/list-box/icons/_tailwind.scss +7 -7
  164. package/styles/list-box/material-dark.css +4 -14
  165. package/styles/list-box/material.css +4 -14
  166. package/styles/list-box/tailwind-dark.css +17 -24
  167. package/styles/list-box/tailwind.css +17 -24
  168. package/styles/material-dark.css +58 -32
  169. package/styles/material.css +58 -32
  170. package/styles/multi-select/_bootstrap5-definition.scss +8 -4
  171. package/styles/multi-select/_fluent-dark-definition.scss +1 -0
  172. package/styles/multi-select/_fluent-definition.scss +30 -16
  173. package/styles/multi-select/_layout.scss +276 -25
  174. package/styles/multi-select/_tailwind-definition.scss +61 -43
  175. package/styles/multi-select/_theme.scss +79 -15
  176. package/styles/multi-select/bootstrap-dark.css +19 -10
  177. package/styles/multi-select/bootstrap.css +19 -10
  178. package/styles/multi-select/bootstrap4.css +19 -10
  179. package/styles/multi-select/bootstrap5-dark.css +58 -14
  180. package/styles/multi-select/bootstrap5.css +58 -14
  181. package/styles/multi-select/fabric-dark.css +19 -10
  182. package/styles/multi-select/fabric.css +19 -10
  183. package/styles/multi-select/fluent-dark.css +1416 -0
  184. package/styles/multi-select/fluent-dark.scss +9 -0
  185. package/styles/multi-select/fluent.css +1416 -0
  186. package/styles/multi-select/fluent.scss +9 -0
  187. package/styles/multi-select/highcontrast-light.css +21 -11
  188. package/styles/multi-select/highcontrast.css +21 -11
  189. package/styles/multi-select/icons/_fluent-dark.scss +1 -0
  190. package/styles/multi-select/icons/_fluent.scss +32 -3
  191. package/styles/multi-select/icons/_tailwind.scss +3 -3
  192. package/styles/multi-select/material-dark.css +19 -10
  193. package/styles/multi-select/material.css +19 -10
  194. package/styles/multi-select/tailwind-dark.css +166 -126
  195. package/styles/multi-select/tailwind.css +166 -126
  196. package/styles/tailwind-dark.css +297 -253
  197. package/styles/tailwind.css +297 -253
@@ -168,12 +168,14 @@
168
168
  width: 100%;
169
169
  }
170
170
 
171
- .e-multi-select-wrapper.e-delimiter .e-searcher {
171
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
172
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
172
173
  height: 27px;
173
174
  vertical-align: middle;
174
175
  }
175
176
 
176
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
177
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
178
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
177
179
  height: 100%;
178
180
  min-height: 100%;
179
181
  }
@@ -438,6 +440,7 @@
438
440
  }
439
441
 
440
442
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
443
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
441
444
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
442
445
  right: 24px;
443
446
  }
@@ -669,7 +672,7 @@
669
672
  padding-right: 8px;
670
673
  }
671
674
 
672
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
675
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
673
676
  left: 38px;
674
677
  }
675
678
 
@@ -705,12 +708,14 @@
705
708
  vertical-align: middle;
706
709
  }
707
710
 
708
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
711
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
712
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
709
713
  bottom: 1px;
710
714
  margin-right: 12px;
711
715
  }
712
716
 
713
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
717
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
718
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
714
719
  bottom: 1px;
715
720
  margin-right: 12px;
716
721
  }
@@ -765,6 +770,7 @@
765
770
  font-size: 14px;
766
771
  }
767
772
 
773
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
768
774
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
769
775
  font-size: 14px;
770
776
  line-height: 40px;
@@ -779,6 +785,7 @@
779
785
  vertical-align: middle;
780
786
  }
781
787
 
788
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
782
789
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
783
790
  bottom: 1px;
784
791
  margin-right: 12px;
@@ -808,7 +815,7 @@
808
815
  padding: 8px;
809
816
  }
810
817
 
811
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
818
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
812
819
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
813
820
  padding: 0;
814
821
  }
@@ -853,6 +860,7 @@ ejs-multiselect {
853
860
  display: block;
854
861
  }
855
862
 
863
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
856
864
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
857
865
  line-height: 22px;
858
866
  }
@@ -885,6 +893,7 @@ ejs-multiselect {
885
893
  padding: 0 8px 0 8px;
886
894
  }
887
895
 
896
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
888
897
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
889
898
  line-height: 34px;
890
899
  }
@@ -1157,7 +1166,7 @@ ejs-multiselect {
1157
1166
  background-color: #545b62;
1158
1167
  }
1159
1168
 
1160
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1169
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1161
1170
  background-color: #6c757d;
1162
1171
  }
1163
1172
 
@@ -1186,7 +1195,7 @@ ejs-multiselect {
1186
1195
  height: 24px;
1187
1196
  }
1188
1197
 
1189
- .e-multi-select-wrapper .e-chips:hover {
1198
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1190
1199
  background-color: #5a6268;
1191
1200
  }
1192
1201
 
@@ -1277,16 +1286,16 @@ ejs-multiselect {
1277
1286
 
1278
1287
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1279
1288
  background-color: #007bff;
1280
- border: 1px solid #6c757d;
1281
1289
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1282
1290
  color: #fff;
1291
+ border: 1px solid #6c757d;
1283
1292
  }
1284
1293
 
1285
1294
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1286
1295
  background-color: #007bff;
1287
- border: 1px solid #6c757d;
1288
1296
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1289
1297
  color: #fff;
1298
+ border: 1px solid #6c757d;
1290
1299
  }
1291
1300
 
1292
1301
  .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -61,7 +61,7 @@
61
61
  }
62
62
 
63
63
  .e-multiselect .e-input-group-icon.e-ddl-icon {
64
- border-radius: 0 4px 4px 0;
64
+ border-radius: 0 2px 2px 0;
65
65
  border-right-width: 0;
66
66
  }
67
67
 
@@ -128,12 +128,14 @@
128
128
  width: 100%;
129
129
  }
130
130
 
131
- .e-multi-select-wrapper.e-delimiter .e-searcher {
131
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
132
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
132
133
  height: 27px;
133
134
  vertical-align: middle;
134
135
  }
135
136
 
136
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
137
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
138
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
137
139
  height: 100%;
138
140
  min-height: 100%;
139
141
  }
@@ -399,15 +401,34 @@
399
401
  }
400
402
 
401
403
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
404
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
402
405
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
403
406
  right: 40px;
404
407
  }
405
408
 
409
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
410
+ right: 40px;
411
+ }
412
+
406
413
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
407
414
  left: 40px;
408
415
  right: auto;
409
416
  }
410
417
 
418
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
419
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
420
+ left: 45px;
421
+ right: auto;
422
+ }
423
+
424
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
425
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
426
+ .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
427
+ .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
428
+ left: 12px;
429
+ right: auto;
430
+ }
431
+
411
432
  .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
412
433
  margin-top: -2.25em;
413
434
  }
@@ -519,7 +540,7 @@
519
540
  cursor: pointer;
520
541
  display: inline-block;
521
542
  font-size: 14px;
522
- padding-left: 0;
543
+ padding-left: 8px;
523
544
  }
524
545
 
525
546
  .e-multiselect.e-disabled .e-multi-select-wrapper,
@@ -614,6 +635,7 @@
614
635
  left: 40px;
615
636
  position: absolute;
616
637
  right: auto;
638
+ left: 0;
617
639
  }
618
640
 
619
641
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
@@ -621,15 +643,30 @@
621
643
  }
622
644
 
623
645
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
624
- padding-right: 0;
646
+ padding-right: 8px;
625
647
  }
626
648
 
627
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
649
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
628
650
  left: 19px;
629
651
  }
630
652
 
631
653
  .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
632
- left: -7px;
654
+ left: 25px;
655
+ }
656
+
657
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
658
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
659
+ left: 20px;
660
+ }
661
+
662
+ .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
663
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
664
+ left: 32px;
665
+ }
666
+
667
+ .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
668
+ .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
669
+ left: 25px;
633
670
  }
634
671
 
635
672
  .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
@@ -661,13 +698,15 @@
661
698
  vertical-align: middle;
662
699
  }
663
700
 
664
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
701
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
702
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
665
703
  bottom: 1px;
666
704
  bottom: 2px;
667
705
  margin-right: 12px;
668
706
  }
669
707
 
670
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
708
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
709
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
671
710
  bottom: 1px;
672
711
  bottom: 2px;
673
712
  margin-right: 12px;
@@ -723,10 +762,12 @@
723
762
  font-size: 14px;
724
763
  }
725
764
 
765
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
726
766
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
727
767
  font-size: 16px;
728
768
  }
729
769
 
770
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
730
771
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
731
772
  font-size: 14px;
732
773
  line-height: 48px;
@@ -741,6 +782,7 @@
741
782
  vertical-align: middle;
742
783
  }
743
784
 
785
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
744
786
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
745
787
  bottom: 1px;
746
788
  bottom: 2px;
@@ -807,6 +849,7 @@ ejs-multiselect {
807
849
  display: block;
808
850
  }
809
851
 
852
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
810
853
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
811
854
  line-height: 26px;
812
855
  }
@@ -835,6 +878,7 @@ ejs-multiselect {
835
878
  margin-top: -2em;
836
879
  }
837
880
 
881
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
838
882
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
839
883
  line-height: 40px;
840
884
  }
@@ -861,7 +905,6 @@ ejs-multiselect {
861
905
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
862
906
  .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
863
907
  margin-top: -2em;
864
- right: 5px;
865
908
  }
866
909
 
867
910
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
@@ -1103,7 +1146,7 @@ ejs-multiselect {
1103
1146
  background-color: #adb5bd;
1104
1147
  }
1105
1148
 
1106
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1149
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1107
1150
  background-color: #565e64;
1108
1151
  }
1109
1152
 
@@ -1132,7 +1175,7 @@ ejs-multiselect {
1132
1175
  height: 24px;
1133
1176
  }
1134
1177
 
1135
- .e-multi-select-wrapper .e-chips:hover {
1178
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1136
1179
  background-color: #5c636a;
1137
1180
  }
1138
1181
 
@@ -1217,16 +1260,16 @@ ejs-multiselect {
1217
1260
 
1218
1261
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1219
1262
  background-color: #0d6efd;
1220
- border: 0 solid transparent;
1221
1263
  box-shadow: none;
1222
1264
  color: #fff;
1265
+ border: 0 solid transparent;
1223
1266
  }
1224
1267
 
1225
1268
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1226
1269
  background-color: #0d6efd;
1227
- border: 0 solid transparent;
1228
1270
  box-shadow: none;
1229
1271
  color: #fff;
1272
+ border: 0 solid transparent;
1230
1273
  }
1231
1274
 
1232
1275
  .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -1273,6 +1316,7 @@ ejs-multiselect {
1273
1316
  }
1274
1317
 
1275
1318
  .e-small .e-multi-select-wrapper .e-chips {
1319
+ border-radius: 2px;
1276
1320
  height: 20px;
1277
1321
  }
1278
1322
 
@@ -61,7 +61,7 @@
61
61
  }
62
62
 
63
63
  .e-multiselect .e-input-group-icon.e-ddl-icon {
64
- border-radius: 0 4px 4px 0;
64
+ border-radius: 0 2px 2px 0;
65
65
  border-right-width: 0;
66
66
  }
67
67
 
@@ -128,12 +128,14 @@
128
128
  width: 100%;
129
129
  }
130
130
 
131
- .e-multi-select-wrapper.e-delimiter .e-searcher {
131
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
132
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
132
133
  height: 27px;
133
134
  vertical-align: middle;
134
135
  }
135
136
 
136
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
137
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
138
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
137
139
  height: 100%;
138
140
  min-height: 100%;
139
141
  }
@@ -399,15 +401,34 @@
399
401
  }
400
402
 
401
403
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
404
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
402
405
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
403
406
  right: 40px;
404
407
  }
405
408
 
409
+ .e-bigger.e-small .e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
410
+ right: 40px;
411
+ }
412
+
406
413
  .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
407
414
  left: 40px;
408
415
  right: auto;
409
416
  }
410
417
 
418
+ .e-bigger.e-small .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
419
+ .e-bigger.e-small.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
420
+ left: 45px;
421
+ right: auto;
422
+ }
423
+
424
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
425
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
426
+ .e-small.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker,
427
+ .e-small.e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
428
+ left: 12px;
429
+ right: auto;
430
+ }
431
+
411
432
  .e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
412
433
  margin-top: -2.25em;
413
434
  }
@@ -519,7 +540,7 @@
519
540
  cursor: pointer;
520
541
  display: inline-block;
521
542
  font-size: 14px;
522
- padding-left: 0;
543
+ padding-left: 8px;
523
544
  }
524
545
 
525
546
  .e-multiselect.e-disabled .e-multi-select-wrapper,
@@ -614,6 +635,7 @@
614
635
  left: 40px;
615
636
  position: absolute;
616
637
  right: auto;
638
+ left: 0;
617
639
  }
618
640
 
619
641
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
@@ -621,15 +643,30 @@
621
643
  }
622
644
 
623
645
  .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
624
- padding-right: 0;
646
+ padding-right: 8px;
625
647
  }
626
648
 
627
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
649
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
628
650
  left: 19px;
629
651
  }
630
652
 
631
653
  .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
632
- left: -7px;
654
+ left: 25px;
655
+ }
656
+
657
+ .e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
658
+ .e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
659
+ left: 20px;
660
+ }
661
+
662
+ .e-bigger.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
663
+ .e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
664
+ left: 32px;
665
+ }
666
+
667
+ .e-bigger.e-small.e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before,
668
+ .e-bigger.e-small .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
669
+ left: 25px;
633
670
  }
634
671
 
635
672
  .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
@@ -661,13 +698,15 @@
661
698
  vertical-align: middle;
662
699
  }
663
700
 
664
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
701
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
702
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
665
703
  bottom: 1px;
666
704
  bottom: 2px;
667
705
  margin-right: 12px;
668
706
  }
669
707
 
670
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
708
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
709
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
671
710
  bottom: 1px;
672
711
  bottom: 2px;
673
712
  margin-right: 12px;
@@ -723,10 +762,12 @@
723
762
  font-size: 14px;
724
763
  }
725
764
 
765
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-all-text,
726
766
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
727
767
  font-size: 16px;
728
768
  }
729
769
 
770
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
730
771
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
731
772
  font-size: 14px;
732
773
  line-height: 48px;
@@ -741,6 +782,7 @@
741
782
  vertical-align: middle;
742
783
  }
743
784
 
785
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
744
786
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
745
787
  bottom: 1px;
746
788
  bottom: 2px;
@@ -807,6 +849,7 @@ ejs-multiselect {
807
849
  display: block;
808
850
  }
809
851
 
852
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
810
853
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
811
854
  line-height: 26px;
812
855
  }
@@ -835,6 +878,7 @@ ejs-multiselect {
835
878
  margin-top: -2em;
836
879
  }
837
880
 
881
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
838
882
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
839
883
  line-height: 40px;
840
884
  }
@@ -861,7 +905,6 @@ ejs-multiselect {
861
905
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
862
906
  .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
863
907
  margin-top: -2em;
864
- right: 5px;
865
908
  }
866
909
 
867
910
  .e-content-placeholder.e-multiselect.e-placeholder-multiselect {
@@ -1103,7 +1146,7 @@ ejs-multiselect {
1103
1146
  background-color: #adb5bd;
1104
1147
  }
1105
1148
 
1106
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1149
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1107
1150
  background-color: #565e64;
1108
1151
  }
1109
1152
 
@@ -1132,7 +1175,7 @@ ejs-multiselect {
1132
1175
  height: 24px;
1133
1176
  }
1134
1177
 
1135
- .e-multi-select-wrapper .e-chips:hover {
1178
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1136
1179
  background-color: #5c636a;
1137
1180
  }
1138
1181
 
@@ -1217,16 +1260,16 @@ ejs-multiselect {
1217
1260
 
1218
1261
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1219
1262
  background-color: #0d6efd;
1220
- border: 0 solid transparent;
1221
1263
  box-shadow: none;
1222
1264
  color: #fff;
1265
+ border: 0 solid transparent;
1223
1266
  }
1224
1267
 
1225
1268
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1226
1269
  background-color: #0d6efd;
1227
- border: 0 solid transparent;
1228
1270
  box-shadow: none;
1229
1271
  color: #fff;
1272
+ border: 0 solid transparent;
1230
1273
  }
1231
1274
 
1232
1275
  .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -1273,6 +1316,7 @@ ejs-multiselect {
1273
1316
  }
1274
1317
 
1275
1318
  .e-small .e-multi-select-wrapper .e-chips {
1319
+ border-radius: 2px;
1276
1320
  height: 20px;
1277
1321
  }
1278
1322
 
@@ -86,12 +86,14 @@
86
86
  width: 100%;
87
87
  }
88
88
 
89
- .e-multi-select-wrapper.e-delimiter .e-searcher {
89
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
90
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
90
91
  height: 27px;
91
92
  vertical-align: middle;
92
93
  }
93
94
 
94
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
95
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
96
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
95
97
  height: 100%;
96
98
  min-height: 100%;
97
99
  }
@@ -352,6 +354,7 @@
352
354
  }
353
355
 
354
356
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
357
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
355
358
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
356
359
  right: 27px;
357
360
  }
@@ -572,7 +575,7 @@
572
575
  padding-right: 16px;
573
576
  }
574
577
 
575
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
578
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
576
579
  left: 30px;
577
580
  }
578
581
 
@@ -608,12 +611,14 @@
608
611
  vertical-align: middle;
609
612
  }
610
613
 
611
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
614
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
615
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
612
616
  bottom: 1px;
613
617
  margin-right: 10px;
614
618
  }
615
619
 
616
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
620
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
621
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
617
622
  bottom: 1px;
618
623
  margin-right: 10px;
619
624
  }
@@ -676,6 +681,7 @@
676
681
  font-size: 14px;
677
682
  }
678
683
 
684
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
679
685
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
680
686
  font-size: 14px;
681
687
  line-height: 46px;
@@ -690,6 +696,7 @@
690
696
  vertical-align: middle;
691
697
  }
692
698
 
699
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
693
700
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
694
701
  bottom: 1px;
695
702
  margin-right: 10px;
@@ -719,7 +726,7 @@
719
726
  padding: 8px;
720
727
  }
721
728
 
722
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
729
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
723
730
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
724
731
  padding: 4px 0;
725
732
  }
@@ -764,6 +771,7 @@ ejs-multiselect {
764
771
  display: block;
765
772
  }
766
773
 
774
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
767
775
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
768
776
  line-height: 26px;
769
777
  }
@@ -792,6 +800,7 @@ ejs-multiselect {
792
800
  margin-top: -2.8em;
793
801
  }
794
802
 
803
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
795
804
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
796
805
  line-height: 40px;
797
806
  }
@@ -1060,7 +1069,7 @@ ejs-multiselect {
1060
1069
  background-color: #6f6c6c;
1061
1070
  }
1062
1071
 
1063
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1072
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1064
1073
  background-color: #4a4848;
1065
1074
  }
1066
1075
 
@@ -1089,7 +1098,7 @@ ejs-multiselect {
1089
1098
  height: 26px;
1090
1099
  }
1091
1100
 
1092
- .e-multi-select-wrapper .e-chips:hover {
1101
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1093
1102
  background-color: #514f4f;
1094
1103
  }
1095
1104
 
@@ -1176,16 +1185,16 @@ ejs-multiselect {
1176
1185
 
1177
1186
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1178
1187
  background-color: #514f4f;
1179
- border: 1px solid #dadada;
1180
1188
  box-shadow: none;
1181
1189
  color: #fff;
1190
+ border: 1px solid #dadada;
1182
1191
  }
1183
1192
 
1184
1193
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1185
1194
  background-color: #514f4f;
1186
- border: 1px solid #dadada;
1187
1195
  box-shadow: none;
1188
1196
  color: #fff;
1197
+ border: 1px solid #dadada;
1189
1198
  }
1190
1199
 
1191
1200
  .e-popup.e-multi-select-list-wrapper .e-list-item {