@syncfusion/ej2-angular-dropdowns 20.3.60 → 20.4.38

package/styles/multi-select/_material3-definition.scss

@@ -20,11 +20,8 @@ $ddl-chip-padding: 0 6px 0 8px !default;
 $ddl-chip-close-top: 0 !default;
 $ddl-chip-close-left: 0 !default;
 $ddl-chip-close-margin: 0 0 0 !default;
-$ddl-chip-close-rtl-margin: 0 0 0 !default;
 $ddl-chip-close-square: 14px !default;
-$ddl-chip-close-width: 14px !default;
 $ddl-chip-hooker-square: 24px !default;
-$ddl-chip-hooker-width: 24px !default;
 $ddl-chip-close-font: 14px !default;
 $ddl-chip-height: 24px !default;
 $ddl-chip-mobile-height: 30px !default;
@@ -125,14 +122,12 @@ $ddl-select-all-height-small: 26px !default;
 $ddl-small-chip-height: 20px !default;
 $ddl-chip-small-font-size: 12px !default;
 $ddl-small-chip-close-square: 12px !default;
-$ddl-small-chip-close-width: 12px !default;
 $ddl-small-chip-close-font: 12px !default;
 $ddl-control-small-height: 24px !default;
 $ddl-small-input-height: 24px !default;
 $ddl-delim-small-font-size: 12px !default;
 $ddl-small-closer-margin-top: -2em !default;
 $ddl-chip-close-hooker-small-left: 0 !default;
-$ddl-chip-close-hooker-small-bigger-left: 0 !default;
 $ddl-delimviewheight-small: 24px !default;
 $ddl-multiselect-filled-input-min-height-small: 32px !default;
 $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -145,14 +140,12 @@ $ddl-multiselect-filled-float-input-min-height-bigger: 36px !default;
 $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $ddl-bigger-chip-close-font: 14px !default;
 $ddl-bigger-chip-close-square: 14px !default;
-$ddl-bigger-chip-close-width: 14px !default;
 
 // Touch Small size
 $ddl-select-all-height-bigger-small: 40px !default;
 $ddl-bigger-small-chip-height: 26px !default;
 $ddl-chip-bigger-small-font-size: 13px !default;
 $ddl-bigger-small-chip-close-square: 14px !default;
-$ddl-bigger-small-chip-close-width: 14px !default;
 $ddl-bigger-small-chip-close-font: 14px !default;
 $ddl-control-bigger-small-height: 28px !default;
 $ddl-bigger-small-input-height: 32px !default;

package/styles/multi-select/_tailwind-definition.scss

@@ -19,11 +19,8 @@ $ddl-chip-padding: 0 4px 0 8px !default;
 $ddl-chip-close-top: 0 !default;
 $ddl-chip-close-left: 0 !default;
 $ddl-chip-close-margin: 0 0 0 !default;
-$ddl-chip-close-rtl-margin: 0 0 0 !default;
 $ddl-chip-close-square: $text-base !default;
-$ddl-chip-close-width: $text-base !default;
 $ddl-chip-hooker-square: 28px !default;
-$ddl-chip-hooker-width: 28px !default;
 $ddl-chip-close-font: $text-base !default;
 $ddl-chip-height: 22px !default;
 $ddl-chip-mobile-height: 30px !default;
@@ -130,7 +127,6 @@ $ddl-small-clear-icon-width: 28px !default;
 $ddl-bigger-small-clear-icon-height: 32px !default;
 $ddl-bigger-small-clear-icon-width: 32px !default;
 $ddl-bigger-chip-close-square: $text-xl !default;
-$ddl-bigger-chip-close-width: $text-xl !default;
 $ddl-bigger-chip-close-font: $text-xl !default;
 
 // Small size
@@ -138,14 +134,12 @@ $ddl-select-all-height-small: 24px !default;
 $ddl-small-chip-height: 18px !default;
 $ddl-chip-small-font-size: 12px !default;
 $ddl-small-chip-close-square: $text-sm !default;
-$ddl-small-chip-close-width: $text-sm !default;
 $ddl-small-chip-close-font: $text-sm !default;
 $ddl-control-small-height: 24px !default;
 $ddl-small-input-height: 24px !default;
 $ddl-delim-small-font-size: 12px !default;
 $ddl-small-closer-margin-top: -1.65em !default;
 $ddl-chip-close-hooker-small-left: 6px !default;
-$ddl-chip-close-hooker-small-bigger-left: 6px !default;
 $ddl-delimviewheight-small: 24px !default;
 $ddl-multiselect-filled-input-min-height-small: 32px !default;
 $ddl-multiselect-filled-float-input-min-height-small: 22px !default;
@@ -161,7 +155,6 @@ $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $ddl-select-all-height-bigger-small: 32px !default;
 $ddl-bigger-small-chip-height: 26px !default;
 $ddl-bigger-small-chip-close-square: $text-lg !default;
-$ddl-bigger-small-chip-close-width: $text-lg !default;
 $ddl-bigger-small-chip-close-font: $text-lg !default;
 $ddl-control-bigger-small-height: 28px !default;
 $ddl-bigger-small-input-height: 32px !default;

package/styles/multi-select/_theme.scss

@@ -311,10 +311,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: $ddl-chip-close-hooker-small-left;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: $ddl-chip-close-hooker-small-bigger-left;
-}
-
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   @if $ddl-multiselect-skin-name == 'FluentUI' {
     left: $ddl-small-down-icon-left;

package/styles/multi-select/bootstrap-dark.css

@@ -322,10 +322,6 @@
   width: 30px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -1221,10 +1217,6 @@ ejs-multiselect {
   left: 8px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 8px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/multi-select/bootstrap.css

@@ -320,10 +320,6 @@
   width: 30px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 1px 0 0;
 }
@@ -1219,10 +1215,6 @@ ejs-multiselect {
   left: 8px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 8px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 28px;
 }

package/styles/multi-select/bootstrap4.css

@@ -69,7 +69,7 @@
 
 .e-bigger .e-multi-select-wrapper .e-chips-close {
   height: 30px;
-  width: auto;
+  width: 30px;
 }
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus.e-hover {
@@ -132,7 +132,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e745";
   cursor: pointer;
-  left: 0;
+  left: 10px;
   position: relative;
   top: 8px;
 }
@@ -141,7 +141,7 @@
   content: "\e745";
   cursor: pointer;
   height: 10px;
-  left: 0;
+  left: 10px;
   position: relative;
   top: 10px;
 }
@@ -397,12 +397,8 @@
   float: right;
   font-family: "e-icons";
   height: 24px;
-  margin: 10px 10px 10px 0;
-  width: auto;
-}
-
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 8px 0 8px 20px;
+  margin: 0 0 0;
+  width: 24px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -417,7 +413,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: auto;
+  width: 29px;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -834,7 +830,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 18px;
-  width: auto;
+  width: 18px;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -867,8 +863,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 24px;
-  width: auto;
-  margin: 3px 10px 10px 0;
+  width: 24px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -887,7 +882,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -2.5em;
+  margin-top: -2.9em;
   right: 0;
 }
 
@@ -1331,7 +1326,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 0;
+  left: 6px;
   top: 5px;
   font-size: 8px;
 }
@@ -1340,10 +1335,6 @@ ejs-multiselect {
   left: 4px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 4px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 30px;
 }
@@ -1353,7 +1344,7 @@ ejs-multiselect {
 }
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 0;
+  left: 13px;
   top: 11px;
   font-size: 10px;
 }

package/styles/multi-select/bootstrap5-dark.css

@@ -363,10 +363,6 @@
   width: 14px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1301,10 +1297,6 @@ ejs-multiselect {
   left: 0;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 0;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/bootstrap5.css

@@ -363,10 +363,6 @@
   width: 14px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1301,10 +1297,6 @@ ejs-multiselect {
   left: 0;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 0;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/fabric-dark.css

@@ -56,7 +56,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 0;
+  left: 8px;
   position: relative;
   top: 8px;
 }
@@ -64,7 +64,7 @@
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 0;
+  left: 10px;
   position: relative;
   top: 10px;
 }
@@ -311,12 +311,8 @@
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 8px 8px 8px 8px;
-  width: auto;
-}
-
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 8px 0 8px 20px;
+  margin: 0;
+  width: 26px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -331,7 +327,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: auto;
+  width: 30px;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -745,7 +741,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: auto;
+  width: 22px;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -764,7 +760,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3em;
+  margin-top: -2.8em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -774,7 +770,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: auto;
+  width: 26px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -1222,10 +1218,6 @@ ejs-multiselect {
   left: 7px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: -35px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/fabric.css

@@ -56,7 +56,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 0;
+  left: 8px;
   position: relative;
   top: 8px;
 }
@@ -64,7 +64,7 @@
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 0;
+  left: 10px;
   position: relative;
   top: 10px;
 }
@@ -311,12 +311,8 @@
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 8px 8px 8px 8px;
-  width: auto;
-}
-
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 8px 0 8px 20px;
+  margin: 0;
+  width: 26px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -331,7 +327,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: auto;
+  width: 30px;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -745,7 +741,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: auto;
+  width: 22px;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -764,7 +760,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3em;
+  margin-top: -2.8em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -774,7 +770,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: auto;
+  width: 26px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -1222,10 +1218,6 @@ ejs-multiselect {
   left: 7px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: -35px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/fluent-dark.css

@@ -385,10 +385,6 @@
   width: 14px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1350,7 +1346,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 0;
+  left: 6px;
   top: 2px;
   font-size: 8px;
 }
@@ -1359,10 +1355,6 @@ ejs-multiselect {
   left: 0;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 0;
-}
-
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   left: -2px;
 }

package/styles/multi-select/fluent.css

@@ -385,10 +385,6 @@
   width: 14px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1350,7 +1346,7 @@ ejs-multiselect {
 }
 
 .e-small .e-multi-select-wrapper .e-chips .e-chips-close::before {
-  left: 0;
+  left: 6px;
   top: 2px;
   font-size: 8px;
 }
@@ -1359,10 +1355,6 @@ ejs-multiselect {
   left: 0;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 0;
-}
-
 .e-small .e-multi-select-wrapper .e-down-icon .e-close-hooker::before {
   left: -2px;
 }

package/styles/multi-select/highcontrast-light.css

@@ -409,10 +409,6 @@
   width: 26px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1331,10 +1327,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: 7px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 7px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/highcontrast.css

@@ -152,7 +152,7 @@
 .e-multi-select-wrapper .e-chips .e-chips-close::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 0;
+  left: 8px;
   position: relative;
   top: 8px;
 }
@@ -160,7 +160,7 @@
 .e-multi-select-wrapper .e-close-hooker::before {
   content: "\e7a7";
   cursor: pointer;
-  left: 0;
+  left: 10px;
   position: relative;
   top: 10px;
 }
@@ -407,12 +407,8 @@
   float: right;
   font-family: "e-icons";
   height: 26px;
-  margin: 10px 10px 10px 0;
-  width: auto;
-}
-
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 8px 0 8px 20px;
+  margin: 0;
+  width: 26px;
 }
 
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
@@ -427,7 +423,7 @@
   position: absolute;
   right: 0;
   top: 100%;
-  width: auto;
+  width: 30px;
 }
 
 .e-multiselect .e-down-icon .e-chips-close.e-close-hooker,
@@ -848,7 +844,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close {
   height: 22px;
-  width: auto;
+  width: 22px;
 }
 
 .e-small .e-multi-select-wrapper {
@@ -867,7 +863,7 @@ ejs-multiselect {
 
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.2em;
+  margin-top: -2.9em;
 }
 
 .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
@@ -877,7 +873,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: 26px;
-  width: auto;
+  width: 26px;
 }
 
 .e-bigger.e-small .e-multi-select-wrapper {
@@ -896,7 +892,7 @@ ejs-multiselect {
 
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker,
 .e-bigger.e-small .e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
-  margin-top: -3.4em;
+  margin-top: -3.2em;
   right: 0;
 }
 
@@ -1333,10 +1329,6 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   left: 7px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: -35px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }

package/styles/multi-select/material-dark.css

@@ -861,10 +861,6 @@
   width: 16px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2257,10 +2253,6 @@ ejs-multiselect {
   left: 6px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 6px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 24px;
 }

package/styles/multi-select/material.css

@@ -869,10 +869,6 @@
   width: 16px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -2265,10 +2261,6 @@ ejs-multiselect {
   left: 6px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 6px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 22px;
 }

package/styles/multi-select/tailwind-dark.css

@@ -370,10 +370,6 @@
   width: 16px;
 }
 
-.e-rtl .e-multi-select-wrapper .e-chips-close {
-  margin: 0 0 0;
-}
-
 .e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
   margin: 3px 0 0;
 }
@@ -1295,10 +1291,6 @@ ejs-multiselect {
   left: 6px;
 }
 
-.e-small.e-bigger .e-multi-select-wrapper .e-close-hooker::before {
-  left: 6px;
-}
-
 .e-bigger.e-small .e-multi-select-wrapper .e-chips {
   height: 26px;
 }