@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/treeview/bootstrap.css

@@ -25,20 +25,25 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
-@keyframes rotation {
+@-webkit-keyframes rotation {
   from {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   to {
+    -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
-.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;
+@keyframes rotation {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
 }
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
@@ -187,6 +192,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;
@@ -222,26 +237,10 @@
   margin: 0;
   padding: 0 0 0 24px;
 }
-.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;
@@ -258,6 +257,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;
 }
@@ -271,6 +281,7 @@
   position: relative;
 }
 .e-treeview .e-text-content {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -279,12 +290,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;
@@ -312,7 +328,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;
@@ -361,6 +378,7 @@
   padding: 8px;
 }
 .e-treeview .e-load {
+  -webkit-animation: rotation 0.5s infinite linear;
   animation: rotation 0.5s infinite linear;
 }
 .e-treeview .e-sibling {
@@ -368,20 +386,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;
@@ -405,8 +422,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;
@@ -428,8 +444,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;
 }
@@ -469,7 +487,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: 13px;
   line-height: normal;
   min-width: 12px;
@@ -532,12 +551,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,
@@ -589,25 +616,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: #f5f5f5;
+  border-color: #f5f5f5;
+}
+.e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: #333;
 }
-.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: #333;
 }
 .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: #333;
 }
+.e-treeview .e-list-item.e-active {
+  background: transparent;
+}
+.e-treeview .e-list-item.e-active > .e-fullrow {
+  background-color: #317ab9;
+  border-color: #317ab9;
+}
+.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: #333;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+  color: #333;
+}
 .e-treeview .e-list-item.e-active > .e-text-content {
   color: #fff;
 }
@@ -618,69 +661,40 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: #fff;
 }
-.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: #317ab9;
+  border-color: #66afe9;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+.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: #333;
-}
-.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: #333;
-}
-.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: #333;
-}
-.e-treeview .e-list-item.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
-  background-color: #f5f5f5;
-  border-color: #f5f5f5;
-}
-.e-treeview .e-list-item.e-active > .e-fullrow {
-  background-color: #317ab9;
-  border-color: #317ab9;
-}
-.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;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
-.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: #333;
 }
-.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: #333;
 }
-.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: #317ab9;
-  border-color: #66afe9;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
-}
-.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;
-  box-shadow: none;
+.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: #333;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -710,8 +724,7 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: #fff;
 }
-.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: #f5f5f5;
   border-color: #f5f5f5;
 }
@@ -719,17 +732,16 @@
   background-color: #317ab9;
   border-color: #317ab9;
 }
-.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: #317ab9;
   border-color: #66afe9;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
-.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;
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {