@syncfusion/ej2-angular-dropdowns 19.4.54 → 20.1.47

package/styles/bootstrap.css

@@ -17,9 +17,13 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 20px;
+}
+
 .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: #fff;
   border-bottom: 1px;
   border-color: #fff;
@@ -321,9 +326,9 @@
   border-color: #fff;
   color: #333;
   font-family: inherit;
+  text-indent: 20px;
   font-size: 14px;
   padding-right: 20px;
-  text-indent: 20px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -493,7 +498,10 @@
   margin-left: -20px;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
+.e-bigger .e-ddl.e-popup .e-list-item {
+  font-size: 15px;
+}
+
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 15px;
 }
@@ -502,7 +510,10 @@
   padding: 4px 0;
 }
 
-.e-bigger.e-ddl.e-popup .e-list-item,
+.e-bigger.e-ddl.e-popup .e-list-item {
+  font-size: 15px;
+}
+
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 15px;
 }
@@ -521,6 +532,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;
 }
@@ -673,29 +688,41 @@ ejs-dropdownlist {
 }
 
 .e-small .e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .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: 13px;
 }
 
 .e-small.e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .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: 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: 14px;
+}
+
 .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: 14px;
 }
 
 .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: 14px;
+}
+
 .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: 14px;
 }
@@ -1304,12 +1331,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%;
 }
@@ -1568,6 +1597,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: 38px;
 }
@@ -1788,7 +1818,7 @@ ejs-dropdownlist {
   padding-right: 10px;
 }
 
-.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: 38px;
 }
 
@@ -1824,12 +1854,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: 10px;
 }
 
-.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: 10px;
 }
@@ -1884,6 +1916,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: 15px;
   line-height: 40px;
@@ -1898,6 +1931,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: 10px;
@@ -1927,7 +1961,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;
 }
@@ -1972,6 +2006,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: 22px;
 }
@@ -2000,6 +2035,7 @@ ejs-multiselect {
   margin-top: -3.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: 34px;
 }
@@ -2268,7 +2304,7 @@ ejs-multiselect {
   background-color: #ccc;
 }
 
-.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: #ddd;
 }
 
@@ -2297,7 +2333,7 @@ ejs-multiselect {
   height: 28px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: #d4d4d4;
 }
 
@@ -2384,16 +2420,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #317ab9;
-  border: 1px solid #66afe9;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   color: #fff;
+  border: 1px solid #66afe9;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #317ab9;
-  border: 1px solid #66afe9;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   color: #fff;
+  border: 1px solid #66afe9;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -2497,6 +2533,7 @@ ejs-multiselect {
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -2544,11 +2581,6 @@ ejs-multiselect {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-listbox-container.e-filter-list .e-list-parent {
-  overflow: auto;
-}
-
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent {
   height: 100%;
@@ -2628,7 +2660,7 @@ ejs-multiselect {
   font-weight: 600;
   height: 40px;
   line-height: 36px;
-  padding: 0 15px;
+  padding: 13px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -2831,6 +2863,14 @@ ejs-listbox {
   overflow: auto;
 }
 
+.e-listbox-wrapper.e-filter-list {
+  overflow: inherit;
+}
+
+.e-listbox-wrapper.e-filter-list .e-list-parent {
+  overflow: auto;
+}
+
 .e-listbox-wrapper.e-sortableclone,
 .e-listbox-container.e-sortableclone {
   border-width: 0;
@@ -3067,16 +3107,6 @@ ejs-listbox {
   height: calc(100% - 52px);
 }
 
-.e-listbox-wrapper.e-select-all .e-list-parent,
-.e-listbox-container.e-select-all .e-list-parent {
-  height: calc(100% - 40px);
-}
-
-.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% - 92px);
-}
-
 .e-listbox-wrapper .e-icons,
 .e-listbox-container .e-icons {
   color: rgba(0, 0, 0, 0.75);

package/styles/bootstrap4.css

@@ -35,9 +35,13 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 20px;
+}
+
 .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;
@@ -171,6 +175,7 @@
 }
 
 .e-dropdownbase .e-list-item {
+  -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 1px;
   border-color: #fff;
@@ -339,9 +344,9 @@
   border-color: #fff;
   color: #212529;
   font-family: inherit;
+  text-indent: 20px;
   font-size: 14px;
   padding-right: 24px;
-  text-indent: 20px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -544,12 +549,18 @@
   margin-left: -20px;
 }
 
-.e-bigger .e-ddl.e-popup .e-list-item,
+.e-bigger .e-ddl.e-popup .e-list-item {
+  font-size: 16px;
+}
+
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
 
-.e-bigger.e-ddl.e-popup .e-list-item,
+.e-bigger.e-ddl.e-popup .e-list-item {
+  font-size: 16px;
+}
+
 .e-bigger.e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
@@ -564,6 +575,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;
 }
@@ -708,29 +723,41 @@ ejs-dropdownlist {
 }
 
 .e-small .e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .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: 13px;
 }
 
 .e-small.e-ddl.e-popup .e-list-item,
+.e-input-group.e-ddl.e-small .e-list-item {
+  font-size: 13px;
+}
+
 .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: 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: 14px;
+}
+
 .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: 14px;
 }
 
 .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: 14px;
+}
+
 .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: 14px;
 }
@@ -1441,12 +1468,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%;
 }
@@ -1711,6 +1740,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: 24px;
 }
@@ -1942,7 +1972,7 @@ ejs-dropdownlist {
   padding-right: 8px;
 }
 
-.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: 38px;
 }
 
@@ -1978,12 +2008,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;
 }
@@ -2038,6 +2070,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: 14px;
   line-height: 40px;
@@ -2052,6 +2085,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;
@@ -2081,7 +2115,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: 0;
 }
@@ -2126,6 +2160,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: 22px;
 }
@@ -2158,6 +2193,7 @@ ejs-multiselect {
   padding: 0 8px 0 8px;
 }
 
+.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: 34px;
 }
@@ -2430,7 +2466,7 @@ ejs-multiselect {
   background-color: #545b62;
 }
 
-.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: #6c757d;
 }
 
@@ -2459,7 +2495,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: #5a6268;
 }
 
@@ -2550,16 +2586,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #007bff;
-  border: 1px solid #6c757d;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   color: #fff;
+  border: 1px solid #6c757d;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #007bff;
-  border: 1px solid #6c757d;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   color: #fff;
+  border: 1px solid #6c757d;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -2681,6 +2717,7 @@ ejs-multiselect {
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -2728,11 +2765,6 @@ ejs-multiselect {
   overflow: inherit;
 }
 
-.e-listbox-wrapper.e-filter-list .e-list-parent,
-.e-listbox-container.e-filter-list .e-list-parent {
-  overflow: auto;
-}
-
 .e-listbox-wrapper .e-list-parent,
 .e-listbox-container .e-list-parent {
   height: 100%;
@@ -2812,7 +2844,7 @@ ejs-multiselect {
   font-weight: 600;
   height: 40px;
   line-height: 1.5;
-  padding: 8px 16px 8px 16px;
+  padding: 10px 16px 10px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -3015,6 +3047,14 @@ ejs-listbox {
   overflow: auto;
 }
 
+.e-listbox-wrapper.e-filter-list {
+  overflow: inherit;
+}
+
+.e-listbox-wrapper.e-filter-list .e-list-parent {
+  overflow: auto;
+}
+
 .e-listbox-wrapper.e-sortableclone,
 .e-listbox-container.e-sortableclone {
   border-width: 0;
@@ -3300,16 +3340,6 @@ ejs-listbox {
   height: calc(100% - 39px);
 }
 
-.e-listbox-wrapper.e-select-all .e-list-parent,
-.e-listbox-container.e-select-all .e-list-parent {
-  height: calc(100% - 40px);
-}
-
-.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: #212529;