@syncfusion/ej2-navigations 25.2.4 → 26.1.35-7502

package/styles/treeview/bootstrap4.css

@@ -24,11 +24,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);
   }
 }
@@ -38,13 +50,6 @@
 .e-treeview.e-bigger .e-list-item .e-ul {
   padding-left: 16px;
 }
-.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;
@@ -187,6 +192,12 @@
 .e-treeview.e-bigger.e-drag-item .e-drop-count {
   border: 1px solid;
 }
+.e-bigger .e-treeview.e-rtl .e-icon-collapsible,
+.e-bigger .e-treeview.e-rtl .e-icon-expandable,
+.e-treeview.e-bigger.e-rtl .e-icon-collapsible,
+.e-treeview.e-bigger.e-rtl .e-icon-expandable {
+  margin: 0 -24px 1px 0;
+}
 .e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap,
 .e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap {
   padding: 0 12px 0 0;
@@ -209,12 +220,6 @@
 .e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon + .e-list-img {
   margin: 0 0 0 12px;
 }
-.e-bigger .e-treeview.e-rtl .e-icon-collapsible,
-.e-bigger .e-treeview.e-rtl .e-icon-expandable,
-.e-treeview.e-bigger.e-rtl .e-icon-collapsible,
-.e-treeview.e-bigger.e-rtl .e-icon-expandable {
-  margin: 0 -24px 1px 0;
-}
 .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper,
 .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper {
   margin: 0 10px 0 0;
@@ -246,6 +251,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;
@@ -281,26 +296,10 @@
   margin: 0;
   padding: 0 0 0 14px;
 }
-.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;
@@ -317,6 +316,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;
 }
@@ -330,6 +340,7 @@
   position: relative;
 }
 .e-treeview .e-text-content {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -338,12 +349,17 @@
   margin: 0;
   padding: 0 0 0 24px;
 }
+.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: 32px;
   left: 0;
@@ -371,7 +387,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: 30px;
   margin: 0;
@@ -420,6 +437,7 @@
   padding: 6px;
 }
 .e-treeview .e-load {
+  -webkit-animation: rotation 0.5s infinite linear;
   animation: rotation 0.5s infinite linear;
 }
 .e-treeview .e-sibling {
@@ -427,20 +445,19 @@
   height: 6px;
   margin-top: -5px;
   width: 6px;
-  position: absolute;
-  z-index: 2;
-}
-.e-treeview .e-text-content + .e-sibling {
-  margin-top: -1px;
 }
 .e-treeview .e-sibling::before {
   left: 0;
   height: 1px;
   width: 144px;
+}
+.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;
@@ -464,8 +481,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;
@@ -487,8 +503,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;
 }
@@ -533,7 +551,8 @@
 .e-treeview.e-drag-item .e-drop-count {
   border: 0px solid;
   border-radius: 15px;
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-size: 14px;
   line-height: 1.5;
   min-width: 10px;
@@ -596,6 +615,10 @@
 .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;
 }
@@ -606,6 +629,10 @@
 .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,
@@ -669,25 +696,41 @@
 .e-treeview .e-icon-expandable::before {
   font-size: 8px;
 }
-.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: #f2f4f6;
+  border-color: #f2f4f6;
+}
+.e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: #212529;
 }
-.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: #212529;
 }
 .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: #495057;
 }
+.e-treeview .e-list-item.e-active {
+  background: transparent;
+}
+.e-treeview .e-list-item.e-active > .e-fullrow {
+  background-color: #007bff;
+  border-color: #007bff;
+}
+.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: #212529;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+  color: #212529;
+}
 .e-treeview .e-list-item.e-active > .e-text-content {
   color: #fff;
 }
@@ -703,67 +746,36 @@
   border-color: #fff;
   color: #007bff;
 }
-.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: #0069d9;
+  border-color: #0069d9;
+}
+.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: #fff;
 }
-.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: #fff;
 }
 .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: #fff;
 }
-.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: #212529;
-}
-.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: #212529;
-}
-.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: #495057;
-}
-.e-treeview .e-list-item.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
-  background-color: #f2f4f6;
-  border-color: #f2f4f6;
-}
-.e-treeview .e-list-item.e-active > .e-fullrow {
-  background-color: #007bff;
-  border-color: #007bff;
-}
-.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: #212529;
 }
-.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: #212529;
 }
-.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: #0069d9;
-  border-color: #0069d9;
-}
-.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: #495057;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -794,8 +806,7 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: transparent;
 }
-.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: #f2f4f6;
   border-color: #f2f4f6;
 }
@@ -803,14 +814,11 @@
   background-color: #007bff;
   border-color: #007bff;
 }
-.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: #0069d9;
   border-color: #0069d9;
 }
-.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;
 }