@syncfusion/ej2-dropdowns 20.1.52 → 20.1.57

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

@@ -6,7 +6,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,7 +14,6 @@
     transform: rotate(360deg);
   }
 }
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -34,7 +32,6 @@
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
   margin-top: 1px;
 }
-
 .e-ddl.e-popup .e-input-group input {
   line-height: 15px;
 }
@@ -58,9 +55,7 @@
   min-height: 26px;
 }
 
-.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;
@@ -75,8 +70,7 @@
   padding: 4px 0;
 }
 
-.e-bigger .e-ddl.e-popup .e-input-group input,
-.e-bigger .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
   height: 38px;
 }
 
@@ -88,9 +82,7 @@
   color: #fff;
 }
 
-.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,
 .e-ddl.e-popup .e-bigger.e-small .e-list-item,
 .e-ddl.e-popup .e-bigger.e-small .e-list-group-item,
 .e-ddl.e-popup .e-bigger.e-small .e-fixed-head {
@@ -110,39 +102,35 @@
   padding: 0;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input,
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input,
 .e-ddl.e-popup .e-bigger.e-small .e-input-group input,
 .e-ddl.e-popup .e-bigger.e-small .e-input-group input.e-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;
 }
@@ -150,11 +138,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;
 }
@@ -168,7 +154,6 @@
   right: 0;
   top: 0;
 }
-
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
@@ -178,7 +163,7 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  content: '';
+  content: "";
 }
 
 .e-ddl-device-filter .e-filter-parent {
@@ -205,8 +190,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;
 }
 
@@ -215,10 +199,9 @@
   border: 1px solid #414040;
   position: absolute;
 }
-
 .e-ddl.e-popup .e-search-icon {
   margin: 0;
-  opacity: .57;
+  opacity: 0.57;
   padding: 8px;
 }
 
@@ -226,11 +209,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;
 }
 
@@ -238,8 +217,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;
 }
 
@@ -311,7 +289,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 {
@@ -328,7 +305,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;
@@ -338,7 +314,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;
@@ -348,7 +323,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;
@@ -358,7 +332,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;
@@ -388,4 +361,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: #000;
-}
+}

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

@@ -6,7 +6,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,7 +14,6 @@
     transform: rotate(360deg);
   }
 }
-
 .e-dropdownbase .e-list-item .e-list-icon {
   padding: 0 10px 0 0;
 }
@@ -34,7 +32,6 @@
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
   margin-top: 1px;
 }
-
 .e-ddl.e-popup .e-input-group input {
   line-height: 15px;
 }
@@ -58,9 +55,7 @@
   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;
@@ -75,8 +70,7 @@
   padding: 4px 0;
 }
 
-.e-bigger .e-ddl.e-popup .e-input-group input,
-.e-bigger .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
   height: 38px;
 }
 
@@ -88,9 +82,7 @@
   color: #333;
 }
 
-.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;
@@ -105,37 +97,33 @@
   padding: 0;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-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;
 }
@@ -143,11 +131,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;
 }
@@ -161,7 +147,6 @@
   right: 0;
   top: 0;
 }
-
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
@@ -171,7 +156,7 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  content: '';
+  content: "";
 }
 
 .e-ddl-device-filter .e-filter-parent {
@@ -198,8 +183,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;
 }
 
@@ -208,10 +192,9 @@
   border: 1px solid #eaeaea;
   position: absolute;
 }
-
 .e-ddl.e-popup .e-search-icon {
   margin: 0;
-  opacity: .57;
+  opacity: 0.57;
   padding: 8px;
 }
 
@@ -219,11 +202,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;
 }
 
@@ -231,8 +210,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;
 }
 
@@ -304,7 +282,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 {
@@ -321,7 +298,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;
@@ -331,7 +307,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;
@@ -341,7 +316,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;
@@ -351,7 +325,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;
@@ -381,4 +354,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: #333;
-}
+}

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

@@ -6,7 +6,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -15,7 +14,6 @@
     transform: rotate(360deg);
   }
 }
-
 .e-dropdownbase .e-list-group-item,
 .e-fixed-head {
   font-size: 12px;
@@ -60,11 +58,9 @@
   box-shadow: none;
   margin-top: 1px;
 }
-
 .e-popup.e-ddl .e-input-group {
   width: auto;
 }
-
 .e-popup.e-ddl .e-input-group input {
   line-height: 15px;
 }
@@ -78,7 +74,6 @@
   display: flex;
   width: auto;
 }
-
 .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
   border: 0;
 }
@@ -94,8 +89,7 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-list-group-item,
-.e-bigger .e-popup.e-ddl .e-fixed-head {
+.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
   font-size: 14px;
   line-height: 32px;
   padding-left: 0;
@@ -170,17 +164,14 @@
   font-size: 16px;
 }
 
-.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: 34px;
   padding-left: 0;
   text-indent: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;
 }
 
@@ -189,39 +180,34 @@
 }
 
 .e-ddl .e-search-icon::before {
-  content: '\e754';
+  content: "\e754";
 }
 
 .e-ddl .e-back-icon::before {
-  content: '\e773';
+  content: "\e773";
 }
 
 .e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
-  content: '\e729';
-  font-family: 'e-icons';
+  content: "\e729";
+  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: 16px;
 }
-
 .e-bigger .e-ddl.e-popup .e-list-group-item {
   font-size: 16px;
 }
-
 .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-popup-full-page {
   bottom: 0;
   left: 0;
@@ -231,7 +217,6 @@
   right: 0;
   top: 0;
 }
-
 .e-popup-full-page .e-popup-full-page.e-ddl.e-popup.e-ddl-device-filter {
   margin: 0;
 }
@@ -241,7 +226,7 @@
 }
 
 .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
-  content: '';
+  content: "";
 }
 
 .e-ddl-device-filter .e-filter-parent {
@@ -269,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;
 }
 
@@ -279,10 +263,9 @@
   border: 1px solid #292827;
   position: absolute;
 }
-
 .e-ddl.e-popup .e-search-icon {
   margin: 0;
-  opacity: .57;
+  opacity: 0.57;
   padding: 12px 8px 8px;
 }
 
@@ -294,8 +277,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;
 }
 
@@ -367,7 +349,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 {
@@ -384,7 +365,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;
@@ -394,7 +374,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;
@@ -404,7 +383,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;
@@ -414,7 +392,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;
@@ -444,4 +421,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: #f3f2f1;
-}
+}