@syncfusion/ej2-dropdowns 27.2.4 → 28.1.33

package/styles/list-box/tailwind3.scss

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

package/styles/material-dark-lite.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -451,6 +455,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -649,6 +657,20 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-popup {
   border-color: transparent;
 }
@@ -660,7 +682,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 /* stylelint-disable */
@@ -1433,6 +1454,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2427,6 +2452,20 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/material-dark.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -525,6 +529,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -723,6 +731,20 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-popup {
   border-color: transparent;
 }
@@ -734,7 +756,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -1839,6 +1860,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2833,6 +2858,20 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  background: transparent;
+  color: rgb(221, 218, 218);
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/material-lite.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -475,6 +479,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -672,6 +680,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #e0e0e0;
 }
@@ -683,7 +700,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 /*! TreeView's material theme wise override definitions and variables */
@@ -1460,6 +1476,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2454,6 +2474,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/material.css

@@ -66,6 +66,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 36px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -549,6 +553,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-popup.e-wide-popup.e-ddl-device.e-popup-close {
   display: block;
   visibility: hidden;
@@ -746,6 +754,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: #e0e0e0;
 }
@@ -757,7 +774,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -1887,6 +1903,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\eb05";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2881,6 +2901,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: #fff;
 }

package/styles/material3-dark-lite.css

@@ -69,6 +69,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 32px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -494,6 +498,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-ddl.e-popup .e-input-group {
   margin-top: 4px;
 }
@@ -697,6 +705,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: rgba(var(--color-sf-primary));
 }
@@ -708,7 +725,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-ddt .e-ddt-icon::before {
@@ -1332,6 +1348,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1783,16 +1803,14 @@ ejs-dropdownlist {
   left: 30px;
   position: absolute;
   right: auto;
-}
-.e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
-  left: -4px;
+  left: 0;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
   padding-right: 16px;
 }
 
 .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
-  left: 19px;
+  left: 30px;
 }
 
 .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
@@ -2365,6 +2383,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -2520,19 +2547,19 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-ul.e-reorder {

package/styles/material3-dark.css

@@ -69,6 +69,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 32px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -568,6 +572,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-ddl.e-popup .e-input-group {
   margin-top: 4px;
 }
@@ -771,6 +779,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: rgba(var(--color-sf-primary));
 }
@@ -782,7 +799,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-bigger .e-input-group.e-ddl .e-input-filter, .e-bigger .e-input-group.e-ddl .e-input-filter:focus {
@@ -1565,6 +1581,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -2016,16 +2036,14 @@ ejs-dropdownlist {
   left: 30px;
   position: absolute;
   right: auto;
-}
-.e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
-  left: -4px;
+  left: 0;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
   padding-right: 16px;
 }
 
 .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
-  left: 19px;
+  left: 30px;
 }
 
 .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
@@ -2598,6 +2616,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -2753,19 +2780,19 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-ul.e-reorder {

package/styles/material3-lite.css

@@ -71,6 +71,10 @@
   position: absolute;
 }
 
+.e-mention.e-popup .e-dropdownbase {
+  min-height: 32px;
+}
+
 .e-mention .e-dropdownbase .e-list-item .e-highlight {
   display: inline;
   font-weight: bold;
@@ -496,6 +500,10 @@
   font-family: "e-icons";
 }
 
+.e-ddl.e-popup.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-ddl.e-popup .e-input-group {
   margin-top: 4px;
 }
@@ -699,6 +707,15 @@ ejs-dropdownlist {
   min-height: 33px;
 }
 
+.e-ddl.e-popup.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-popup {
   border-color: rgba(var(--color-sf-primary));
 }
@@ -710,7 +727,6 @@ ejs-dropdownlist {
 
 .e-ddl.e-popup .e-filter-parent .e-input-group input.e-input-filter {
   border-color: transparent;
-  background: none;
 }
 
 .e-ddt .e-ddt-icon::before {
@@ -1334,6 +1350,10 @@ ejs-dropdownlist {
   content: "";
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-icons.e-resizer-right::before {
+  content: "\e832";
+}
+
 .e-multi-select-wrapper {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -1785,16 +1805,14 @@ ejs-dropdownlist {
   left: 30px;
   position: absolute;
   right: auto;
-}
-.e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
-  left: -4px;
+  left: 0;
 }
 .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
   padding-right: 16px;
 }
 
 .e-multiselect.e-rtl .e-down-icon .e-chips-close.e-close-hooker {
-  left: 19px;
+  left: 30px;
 }
 
 .e-multiselect.e-rtl .e-multi-select-wrapper.e-down-icon .e-close-hooker::before {
@@ -2367,6 +2385,15 @@ ejs-multiselect {
   cursor: pointer;
 }
 
+.e-popup.e-multi-select-list-wrapper.e-resize .e-resizer-right {
+  bottom: 0;
+  right: 0;
+  cursor: nwse-resize;
+  height: 15px;
+  position: absolute;
+  width: 15px;
+}
+
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -2522,19 +2549,19 @@ ejs-multiselect {
 }
 
 .e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  color: rgba(var(--color-sf-on-surface-variant));
+  color: rgba(var(--color-sf-outline));
 }
 
 .e-ul.e-reorder {