@syncfusion/ej2-dropdowns 19.4.40 → 19.4.48

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 (117) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +87 -34
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +88 -34
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -12
  13. package/src/combo-box/combo-box.js +2 -2
  14. package/src/common/incremental-search.d.ts +1 -1
  15. package/src/common/incremental-search.js +1 -1
  16. package/src/drop-down-base/drop-down-base.js +15 -2
  17. package/src/drop-down-list/drop-down-list.js +1 -1
  18. package/src/list-box/list-box.d.ts +0 -4
  19. package/src/list-box/list-box.js +0 -3
  20. package/src/multi-select/multi-select-model.d.ts +1 -1
  21. package/src/multi-select/multi-select.d.ts +2 -0
  22. package/src/multi-select/multi-select.js +69 -25
  23. package/styles/auto-complete/_fluent-definition.scss +2 -0
  24. package/styles/auto-complete/bootstrap5-dark.css +0 -1
  25. package/styles/auto-complete/bootstrap5.css +0 -1
  26. package/styles/bootstrap-dark.css +21 -3
  27. package/styles/bootstrap.css +21 -3
  28. package/styles/bootstrap4.css +21 -3
  29. package/styles/bootstrap5-dark.css +33 -9
  30. package/styles/bootstrap5.css +33 -9
  31. package/styles/combo-box/_fluent-definition.scss +2 -0
  32. package/styles/combo-box/bootstrap5-dark.css +0 -1
  33. package/styles/combo-box/bootstrap5.css +0 -1
  34. package/styles/drop-down-base/_fluent-definition.scss +109 -0
  35. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -1
  36. package/styles/drop-down-list/_fluent-definition.scss +193 -0
  37. package/styles/drop-down-list/bootstrap5-dark.css +0 -1
  38. package/styles/drop-down-list/bootstrap5.css +0 -1
  39. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -1
  40. package/styles/drop-down-list/icons/_fluent.scss +14 -0
  41. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -58
  42. package/styles/drop-down-tree/_fluent-definition.scss +71 -0
  43. package/styles/drop-down-tree/_layout.scss +12 -4
  44. package/styles/drop-down-tree/_tailwind-definition.scss +1 -0
  45. package/styles/drop-down-tree/bootstrap5-dark.css +11 -4
  46. package/styles/drop-down-tree/bootstrap5.css +11 -4
  47. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  48. package/styles/drop-down-tree/icons/_fluent.scss +11 -0
  49. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  50. package/styles/drop-down-tree/tailwind-dark.css +1 -0
  51. package/styles/drop-down-tree/tailwind.css +1 -0
  52. package/styles/fabric-dark.css +21 -3
  53. package/styles/fabric.css +21 -3
  54. package/styles/highcontrast-light.css +21 -3
  55. package/styles/highcontrast.css +21 -3
  56. package/styles/list-box/_bootstrap-dark-definition.scss +3 -0
  57. package/styles/list-box/_bootstrap-definition.scss +3 -0
  58. package/styles/list-box/_bootstrap4-definition.scss +3 -0
  59. package/styles/list-box/_bootstrap5-definition.scss +5 -2
  60. package/styles/list-box/_fabric-dark-definition.scss +3 -0
  61. package/styles/list-box/_fabric-definition.scss +3 -0
  62. package/styles/list-box/_fluent-definition.scss +118 -0
  63. package/styles/list-box/_highcontrast-definition.scss +3 -0
  64. package/styles/list-box/_highcontrast-light-definition.scss +3 -0
  65. package/styles/list-box/_layout.scss +1 -6
  66. package/styles/list-box/_material-dark-definition.scss +3 -0
  67. package/styles/list-box/_material-definition.scss +3 -0
  68. package/styles/list-box/_tailwind-definition.scss +3 -0
  69. package/styles/list-box/_theme.scss +8 -0
  70. package/styles/list-box/bootstrap-dark.css +10 -0
  71. package/styles/list-box/bootstrap.css +10 -0
  72. package/styles/list-box/bootstrap4.css +10 -0
  73. package/styles/list-box/bootstrap5-dark.css +11 -1
  74. package/styles/list-box/bootstrap5.css +11 -1
  75. package/styles/list-box/fabric-dark.css +10 -0
  76. package/styles/list-box/fabric.css +10 -0
  77. package/styles/list-box/highcontrast-light.css +10 -0
  78. package/styles/list-box/highcontrast.css +10 -0
  79. package/styles/list-box/icons/_fluent.scss +25 -0
  80. package/styles/list-box/icons/_tailwind-dark.scss +2 -2
  81. package/styles/list-box/material-dark.css +10 -0
  82. package/styles/list-box/material.css +10 -0
  83. package/styles/list-box/tailwind-dark.css +13 -3
  84. package/styles/list-box/tailwind.css +11 -1
  85. package/styles/material-dark.css +21 -97
  86. package/styles/material.css +21 -97
  87. package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
  88. package/styles/multi-select/_bootstrap-definition.scss +1 -0
  89. package/styles/multi-select/_bootstrap4-definition.scss +1 -0
  90. package/styles/multi-select/_bootstrap5-definition.scss +1 -0
  91. package/styles/multi-select/_fabric-dark-definition.scss +1 -0
  92. package/styles/multi-select/_fabric-definition.scss +1 -0
  93. package/styles/multi-select/_fluent-definition.scss +215 -0
  94. package/styles/multi-select/_highcontrast-definition.scss +1 -0
  95. package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
  96. package/styles/multi-select/_layout.scss +4 -119
  97. package/styles/multi-select/_material-dark-definition.scss +1 -22
  98. package/styles/multi-select/_material-definition.scss +1 -22
  99. package/styles/multi-select/_tailwind-definition.scss +1 -0
  100. package/styles/multi-select/_theme.scss +5 -0
  101. package/styles/multi-select/bootstrap-dark.css +11 -3
  102. package/styles/multi-select/bootstrap.css +11 -3
  103. package/styles/multi-select/bootstrap4.css +11 -3
  104. package/styles/multi-select/bootstrap5-dark.css +11 -3
  105. package/styles/multi-select/bootstrap5.css +11 -3
  106. package/styles/multi-select/fabric-dark.css +11 -3
  107. package/styles/multi-select/fabric.css +11 -3
  108. package/styles/multi-select/highcontrast-light.css +11 -3
  109. package/styles/multi-select/highcontrast.css +11 -3
  110. package/styles/multi-select/icons/_fluent.scss +27 -0
  111. package/styles/multi-select/material-dark.css +11 -97
  112. package/styles/multi-select/material.css +11 -97
  113. package/styles/multi-select/tailwind-dark.css +11 -3
  114. package/styles/multi-select/tailwind.css +11 -3
  115. package/styles/tailwind-dark.css +25 -6
  116. package/styles/tailwind.css +23 -4
  117. package/styles/_all.scss +0 -3
@@ -50,6 +50,14 @@
50
50
  height: $listbox-filter-height;
51
51
  }
52
52
 
53
+ &.e-select-all .e-list-parent {
54
+ height: $listbox-select-all-height;
55
+ }
56
+
57
+ &.e-filter-list.e-select-all .e-list-parent {
58
+ height: $listbox-filter-select-all-height;
59
+ }
60
+
53
61
  & .e-icons {
54
62
  @if $skin-name != 'bootstrap5' {
55
63
  color: $listview-icon-color;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 52px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 40px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 92px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #f0f0f0;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 52px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 40px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 92px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: rgba(0, 0, 0, 0.75);
@@ -675,6 +675,16 @@ ejs-listbox {
675
675
  height: calc(100% - 39px);
676
676
  }
677
677
 
678
+ .e-listbox-wrapper.e-select-all .e-list-parent,
679
+ .e-listbox-container.e-select-all .e-list-parent {
680
+ height: calc(100% - 40px);
681
+ }
682
+
683
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
684
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
685
+ height: calc(100% - 79px);
686
+ }
687
+
678
688
  .e-listbox-wrapper .e-icons,
679
689
  .e-listbox-container .e-icons {
680
690
  color: #212529;
@@ -634,6 +634,16 @@ ejs-listbox {
634
634
  height: calc(100% - 47px);
635
635
  }
636
636
 
637
+ .e-listbox-wrapper.e-select-all .e-list-parent,
638
+ .e-listbox-container.e-select-all .e-list-parent {
639
+ height: calc(100% - 36px);
640
+ }
641
+
642
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
643
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
644
+ height: calc(100% - 86px);
645
+ }
646
+
637
647
  .e-listbox-wrapper .e-list-item,
638
648
  .e-listbox-container .e-list-item {
639
649
  background-color: transparent;
@@ -686,7 +696,7 @@ ejs-listbox {
686
696
  .e-listbox-container .e-list-group-item {
687
697
  background-color: #343a40;
688
698
  border-color: rgba(0, 0, 0, 0.12);
689
- color: #7b848d;
699
+ color: #000;
690
700
  font-size: 12px;
691
701
  }
692
702
 
@@ -634,6 +634,16 @@ ejs-listbox {
634
634
  height: calc(100% - 47px);
635
635
  }
636
636
 
637
+ .e-listbox-wrapper.e-select-all .e-list-parent,
638
+ .e-listbox-container.e-select-all .e-list-parent {
639
+ height: calc(100% - 36px);
640
+ }
641
+
642
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
643
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
644
+ height: calc(100% - 86px);
645
+ }
646
+
637
647
  .e-listbox-wrapper .e-list-item,
638
648
  .e-listbox-container .e-list-item {
639
649
  background-color: transparent;
@@ -686,7 +696,7 @@ ejs-listbox {
686
696
  .e-listbox-container .e-list-group-item {
687
697
  background-color: #e9ecef;
688
698
  border-color: rgba(0, 0, 0, 0.12);
689
- color: #6c757d;
699
+ color: #000;
690
700
  font-size: 12px;
691
701
  }
692
702
 
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 51px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 87px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #dadada;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 51px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 87px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #333;
@@ -627,6 +627,16 @@ ejs-listbox {
627
627
  height: calc(100% - 51px);
628
628
  }
629
629
 
630
+ .e-listbox-wrapper.e-select-all .e-list-parent,
631
+ .e-listbox-container.e-select-all .e-list-parent {
632
+ height: calc(100% - 36px);
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
636
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
637
+ height: calc(100% - 87px);
638
+ }
639
+
630
640
  .e-listbox-wrapper .e-icons,
631
641
  .e-listbox-container .e-icons {
632
642
  color: #000;
@@ -627,6 +627,16 @@ ejs-listbox {
627
627
  height: calc(100% - 51px);
628
628
  }
629
629
 
630
+ .e-listbox-wrapper.e-select-all .e-list-parent,
631
+ .e-listbox-container.e-select-all .e-list-parent {
632
+ height: calc(100% - 36px);
633
+ }
634
+
635
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
636
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
637
+ height: calc(100% - 87px);
638
+ }
639
+
630
640
  .e-listbox-wrapper .e-icons,
631
641
  .e-listbox-container .e-icons {
632
642
  color: #fff;
@@ -0,0 +1,25 @@
1
+ @include export-module('list-box-fluent-icons') {
2
+ .e-listbox-tool .e-moveup::before {
3
+ content: '\e776';
4
+ }
5
+
6
+ .e-listbox-tool .e-movedown::before {
7
+ content: '\e729';
8
+ }
9
+
10
+ .e-listbox-tool .e-moveto::before {
11
+ content: '\e748';
12
+ }
13
+
14
+ .e-listbox-tool .e-movefrom::before {
15
+ content: '\e765';
16
+ }
17
+
18
+ .e-listbox-tool .e-moveallto::before {
19
+ content: '\e7a9';
20
+ }
21
+
22
+ .e-listbox-tool .e-moveallfrom::before {
23
+ content: '\e744';
24
+ }
25
+ }
@@ -4,11 +4,11 @@
4
4
  }
5
5
 
6
6
  .e-listbox-tool .e-movedown::before {
7
- content: '\e652';
7
+ content: '\e706';
8
8
  }
9
9
 
10
10
  .e-listbox-tool .e-moveto::before {
11
- content: '\e706';
11
+ content: '\e7b7';
12
12
  }
13
13
 
14
14
  .e-listbox-tool .e-movefrom::before {
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 47px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 79px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: #fff;
@@ -608,6 +608,16 @@ ejs-listbox {
608
608
  height: calc(100% - 47px);
609
609
  }
610
610
 
611
+ .e-listbox-wrapper.e-select-all .e-list-parent,
612
+ .e-listbox-container.e-select-all .e-list-parent {
613
+ height: calc(100% - 36px);
614
+ }
615
+
616
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
617
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
618
+ height: calc(100% - 79px);
619
+ }
620
+
611
621
  .e-listbox-wrapper .e-icons,
612
622
  .e-listbox-container .e-icons {
613
623
  color: rgba(0, 0, 0, 0.54);
@@ -49,11 +49,11 @@
49
49
  }
50
50
 
51
51
  .e-listbox-tool .e-movedown::before {
52
- content: '\e652';
52
+ content: '\e706';
53
53
  }
54
54
 
55
55
  .e-listbox-tool .e-moveto::before {
56
- content: '\e706';
56
+ content: '\e7b7';
57
57
  }
58
58
 
59
59
  .e-listbox-tool .e-movefrom::before {
@@ -565,7 +565,7 @@ ejs-listbox {
565
565
  .e-bigger .e-listbox-container .e-list-group-item,
566
566
  .e-listbox-container.e-bigger .e-list-group-item {
567
567
  height: 38px;
568
- line-height: 14px;
568
+ line-height: 35px;
569
569
  }
570
570
 
571
571
  .e-bigger .e-listbox-wrapper .e-list-header,
@@ -653,6 +653,16 @@ ejs-listbox {
653
653
  height: calc(100% - 47px);
654
654
  }
655
655
 
656
+ .e-listbox-wrapper.e-select-all .e-list-parent,
657
+ .e-listbox-container.e-select-all .e-list-parent {
658
+ height: calc(100% - 38px);
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
662
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
663
+ height: calc(100% - 76px);
664
+ }
665
+
656
666
  .e-listbox-wrapper .e-icons,
657
667
  .e-listbox-container .e-icons {
658
668
  color: #d1d5db;
@@ -565,7 +565,7 @@ ejs-listbox {
565
565
  .e-bigger .e-listbox-container .e-list-group-item,
566
566
  .e-listbox-container.e-bigger .e-list-group-item {
567
567
  height: 38px;
568
- line-height: 14px;
568
+ line-height: 35px;
569
569
  }
570
570
 
571
571
  .e-bigger .e-listbox-wrapper .e-list-header,
@@ -653,6 +653,16 @@ ejs-listbox {
653
653
  height: calc(100% - 47px);
654
654
  }
655
655
 
656
+ .e-listbox-wrapper.e-select-all .e-list-parent,
657
+ .e-listbox-container.e-select-all .e-list-parent {
658
+ height: calc(100% - 38px);
659
+ }
660
+
661
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
662
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
663
+ height: calc(100% - 76px);
664
+ }
665
+
656
666
  .e-listbox-wrapper .e-icons,
657
667
  .e-listbox-container .e-icons {
658
668
  color: #6b7280;
@@ -2281,11 +2281,13 @@ ejs-dropdownlist {
2281
2281
  padding: 12px 4px 11px 0;
2282
2282
  }
2283
2283
 
2284
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
2284
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
2285
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2285
2286
  width: 0;
2286
2287
  }
2287
2288
 
2288
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
2289
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
2290
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
2289
2291
  height: 1px;
2290
2292
  min-height: 1px;
2291
2293
  }
@@ -2415,7 +2417,8 @@ ejs-dropdownlist {
2415
2417
  word-wrap: initial;
2416
2418
  }
2417
2419
 
2418
- .e-multiselect.e-input-group .e-searcher .e-label-top {
2420
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
2421
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
2419
2422
  top: 15px;
2420
2423
  }
2421
2424
 
@@ -3091,100 +3094,6 @@ ejs-multiselect {
3091
3094
  padding: 3px 38px 1px 0;
3092
3095
  }
3093
3096
 
3094
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3095
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3096
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3097
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3098
- margin-top: -1.6em;
3099
- }
3100
-
3101
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3102
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3103
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3104
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3105
- margin-top: -2.8em;
3106
- right: 36px;
3107
- }
3108
-
3109
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3110
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3111
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3112
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3113
- margin-top: -1.4em;
3114
- }
3115
-
3116
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3117
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3118
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3119
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3120
- margin-right: 6px;
3121
- margin-top: -1.6em;
3122
- }
3123
-
3124
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3125
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3126
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3127
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3128
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3129
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3130
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3131
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3132
- margin-top: -3em;
3133
- right: 43px;
3134
- }
3135
-
3136
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3137
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3138
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3139
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3140
- margin-top: -1.4em;
3141
- }
3142
-
3143
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3144
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3145
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3146
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3147
- margin-top: -1.6em;
3148
- }
3149
-
3150
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3151
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3152
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3153
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3154
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3155
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3156
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3157
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3158
- margin-top: -2.6em;
3159
- right: 31px;
3160
- }
3161
-
3162
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3163
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3164
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3165
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3166
- margin-right: 6px;
3167
- margin-top: -1.7em;
3168
- }
3169
-
3170
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3171
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3172
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3173
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3174
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3175
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3176
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3177
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3178
- margin-top: -1.7em;
3179
- right: 36px;
3180
- }
3181
-
3182
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3183
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3184
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
3185
- padding: 11px 12px 0;
3186
- }
3187
-
3188
3097
  .e-multiselect.e-outline .e-multi-select-wrapper {
3189
3098
  min-height: 34px;
3190
3099
  padding: 3px 38px 1px 0;
@@ -4071,6 +3980,11 @@ ejs-multiselect {
4071
3980
  color: rgba(0, 0, 0, 0.38);
4072
3981
  }
4073
3982
 
3983
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
3984
+ -webkit-text-fill-color: rgba(255, 255, 255, 0.3);
3985
+ color: rgba(255, 255, 255, 0.3);
3986
+ }
3987
+
4074
3988
  .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
4075
3989
  background-color: #f5f5f5;
4076
3990
  }
@@ -4695,6 +4609,16 @@ ejs-listbox {
4695
4609
  height: calc(100% - 47px);
4696
4610
  }
4697
4611
 
4612
+ .e-listbox-wrapper.e-select-all .e-list-parent,
4613
+ .e-listbox-container.e-select-all .e-list-parent {
4614
+ height: calc(100% - 36px);
4615
+ }
4616
+
4617
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
4618
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
4619
+ height: calc(100% - 79px);
4620
+ }
4621
+
4698
4622
  .e-listbox-wrapper .e-icons,
4699
4623
  .e-listbox-container .e-icons {
4700
4624
  color: #fff;
@@ -2342,11 +2342,13 @@ ejs-dropdownlist {
2342
2342
  padding: 12px 4px 11px 0;
2343
2343
  }
2344
2344
 
2345
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
2345
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
2346
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
2346
2347
  width: 0;
2347
2348
  }
2348
2349
 
2349
- .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
2350
+ .e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
2351
+ .e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
2350
2352
  height: 1px;
2351
2353
  min-height: 1px;
2352
2354
  }
@@ -2476,7 +2478,8 @@ ejs-dropdownlist {
2476
2478
  word-wrap: initial;
2477
2479
  }
2478
2480
 
2479
- .e-multiselect.e-input-group .e-searcher .e-label-top {
2481
+ .e-multiselect.e-input-group .e-searcher .e-label-top,
2482
+ .e-multiselect.e-input-group .e-multi-searcher .e-label-top {
2480
2483
  top: 15px;
2481
2484
  }
2482
2485
 
@@ -3152,100 +3155,6 @@ ejs-multiselect {
3152
3155
  padding: 3px 38px 1px 0;
3153
3156
  }
3154
3157
 
3155
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3156
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3157
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3158
- .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3159
- margin-top: -1.6em;
3160
- }
3161
-
3162
- .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3163
- .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3164
- .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3165
- .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3166
- margin-top: -2.8em;
3167
- right: 36px;
3168
- }
3169
-
3170
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3171
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3172
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3173
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3174
- margin-top: -1.4em;
3175
- }
3176
-
3177
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3178
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3179
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3180
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3181
- margin-right: 6px;
3182
- margin-top: -1.6em;
3183
- }
3184
-
3185
- .e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3186
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3187
- .e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3188
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3189
- .e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3190
- .e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3191
- .e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3192
- .e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3193
- margin-top: -3em;
3194
- right: 43px;
3195
- }
3196
-
3197
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3198
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3199
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3200
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3201
- margin-top: -1.4em;
3202
- }
3203
-
3204
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3205
- .e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3206
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3207
- .e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3208
- margin-top: -1.6em;
3209
- }
3210
-
3211
- .e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3212
- .e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3213
- .e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3214
- .e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3215
- .e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3216
- .e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3217
- .e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3218
- .e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3219
- margin-top: -2.6em;
3220
- right: 31px;
3221
- }
3222
-
3223
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3224
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3225
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
3226
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
3227
- margin-right: 6px;
3228
- margin-top: -1.7em;
3229
- }
3230
-
3231
- .e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3232
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3233
- .e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3234
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3235
- .e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3236
- .e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3237
- .e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
3238
- .e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
3239
- margin-top: -1.7em;
3240
- right: 36px;
3241
- }
3242
-
3243
- .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3244
- .e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
3245
- .e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
3246
- padding: 11px 12px 0;
3247
- }
3248
-
3249
3158
  .e-multiselect.e-outline .e-multi-select-wrapper {
3250
3159
  min-height: 34px;
3251
3160
  padding: 3px 38px 1px 0;
@@ -4132,6 +4041,11 @@ ejs-multiselect {
4132
4041
  color: rgba(0, 0, 0, 0.38);
4133
4042
  }
4134
4043
 
4044
+ .e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
4045
+ -webkit-text-fill-color: rgba(0, 0, 0, 0.42);
4046
+ color: rgba(0, 0, 0, 0.42);
4047
+ }
4048
+
4135
4049
  .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
4136
4050
  background-color: #f5f5f5;
4137
4051
  }
@@ -4756,6 +4670,16 @@ ejs-listbox {
4756
4670
  height: calc(100% - 47px);
4757
4671
  }
4758
4672
 
4673
+ .e-listbox-wrapper.e-select-all .e-list-parent,
4674
+ .e-listbox-container.e-select-all .e-list-parent {
4675
+ height: calc(100% - 36px);
4676
+ }
4677
+
4678
+ .e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
4679
+ .e-listbox-container.e-filter-list.e-select-all .e-list-parent {
4680
+ height: calc(100% - 79px);
4681
+ }
4682
+
4759
4683
  .e-listbox-wrapper .e-icons,
4760
4684
  .e-listbox-container .e-icons {
4761
4685
  color: rgba(0, 0, 0, 0.54);
@@ -129,6 +129,7 @@ $ddl-multiselect-group-checkbox-wrapper-padding-left: 14px !default;
129
129
  $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
130
130
  $ddl-multiselect-group-list-group-item-rtl-padding-right: 20px !default;
131
131
  $ddl-multiselect-label-position: 17px !default;
132
+ $multiselect-disable-font-color: $grey-dd !default;
132
133
  // Small size
133
134
  $ddl-select-all-height-small: 22px !default;
134
135
  $ddl-small-chip-height: 22px !default;
@@ -127,6 +127,7 @@ $ddl-multiselect-group-checkbox-wrapper-padding-left: 14px !default;
127
127
  $ddl-bigger-multiselect-group-checkbox-wrapper-padding-left: 20px !default;
128
128
  $ddl-multiselect-group-list-group-item-rtl-padding-right: 20px !default;
129
129
  $ddl-multiselect-label-position: 16px !default;
130
+ $multiselect-disable-font-color: $grey-99 !default;
130
131
  // Small size
131
132
  $ddl-select-all-height-small: 22px !default;
132
133
  $ddl-small-chip-height: 22px !default;