@syncfusion/ej2-dropdowns 25.2.7 → 26.1.35-7502

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

@@ -1,24 +1,56 @@
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
   }
 }
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -628,13 +660,15 @@
 }
 
 .e-multi-select-wrapper {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: text;
   line-height: normal;
   min-height: 30px;
   padding: 0 32px 0 0;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -651,7 +685,8 @@
   white-space: nowrap;
 }
 .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -682,6 +717,7 @@
 
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   float: left;
@@ -689,6 +725,7 @@
 }
 .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   float: none;
@@ -711,8 +748,9 @@
 }
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   display: inline;
   max-width: 100%;
   word-break: break-word;
@@ -721,12 +759,15 @@
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
   display: none;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   margin-top: -2.5em;
   outline: 0;
   padding: 0;
@@ -738,6 +779,7 @@
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -817,8 +859,10 @@
 }
 
 .e-multi-select-wrapper .e-chips {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   float: left;
@@ -861,6 +905,7 @@
 .e-multi-select-wrapper .e-chips-close {
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   float: right;
@@ -1050,7 +1095,9 @@
 .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
   -ms-flex-item-align: center;
       align-self: center;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 0 0 0 16px;
@@ -1253,13 +1300,21 @@
 }
 
 .e-multiselect .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-multiselect.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -1710,8 +1765,9 @@ ejs-multiselect {
 
 .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;
-      align-items: normal;
+  -webkit-box-align: normal;
+      -ms-flex-align: normal;
+          align-items: normal;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -1917,7 +1973,10 @@ ejs-multiselect {
 .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
-.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
+.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
+.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
+.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
+.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
   height: 24px;
 }
 
@@ -1926,10 +1985,6 @@ ejs-multiselect {
   height: 32px;
 }
 
-.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
-  height: 24px;
-}
-
 .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -1985,11 +2040,6 @@ ejs-multiselect {
   margin: 4px 0 0 4px;
 }
 
-.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
-.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
-  height: 24px;
-}
-
 .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
 .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
 .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
@@ -2110,7 +2160,8 @@ ejs-multiselect {
 }
 
 .e-multiselect {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 /* stylelint-disable property-no-vendor-prefix */
@@ -2167,8 +2218,10 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper {
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
-  box-sizing: content-box;
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   overflow: initial;
 }
 
@@ -2222,14 +2275,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #424242;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #00b0ff;
   border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #424242;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #00b0ff;
   border: 1px solid transparent;
 }
@@ -2394,7 +2449,8 @@ ejs-multiselect {
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
   background-color: #3f51b5;
   border-radius: 4px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   color: #fff;
   height: 40px;
   line-height: 40px;

package/styles/multi-select/material.css

@@ -1,32 +1,76 @@
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 @keyframes slideTopUp {
   from {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
   to {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -636,13 +680,15 @@
 }
 
 .e-multi-select-wrapper {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: text;
   line-height: normal;
   min-height: 30px;
   padding: 0 32px 0 0;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -659,7 +705,8 @@
   white-space: nowrap;
 }
 .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-overflow, .e-multi-select-wrapper .e-delim-view.e-delim-values.e-delim-total {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -690,6 +737,7 @@
 
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-multi-searcher,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-multi-searcher {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   float: left;
@@ -697,6 +745,7 @@
 }
 .e-multiselect.e-control-container .e-multi-select-wrapper.e-delimiter .e-multi-searcher,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper.e-delimiter .e-multi-searcher {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   float: none;
@@ -719,8 +768,9 @@
 }
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-delim-values,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-delim-values {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   display: inline;
   max-width: 100%;
   word-break: break-word;
@@ -729,12 +779,15 @@
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-clear-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
   display: none;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   margin-top: -2.5em;
   outline: 0;
   padding: 0;
@@ -746,6 +799,7 @@
 .e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
 .e-multiselect.e-control-container.e-input-group :not(.e-disabled).e-multi-select-wrapper:hover .e-clear-icon,
 .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -825,8 +879,10 @@
 }
 
 .e-multi-select-wrapper .e-chips {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   float: left;
@@ -869,6 +925,7 @@
 .e-multi-select-wrapper .e-chips-close {
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   float: right;
@@ -1058,7 +1115,9 @@
 .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
   -ms-flex-item-align: center;
       align-self: center;
-  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+          box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.21);
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 0 0 0 16px;
@@ -1261,13 +1320,21 @@
 }
 
 .e-multiselect .e-ddl-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-multiselect.e-icon-anim .e-ddl-icon::before {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+  -webkit-transition: -webkit-transform 300ms ease;
+  transition: -webkit-transform 300ms ease;
   transition: transform 300ms ease;
+  transition: transform 300ms ease, -webkit-transform 300ms ease;
 }
 
 .e-multiselect.e-checkbox .e-multi-select-wrapper,
@@ -1718,8 +1785,9 @@ ejs-multiselect {
 
 .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;
-      align-items: normal;
+  -webkit-box-align: normal;
+      -ms-flex-align: normal;
+          align-items: normal;
 }
 
 .e-multiselect.e-filled .e-multi-select-wrapper .e-delim-values .e-remain,
@@ -1925,7 +1993,10 @@ ejs-multiselect {
 .e-bigger.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-bigger .e-multiselect.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
-.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
+.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
+.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip,
+.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
+.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
   height: 24px;
 }
 
@@ -1934,10 +2005,6 @@ ejs-multiselect {
   height: 32px;
 }
 
-.e-multiselect.e-filled.e-float-input .e-multi-select-wrapper.e-mob-wrapper .e-chips.e-mob-chip {
-  height: 24px;
-}
-
 .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-bigger.e-small.e-filled.e-float-input .e-multi-select-wrapper .e-chips,
 .e-bigger.e-small .e-filled.e-float-input .e-multi-select-wrapper .e-chips,
@@ -1993,11 +2060,6 @@ ejs-multiselect {
   margin: 4px 0 0 4px;
 }
 
-.e-small .e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips,
-.e-small.e-filled:not(.e-float-input) .e-multi-select-wrapper .e-chips {
-  height: 24px;
-}
-
 .e-filled.e-multiselect.e-float-input .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
 .e-small.e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
 .e-small .e-filled:not(.e-bigger).e-multiselect:not(.e-float-input) .e-multi-select-wrapper .e-chips:not(.e-mob-chip) .e-chips-close,
@@ -2118,7 +2180,8 @@ ejs-multiselect {
 }
 
 .e-multiselect {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 /* stylelint-disable property-no-vendor-prefix */
@@ -2175,8 +2238,10 @@ ejs-multiselect {
 }
 
 .e-popup.e-multi-select-list-wrapper {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  box-sizing: content-box;
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   overflow: initial;
 }
 
@@ -2230,14 +2295,16 @@ ejs-multiselect {
 
 .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #e0e0e0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #e3165b;
   border: 1px solid transparent;
 }
 
 .e-popup.e-multi-select-list-wrapper.e-multiselect-group .e-list-group-item.e-active.e-item-focus {
   background-color: #e0e0e0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: #e3165b;
   border: 1px solid transparent;
 }
@@ -2402,7 +2469,8 @@ ejs-multiselect {
 .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
   background-color: #3f51b5;
   border-radius: 4px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   color: #fff;
   height: 40px;
   line-height: 40px;