@syncfusion/ej2-navigations 19.3.54 → 19.4.40

package/styles/treeview/bootstrap5-dark.css

@@ -142,6 +142,35 @@
   height: 42px;
 }
 
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 29px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 65px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 101px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 35px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 71px);
+}
+
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   line-height: 40px;
@@ -315,9 +344,40 @@
 
 .e-treeview.e-text-wrap .e-list-text {
   white-space: normal;
+  word-break: break-word;
+}
+
+.e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
   word-break: break-all;
 }
 
+.e-treeview.e-text-wrap .e-editing .e-list-text,
+.e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
+  max-width: calc(100% - 2px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 21px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 54px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 82px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 32px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 60px);
+}
+
 .e-treeview .e-ul {
   margin: 0;
   padding: 0 0 0 12px;
@@ -495,7 +555,7 @@
 }
 
 .e-treeview .e-sibling {
-  width: 100%;
+  width: 144px;
   position: absolute;
   z-index: 2;
 }

package/styles/treeview/bootstrap5.css

@@ -142,6 +142,35 @@
   height: 42px;
 }
 
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 29px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 65px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 101px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 35px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 71px);
+}
+
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   line-height: 40px;
@@ -315,9 +344,40 @@
 
 .e-treeview.e-text-wrap .e-list-text {
   white-space: normal;
+  word-break: break-word;
+}
+
+.e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
   word-break: break-all;
 }
 
+.e-treeview.e-text-wrap .e-editing .e-list-text,
+.e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
+  max-width: calc(100% - 2px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 21px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 54px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 82px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 32px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 60px);
+}
+
 .e-treeview .e-ul {
   margin: 0;
   padding: 0 0 0 12px;
@@ -495,7 +555,7 @@
 }
 
 .e-treeview .e-sibling {
-  width: 100%;
+  width: 144px;
   position: absolute;
   z-index: 2;
 }

package/styles/treeview/fabric-dark.css

@@ -81,6 +81,35 @@
   height: 40px;
 }
 
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 27px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 68px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 96px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 35px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 62px);
+}
+
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
@@ -200,9 +229,40 @@
 
 .e-treeview.e-text-wrap .e-list-text {
   white-space: normal;
+  word-break: break-word;
+}
+
+.e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
   word-break: break-all;
 }
 
+.e-treeview.e-text-wrap .e-editing .e-list-text,
+.e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
+  max-width: calc(100% - 2px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 24px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 61px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 89px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 29px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 57px);
+}
+
 .e-treeview .e-ul {
   margin: 0;
   padding: 0 0 0 24px;

package/styles/treeview/fabric.css

@@ -82,6 +82,35 @@
   height: 40px;
 }
 
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 27px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 68px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 96px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 35px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 62px);
+}
+
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
@@ -201,9 +230,40 @@
 
 .e-treeview.e-text-wrap .e-list-text {
   white-space: normal;
+  word-break: break-word;
+}
+
+.e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
   word-break: break-all;
 }
 
+.e-treeview.e-text-wrap .e-editing .e-list-text,
+.e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
+  max-width: calc(100% - 2px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 24px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 61px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 89px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 29px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 57px);
+}
+
 .e-treeview .e-ul {
   margin: 0;
   padding: 0 0 0 24px;

package/styles/treeview/highcontrast-light.css

@@ -81,6 +81,35 @@
   height: 40px;
 }
 
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 27px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 68px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 96px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 34px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 62px);
+}
+
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
@@ -200,9 +229,40 @@
 
 .e-treeview.e-text-wrap .e-list-text {
   white-space: normal;
+  word-break: break-word;
+}
+
+.e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
   word-break: break-all;
 }
 
+.e-treeview.e-text-wrap .e-editing .e-list-text,
+.e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
+  max-width: calc(100% - 2px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 24px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 61px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 89px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 29px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 57px);
+}
+
 .e-treeview .e-ul {
   margin: 0;
   padding: 0 0 0 24px;

package/styles/treeview/highcontrast.css

@@ -82,6 +82,35 @@
   height: 40px;
 }
 
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 27px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 68px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 96px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 34px);
+}
+
+.e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
+.e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 62px);
+}
+
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   line-height: 38px;
@@ -201,9 +230,40 @@
 
 .e-treeview.e-text-wrap .e-list-text {
   white-space: normal;
+  word-break: break-word;
+}
+
+.e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
   word-break: break-all;
 }
 
+.e-treeview.e-text-wrap .e-editing .e-list-text,
+.e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
+  max-width: calc(100% - 2px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
+  max-width: calc(100% - 24px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
+  max-width: calc(100% - 61px);
+}
+
+.e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 89px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-text,
+.e-treeview.e-text-wrap .e-list-img + .e-list-text {
+  max-width: calc(100% - 29px);
+}
+
+.e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
+  max-width: calc(100% - 57px);
+}
+
 .e-treeview .e-ul {
   margin: 0;
   padding: 0 0 0 24px;

package/styles/treeview/icons/_bootstrap5.scss

@@ -1,43 +1,43 @@
-
-@include export-module('treeview-bootstrap5-icons') {
-  /*! TreeView icons */
-  .e-treeview {
-
-    .e-list-item {
-
-      div.e-icons::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';
-      }
-    }
-  }
-}
+
+@include export-module('treeview-bootstrap5-icons') {
+  /*! TreeView icons */
+  .e-treeview {
+
+    .e-list-item {
+
+      div.e-icons::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/icons/_fluent.scss

@@ -0,0 +1,43 @@
+
+@include export-module('treeview-fluent-icons') {
+  /*! TreeView icons */
+  .e-treeview {
+
+    .e-list-item {
+
+      div.e-icons::before {
+        content: '\e80f';
+      }
+    }
+
+    .e-sibling::before {
+      content: '';
+    }
+
+    .e-popup {
+
+      .e-icons::before {
+        content: '\e76a';
+      }
+    }
+
+    &.e-drag-item {
+
+      .e-icons.e-drop-in::before {
+        content: '\e7ba';
+      }
+
+      .e-icons.e-drop-out::before {
+        content: '\e720';
+      }
+
+      .e-icons.e-drop-next::before {
+        content: '\e7f4';
+      }
+
+      .e-icons.e-no-drop::before {
+        content: '\e720';
+      }
+    }
+  }
+}

package/styles/treeview/icons/_tailwind-dark.scss

@@ -1,43 +1,43 @@
-
-@include export-module('treeview-tailwind-dark-icons') {
-  /*! TreeView icons */
-  .e-treeview {
-
-    .e-list-item {
-
-      div.e-icons::before {
-        content: '\e707';
-      }
-    }
-
-    .e-sibling::before {
-      content: '';
-    }
-
-    .e-popup {
-
-      .e-icons::before {
-        content: '\e76a';
-      }
-    }
-
-    &.e-drag-item {
-
-      .e-icons.e-drop-in::before {
-        content: '\e783';
-      }
-
-      .e-icons.e-drop-out::before {
-        content: '\e77e';
-      }
-
-      .e-icons.e-drop-next::before {
-        content: '\e7a9';
-      }
-
-      .e-icons.e-no-drop::before {
-        content: '\e77e';
-      }
-    }
-  }
-}
+
+@include export-module('treeview-tailwind-dark-icons') {
+  /*! TreeView icons */
+  .e-treeview {
+
+    .e-list-item {
+
+      div.e-icons::before {
+        content: '\e707';
+      }
+    }
+
+    .e-sibling::before {
+      content: '';
+    }
+
+    .e-popup {
+
+      .e-icons::before {
+        content: '\e76a';
+      }
+    }
+
+    &.e-drag-item {
+
+      .e-icons.e-drop-in::before {
+        content: '\e783';
+      }
+
+      .e-icons.e-drop-out::before {
+        content: '\e77e';
+      }
+
+      .e-icons.e-drop-next::before {
+        content: '\e7a9';
+      }
+
+      .e-icons.e-no-drop::before {
+        content: '\e77e';
+      }
+    }
+  }
+}