@syncfusion/ej2-dropdowns 19.4.54 → 20.1.47

package/styles/list-box/fluent.scss

@@ -0,0 +1,5 @@
+@import 'ej2-base/styles/fluent-definition.scss';
+@import '../drop-down-base/fluent-definition.scss';
+@import 'fluent-definition.scss';
+@import 'icons/fluent.scss';
+@import 'all.scss';

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

@@ -57,6 +57,7 @@
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -104,11 +105,6 @@
   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%;
@@ -188,7 +184,7 @@
   font-weight: 600;
   height: 36px;
   line-height: 30px;
-  padding: 0 12px;
+  padding: 9px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -391,6 +387,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;
@@ -627,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

@@ -57,6 +57,7 @@
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -104,11 +105,6 @@
   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%;
@@ -188,7 +184,7 @@
   font-weight: 600;
   height: 36px;
   line-height: 30px;
-  padding: 0 12px;
+  padding: 9px 16px;
 }
 
 .e-listbox-wrapper .e-icon-collapsible,
@@ -391,6 +387,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;
@@ -627,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/icons/_fluent-dark.scss

@@ -0,0 +1 @@
+@import './fluent.scss';

package/styles/list-box/icons/_tailwind-dark.scss

@@ -1,25 +1,25 @@
 @include export-module('list-box-tailwind-dark-icons') {
   .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';
+  }
 }

package/styles/list-box/icons/_tailwind.scss

@@ -1,25 +1,25 @@
 @include export-module('list-box-tailwind-icons') {
   .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';
+  }
 }

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

@@ -38,6 +38,7 @@
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -85,11 +86,6 @@
   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%;
@@ -168,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,6 +368,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;
@@ -532,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,
@@ -608,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

@@ -38,6 +38,7 @@
 .e-listbox-wrapper,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -85,11 +86,6 @@
   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%;
@@ -168,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,6 +368,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;
@@ -532,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,
@@ -608,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,42 +35,46 @@
   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,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -109,7 +113,7 @@
 .e-listbox-container .e-selectall-parent {
   height: 38px;
   line-height: 1;
-  padding: 12px 16px;
+  padding: 12px 12px;
   position: relative;
 }
 
@@ -118,11 +122,6 @@
   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%;
@@ -201,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,6 +404,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;
@@ -565,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,
@@ -653,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,42 +35,46 @@
   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,
 .e-listbox-container {
   -webkit-overflow-scrolling: touch;
+  box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
@@ -109,7 +113,7 @@
 .e-listbox-container .e-selectall-parent {
   height: 38px;
   line-height: 1;
-  padding: 12px 16px;
+  padding: 12px 12px;
   position: relative;
 }
 
@@ -118,11 +122,6 @@
   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%;
@@ -201,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,6 +404,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;
@@ -565,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,
@@ -653,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;