@syncfusion/ej2-dropdowns 19.4.54 → 20.1.47

package/styles/fluent.scss

@@ -0,0 +1,7 @@
+@import 'drop-down-base/fluent.scss';
+@import 'drop-down-list/fluent.scss';
+@import 'drop-down-tree/fluent.scss';
+@import 'combo-box/fluent.scss';
+@import 'auto-complete/fluent.scss';
+@import 'multi-select/fluent.scss';
+@import 'list-box/fluent.scss';

package/styles/highcontrast-light.css

@@ -36,9 +36,13 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 10px;
+}
+
 .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;
@@ -172,6 +176,7 @@
 }
 
 .e-dropdownbase .e-list-item {
+  -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-bottom: 2px;
   border-color: transparent;
@@ -340,9 +345,9 @@
   border-color: transparent;
   color: #000;
   font-family: inherit;
+  text-indent: 10px;
   font-size: 14px;
   padding-right: 16px;
-  text-indent: 10px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -496,7 +501,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;
 }
@@ -505,7 +513,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;
 }
@@ -524,6 +535,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;
 }
@@ -676,29 +691,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;
 }
@@ -1400,12 +1427,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%;
 }
@@ -1666,6 +1695,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: 27px;
 }
@@ -1680,7 +1710,8 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   left: 38px;
   right: auto;
 }
@@ -1896,7 +1927,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: 30px;
 }
 
@@ -1932,12 +1963,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;
 }
@@ -2000,6 +2033,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: 46px;
@@ -2014,6 +2048,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;
@@ -2043,7 +2078,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;
 }
@@ -2084,6 +2119,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;
 }
@@ -2112,6 +2148,7 @@ ejs-multiselect {
   margin-top: -2.9em;
 }
 
+.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;
 }
@@ -2380,7 +2417,7 @@ ejs-multiselect {
   background-color: #400074;
 }
 
-.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: #400074;
 }
 
@@ -2409,7 +2446,7 @@ ejs-multiselect {
   height: 26px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: #ecf;
 }
 
@@ -2484,16 +2521,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #400074;
-  border: 1px solid #400074;
   box-shadow: none;
   color: #fff;
+  border: 1px solid #400074;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #400074;
-  border: 1px solid #400074;
   box-shadow: none;
   color: #fff;
+  border: 1px solid #400074;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -2617,6 +2654,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -2664,11 +2702,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   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%;
@@ -2748,7 +2781,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   font-weight: 600;
   height: 36px;
   line-height: 30px;
-  padding: 0 12px;
+  padding: 9px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -2951,6 +2984,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;
@@ -3187,16 +3228,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/highcontrast.css

@@ -36,9 +36,13 @@
 }
 
 .e-bigger .e-dropdownbase .e-list-item,
+.e-dropdownbase.e-bigger .e-list-item {
+  line-height: 48px;
+  text-indent: 10px;
+}
+
 .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;
@@ -172,6 +176,7 @@
 }
 
 .e-dropdownbase .e-list-item {
+  -webkit-tap-highlight-color: transparent;
   background-color: #000;
   border-bottom: 2px;
   border-color: transparent;
@@ -340,9 +345,9 @@
   border-color: transparent;
   color: #fff;
   font-family: inherit;
+  text-indent: 10px;
   font-size: 14px;
   padding-right: 16px;
-  text-indent: 10px;
 }
 
 .e-ddl.e-popup.e-multiselect-group .e-list-group-item.e-item-focus {
@@ -496,7 +501,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;
 }
@@ -505,7 +513,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;
 }
@@ -524,6 +535,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;
 }
@@ -676,29 +691,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;
 }
@@ -1407,12 +1434,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%;
 }
@@ -1673,6 +1702,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: 27px;
 }
@@ -1687,7 +1717,8 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
+.e-bigger .e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon,
+.e-bigger.e-multiselect.e-input-group.e-control-container.e-rtl .e-multi-select-wrapper.e-down-icon .e-clear-icon {
   left: 38px;
   right: auto;
 }
@@ -1903,7 +1934,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: 30px;
 }
 
@@ -1939,12 +1970,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;
 }
@@ -2007,6 +2040,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: 46px;
@@ -2021,6 +2055,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;
@@ -2050,7 +2085,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;
 }
@@ -2091,6 +2126,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;
 }
@@ -2119,6 +2155,7 @@ ejs-multiselect {
   margin-top: -2.9em;
 }
 
+.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;
 }
@@ -2387,7 +2424,7 @@ ejs-multiselect {
   background-color: #ffd939;
 }
 
-.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: #ffd939;
 }
 
@@ -2416,7 +2453,7 @@ ejs-multiselect {
   height: 26px;
 }
 
-.e-multi-select-wrapper .e-chips:hover {
+.e-multiselect:not(.e-disabled) .e-multi-select-wrapper .e-chips:hover {
   background-color: #685708;
 }
 
@@ -2491,16 +2528,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #ffd939;
-  border: 1px solid #ffd939;
   box-shadow: none;
   color: #000;
+  border: 1px solid #ffd939;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #ffd939;
-  border: 1px solid #ffd939;
   box-shadow: none;
   color: #000;
+  border: 1px solid #ffd939;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item {
@@ -2624,6 +2661,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -2671,11 +2709,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   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%;
@@ -2755,7 +2788,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   font-weight: 600;
   height: 36px;
   line-height: 30px;
-  padding: 0 12px;
+  padding: 9px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -2958,6 +2991,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;
@@ -3194,16 +3235,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;