@syncfusion/ej2-dropdowns 20.1.55 → 20.1.58

package/styles/drop-down-list/highcontrast.css

@@ -6,7 +6,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,27 +14,21 @@
     transform: rotate(360deg);
   }
 }
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
-
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 12px 0 0;
 }
-
 .e-dropdownbase .e-list-item:not(.e-active).e-hover {
   border: 2px solid #fff;
 }
-
 .e-dropdownbase .e-list-item:not(.e-active):not(.e-hover):not(.e-item-focus) {
   border: 2px solid #000;
 }
-
 .e-dropdownbase .e-list-item.e-active {
   border: 2px solid #ffd939;
 }
-
 .e-dropdownbase .e-list-item.e-item-focus {
   border: 2px solid #685708;
 }
@@ -61,21 +54,17 @@
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
   margin-top: 1px;
 }
-
 .e-ddl.e-popup .e-content.e-nodata {
   background-color: #000;
 }
-
 .e-ddl.e-popup .e-dropdownbase .e-list-item .e-highlight {
   color: #ffd939;
 }
-
 .e-ddl.e-popup .e-input-group {
   display: -ms-flexbox;
   display: flex;
   width: auto;
 }
-
 .e-ddl.e-popup .e-input-group input {
   line-height: 15px;
 }
@@ -86,92 +75,73 @@
   margin: 5px;
   min-width: 20px;
 }
-
 .e-ddl.e-popup .e-input-group .e-clear-icon::before {
   font-size: 10px;
 }
-
 .e-ddl.e-popup .e-filter-parent {
   border-left-width: 0;
   border-right-width: 0;
 }
-
 .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper:hover:active {
   border-color: #fff;
 }
-
 .e-bigger .e-ddl.e-popup.e-ddl-device.e-ddl-device-filter {
   margin-top: 0;
 }
-
-.e-bigger .e-ddl.e-popup .e-list-item,
-.e-bigger .e-ddl.e-popup .e-list-group-item,
-.e-bigger .e-ddl.e-popup .e-fixed-head {
+.e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
   font-size: 15px;
   line-height: 45px;
   padding-left: 0;
   text-indent: 16px;
 }
-
 .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
   padding-left: 4px;
 }
-
 .e-bigger .e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
-
 .e-bigger .e-ddl.e-popup .e-input-group input {
   height: 46px;
 }
-
-.e-bigger.e-small .e-ddl.e-popup .e-list-item,
-.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
+.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 40px;
   padding-left: 0;
   text-indent: 16px;
 }
-
 .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
   padding-left: 4px;
 }
-
 .e-bigger.e-small .e-ddl.e-popup .e-input-group {
   padding: 0;
 }
-
 .e-bigger.e-small .e-ddl.e-popup .e-input-group input {
   height: 34px;
 }
 
 .e-ddl .e-search-icon::before {
-  content: '\e97d';
+  content: "\e97d";
 }
 
 .e-ddl .e-back-icon::before {
-  content: '\e962';
+  content: "\e962";
 }
 
 .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-  content: '\e966';
-  font-family: 'e-icons';
+  content: "\e966";
+  font-family: "e-icons";
 }
 
-.e-bigger .e-input-group.e-ddl .e-input-filter,
-.e-bigger .e-input-group.e-ddl .e-input-filter:focus {
+.e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
   margin-left: -20px;
 }
 
 .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;
 }
-
 .e-bigger .e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
@@ -179,11 +149,9 @@
 .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;
 }
-
 .e-bigger.e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
@@ -197,7 +165,6 @@
   right: 0;
   top: 0;
 }
-
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
@@ -207,7 +174,7 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  content: '';
+  content: "";
 }
 
 .e-ddl-device-filter .e-filter-parent {
@@ -234,8 +201,7 @@
   cursor: pointer;
 }
 
-.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
-.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
+.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
   width: 0;
 }
 
@@ -244,10 +210,9 @@
   border: 1px solid #969696;
   position: absolute;
 }
-
 .e-ddl.e-popup .e-search-icon {
   margin: 0;
-  opacity: .57;
+  opacity: 0.57;
   padding: 8px;
 }
 
@@ -255,11 +220,7 @@
   padding: 0;
 }
 
-.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
+.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
   padding: 0 12px;
 }
 
@@ -267,8 +228,7 @@
   margin-bottom: 0;
 }
 
-.e-ddl.e-popup .e-ddl-footer,
-.e-ddl.e-popup .e-ddl-header {
+.e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
   cursor: default;
 }
 
@@ -340,7 +300,6 @@
   outline: none;
   width: 100%;
 }
-
 .e-ddl.e-input-group input[readonly].e-input,
 .e-ddl.e-input-group input[readonly],
 .e-ddl.e-input-group .e-dropdownlist {
@@ -357,7 +316,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 13px;
@@ -367,7 +325,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 13px;
@@ -377,7 +334,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 14px;
@@ -387,7 +343,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 14px;
@@ -417,4 +372,4 @@ ejs-dropdownlist {
 .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
 .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
   color: #fff;
-}
+}

package/styles/drop-down-list/material-dark.css

@@ -5,7 +5,6 @@
     transform: scale(4);
   }
 }
-
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -14,7 +13,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -23,7 +21,6 @@
     transform: rotate(360deg);
   }
 }
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 16px 0 0;
 }
@@ -143,31 +140,28 @@
 }
 
 .e-ddl .e-search-icon::before {
-  content: '\e993';
+  content: "\e993";
 }
 
 .e-ddl .e-back-icon::before {
-  content: '\e977';
+  content: "\e977";
 }
 
 .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-  content: '\e969';
-  font-family: 'e-icons';
+  content: "\e969";
+  font-family: "e-icons";
 }
 
-.e-bigger .e-input-group.e-ddl .e-input-filter,
-.e-bigger .e-input-group.e-ddl .e-input-filter:focus {
+.e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
   margin-left: -20px;
 }
 
 .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;
 }
-
 .e-bigger .e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
@@ -175,11 +169,9 @@
 .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;
 }
-
 .e-bigger.e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
@@ -193,7 +185,6 @@
   right: 0;
   top: 0;
 }
-
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
@@ -203,7 +194,7 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  content: '';
+  content: "";
 }
 
 .e-ddl-device-filter .e-filter-parent {
@@ -230,8 +221,7 @@
   cursor: pointer;
 }
 
-.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
-.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
+.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
   width: 0;
 }
 
@@ -239,10 +229,9 @@
   background: #424242;
   position: absolute;
 }
-
 .e-ddl.e-popup .e-search-icon {
   margin: 0;
-  opacity: .57;
+  opacity: 0.57;
   padding: 12px 8px 8px;
 }
 
@@ -250,11 +239,7 @@
   padding: 0 8px;
 }
 
-.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
+.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
   padding: 8px 16px 8px;
 }
 
@@ -262,8 +247,7 @@
   margin-bottom: 0;
 }
 
-.e-ddl.e-popup .e-ddl-footer,
-.e-ddl.e-popup .e-ddl-header {
+.e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
   cursor: default;
 }
 
@@ -335,7 +319,6 @@
   outline: none;
   width: 100%;
 }
-
 .e-ddl.e-input-group input[readonly].e-input,
 .e-ddl.e-input-group input[readonly],
 .e-ddl.e-input-group .e-dropdownlist {
@@ -352,7 +335,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 12px;
@@ -362,7 +344,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 12px;
@@ -372,7 +353,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 13px;
@@ -382,7 +362,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 13px;
@@ -412,4 +391,4 @@ ejs-dropdownlist {
 .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
 .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
   color: #00b0ff;
-}
+}

package/styles/drop-down-list/material.css

@@ -5,7 +5,6 @@
     transform: scale(4);
   }
 }
-
 @keyframes slideTopUp {
   from {
     transform: translate3d(0, 0, 0) scale(1);
@@ -14,7 +13,6 @@
     transform: translate3d(0, 0, 0) scale(1);
   }
 }
-
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -23,7 +21,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0deg);
@@ -32,7 +29,6 @@
     transform: rotate(360deg);
   }
 }
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 16px 0 0;
 }
@@ -177,31 +173,28 @@
 }
 
 .e-ddl .e-search-icon::before {
-  content: '\e993';
+  content: "\e993";
 }
 
 .e-ddl .e-back-icon::before {
-  content: '\e977';
+  content: "\e977";
 }
 
 .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-  content: '\e969';
-  font-family: 'e-icons';
+  content: "\e969";
+  font-family: "e-icons";
 }
 
-.e-bigger .e-input-group.e-ddl .e-input-filter,
-.e-bigger .e-input-group.e-ddl .e-input-filter:focus {
+.e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
   margin-left: -20px;
 }
 
 .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;
 }
-
 .e-bigger .e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
@@ -209,11 +202,9 @@
 .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;
 }
-
 .e-bigger.e-ddl.e-popup .e-input-group {
   padding: 4px 0;
 }
@@ -227,7 +218,6 @@
   right: 0;
   top: 0;
 }
-
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
@@ -237,7 +227,7 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  content: '';
+  content: "";
 }
 
 .e-ddl-device-filter .e-filter-parent {
@@ -264,8 +254,7 @@
   cursor: pointer;
 }
 
-.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
-.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
+.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before, .e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
   width: 0;
 }
 
@@ -273,10 +262,9 @@
   background: #fff;
   position: absolute;
 }
-
 .e-ddl.e-popup .e-search-icon {
   margin: 0;
-  opacity: .57;
+  opacity: 0.57;
   padding: 12px 8px 8px;
 }
 
@@ -284,11 +272,7 @@
   padding: 0 8px;
 }
 
-.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-filter:focus,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter,
-.e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
+.e-ddl.e-popup.e-rtl .e-filter-parent .e-input-group.e-control-wrapper .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-filter:focus, .e-ddl.e-popup .e-filter-parent .e-input-group.e-input-focus .e-input-filter, .e-ddl.e-popup .e-filter-parent .e-input-group.e-control-wrapper.e-input-focus .e-input-filter {
   padding: 8px 16px 8px;
 }
 
@@ -296,8 +280,7 @@
   margin-bottom: 0;
 }
 
-.e-ddl.e-popup .e-ddl-footer,
-.e-ddl.e-popup .e-ddl-header {
+.e-ddl.e-popup .e-ddl-footer, .e-ddl.e-popup .e-ddl-header {
   cursor: default;
 }
 
@@ -369,7 +352,6 @@
   outline: none;
   width: 100%;
 }
-
 .e-ddl.e-input-group input[readonly].e-input,
 .e-ddl.e-input-group input[readonly],
 .e-ddl.e-input-group .e-dropdownlist {
@@ -386,7 +368,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 12px;
@@ -396,7 +377,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 12px;
@@ -406,7 +386,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 13px;
@@ -416,7 +395,6 @@ ejs-dropdownlist {
 .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-group-item {
   font-size: 13px;
@@ -446,4 +424,4 @@ ejs-dropdownlist {
 .e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
 .e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
   color: #e3165b;
-}
+}