@syncfusion/ej2-angular-dropdowns 19.4.40 → 19.4.48

package/styles/multi-select/material.css

@@ -676,11 +676,13 @@
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -810,7 +812,8 @@
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -1486,100 +1489,6 @@ ejs-multiselect {
   padding: 3px 38px 1px 0;
 }
 
-.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.e-multiselect.e-control-container.e-input-group.e-control-wrapper.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon {
-  margin-top: -1.6em;
-}
-
-.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -2.8em;
-  right: 36px;
-}
-
-.e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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,
-.e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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 {
-  margin-top: -1.4em;
-}
-
-.e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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,
-.e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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 {
-  margin-right: 6px;
-  margin-top: -1.6em;
-}
-
-.e-bigger .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -3em;
-  right: 43px;
-}
-
-.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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,
-.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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 {
-  margin-top: -1.4em;
-}
-
-.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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,
-.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper .e-input-group-icon.e-ddl-icon,
-.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 {
-  margin-top: -1.6em;
-}
-
-.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -2.6em;
-  right: 31px;
-}
-
-.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,
-.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,
-.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,
-.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 {
-  margin-right: 6px;
-  margin-top: -1.7em;
-}
-
-.e-bigger.e-small .e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small.e-multiselect.e-control-container.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-outline .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small .e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small .e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small.e-multiselect.e-control-container.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon,
-.e-bigger.e-small.e-multiselect.e-control-container.e-input-group.e-filled .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-  margin-top: -1.7em;
-  right: 36px;
-}
-
-.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
-.e-bigger.e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon,
-.e-bigger .e-multiselect.e-control-container.e-float-input.e-filled .e-multi-select-wrapper.e-down-icon {
-  padding: 11px 12px 0;
-}
-
 .e-multiselect.e-outline .e-multi-select-wrapper {
   min-height: 34px;
   padding: 3px 38px 1px 0;
@@ -2466,6 +2375,11 @@ ejs-multiselect {
   color: rgba(0, 0, 0, 0.38);
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: rgba(0, 0, 0, 0.42);
+  color: rgba(0, 0, 0, 0.42);
+}
+
 .e-multiselect.e-outline.e-disabled .e-multi-select-wrapper .e-chips {
   background-color: #f5f5f5;
 }

package/styles/multi-select/tailwind-dark.css

@@ -165,11 +165,13 @@
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -299,7 +301,8 @@
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -1283,3 +1286,8 @@ ejs-multiselect {
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
   font-size: 16px;
 }
+
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #6b7280;
+  color: #6b7280;
+}

package/styles/multi-select/tailwind.css

@@ -165,11 +165,13 @@
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -299,7 +301,8 @@
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -1283,3 +1286,8 @@ ejs-multiselect {
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
   font-size: 16px;
 }
+
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #9ca3af;
+  color: #9ca3af;
+}

package/styles/tailwind-dark.css

@@ -892,6 +892,7 @@ ejs-dropdownlist {
 }
 
 .e-ddt.e-show-chip .e-chips-close {
+  line-height: 10px;
   min-height: 16px;
   min-width: 16px;
   text-align: center;
@@ -1494,11 +1495,13 @@ ejs-dropdownlist {
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1628,7 +1631,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -2613,16 +2617,21 @@ ejs-multiselect {
   font-size: 16px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #6b7280;
+  color: #6b7280;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e752';
 }
 
 .e-listbox-tool .e-movedown::before {
-  content: '\e652';
+  content: '\e706';
 }
 
 .e-listbox-tool .e-moveto::before {
-  content: '\e706';
+  content: '\e7b7';
 }
 
 .e-listbox-tool .e-movefrom::before {
@@ -3134,7 +3143,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 38px;
-  line-height: 14px;
+  line-height: 35px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -3222,6 +3231,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 38px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 76px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #d1d5db;

package/styles/tailwind.css

@@ -892,6 +892,7 @@ ejs-dropdownlist {
 }
 
 .e-ddt.e-show-chip .e-chips-close {
+  line-height: 10px;
   min-height: 16px;
   min-width: 16px;
   text-align: center;
@@ -1494,11 +1495,13 @@ ejs-dropdownlist {
   padding: 12px 4px 11px 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box),
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) {
   width: 0;
 }
 
-.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
+.e-multi-select-wrapper .e-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'],
+.e-multi-select-wrapper .e-multi-searcher.e-zero-size:not(.e-multiselect-box) input[type='text'] {
   height: 1px;
   min-height: 1px;
 }
@@ -1628,7 +1631,8 @@ ejs-dropdownlist {
   word-wrap: initial;
 }
 
-.e-multiselect.e-input-group .e-searcher .e-label-top {
+.e-multiselect.e-input-group .e-searcher .e-label-top,
+.e-multiselect.e-input-group .e-multi-searcher .e-label-top {
   top: 15px;
 }
 
@@ -2613,6 +2617,11 @@ ejs-multiselect {
   font-size: 16px;
 }
 
+.e-multiselect.e-disabled .e-multi-select-wrapper .e-delim-values {
+  -webkit-text-fill-color: #9ca3af;
+  color: #9ca3af;
+}
+
 .e-listbox-tool .e-moveup::before {
   content: '\e752';
 }
@@ -3134,7 +3143,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 38px;
-  line-height: 14px;
+  line-height: 35px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -3222,6 +3231,16 @@ ejs-listbox {
   height: calc(100% - 47px);
 }
 
+.e-listbox-wrapper.e-select-all .e-list-parent,
+.e-listbox-container.e-select-all .e-list-parent {
+  height: calc(100% - 38px);
+}
+
+.e-listbox-wrapper.e-filter-list.e-select-all .e-list-parent,
+.e-listbox-container.e-filter-list.e-select-all .e-list-parent {
+  height: calc(100% - 76px);
+}
+
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #6b7280;