@syncfusion/ej2-angular-dropdowns 19.4.54 → 20.1.47

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 (124) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +5 -0
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-dropdowns.js +5 -0
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -1
  5. package/CHANGELOG.md +0 -52
  6. package/dist/ej2-angular-dropdowns.umd.js +6 -1
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -1
  8. package/dist/ej2-angular-dropdowns.umd.min.js +2 -2
  9. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -1
  10. package/ej2-angular-dropdowns.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/multi-select/multiselect.component.d.ts +5 -0
  16. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  17. package/styles/auto-complete/bootstrap5.css +7 -0
  18. package/styles/auto-complete/fluent-dark.css +132 -0
  19. package/styles/auto-complete/fluent-dark.scss +1 -0
  20. package/styles/auto-complete/fluent.css +132 -0
  21. package/styles/auto-complete/fluent.scss +1 -0
  22. package/styles/auto-complete/tailwind-dark.css +1 -57
  23. package/styles/auto-complete/tailwind.css +1 -57
  24. package/styles/bootstrap-dark.css +64 -34
  25. package/styles/bootstrap.css +64 -34
  26. package/styles/bootstrap4.css +64 -34
  27. package/styles/bootstrap5-dark.css +124 -44
  28. package/styles/bootstrap5.css +124 -44
  29. package/styles/combo-box/bootstrap5-dark.css +7 -0
  30. package/styles/combo-box/bootstrap5.css +7 -0
  31. package/styles/combo-box/fluent-dark.css +132 -0
  32. package/styles/combo-box/fluent-dark.scss +1 -0
  33. package/styles/combo-box/fluent.css +132 -0
  34. package/styles/combo-box/fluent.scss +1 -0
  35. package/styles/combo-box/tailwind-dark.css +1 -57
  36. package/styles/combo-box/tailwind.css +1 -57
  37. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  38. package/styles/drop-down-base/bootstrap.css +7 -2
  39. package/styles/drop-down-base/bootstrap4.css +7 -2
  40. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  41. package/styles/drop-down-base/bootstrap5.css +12 -3
  42. package/styles/drop-down-base/fabric-dark.css +7 -2
  43. package/styles/drop-down-base/fabric.css +7 -2
  44. package/styles/drop-down-base/fluent-dark.css +397 -0
  45. package/styles/drop-down-base/fluent-dark.scss +1 -0
  46. package/styles/drop-down-base/fluent.css +397 -0
  47. package/styles/drop-down-base/fluent.scss +1 -0
  48. package/styles/drop-down-base/highcontrast-light.css +7 -2
  49. package/styles/drop-down-base/highcontrast.css +7 -2
  50. package/styles/drop-down-base/material-dark.css +7 -2
  51. package/styles/drop-down-base/material.css +7 -2
  52. package/styles/drop-down-base/tailwind-dark.css +103 -14
  53. package/styles/drop-down-base/tailwind.css +103 -14
  54. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  55. package/styles/drop-down-list/bootstrap.css +28 -6
  56. package/styles/drop-down-list/bootstrap4.css +28 -6
  57. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  58. package/styles/drop-down-list/bootstrap5.css +35 -6
  59. package/styles/drop-down-list/fabric-dark.css +28 -6
  60. package/styles/drop-down-list/fabric.css +28 -6
  61. package/styles/drop-down-list/fluent-dark.css +447 -0
  62. package/styles/drop-down-list/fluent-dark.scss +1 -0
  63. package/styles/drop-down-list/fluent.css +447 -0
  64. package/styles/drop-down-list/fluent.scss +1 -0
  65. package/styles/drop-down-list/highcontrast-light.css +28 -6
  66. package/styles/drop-down-list/highcontrast.css +28 -6
  67. package/styles/drop-down-list/material-dark.css +28 -6
  68. package/styles/drop-down-list/material.css +28 -6
  69. package/styles/drop-down-list/tailwind-dark.css +20 -95
  70. package/styles/drop-down-list/tailwind.css +20 -95
  71. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  72. package/styles/drop-down-tree/bootstrap5.css +6 -2
  73. package/styles/drop-down-tree/fluent-dark.css +599 -0
  74. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  75. package/styles/drop-down-tree/fluent.css +599 -0
  76. package/styles/drop-down-tree/fluent.scss +1 -0
  77. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  78. package/styles/drop-down-tree/tailwind.css +15 -6
  79. package/styles/fabric-dark.css +64 -34
  80. package/styles/fabric.css +64 -34
  81. package/styles/fluent-dark.css +3602 -0
  82. package/styles/fluent-dark.scss +7 -0
  83. package/styles/fluent.css +3602 -0
  84. package/styles/fluent.scss +7 -0
  85. package/styles/highcontrast-light.css +66 -35
  86. package/styles/highcontrast.css +66 -35
  87. package/styles/list-box/bootstrap-dark.css +10 -16
  88. package/styles/list-box/bootstrap.css +10 -16
  89. package/styles/list-box/bootstrap4.css +10 -16
  90. package/styles/list-box/bootstrap5-dark.css +13 -19
  91. package/styles/list-box/bootstrap5.css +13 -19
  92. package/styles/list-box/fabric-dark.css +10 -16
  93. package/styles/list-box/fabric.css +10 -16
  94. package/styles/list-box/fluent-dark.css +895 -0
  95. package/styles/list-box/fluent-dark.scss +1 -0
  96. package/styles/list-box/fluent.css +895 -0
  97. package/styles/list-box/fluent.scss +1 -0
  98. package/styles/list-box/highcontrast-light.css +10 -16
  99. package/styles/list-box/highcontrast.css +10 -16
  100. package/styles/list-box/material-dark.css +12 -18
  101. package/styles/list-box/material.css +12 -18
  102. package/styles/list-box/tailwind-dark.css +25 -28
  103. package/styles/list-box/tailwind.css +25 -28
  104. package/styles/material-dark.css +66 -36
  105. package/styles/material.css +66 -36
  106. package/styles/multi-select/bootstrap-dark.css +19 -10
  107. package/styles/multi-select/bootstrap.css +19 -10
  108. package/styles/multi-select/bootstrap4.css +19 -10
  109. package/styles/multi-select/bootstrap5-dark.css +58 -14
  110. package/styles/multi-select/bootstrap5.css +58 -14
  111. package/styles/multi-select/fabric-dark.css +19 -10
  112. package/styles/multi-select/fabric.css +19 -10
  113. package/styles/multi-select/fluent-dark.css +1416 -0
  114. package/styles/multi-select/fluent-dark.scss +1 -0
  115. package/styles/multi-select/fluent.css +1416 -0
  116. package/styles/multi-select/fluent.scss +1 -0
  117. package/styles/multi-select/highcontrast-light.css +21 -11
  118. package/styles/multi-select/highcontrast.css +21 -11
  119. package/styles/multi-select/material-dark.css +19 -10
  120. package/styles/multi-select/material.css +19 -10
  121. package/styles/multi-select/tailwind-dark.css +166 -126
  122. package/styles/multi-select/tailwind.css +166 -126
  123. package/styles/tailwind-dark.css +305 -257
  124. package/styles/tailwind.css +305 -257
@@ -95,12 +95,14 @@
95
95
  width: 100%;
96
96
  }
97
97
 
98
- .e-multi-select-wrapper.e-delimiter .e-searcher {
98
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
99
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
99
100
  height: 27px;
100
101
  vertical-align: middle;
101
102
  }
102
103
 
103
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
104
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
105
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
104
106
  height: 100%;
105
107
  min-height: 100%;
106
108
  }
@@ -359,6 +361,7 @@
359
361
  }
360
362
 
361
363
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
364
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
362
365
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
363
366
  right: 38px;
364
367
  }
@@ -579,7 +582,7 @@
579
582
  padding-right: 10px;
580
583
  }
581
584
 
582
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
585
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
583
586
  left: 38px;
584
587
  }
585
588
 
@@ -615,12 +618,14 @@
615
618
  vertical-align: middle;
616
619
  }
617
620
 
618
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
621
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
622
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
619
623
  bottom: 1px;
620
624
  margin-right: 10px;
621
625
  }
622
626
 
623
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
627
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
628
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
624
629
  bottom: 1px;
625
630
  margin-right: 10px;
626
631
  }
@@ -675,6 +680,7 @@
675
680
  font-size: 14px;
676
681
  }
677
682
 
683
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
678
684
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
679
685
  font-size: 15px;
680
686
  line-height: 40px;
@@ -689,6 +695,7 @@
689
695
  vertical-align: middle;
690
696
  }
691
697
 
698
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
692
699
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
693
700
  bottom: 1px;
694
701
  margin-right: 10px;
@@ -718,7 +725,7 @@
718
725
  padding: 8px;
719
726
  }
720
727
 
721
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
728
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
722
729
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
723
730
  padding: 4px 0;
724
731
  }
@@ -763,6 +770,7 @@ ejs-multiselect {
763
770
  display: block;
764
771
  }
765
772
 
773
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
766
774
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
767
775
  line-height: 22px;
768
776
  }
@@ -791,6 +799,7 @@ ejs-multiselect {
791
799
  margin-top: -3.5em;
792
800
  }
793
801
 
802
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
794
803
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
795
804
  line-height: 34px;
796
805
  }
@@ -1059,7 +1068,7 @@ ejs-multiselect {
1059
1068
  background-color: #505050;
1060
1069
  }
1061
1070
 
1062
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1071
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1063
1072
  background-color: #505050;
1064
1073
  }
1065
1074
 
@@ -1088,7 +1097,7 @@ ejs-multiselect {
1088
1097
  height: 28px;
1089
1098
  }
1090
1099
 
1091
- .e-multi-select-wrapper .e-chips:hover {
1100
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1092
1101
  background-color: #484848;
1093
1102
  }
1094
1103
 
@@ -1175,16 +1184,16 @@ ejs-multiselect {
1175
1184
 
1176
1185
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1177
1186
  background-color: #0070f0;
1178
- border: 1px solid #104888;
1179
1187
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1180
1188
  color: #fff;
1189
+ border: 1px solid #104888;
1181
1190
  }
1182
1191
 
1183
1192
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1184
1193
  background-color: #0070f0;
1185
- border: 1px solid #104888;
1186
1194
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1187
1195
  color: #fff;
1196
+ border: 1px solid #104888;
1188
1197
  }
1189
1198
 
1190
1199
  .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -93,12 +93,14 @@
93
93
  width: 100%;
94
94
  }
95
95
 
96
- .e-multi-select-wrapper.e-delimiter .e-searcher {
96
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
97
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
97
98
  height: 27px;
98
99
  vertical-align: middle;
99
100
  }
100
101
 
101
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
102
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
103
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
102
104
  height: 100%;
103
105
  min-height: 100%;
104
106
  }
@@ -357,6 +359,7 @@
357
359
  }
358
360
 
359
361
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
362
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
360
363
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
361
364
  right: 38px;
362
365
  }
@@ -577,7 +580,7 @@
577
580
  padding-right: 10px;
578
581
  }
579
582
 
580
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
583
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
581
584
  left: 38px;
582
585
  }
583
586
 
@@ -613,12 +616,14 @@
613
616
  vertical-align: middle;
614
617
  }
615
618
 
616
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
619
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
620
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
617
621
  bottom: 1px;
618
622
  margin-right: 10px;
619
623
  }
620
624
 
621
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
625
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
626
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
622
627
  bottom: 1px;
623
628
  margin-right: 10px;
624
629
  }
@@ -673,6 +678,7 @@
673
678
  font-size: 14px;
674
679
  }
675
680
 
681
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
676
682
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
677
683
  font-size: 15px;
678
684
  line-height: 40px;
@@ -687,6 +693,7 @@
687
693
  vertical-align: middle;
688
694
  }
689
695
 
696
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
690
697
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
691
698
  bottom: 1px;
692
699
  margin-right: 10px;
@@ -716,7 +723,7 @@
716
723
  padding: 8px;
717
724
  }
718
725
 
719
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
726
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
720
727
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
721
728
  padding: 4px 0;
722
729
  }
@@ -761,6 +768,7 @@ ejs-multiselect {
761
768
  display: block;
762
769
  }
763
770
 
771
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
764
772
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
765
773
  line-height: 22px;
766
774
  }
@@ -789,6 +797,7 @@ ejs-multiselect {
789
797
  margin-top: -3.5em;
790
798
  }
791
799
 
800
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
792
801
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
793
802
  line-height: 34px;
794
803
  }
@@ -1057,7 +1066,7 @@ ejs-multiselect {
1057
1066
  background-color: #ccc;
1058
1067
  }
1059
1068
 
1060
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1069
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
1061
1070
  background-color: #ddd;
1062
1071
  }
1063
1072
 
@@ -1086,7 +1095,7 @@ ejs-multiselect {
1086
1095
  height: 28px;
1087
1096
  }
1088
1097
 
1089
- .e-multi-select-wrapper .e-chips:hover {
1098
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
1090
1099
  background-color: #d4d4d4;
1091
1100
  }
1092
1101
 
@@ -1173,16 +1182,16 @@ ejs-multiselect {
1173
1182
 
1174
1183
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
1175
1184
  background-color: #317ab9;
1176
- border: 1px solid #66afe9;
1177
1185
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1178
1186
  color: #fff;
1187
+ border: 1px solid #66afe9;
1179
1188
  }
1180
1189
 
1181
1190
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
1182
1191
  background-color: #317ab9;
1183
- border: 1px solid #66afe9;
1184
1192
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
1185
1193
  color: #fff;
1194
+ border: 1px solid #66afe9;
1186
1195
  }
1187
1196
 
1188
1197
  .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -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