@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35-7502

package/styles/list-box/material.css

@@ -39,11 +39,13 @@
 .e-listbox-container,
 .e-listboxtool-wrapper {
   -webkit-overflow-scrolling: touch;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   display: block;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -51,7 +53,8 @@
 .e-listbox-wrapper *,
 .e-listbox-container *,
 .e-listboxtool-wrapper * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-listbox-wrapper.e-listboxtool-container .e-list-wrap,
 .e-listbox-container.e-listboxtool-container .e-list-wrap,
@@ -116,9 +119,11 @@
   margin: 0;
   padding: 0;
 }
-.e-listbox-wrapper .e-list-header .e-text.header,
+.e-listbox-wrapper .e-list-header .e-text.header, .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
 .e-listbox-container .e-list-header .e-text.header,
-.e-listboxtool-wrapper .e-list-header .e-text.header {
+.e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
+.e-listboxtool-wrapper .e-list-header .e-text.header,
+.e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
   display: none;
 }
 .e-listbox-wrapper .e-icon-back,
@@ -126,17 +131,14 @@
 .e-listboxtool-wrapper .e-icon-back {
   margin-top: 2px;
 }
-.e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
-.e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
-.e-listboxtool-wrapper .e-list-header .e-headertemplate-text.nested-header {
-  display: none;
-}
 .e-listbox-wrapper .e-list-header,
 .e-listbox-container .e-list-header,
 .e-listboxtool-wrapper .e-list-header {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border-bottom: 1px solid;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-weight: bold;
@@ -178,7 +180,8 @@
   position: absolute;
   right: 0%;
   top: 50%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
 }
 .e-listbox-wrapper .e-text-content,
 .e-listbox-container .e-text-content,
@@ -234,18 +237,12 @@
   white-space: nowrap;
   width: 100%;
 }
-.e-listbox-wrapper .e-list-icon + .e-list-text,
+.e-listbox-wrapper .e-list-icon + .e-list-text, .e-listbox-wrapper .e-icon-wrapper .e-list-text, .e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
 .e-listbox-container .e-list-icon + .e-list-text,
-.e-listboxtool-wrapper .e-list-icon + .e-list-text {
-  width: calc(100% - 60px);
-}
-.e-listbox-wrapper .e-icon-wrapper .e-list-text,
 .e-listbox-container .e-icon-wrapper .e-list-text,
-.e-listboxtool-wrapper .e-icon-wrapper .e-list-text {
-  width: calc(100% - 60px);
-}
-.e-listbox-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
 .e-listbox-container .e-icon-wrapper.e-text-content.e-checkbox .e-list-text,
+.e-listboxtool-wrapper .e-list-icon + .e-list-text,
+.e-listboxtool-wrapper .e-icon-wrapper .e-list-text,
 .e-listboxtool-wrapper .e-icon-wrapper.e-text-content.e-checkbox .e-list-text {
   width: calc(100% - 60px);
 }
@@ -291,7 +288,8 @@
   left: 0%;
   right: initial;
   top: 50%;
-  transform: translateY(-50%) rotate(180deg);
+  -webkit-transform: translateY(-50%) rotate(180deg);
+          transform: translateY(-50%) rotate(180deg);
 }
 .e-listbox-wrapper.e-rtl .e-list-header .e-text,
 .e-listbox-container.e-rtl .e-list-header .e-text,
@@ -301,7 +299,8 @@
 .e-listbox-wrapper.e-rtl .e-but-back,
 .e-listbox-container.e-rtl .e-but-back,
 .e-listboxtool-wrapper.e-rtl .e-but-back {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-listbox-wrapper.e-rtl .e-icon-back,
 .e-listbox-container.e-rtl .e-icon-back,
@@ -309,8 +308,11 @@
   margin-top: -2px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-left,
+.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
 .e-listbox-container.e-rtl .e-checkbox .e-checkbox-left,
-.e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left {
+.e-listbox-container.e-rtl .e-checkbox-wrapper,
+.e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-left,
+.e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
   margin: -2px 0 0 10px;
 }
 .e-listbox-wrapper.e-rtl .e-checkbox .e-checkbox-right,
@@ -318,11 +320,6 @@
 .e-listboxtool-wrapper.e-rtl .e-checkbox .e-checkbox-right {
   margin: -2px 10px 0 0;
 }
-.e-listbox-wrapper.e-rtl .e-checkbox-wrapper,
-.e-listbox-container.e-rtl .e-checkbox-wrapper,
-.e-listboxtool-wrapper.e-rtl .e-checkbox-wrapper {
-  margin: -2px 0 0 10px;
-}
 .e-listbox-wrapper .e-checkbox-wrapper,
 .e-listbox-container .e-checkbox-wrapper,
 .e-listboxtool-wrapper .e-checkbox-wrapper {
@@ -367,10 +364,7 @@ ejs-listbox {
   display: block;
 }
 
-.e-listbox-wrapper:not(.e-listbox-container) {
-  overflow: auto;
-}
-
+.e-listbox-wrapper:not(.e-listbox-container),
 .e-listbox-wrapper.e-filter-list .e-list-parent {
   overflow: auto;
 }
@@ -385,6 +379,7 @@ ejs-listbox {
 .e-listbox-container.e-sortableclone .e-list-item,
 .e-listboxtool-wrapper.e-sortableclone .e-list-item {
   list-style-type: none;
+  height: 38px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-listbox-wrapper.e-sortableclone .e-ripple,
 .e-listbox-container.e-sortableclone .e-ripple,
@@ -399,18 +394,21 @@ ejs-listbox {
 .e-listbox-wrapper.e-sortableclone .e-list-badge,
 .e-listbox-container.e-sortableclone .e-list-badge,
 .e-listboxtool-wrapper.e-sortableclone .e-list-badge {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   background-color: #e3165b;
   border: 1px solid #fff;
   border-radius: 50%;
   color: #fff;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 12px;
   height: 22px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   position: absolute;
   right: -10px;
   top: -10px;
@@ -424,12 +422,14 @@ ejs-listbox {
 .e-listboxtool-wrapper,
 .e-listboxtool-container {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-listboxtool-wrapper *,
 .e-listboxtool-container * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-listboxtool-wrapper.e-disabled,
 .e-listboxtool-container.e-disabled {
@@ -437,9 +437,12 @@ ejs-listbox {
   pointer-events: none;
 }
 .e-listboxtool-wrapper .e-listbox-wrapper,
-.e-listboxtool-container .e-listbox-wrapper {
-  -ms-flex: 1;
-      flex: 1;
+.e-listboxtool-wrapper .e-list-wrap,
+.e-listboxtool-container .e-listbox-wrapper,
+.e-listboxtool-container .e-list-wrap {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
 }
 .e-listboxtool-wrapper.e-right .e-listbox-tool,
 .e-listboxtool-container.e-right .e-listbox-tool {
@@ -545,22 +548,22 @@ ejs-listbox {
 .e-listbox-wrapper.e-bigger .e-list-header,
 .e-bigger .e-listbox-container .e-list-header,
 .e-listbox-container.e-bigger .e-list-header {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-weight: bold;
   height: 64px;
 }
 .e-bigger .e-listbox-wrapper .e-list-header .e-text.header,
-.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
-.e-bigger .e-listbox-container .e-list-header .e-text.header,
-.e-listbox-container.e-bigger .e-list-header .e-text.header {
-  display: none;
-}
 .e-bigger .e-listbox-wrapper .e-list-header .e-headertemplate-text.nested-header,
+.e-listbox-wrapper.e-bigger .e-list-header .e-text.header,
 .e-listbox-wrapper.e-bigger .e-list-header .e-headertemplate-text.nested-header,
+.e-bigger .e-listbox-container .e-list-header .e-text.header,
 .e-bigger .e-listbox-container .e-list-header .e-headertemplate-text.nested-header,
+.e-listbox-container.e-bigger .e-list-header .e-text.header,
 .e-listbox-container.e-bigger .e-list-header .e-headertemplate-text.nested-header {
   display: none;
 }
@@ -583,15 +586,15 @@ ejs-listbox {
   height: calc(100% - 50px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
+.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent,
+.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent,
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: 100%;
 }
 
 .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
+.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
 .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -600,23 +603,11 @@ ejs-listbox {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
-  height: calc(100% - 55px) !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
 .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
 .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
   height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
 .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
 .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
   height: calc(100% - 45px) !important; /* stylelint-disable-line declaration-no-important */
@@ -630,10 +621,6 @@ ejs-listbox {
   height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
 .e-listbox-wrapper,
 .e-listbox-container:not(.e-listboxtool-container):not(.e-sortableclone),
 .e-listboxtool-container.e-listbox-container .e-ul {
@@ -673,12 +660,6 @@ ejs-listbox {
   height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-listbox-wrapper .e-icons,
-.e-listbox-container .e-icons,
-.e-listboxtool-wrapper .e-icons {
-  color: rgba(0, 0, 0, 0.54);
-}
-
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item,
 .e-listboxtool-wrapper .e-list-item {
@@ -700,13 +681,6 @@ ejs-listbox {
   color: rgba(0, 0, 0, 0.87);
 }
 
-.e-listbox-wrapper .e-list-item.e-selected,
-.e-listbox-container .e-list-item.e-selected,
-.e-listboxtool-wrapper .e-list-item.e-selected {
-  background-color: #f5f5f5;
-  color: rgba(0, 0, 0, 0.87);
-}
-
 .e-listbox-wrapper .e-list-item.e-selected.e-checklist,
 .e-listbox-container .e-list-item.e-selected.e-checklist,
 .e-listboxtool-wrapper .e-list-item.e-selected.e-checklist {
@@ -714,11 +688,13 @@ ejs-listbox {
   color: rgba(0, 0, 0, 0.87);
 }
 
-.e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist,
+.e-listbox-wrapper .e-list-item.e-focused, .e-listbox-wrapper .e-list-item.e-focused.e-selected.e-checklist, .e-listbox-wrapper .e-list-item.e-selected,
 .e-listbox-container .e-list-item.e-focused,
 .e-listbox-container .e-list-item.e-focused.e-selected.e-checklist,
+.e-listbox-container .e-list-item.e-selected,
 .e-listboxtool-wrapper .e-list-item.e-focused,
-.e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist {
+.e-listboxtool-wrapper .e-list-item.e-focused.e-selected.e-checklist,
+.e-listboxtool-wrapper .e-list-item.e-selected {
   background-color: #f5f5f5;
   color: rgba(0, 0, 0, 0.87);
 }
@@ -808,8 +784,8 @@ ejs-listbox {
   height: 2.6667em;
   left: 1.0667em;
   position: absolute;
-  top: 0.2666em;
   width: 2.6667em;
+  left: 1.0667em;
 }
 .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge),
@@ -827,18 +803,15 @@ ejs-listbox {
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
   height: 2.6667em;
+  left: 1.0667em;
   position: absolute;
-  right: 1.0667em;
-  top: 0.2666em;
   width: 2.6667em;
+  right: 1.0667em;
 }
-.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
+.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar, .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
-.e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
-  top: 1.0666em;
-}
-.e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
 .e-listbox-container.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar,
+.e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar,
 .e-listboxtool-wrapper.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
   top: 1.0666em;
 }
@@ -852,7 +825,8 @@ ejs-listbox {
   position: absolute;
   right: 1.33em;
   top: 50%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
   width: 2.5em;
 }
 .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -877,23 +851,17 @@ ejs-listbox {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
+.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
-.e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header {
-  color: rgba(0, 0, 0, 0.87);
-}
-.e-listbox-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-list-item:hover .e-list-content,
+.e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-list-item:hover .e-list-content {
   color: rgba(0, 0, 0, 0.87);
 }
-.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
+.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header, .e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-item-header,
-.e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header {
-  color: rgba(0, 0, 0, 0.87);
-}
-.e-listbox-wrapper.e-list-template .e-list-item.e-selected .e-list-content,
 .e-listbox-container.e-list-template .e-list-item.e-selected .e-list-content,
+.e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-item-header,
 .e-listboxtool-wrapper.e-list-template .e-list-item.e-selected .e-list-content {
   color: rgba(0, 0, 0, 0.87);
 }
@@ -940,15 +908,7 @@ ejs-listbox {
   padding-right: 1.0666em;
 }
 
-.e-listbox-container.e-filter-list .e-list-parent {
-  height: 100%;
-}
-
-.e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-  height: 100%;
-}
-
-.e-listbox-container .e-selectall-parent + .e-list-parent {
+.e-listbox-container.e-filter-list .e-list-parent, .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent, .e-listbox-container .e-selectall-parent + .e-list-parent {
   height: 100%;
 }