@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/treeview/fluent-dark.css

@@ -25,11 +25,23 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes rotation {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
 @keyframes rotation {
   from {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   to {
+    -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
@@ -58,13 +70,13 @@
   line-height: 17px;
   width: 18px;
 }
-.e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
-.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check {
+.e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check, .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
+.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
+.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
   font-size: 12px;
 }
 .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
 .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
-  font-size: 12px;
   line-height: 17px;
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
@@ -76,8 +88,8 @@
 .e-treeview.e-bigger .e-icon-collapsible,
 .e-treeview.e-bigger .e-icon-expandable {
   height: 24px;
-  margin: 0 0 0 -24px;
   width: 24px;
+  margin: 0 0 0 -24px;
 }
 .e-bigger .e-treeview.e-drag-item .e-icon-expandable,
 .e-bigger .e-treeview.e-drag-item .e-icon-collapsible,
@@ -90,13 +102,6 @@
 .e-treeview.e-bigger.e-drag-item .e-drop-count {
   padding: 3px 5px 4px;
 }
-.e-bigger .e-treeview .e-navigable .e-text-content,
-.e-treeview.e-bigger .e-navigable .e-text-content {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-}
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   padding: 0;
@@ -289,6 +294,16 @@
   position: relative;
   white-space: nowrap;
 }
+.e-treeview.e-virtualization {
+  overflow: auto;
+}
+.e-treeview.e-virtualization .e-virtual-mask {
+  display: block;
+  margin-bottom: 20px;
+}
+.e-treeview.e-virtualization .e-ul {
+  overflow: unset;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -324,26 +339,10 @@
   margin: 0;
   padding: 0 0 0 12px;
 }
-.e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
-  display: none;
-}
+.e-treeview .e-node-collapsed .e-list-item .e-fullrow,
 .e-treeview .e-display-none {
   display: none;
 }
-.e-treeview .e-list-item div.e-icons.interaction {
-  -webkit-transition: -webkit-transform 0.3s ease-in-out;
-  border-radius: 15px;
-  transition: transform 0.3s ease-in-out;
-}
-.e-treeview .e-list-item .e-icons.e-icon-collapsible {
-  transform: rotate(90deg);
-}
-.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
-  transform: rotate(180deg);
-}
-.e-treeview.e-rtl div.e-icons {
-  transform: rotate(180deg);
-}
 .e-treeview .e-list-item {
   list-style: none;
   padding: 2px 0;
@@ -360,6 +359,17 @@
   pointer-events: none;
   touch-action: none;
 }
+.e-treeview .e-list-item div.e-icons.interaction {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  border-radius: 15px;
+  transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+}
+.e-treeview .e-list-item .e-icons.e-icon-collapsible {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
@@ -373,6 +383,7 @@
   position: relative;
 }
 .e-treeview .e-text-content {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -381,12 +392,17 @@
   margin: 0;
   padding: 0 12px 0 20px;
 }
+.e-treeview .e-text-content + .e-sibling {
+  margin-top: 1px;
+}
 .e-treeview .e-fullrow {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
   border: 1px solid;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   height: 38px;
   left: 0;
@@ -414,7 +430,8 @@
   width: 32px;
 }
 .e-treeview .e-list-text {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   line-height: 36px;
   margin: 0;
@@ -463,24 +480,24 @@
   padding: 0px;
 }
 .e-treeview .e-load {
+  -webkit-animation: rotation 0.5s infinite linear;
   animation: rotation 0.5s infinite linear;
 }
 .e-treeview .e-sibling {
   width: 144px;
-  position: absolute;
-  z-index: 2;
-}
-.e-treeview .e-text-content + .e-sibling {
-  margin-top: 1px;
 }
 .e-treeview .e-sibling::before {
   left: 0;
   height: 2px;
   top: -1.5px;
+}
+.e-treeview .e-sibling,
+.e-treeview .e-sibling::before {
   position: absolute;
   z-index: 2;
 }
 .e-treeview .e-popup {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -504,8 +521,7 @@
   padding: 4px;
   width: 26px;
 }
-.e-treeview .e-popup .e-downtail::before,
-.e-treeview .e-popup .e-downtail::after {
+.e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
   border: 10px solid transparent;
   content: "";
   height: 0;
@@ -527,8 +543,10 @@
   pointer-events: auto;
 }
 .e-treeview .e-navigable .e-text-content {
-  -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;
 }
@@ -565,7 +583,8 @@
 }
 .e-treeview.e-drag-item .e-icon-collapsible,
 .e-treeview.e-drag-item .e-icon-expandable {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   padding-left: 12px;
   padding-top: 8px;
 }
@@ -576,7 +595,8 @@
 .e-treeview.e-drag-item .e-drop-count {
   border: 1px solid;
   border-radius: 15px;
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-size: 12px;
   line-height: normal;
   min-width: 12px;
@@ -639,12 +659,20 @@
 .e-treeview.e-rtl .e-sibling::before {
   right: 0;
 }
+.e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .e-treeview.e-rtl.e-drag-item .e-text-content {
   float: right;
 }
 .e-treeview.e-rtl.e-drag-item .e-drop-count {
   margin-right: -12px;
 }
+.e-treeview.e-rtl div.e-icons {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .e-treeview.e-disabled .e-fullrow,
 .e-treeview.e-disabled .e-icons,
 .e-treeview.e-disabled .e-text-content,
@@ -696,25 +724,41 @@
 .e-treeview .e-icon-expandable::before {
   font-size: 20px;
 }
-.e-treeview .e-list-item.e-active,
-.e-treeview .e-list-item.e-hover,
-.e-treeview .e-list-item.e-node-focus {
+.e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
   background: transparent;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-node-focus > .e-text-content {
+.e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  background-color: #252423;
+  border-color: #252423;
+}
+.e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
   color: #f3f2f1;
 }
 .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
+.e-treeview .e-list-item.e-active {
+  background: transparent;
+}
+.e-treeview .e-list-item.e-active > .e-fullrow {
+  background-color: #292827;
+  border-color: #292827;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
+  background-color: transparent;
+  border-color: transparent;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
+  color: #f3f2f1;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+  color: #f3f2f1;
+}
 .e-treeview .e-list-item.e-active > .e-text-content {
   color: #f3f2f1;
 }
@@ -731,67 +775,36 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
   border-color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
+.e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  background-color: #363533;
+  border-color: #292827;
+}
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
   color: #f3f2f1;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
-  color: #f3f2f1;
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
-  color: #f3f2f1;
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
-  color: #a19f9d;
-}
-.e-treeview .e-list-item.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
-  background-color: #252423;
-  border-color: #252423;
-}
-.e-treeview .e-list-item.e-active > .e-fullrow {
-  background-color: #292827;
-  border-color: #292827;
-}
-.e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
+.e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
 }
-.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
   color: #f3f2f1;
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: #363533;
-  border-color: #292827;
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
-  background-color: transparent;
-  border-color: transparent;
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
+  color: #a19f9d;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -824,8 +837,7 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: #252423;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
   background-color: #252423;
   border-color: #252423;
 }
@@ -833,14 +845,11 @@
   background-color: #292827;
   border-color: #292827;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
   background-color: #363533;
   border-color: #292827;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
 }