@syncfusion/ej2-angular-dropdowns 19.4.56 → 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 (116) hide show
  1. package/CHANGELOG.md +0 -80
  2. package/dist/ej2-angular-dropdowns.umd.js +1 -1
  3. package/dist/ej2-angular-dropdowns.umd.min.js +1 -1
  4. package/package.json +8 -8
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/auto-complete/bootstrap5-dark.css +7 -0
  9. package/styles/auto-complete/bootstrap5.css +7 -0
  10. package/styles/auto-complete/fluent-dark.css +132 -0
  11. package/styles/auto-complete/fluent-dark.scss +1 -0
  12. package/styles/auto-complete/fluent.css +132 -0
  13. package/styles/auto-complete/fluent.scss +1 -0
  14. package/styles/auto-complete/tailwind-dark.css +1 -57
  15. package/styles/auto-complete/tailwind.css +1 -57
  16. package/styles/bootstrap-dark.css +56 -30
  17. package/styles/bootstrap.css +56 -30
  18. package/styles/bootstrap4.css +56 -30
  19. package/styles/bootstrap5-dark.css +116 -40
  20. package/styles/bootstrap5.css +116 -40
  21. package/styles/combo-box/bootstrap5-dark.css +7 -0
  22. package/styles/combo-box/bootstrap5.css +7 -0
  23. package/styles/combo-box/fluent-dark.css +132 -0
  24. package/styles/combo-box/fluent-dark.scss +1 -0
  25. package/styles/combo-box/fluent.css +132 -0
  26. package/styles/combo-box/fluent.scss +1 -0
  27. package/styles/combo-box/tailwind-dark.css +1 -57
  28. package/styles/combo-box/tailwind.css +1 -57
  29. package/styles/drop-down-base/bootstrap-dark.css +7 -2
  30. package/styles/drop-down-base/bootstrap.css +7 -2
  31. package/styles/drop-down-base/bootstrap4.css +7 -2
  32. package/styles/drop-down-base/bootstrap5-dark.css +12 -3
  33. package/styles/drop-down-base/bootstrap5.css +12 -3
  34. package/styles/drop-down-base/fabric-dark.css +7 -2
  35. package/styles/drop-down-base/fabric.css +7 -2
  36. package/styles/drop-down-base/fluent-dark.css +397 -0
  37. package/styles/drop-down-base/fluent-dark.scss +1 -0
  38. package/styles/drop-down-base/fluent.css +397 -0
  39. package/styles/drop-down-base/fluent.scss +1 -0
  40. package/styles/drop-down-base/highcontrast-light.css +7 -2
  41. package/styles/drop-down-base/highcontrast.css +7 -2
  42. package/styles/drop-down-base/material-dark.css +7 -2
  43. package/styles/drop-down-base/material.css +7 -2
  44. package/styles/drop-down-base/tailwind-dark.css +103 -14
  45. package/styles/drop-down-base/tailwind.css +103 -14
  46. package/styles/drop-down-list/bootstrap-dark.css +28 -6
  47. package/styles/drop-down-list/bootstrap.css +28 -6
  48. package/styles/drop-down-list/bootstrap4.css +28 -6
  49. package/styles/drop-down-list/bootstrap5-dark.css +35 -6
  50. package/styles/drop-down-list/bootstrap5.css +35 -6
  51. package/styles/drop-down-list/fabric-dark.css +28 -6
  52. package/styles/drop-down-list/fabric.css +28 -6
  53. package/styles/drop-down-list/fluent-dark.css +447 -0
  54. package/styles/drop-down-list/fluent-dark.scss +1 -0
  55. package/styles/drop-down-list/fluent.css +447 -0
  56. package/styles/drop-down-list/fluent.scss +1 -0
  57. package/styles/drop-down-list/highcontrast-light.css +28 -6
  58. package/styles/drop-down-list/highcontrast.css +28 -6
  59. package/styles/drop-down-list/material-dark.css +28 -6
  60. package/styles/drop-down-list/material.css +28 -6
  61. package/styles/drop-down-list/tailwind-dark.css +20 -95
  62. package/styles/drop-down-list/tailwind.css +20 -95
  63. package/styles/drop-down-tree/bootstrap5-dark.css +6 -2
  64. package/styles/drop-down-tree/bootstrap5.css +6 -2
  65. package/styles/drop-down-tree/fluent-dark.css +599 -0
  66. package/styles/drop-down-tree/fluent-dark.scss +1 -0
  67. package/styles/drop-down-tree/fluent.css +599 -0
  68. package/styles/drop-down-tree/fluent.scss +1 -0
  69. package/styles/drop-down-tree/tailwind-dark.css +15 -6
  70. package/styles/drop-down-tree/tailwind.css +15 -6
  71. package/styles/fabric-dark.css +56 -30
  72. package/styles/fabric.css +56 -30
  73. package/styles/fluent-dark.css +3602 -0
  74. package/styles/fluent-dark.scss +7 -0
  75. package/styles/fluent.css +3602 -0
  76. package/styles/fluent.scss +7 -0
  77. package/styles/highcontrast-light.css +58 -31
  78. package/styles/highcontrast.css +58 -31
  79. package/styles/list-box/bootstrap-dark.css +2 -12
  80. package/styles/list-box/bootstrap.css +2 -12
  81. package/styles/list-box/bootstrap4.css +2 -12
  82. package/styles/list-box/bootstrap5-dark.css +5 -15
  83. package/styles/list-box/bootstrap5.css +5 -15
  84. package/styles/list-box/fabric-dark.css +2 -12
  85. package/styles/list-box/fabric.css +2 -12
  86. package/styles/list-box/fluent-dark.css +895 -0
  87. package/styles/list-box/fluent-dark.scss +1 -0
  88. package/styles/list-box/fluent.css +895 -0
  89. package/styles/list-box/fluent.scss +1 -0
  90. package/styles/list-box/highcontrast-light.css +2 -12
  91. package/styles/list-box/highcontrast.css +2 -12
  92. package/styles/list-box/material-dark.css +4 -14
  93. package/styles/list-box/material.css +4 -14
  94. package/styles/list-box/tailwind-dark.css +17 -24
  95. package/styles/list-box/tailwind.css +17 -24
  96. package/styles/material-dark.css +58 -32
  97. package/styles/material.css +58 -32
  98. package/styles/multi-select/bootstrap-dark.css +19 -10
  99. package/styles/multi-select/bootstrap.css +19 -10
  100. package/styles/multi-select/bootstrap4.css +19 -10
  101. package/styles/multi-select/bootstrap5-dark.css +58 -14
  102. package/styles/multi-select/bootstrap5.css +58 -14
  103. package/styles/multi-select/fabric-dark.css +19 -10
  104. package/styles/multi-select/fabric.css +19 -10
  105. package/styles/multi-select/fluent-dark.css +1416 -0
  106. package/styles/multi-select/fluent-dark.scss +1 -0
  107. package/styles/multi-select/fluent.css +1416 -0
  108. package/styles/multi-select/fluent.scss +1 -0
  109. package/styles/multi-select/highcontrast-light.css +21 -11
  110. package/styles/multi-select/highcontrast.css +21 -11
  111. package/styles/multi-select/material-dark.css +19 -10
  112. package/styles/multi-select/material.css +19 -10
  113. package/styles/multi-select/tailwind-dark.css +166 -126
  114. package/styles/multi-select/tailwind.css +166 -126
  115. package/styles/tailwind-dark.css +297 -253
  116. package/styles/tailwind.css +297 -253
@@ -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 {
@@ -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: #d0d0d0;
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: #dadada;
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: #eaeaea;
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: #d1ebff;
1179
- border: 1px solid #666;
1180
1188
  box-shadow: none;
1181
1189
  color: #333;
1190
+ border: 1px solid #666;
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: #d1ebff;
1186
- border: 1px solid #666;
1187
1195
  box-shadow: none;
1188
1196
  color: #333;
1197
+ border: 1px solid #666;
1189
1198
  }
1190
1199
 
1191
1200
  .e-popup.e-multi-select-list-wrapper .e-list-item {