@syncfusion/ej2-angular-dropdowns 19.4.55 → 20.1.50

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 (121) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +1 -1
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-dropdowns.js +1 -1
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -1
  5. package/CHANGELOG.md +5 -51
  6. package/dist/ej2-angular-dropdowns.umd.js +2 -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/package.json +8 -8
  10. package/schematics/utils/lib-details.d.ts +2 -2
  11. package/schematics/utils/lib-details.js +2 -2
  12. package/schematics/utils/lib-details.ts +2 -2
  13. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  14. package/styles/auto-complete/bootstrap5.css +7 -0
  15. package/styles/auto-complete/fluent-dark.css +132 -0
  16. package/styles/auto-complete/fluent-dark.scss +1 -0
  17. package/styles/auto-complete/fluent.css +132 -0
  18. package/styles/auto-complete/fluent.scss +1 -0
  19. package/styles/auto-complete/tailwind-dark.css +1 -57
  20. package/styles/auto-complete/tailwind.css +1 -57
  21. package/styles/bootstrap-dark.css +56 -30
  22. package/styles/bootstrap.css +56 -30
  23. package/styles/bootstrap4.css +56 -30
  24. package/styles/bootstrap5-dark.css +116 -40
  25. package/styles/bootstrap5.css +116 -40
  26. package/styles/combo-box/bootstrap5-dark.css +7 -0
  27. package/styles/combo-box/bootstrap5.css +7 -0
  28. package/styles/combo-box/fluent-dark.css +132 -0
  29. package/styles/combo-box/fluent-dark.scss +1 -0
  30. package/styles/combo-box/fluent.css +132 -0
  31. package/styles/combo-box/fluent.scss +1 -0
  32. package/styles/combo-box/tailwind-dark.css +1 -57
  33. package/styles/combo-box/tailwind.css +1 -57
  34. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  35. package/styles/drop-down-base/bootstrap.css +7 -2
  36. package/styles/drop-down-base/bootstrap4.css +7 -2
  37. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  38. package/styles/drop-down-base/bootstrap5.css +12 -3
  39. package/styles/drop-down-base/fabric-dark.css +7 -2
  40. package/styles/drop-down-base/fabric.css +7 -2
  41. package/styles/drop-down-base/fluent-dark.css +397 -0
  42. package/styles/drop-down-base/fluent-dark.scss +1 -0
  43. package/styles/drop-down-base/fluent.css +397 -0
  44. package/styles/drop-down-base/fluent.scss +1 -0
  45. package/styles/drop-down-base/highcontrast-light.css +7 -2
  46. package/styles/drop-down-base/highcontrast.css +7 -2
  47. package/styles/drop-down-base/material-dark.css +7 -2
  48. package/styles/drop-down-base/material.css +7 -2
  49. package/styles/drop-down-base/tailwind-dark.css +103 -14
  50. package/styles/drop-down-base/tailwind.css +103 -14
  51. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  52. package/styles/drop-down-list/bootstrap.css +28 -6
  53. package/styles/drop-down-list/bootstrap4.css +28 -6
  54. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  55. package/styles/drop-down-list/bootstrap5.css +35 -6
  56. package/styles/drop-down-list/fabric-dark.css +28 -6
  57. package/styles/drop-down-list/fabric.css +28 -6
  58. package/styles/drop-down-list/fluent-dark.css +447 -0
  59. package/styles/drop-down-list/fluent-dark.scss +1 -0
  60. package/styles/drop-down-list/fluent.css +447 -0
  61. package/styles/drop-down-list/fluent.scss +1 -0
  62. package/styles/drop-down-list/highcontrast-light.css +28 -6
  63. package/styles/drop-down-list/highcontrast.css +28 -6
  64. package/styles/drop-down-list/material-dark.css +28 -6
  65. package/styles/drop-down-list/material.css +28 -6
  66. package/styles/drop-down-list/tailwind-dark.css +20 -95
  67. package/styles/drop-down-list/tailwind.css +20 -95
  68. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  69. package/styles/drop-down-tree/bootstrap5.css +6 -2
  70. package/styles/drop-down-tree/fluent-dark.css +599 -0
  71. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  72. package/styles/drop-down-tree/fluent.css +599 -0
  73. package/styles/drop-down-tree/fluent.scss +1 -0
  74. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  75. package/styles/drop-down-tree/tailwind.css +15 -6
  76. package/styles/fabric-dark.css +56 -30
  77. package/styles/fabric.css +56 -30
  78. package/styles/fluent-dark.css +3602 -0
  79. package/styles/fluent-dark.scss +7 -0
  80. package/styles/fluent.css +3602 -0
  81. package/styles/fluent.scss +7 -0
  82. package/styles/highcontrast-light.css +58 -31
  83. package/styles/highcontrast.css +58 -31
  84. package/styles/list-box/bootstrap-dark.css +2 -12
  85. package/styles/list-box/bootstrap.css +2 -12
  86. package/styles/list-box/bootstrap4.css +2 -12
  87. package/styles/list-box/bootstrap5-dark.css +5 -15
  88. package/styles/list-box/bootstrap5.css +5 -15
  89. package/styles/list-box/fabric-dark.css +2 -12
  90. package/styles/list-box/fabric.css +2 -12
  91. package/styles/list-box/fluent-dark.css +895 -0
  92. package/styles/list-box/fluent-dark.scss +1 -0
  93. package/styles/list-box/fluent.css +895 -0
  94. package/styles/list-box/fluent.scss +1 -0
  95. package/styles/list-box/highcontrast-light.css +2 -12
  96. package/styles/list-box/highcontrast.css +2 -12
  97. package/styles/list-box/material-dark.css +4 -14
  98. package/styles/list-box/material.css +4 -14
  99. package/styles/list-box/tailwind-dark.css +17 -24
  100. package/styles/list-box/tailwind.css +17 -24
  101. package/styles/material-dark.css +58 -32
  102. package/styles/material.css +58 -32
  103. package/styles/multi-select/bootstrap-dark.css +19 -10
  104. package/styles/multi-select/bootstrap.css +19 -10
  105. package/styles/multi-select/bootstrap4.css +19 -10
  106. package/styles/multi-select/bootstrap5-dark.css +58 -14
  107. package/styles/multi-select/bootstrap5.css +58 -14
  108. package/styles/multi-select/fabric-dark.css +19 -10
  109. package/styles/multi-select/fabric.css +19 -10
  110. package/styles/multi-select/fluent-dark.css +1416 -0
  111. package/styles/multi-select/fluent-dark.scss +1 -0
  112. package/styles/multi-select/fluent.css +1416 -0
  113. package/styles/multi-select/fluent.scss +1 -0
  114. package/styles/multi-select/highcontrast-light.css +21 -11
  115. package/styles/multi-select/highcontrast.css +21 -11
  116. package/styles/multi-select/material-dark.css +19 -10
  117. package/styles/multi-select/material.css +19 -10
  118. package/styles/multi-select/tailwind-dark.css +166 -126
  119. package/styles/multi-select/tailwind.css +166 -126
  120. package/styles/tailwind-dark.css +297 -253
  121. package/styles/tailwind.css +297 -253
@@ -17,9 +17,13 @@
17
17
  }
18
18
 
19
19
  .e-bigger .e-dropdownbase .e-list-item,
20
+ .e-dropdownbase.e-bigger .e-list-item {
21
+ line-height: 48px;
22
+ text-indent: 16px;
23
+ }
24
+
20
25
  .e-bigger .e-dropdownbase .e-list-group-item,
21
26
  .e-bigger .e-dropdownbase .e-fixed-head,
22
- .e-dropdownbase.e-bigger .e-list-item,
23
27
  .e-dropdownbase.e-bigger .e-list-group-item,
24
28
  .e-dropdownbase.e-bigger .e-fixed-head {
25
29
  line-height: 48px;
@@ -153,6 +157,7 @@
153
157
  }
154
158
 
155
159
  .e-dropdownbase .e-list-item {
160
+ -webkit-tap-highlight-color: transparent;
156
161
  background-color: #fff;
157
162
  border-bottom: 0;
158
163
  border-color: #fff;
@@ -321,9 +326,9 @@
321
326
  border-color: #fff;
322
327
  color: rgba(0, 0, 0, 0.87);
323
328
  font-family: inherit;
329
+ text-indent: 16px;
324
330
  font-size: 13px;
325
331
  padding-right: 16px;
326
- text-indent: 16px;
327
332
  }
328
333
 
329
334
  .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -526,7 +531,10 @@
526
531
  margin-left: -20px;
527
532
  }
528
533
 
529
- .e-bigger .e-ddl.e-popup .e-list-item,
534
+ .e-bigger .e-ddl.e-popup .e-list-item {
535
+ font-size: 14px;
536
+ }
537
+
530
538
  .e-bigger .e-ddl.e-popup .e-list-group-item {
531
539
  font-size: 14px;
532
540
  }
@@ -535,7 +543,10 @@
535
543
  padding: 4px 0;
536
544
  }
537
545
 
538
- .e-bigger.e-ddl.e-popup .e-list-item,
546
+ .e-bigger.e-ddl.e-popup .e-list-item {
547
+ font-size: 14px;
548
+ }
549
+
539
550
  .e-bigger.e-ddl.e-popup .e-list-group-item {
540
551
  font-size: 14px;
541
552
  }
@@ -554,6 +565,10 @@
554
565
  top: 0;
555
566
  }
556
567
 
568
+ .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
569
+ margin: 0;
570
+ }
571
+
557
572
  .e-ddl.e-control-wrapper .e-ddl-disable-icon {
558
573
  position: relative;
559
574
  }
@@ -705,29 +720,41 @@ ejs-dropdownlist {
705
720
  }
706
721
 
707
722
  .e-small .e-ddl.e-popup .e-list-item,
723
+ .e-input-group.e-ddl.e-small .e-list-item {
724
+ font-size: 12px;
725
+ }
726
+
708
727
  .e-small .e-ddl.e-popup .e-list-group-item,
709
- .e-input-group.e-ddl.e-small .e-list-item,
710
728
  .e-input-group.e-ddl.e-small .e-list-group-item {
711
729
  font-size: 12px;
712
730
  }
713
731
 
714
732
  .e-small.e-ddl.e-popup .e-list-item,
733
+ .e-input-group.e-ddl.e-small .e-list-item {
734
+ font-size: 12px;
735
+ }
736
+
715
737
  .e-small.e-ddl.e-popup .e-list-group-item,
716
- .e-input-group.e-ddl.e-small .e-list-item,
717
738
  .e-input-group.e-ddl.e-small .e-list-group-item {
718
739
  font-size: 12px;
719
740
  }
720
741
 
721
742
  .e-bigger.e-small .e-ddl.e-popup .e-list-item,
743
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
744
+ font-size: 13px;
745
+ }
746
+
722
747
  .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
723
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
724
748
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
725
749
  font-size: 13px;
726
750
  }
727
751
 
728
752
  .e-bigger.e-small.e-ddl.e-popup .e-list-item,
753
+ .e-bigger .e-input-group.e-ddl.e-small .e-list-item {
754
+ font-size: 13px;
755
+ }
756
+
729
757
  .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
730
- .e-bigger .e-input-group.e-ddl.e-small .e-list-item,
731
758
  .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
732
759
  font-size: 13px;
733
760
  }
@@ -2308,12 +2335,14 @@ ejs-dropdownlist {
2308
2335
  width: 100%;
2309
2336
  }
2310
2337
 
2311
- .e-multi-select-wrapper.e-delimiter .e-searcher {
2338
+ .e-multi-select-wrapper.e-delimiter .e-searcher,
2339
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
2312
2340
  height: 27px;
2313
2341
  vertical-align: middle;
2314
2342
  }
2315
2343
 
2316
- .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
2344
+ .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
2345
+ .e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
2317
2346
  height: 100%;
2318
2347
  min-height: 100%;
2319
2348
  }
@@ -2574,6 +2603,7 @@ ejs-dropdownlist {
2574
2603
  }
2575
2604
 
2576
2605
  .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2606
+ .e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
2577
2607
  .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
2578
2608
  right: 22px;
2579
2609
  }
@@ -2815,7 +2845,7 @@ ejs-dropdownlist {
2815
2845
  padding-right: 16px;
2816
2846
  }
2817
2847
 
2818
- .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
2848
+ .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
2819
2849
  left: 19px;
2820
2850
  }
2821
2851
 
@@ -2851,12 +2881,14 @@ ejs-dropdownlist {
2851
2881
  vertical-align: middle;
2852
2882
  }
2853
2883
 
2854
- .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2884
+ .e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
2885
+ .e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
2855
2886
  bottom: 1px;
2856
2887
  margin-right: 12px;
2857
2888
  }
2858
2889
 
2859
- .e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
2890
+ .e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
2891
+ .e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
2860
2892
  bottom: 1px;
2861
2893
  margin-right: 12px;
2862
2894
  }
@@ -2911,6 +2943,7 @@ ejs-dropdownlist {
2911
2943
  font-size: 14px;
2912
2944
  }
2913
2945
 
2946
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
2914
2947
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
2915
2948
  font-size: 13px;
2916
2949
  line-height: 48px;
@@ -2925,6 +2958,7 @@ ejs-dropdownlist {
2925
2958
  vertical-align: middle;
2926
2959
  }
2927
2960
 
2961
+ .e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
2928
2962
  .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
2929
2963
  bottom: 1px;
2930
2964
  margin-right: 12px;
@@ -2964,7 +2998,7 @@ ejs-dropdownlist {
2964
2998
  padding: 8px;
2965
2999
  }
2966
3000
 
2967
- .e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
3001
+ .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
2968
3002
  .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
2969
3003
  padding: 4px 0;
2970
3004
  }
@@ -3010,6 +3044,7 @@ ejs-multiselect {
3010
3044
  display: block;
3011
3045
  }
3012
3046
 
3047
+ .e-small.e-multi-select-list-wrapper .e-selectall-parent,
3013
3048
  .e-small .e-multi-select-list-wrapper .e-selectall-parent {
3014
3049
  line-height: 26px;
3015
3050
  }
@@ -3038,6 +3073,7 @@ ejs-multiselect {
3038
3073
  margin-top: -2.5em;
3039
3074
  }
3040
3075
 
3076
+ .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
3041
3077
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
3042
3078
  line-height: 40px;
3043
3079
  }
@@ -3779,7 +3815,7 @@ ejs-multiselect {
3779
3815
  background-color: #757575;
3780
3816
  }
3781
3817
 
3782
- .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
3818
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
3783
3819
  background-color: #757575;
3784
3820
  }
3785
3821
 
@@ -3808,7 +3844,7 @@ ejs-multiselect {
3808
3844
  height: 24px;
3809
3845
  }
3810
3846
 
3811
- .e-multi-select-wrapper .e-chips:hover {
3847
+ .e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
3812
3848
  background-color: #eee;
3813
3849
  }
3814
3850
 
@@ -3895,16 +3931,16 @@ ejs-multiselect {
3895
3931
 
3896
3932
  .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
3897
3933
  background-color: #e0e0e0;
3898
- border: 1px solid transparent;
3899
3934
  box-shadow: none;
3900
3935
  color: #e3165b;
3936
+ border: 1px solid transparent;
3901
3937
  }
3902
3938
 
3903
3939
  .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
3904
3940
  background-color: #e0e0e0;
3905
- border: 1px solid transparent;
3906
3941
  box-shadow: none;
3907
3942
  color: #e3165b;
3943
+ border: 1px solid transparent;
3908
3944
  }
3909
3945
 
3910
3946
  .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -4235,8 +4271,8 @@ ejs-multiselect {
4235
4271
  border-top: 1px solid;
4236
4272
  font-weight: 600;
4237
4273
  height: 36px;
4238
- line-height: 36px;
4239
- padding: 0 16px;
4274
+ line-height: 16px;
4275
+ padding: 11px 16px;
4240
4276
  }
4241
4277
 
4242
4278
  .e-listbox-wrapper .e-icon-collapsible,
@@ -4443,7 +4479,7 @@ ejs-listbox {
4443
4479
  overflow: inherit;
4444
4480
  }
4445
4481
 
4446
- .e-listbox-wrapper.e-filter-list.e-list-parent {
4482
+ .e-listbox-wrapper.e-filter-list .e-list-parent {
4447
4483
  overflow: auto;
4448
4484
  }
4449
4485
 
@@ -4607,7 +4643,7 @@ ejs-listbox {
4607
4643
  .e-bigger .e-listbox-container .e-list-group-item,
4608
4644
  .e-listbox-container.e-bigger .e-list-group-item {
4609
4645
  height: 48px;
4610
- line-height: 45px;
4646
+ line-height: 25px;
4611
4647
  }
4612
4648
 
4613
4649
  .e-bigger .e-listbox-wrapper .e-list-header,
@@ -4683,16 +4719,6 @@ ejs-listbox {
4683
4719
  height: calc(100% - 47px);
4684
4720
  }
4685
4721
 
4686
- .e-listbox-wrapper.e-select-all .e-list-parent,
4687
- .e-listbox-container.e-select-all .e-list-parent {
4688
- height: calc(100% - 36px);
4689
- }
4690
-
4691
- .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
4692
- .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
4693
- height: calc(100% - 79px);
4694
- }
4695
-
4696
4722
  .e-listbox-wrapper .e-icons,
4697
4723
  .e-listbox-container .e-icons {
4698
4724
  color: rgba(0, 0, 0, 0.54);
@@ -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 {