@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

package/styles/treeview/material.css

@@ -1,16 +1,36 @@
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 @keyframes slideTopUp {
   from {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
   to {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 /*! TreeView's material theme wise override definitions and variables */
@@ -39,20 +59,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 {
@@ -197,6 +222,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;
@@ -232,26 +267,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;
@@ -268,6 +287,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;
 }
@@ -281,6 +311,7 @@
   position: relative;
 }
 .e-treeview .e-text-content {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -289,12 +320,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;
@@ -322,7 +358,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;
@@ -368,6 +405,7 @@
   padding: 7px;
 }
 .e-treeview .e-load {
+  -webkit-animation: rotation 0.5s infinite linear;
   animation: rotation 0.5s infinite linear;
 }
 .e-treeview .e-sibling {
@@ -375,21 +413,20 @@
   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: 6px;
   top: 3px;
   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;
@@ -413,8 +450,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;
@@ -436,8 +472,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;
 }
@@ -477,7 +515,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;
@@ -541,12 +580,20 @@
   right: 6px;
   top: 3px;
 }
+.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,
@@ -598,25 +645,41 @@
 .e-treeview .e-icon-expandable::before {
   font-size: 10px;
 }
-.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: rgba(0, 0, 0, 0.87);
 }
-.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: rgba(0, 0, 0, 0.87);
 }
 .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: rgba(0, 0, 0, 0.54);
 }
+.e-treeview .e-list-item.e-active {
+  background: transparent;
+}
+.e-treeview .e-list-item.e-active > .e-fullrow {
+  background-color: #eee;
+  border-color: #eee;
+}
+.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: rgba(0, 0, 0, 0.87);
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+  color: rgba(0, 0, 0, 0.87);
+}
 .e-treeview .e-list-item.e-active > .e-text-content {
   color: #e3165b;
 }
@@ -627,67 +690,36 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: rgba(0, 0, 0, 0.54);
 }
-.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: #e0e0e0;
+  border-color: #e0e0e0;
+}
+.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: #e3165b;
 }
-.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: #e3165b;
 }
 .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: rgba(0, 0, 0, 0.54);
 }
-.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: rgba(0, 0, 0, 0.87);
-}
-.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: rgba(0, 0, 0, 0.87);
-}
-.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: rgba(0, 0, 0, 0.54);
-}
-.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: #eee;
-  border-color: #eee;
-}
-.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: rgba(0, 0, 0, 0.87);
 }
-.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: rgba(0, 0, 0, 0.87);
 }
-.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: #e0e0e0;
-  border-color: #e0e0e0;
-}
-.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: rgba(0, 0, 0, 0.54);
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -716,8 +748,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;
 }
@@ -725,14 +756,11 @@
   background-color: #eee;
   border-color: #eee;
 }
-.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: #e0e0e0;
   border-color: #e0e0e0;
 }
-.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;
 }