@syncfusion/ej2-navigations 27.2.4 → 28.1.33

package/styles/treeview/highcontrast.css

@@ -176,7 +176,7 @@
   margin: 0 0 0 12px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 10px;
+  padding: 0 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -193,7 +193,7 @@
   line-height: 30px;
   margin: 0;
   min-height: 30px;
-  padding: 0 5px;
+  padding: 0 8px;
   text-decoration: none;
   vertical-align: middle;
 }
@@ -206,6 +206,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -221,7 +224,11 @@
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 10px;
+  padding: 0 8px;
+}
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -327,6 +334,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 5px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 10px 0 0;
@@ -374,6 +387,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 5px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -698,7 +714,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/icons/_tailwind3.scss

@@ -0,0 +1,44 @@
+@include export-module('treeview-tailwind3-icons') {
+
+  /*! TreeView icons */
+  .e-treeview {
+
+    .e-list-item {
+
+      div.e-icons:not(.e-icons-spinner).e-icon-expandable::before,
+      div.e-icons:not(.e-icons-spinner).e-icon-collapsible::before{
+        content: '\e75c';
+      }
+    }
+
+    .e-sibling::before {
+      content: '';
+    }
+
+    .e-popup {
+
+      .e-icons::before {
+        content: '\e76a';
+      }
+    }
+
+    &.e-drag-item {
+
+      .e-icons.e-drop-in::before {
+        content: '\e768';
+      }
+
+      .e-icons.e-drop-out::before {
+        content: '\e839';
+      }
+
+      .e-icons.e-drop-next::before {
+        content: '\e736';
+      }
+
+      .e-icons.e-no-drop::before {
+        content: '\e839';
+      }
+    }
+  }
+}

package/styles/treeview/material-dark.css

@@ -219,6 +219,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 5px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -236,6 +239,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 10px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 10px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -340,6 +347,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 5px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 10px 0 0;
@@ -387,6 +400,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 5px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -683,7 +699,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/material.css

@@ -237,6 +237,9 @@
   min-width: 150px;
   vertical-align: bottom;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 5px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -254,6 +257,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 10px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 10px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -359,6 +366,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 5px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 10px 0 0;
@@ -406,6 +419,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 5px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -701,7 +717,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
   min-height: 38px;
-  padding: 0 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/material3-dark.css

@@ -241,6 +241,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -258,6 +261,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 10px 12px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 10px 12px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -361,6 +368,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 12px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 8px 0 0;
@@ -411,6 +424,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 12px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -758,7 +774,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 24px;
   min-height: 24px;
-  padding: 12px 18px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/material3.css

@@ -243,6 +243,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -260,6 +263,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 10px 12px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 10px 12px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -363,6 +370,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 12px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 8px 0 0;
@@ -413,6 +426,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 12px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -760,7 +776,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 24px;
   min-height: 24px;
-  padding: 12px 18px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/tailwind-dark.css

@@ -209,6 +209,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -226,6 +229,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 8px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -319,7 +326,7 @@
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
-  margin: 0 10px 0 2px;
+  margin: 0 8px 0 0;
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
   margin: 0 8px 0 0;
@@ -327,6 +334,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 6px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 8px 0 0;
@@ -379,6 +392,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 6px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -727,7 +743,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 46px;
   min-height: 46px;
-  padding: 0 12px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/tailwind.css

@@ -209,6 +209,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -226,6 +229,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 8px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -319,7 +326,7 @@
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
-  margin: 0 10px 0 2px;
+  margin: 0 8px 0 0;
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
   margin: 0 8px 0 0;
@@ -327,6 +334,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 6px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 8px 0 0;
@@ -379,6 +392,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 6px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -727,7 +743,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 46px;
   min-height: 46px;
-  padding: 0 12px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {