@syncfusion/ej2-dropdowns 25.2.7-130084 → 26.1.35

package/styles/list-box/highcontrast.css

@@ -54,11 +54,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%;
@@ -66,7 +68,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,
@@ -131,9 +134,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,
@@ -141,17 +146,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: 600;
@@ -193,7 +195,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,
@@ -249,18 +252,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);
 }
@@ -306,7 +303,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,
@@ -316,7 +314,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,
@@ -324,8 +323,11 @@
   margin-top: 1px;
 }
 .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,
@@ -333,11 +335,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 {
@@ -382,10 +379,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;
 }
@@ -400,6 +394,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,
@@ -414,18 +409,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: #ffd939;
   border: 1px solid #000;
   border-radius: 50%;
   color: #000;
+  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;
@@ -439,12 +437,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 {
@@ -452,9 +452,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 {
@@ -560,22 +563,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: 600;
   height: 45px;
 }
 .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;
 }
@@ -598,15 +601,15 @@ ejs-listbox {
   height: calc(100% - 58px) !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% - 45px) !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% - 45px) !important; /* stylelint-disable-line declaration-no-important */
 }
@@ -615,23 +618,11 @@ ejs-listbox {
   height: calc(100% - 51px) !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% - 59px) !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% - 45px) !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% - 55px) !important; /* stylelint-disable-line declaration-no-important */
@@ -645,10 +636,6 @@ ejs-listbox {
   height: calc(100% - 104px) !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 {
@@ -688,12 +675,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: #fff;
-}
-
 .e-listbox-wrapper .e-list-item,
 .e-listbox-container .e-list-item,
 .e-listboxtool-wrapper .e-list-item {
@@ -715,13 +696,6 @@ ejs-listbox {
   color: #fff;
 }
 
-.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: #ffd939;
-  color: #000;
-}
-
 .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 {
@@ -729,11 +703,13 @@ ejs-listbox {
   color: #fff;
 }
 
-.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: #ffd939;
   color: #000;
 }
@@ -823,8 +799,8 @@ ejs-listbox {
   height: 3.0769em;
   left: 0.923em;
   position: absolute;
-  top: 0.6153em;
   width: 3.0769em;
+  left: 0.923em;
 }
 .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),
@@ -842,18 +818,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: 3.0769em;
+  left: 0.923em;
   position: absolute;
-  right: 0.923em;
-  top: 0.6153em;
   width: 3.0769em;
+  right: 0.923em;
 }
-.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: 0.6153em;
-}
-.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: 0.6153em;
 }
@@ -867,7 +840,8 @@ ejs-listbox {
   position: absolute;
   right: 0.923em;
   top: 50%;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
   width: 1.5384em;
 }
 .e-listbox-wrapper.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar,
@@ -892,23 +866,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: #fff;
-}
-.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: #fff;
 }
-.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: #000;
-}
-.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: #000;
 }
@@ -955,15 +923,7 @@ ejs-listbox {
   padding-right: 0.923em;
 }
 
-.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%;
 }
 

package/styles/list-box/icons/_bootstrap5.3.scss

@@ -0,0 +1,25 @@
+@include export-module('list-box-bootstrap5-icons') {
+  .e-listbox-tool .e-moveup::before {
+    content: '\e776';
+  }
+
+  .e-listbox-tool .e-movedown::before {
+    content: '\e729';
+  }
+
+  .e-listbox-tool .e-moveto::before {
+    content: '\e748';
+  }
+
+  .e-listbox-tool .e-movefrom::before {
+    content: '\e765';
+  }
+
+  .e-listbox-tool .e-moveallto::before {
+    content: '\e7a9';
+  }
+
+  .e-listbox-tool .e-moveallfrom::before {
+    content: '\e744';
+  }
+}

package/styles/list-box/icons/_fluent2.scss

@@ -0,0 +1,25 @@
+@include export-module('list-box-fluent2-icons') {
+  .e-listbox-tool .e-moveup::before {
+    content: '\e776';
+  }
+
+  .e-listbox-tool .e-movedown::before {
+    content: '\e729';
+  }
+
+  .e-listbox-tool .e-moveto::before {
+    content: '\e748';
+  }
+
+  .e-listbox-tool .e-movefrom::before {
+    content: '\e765';
+  }
+
+  .e-listbox-tool .e-moveallto::before {
+    content: '\e7a9';
+  }
+
+  .e-listbox-tool .e-moveallfrom::before {
+    content: '\e744';
+  }
+}