@syncfusion/ej2-vue-dropdowns 19.2.60 → 19.3.45

package/styles/drop-down-tree/tailwind-dark.css

@@ -17,7 +17,7 @@
   }
 }
 
-/*! TreeView's tailwind-dark theme wise override definitions and variables */
+/*! TreeView's tailwind theme wise override definitions and variables */
 .e-dropdownbase .e-list-item.e-active,
 .e-dropdownbase .e-list-item.e-active.e-hover {
   font-weight: 500;
@@ -106,13 +106,13 @@
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
-  bottom: 1px;
+  bottom: 6px;
   position: absolute;
   right: 0;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 25px;
+  right: 28px;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
@@ -401,13 +401,17 @@
 }
 
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  left: 25px;
+  left: 28px;
 }
 
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;
@@ -425,7 +429,7 @@
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: 3px;
-  right: 25px;
+  right: 32px;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,

package/styles/drop-down-tree/tailwind.css

@@ -106,13 +106,13 @@
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-clear-icon {
-  bottom: 1px;
+  bottom: 6px;
   position: absolute;
   right: 0;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  right: 25px;
+  right: 28px;
 }
 
 .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon {
@@ -401,13 +401,17 @@
 }
 
 .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-input-group.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon, .e-ddt.e-rtl.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
-  left: 25px;
+  left: 28px;
 }
 
 .e-ddt.e-rtl.e-popup .e-treeview .e-list-item .e-ul {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 30px;
@@ -425,7 +429,7 @@
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-chip.e-show-dd-icon .e-clear-icon,
 .e-ddt.e-bigger.e-float-input.e-control-wrapper.e-show-text.e-show-dd-icon .e-clear-icon {
   bottom: 3px;
-  right: 25px;
+  right: 32px;
 }
 
 .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-input-group.e-control-wrapper.e-show-text .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-chip .e-ddt-icon, .e-bigger .e-ddt.e-float-input.e-control-wrapper.e-show-text .e-ddt-icon,

package/styles/fabric-dark.css

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -569,8 +567,10 @@
 
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
+  -webkit-appearance: initial;
   border: 0;
   height: 0;
+  padding: 0;
   visibility: hidden;
   width: 0;
 }
@@ -1063,6 +1063,10 @@ ejs-dropdownlist {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;
@@ -1540,7 +1544,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -3.5em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
 }
@@ -1561,6 +1568,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1629,6 +1637,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 36px;
+  padding-left: 10px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2005,6 +2014,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;

package/styles/fabric.css

@@ -23,6 +23,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -97,17 +98,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -562,8 +560,10 @@
 
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
+  -webkit-appearance: initial;
   border: 0;
   height: 0;
+  padding: 0;
   visibility: hidden;
   width: 0;
 }
@@ -1057,6 +1057,10 @@ ejs-dropdownlist {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;
@@ -1534,7 +1538,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -3.5em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
 }
@@ -1555,6 +1562,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1623,6 +1631,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 36px;
+  padding-left: 10px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -1999,6 +2008,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;

package/styles/highcontrast-light.css

@@ -42,6 +42,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -116,17 +117,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -598,8 +596,10 @@
 
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
+  -webkit-appearance: initial;
   border: 0;
   height: 0;
+  padding: 0;
   visibility: hidden;
   width: 0;
 }
@@ -1093,6 +1093,10 @@ ejs-dropdownlist {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;
@@ -1678,7 +1682,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -3.5em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
 }
@@ -1699,6 +1706,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1767,6 +1775,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 36px;
+  padding-left: 10px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2139,6 +2148,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;

package/styles/highcontrast.css

@@ -42,6 +42,7 @@
 .e-dropdownbase.e-bigger .e-list-group-item,
 .e-dropdownbase.e-bigger .e-fixed-head {
   line-height: 48px;
+  text-indent: 10px;
 }
 
 .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
@@ -116,17 +117,14 @@
 
 .e-small .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-small.e-bigger .e-dropdownbase.e-dd-group .e-list-item {
   padding-left: 20px;
-  text-indent: 0;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-dropdownbase.e-dd-group .e-list-group-item {
@@ -598,8 +596,10 @@
 
 .e-ddl.e-input-group .e-ddl-hidden,
 .e-ddl.e-float-input .e-ddl-hidden {
+  -webkit-appearance: initial;
   border: 0;
   height: 0;
+  padding: 0;
   visibility: hidden;
   width: 0;
 }
@@ -1094,6 +1094,10 @@ ejs-dropdownlist {
   padding: 0 14px 0 0;
 }
 
+.e-ddt-icon-hide {
+  display: none;
+}
+
 .e-bigger .e-ddt .e-chips,
 .e-ddt.e-bigger .e-chips {
   height: 34px;
@@ -1685,7 +1689,10 @@ ejs-dropdownlist {
   right: auto;
 }
 
-.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker,
+.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
+  margin-top: -3.5em;
+}
+
 .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   margin-top: -3.5em;
 }
@@ -1706,6 +1713,7 @@ ejs-dropdownlist {
 .e-multiselect.e-filled .e-multi-select-wrapper input[type='text'] {
   background: none;
   border: 0;
+  color: inherit;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
@@ -1774,6 +1782,7 @@ ejs-dropdownlist {
 
 .e-bigger .e-multi-select-wrapper .e-delim-values {
   line-height: 36px;
+  padding-left: 10px;
 }
 
 .e-multi-select-list-wrapper .e-hide-listitem {
@@ -2146,6 +2155,10 @@ ejs-multiselect {
   min-height: 40px;
 }
 
+.e-multiselect.e-outline .e-multi-select-wrapper input[type='text'] {
+  color: inherit;
+}
+
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
   -ms-flex-align: normal;