@syncfusion/ej2-angular-dropdowns 19.4.55 → 20.1.50

package/styles/list-box/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-dropdowns/styles/list-box/fluent.scss';

package/styles/list-box/highcontrast-light.css

@@ -184,7 +184,7 @@
   font-weight: 600;
   height: 36px;
   line-height: 30px;
-  padding: 0 12px;
+  padding: 9px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -391,7 +391,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -631,16 +631,6 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
-.e-listbox-wrapper.e-select-all .e-list-parent,
-.e-listbox-container.e-select-all .e-list-parent {
-  height: calc(100% - 36px);
-}
-
-.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% - 87px);
-}
-
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #000;

package/styles/list-box/highcontrast.css

@@ -184,7 +184,7 @@
   font-weight: 600;
   height: 36px;
   line-height: 30px;
-  padding: 0 12px;
+  padding: 9px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -391,7 +391,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -631,16 +631,6 @@ ejs-listbox {
   height: calc(100% - 51px);
 }
 
-.e-listbox-wrapper.e-select-all .e-list-parent,
-.e-listbox-container.e-select-all .e-list-parent {
-  height: calc(100% - 36px);
-}
-
-.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% - 87px);
-}
-
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #fff;

package/styles/list-box/material-dark.css

@@ -164,8 +164,8 @@
   border-top: 1px solid;
   font-weight: 600;
   height: 36px;
-  line-height: 36px;
-  padding: 0 16px;
+  line-height: 16px;
+  padding: 11px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -372,7 +372,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -536,7 +536,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 48px;
-  line-height: 45px;
+  line-height: 25px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -612,16 +612,6 @@ 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% - 36px);
-}
-
-.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% - 79px);
-}
-
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #fff;

package/styles/list-box/material.css

@@ -164,8 +164,8 @@
   border-top: 1px solid;
   font-weight: 600;
   height: 36px;
-  line-height: 36px;
-  padding: 0 16px;
+  line-height: 16px;
+  padding: 11px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -372,7 +372,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -536,7 +536,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 48px;
-  line-height: 45px;
+  line-height: 25px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -612,16 +612,6 @@ 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% - 36px);
-}
-
-.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% - 79px);
-}
-
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: rgba(0, 0, 0, 0.54);

package/styles/list-box/tailwind-dark.css

@@ -35,37 +35,40 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 12px 0 0;
 }
 
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  padding: 0 4px 0 0;
 }
 
 .e-listbox-tool .e-moveup::before {
-  content: '\e752';
+  content: '\e776';
 }
 
 .e-listbox-tool .e-movedown::before {
-  content: '\e706';
+  content: '\e729';
 }
 
 .e-listbox-tool .e-moveto::before {
-  content: '\e7b7';
+  content: '\e748';
 }
 
 .e-listbox-tool .e-movefrom::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-listbox-tool .e-moveallto::before {
-  content: '\e751';
+  content: '\e7a9';
 }
 
 .e-listbox-tool .e-moveallfrom::before {
-  content: '\e78b';
+  content: '\e744';
 }
 
 .e-listbox-wrapper,
@@ -110,7 +113,7 @@
 .e-listbox-container .e-selectall-parent {
   height: 38px;
   line-height: 1;
-  padding: 12px 16px;
+  padding: 12px 12px;
   position: relative;
 }
 
@@ -197,8 +200,8 @@
   border-top: 1px solid;
   font-weight: 600;
   height: 30px;
-  line-height: 30px;
-  padding: 0 12px;
+  line-height: 7px;
+  padding: 12px 12px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -405,7 +408,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -569,7 +572,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: 35px;
+  line-height: 15px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -657,16 +660,6 @@ 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/list-box/tailwind.css

@@ -35,37 +35,40 @@
   padding: 0 8px 0 0;
 }
 
-.e-bigger .e-dropdownbase .e-list-item .e-list-icon,
-.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 12px 0 0;
 }
 
+.e-bigger.e-small .e-dropdownbase .e-list-item .e-list-icon {
+  padding: 0 8px 0 0;
+}
+
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  padding: 0 4px 0 0;
 }
 
 .e-listbox-tool .e-moveup::before {
-  content: '\e752';
+  content: '\e776';
 }
 
 .e-listbox-tool .e-movedown::before {
-  content: '\e706';
+  content: '\e729';
 }
 
 .e-listbox-tool .e-moveto::before {
-  content: '\e7b7';
+  content: '\e748';
 }
 
 .e-listbox-tool .e-movefrom::before {
-  content: '\e70f';
+  content: '\e765';
 }
 
 .e-listbox-tool .e-moveallto::before {
-  content: '\e751';
+  content: '\e7a9';
 }
 
 .e-listbox-tool .e-moveallfrom::before {
-  content: '\e78b';
+  content: '\e744';
 }
 
 .e-listbox-wrapper,
@@ -110,7 +113,7 @@
 .e-listbox-container .e-selectall-parent {
   height: 38px;
   line-height: 1;
-  padding: 12px 16px;
+  padding: 12px 12px;
   position: relative;
 }
 
@@ -197,8 +200,8 @@
   border-top: 1px solid;
   font-weight: 600;
   height: 30px;
-  line-height: 30px;
-  padding: 0 12px;
+  line-height: 7px;
+  padding: 12px 12px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -405,7 +408,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -569,7 +572,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: 35px;
+  line-height: 15px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -657,16 +660,6 @@ 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;

package/styles/material-dark.css

@@ -17,9 +17,13 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 16px;
+}
+
 .e-bigger .e-dropdownbase .e-list-group-item,
 .e-bigger .e-dropdownbase .e-fixed-head,
-.e-dropdownbase.e-bigger .e-list-item,
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
@@ -153,6 +157,7 @@
 }
 
 .e-dropdownbase .e-list-item {
+  -webkit-tap-highlight-color: transparent;
   background-color: #424242;
   border-bottom: 0;
   border-color: transparent;
@@ -321,9 +326,9 @@
   border-color: transparent;
   color: #fff;
   font-family: inherit;
+  text-indent: 16px;
   font-size: 13px;
   padding-right: 16px;
-  text-indent: 16px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -492,7 +497,10 @@
   margin-left: -20px;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
+.e-bigger .e-ddl.e-popup .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 14px;
 }
@@ -501,7 +509,10 @@
   padding: 4px 0;
 }
 
-.e-bigger.e-ddl.e-popup .e-list-item,
+.e-bigger.e-ddl.e-popup .e-list-item {
+  font-size: 14px;
+}
+
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 14px;
 }
@@ -520,6 +531,10 @@
   top: 0;
 }
 
+.e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
+  margin: 0;
+}
+
 .e-ddl.e-control-wrapper .e-ddl-disable-icon {
   position: relative;
 }
@@ -671,29 +686,41 @@ ejs-dropdownlist {
 }
 
 .e-small .e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 12px;
+}
+
 .e-small .e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 12px;
 }
 
 .e-small.e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 12px;
+}
+
 .e-small.e-ddl.e-popup .e-list-group-item,
-.e-input-group.e-ddl.e-small .e-list-item,
 .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 12px;
 }
 
 .e-bigger.e-small .e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
 
 .e-bigger.e-small.e-ddl.e-popup .e-list-item,
+.e-bigger .e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .e-bigger.e-small.e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-input-group.e-ddl.e-small .e-list-item,
 .e-bigger .e-input-group.e-ddl.e-small .e-list-group-item {
   font-size: 13px;
 }
@@ -2247,12 +2274,14 @@ ejs-dropdownlist {
   width: 100%;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher {
+.e-multi-select-wrapper.e-delimiter .e-searcher,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher {
   height: 27px;
   vertical-align: middle;
 }
 
-.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
+.e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase,
+.e-multi-select-wrapper.e-delimiter .e-multi-searcher .e-dropdownbase {
   height: 100%;
   min-height: 100%;
 }
@@ -2513,6 +2542,7 @@ ejs-dropdownlist {
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
+.e-small.e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
 .e-multiselect.e-input-group.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   right: 22px;
 }
@@ -2754,7 +2784,7 @@ ejs-dropdownlist {
   padding-right: 16px;
 }
 
-.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-icon.e-close-hooker {
+.e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
   left: 19px;
 }
 
@@ -2790,12 +2820,14 @@ ejs-dropdownlist {
   vertical-align: middle;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
 }
 
-.e-bigger .e-popup.e-multi-select-list-wrapper.e-mulltiselect-group .e-list-group-item .e-checkbox-wrapper {
+.e-bigger .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper,
+.e-bigger.e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
 }
@@ -2850,6 +2882,7 @@ ejs-dropdownlist {
   font-size: 14px;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
   font-size: 13px;
   line-height: 48px;
@@ -2864,6 +2897,7 @@ ejs-dropdownlist {
   vertical-align: middle;
 }
 
+.e-bigger.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper,
 .e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
   bottom: 1px;
   margin-right: 12px;
@@ -2903,7 +2937,7 @@ ejs-dropdownlist {
   padding: 8px;
 }
 
-.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
+.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
 .e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
   padding: 4px 0;
 }
@@ -2949,6 +2983,7 @@ ejs-multiselect {
   display: block;
 }
 
+.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 26px;
 }
@@ -2977,6 +3012,7 @@ ejs-multiselect {
   margin-top: -2.5em;
 }
 
+.e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
 .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
   line-height: 40px;
 }
@@ -3718,7 +3754,7 @@ ejs-multiselect {
   background-color: #424242;
 }
 
-.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -3747,7 +3783,7 @@ ejs-multiselect {
   height: 24px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -3834,16 +3870,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #424242;
-  border: 1px solid transparent;
   box-shadow: none;
   color: #00b0ff;
+  border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #424242;
-  border: 1px solid transparent;
   box-shadow: none;
   color: #00b0ff;
+  border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -4174,8 +4210,8 @@ ejs-multiselect {
   border-top: 1px solid;
   font-weight: 600;
   height: 36px;
-  line-height: 36px;
-  padding: 0 16px;
+  line-height: 16px;
+  padding: 11px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -4382,7 +4418,7 @@ ejs-listbox {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list.e-list-parent {
+.e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
 
@@ -4546,7 +4582,7 @@ ejs-listbox {
 .e-bigger .e-listbox-container .e-list-group-item,
 .e-listbox-container.e-bigger .e-list-group-item {
   height: 48px;
-  line-height: 45px;
+  line-height: 25px;
 }
 
 .e-bigger .e-listbox-wrapper .e-list-header,
@@ -4622,16 +4658,6 @@ 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% - 36px);
-}
-
-.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% - 79px);
-}
-
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: #fff;