jqtree 1.8.6 → 1.8.7

package/bower.json

@@ -1,6 +1,6 @@
 {
     "name": "jqTree",
-    "version": "1.8.6",
+    "version": "1.8.7",
     "main": [
         "jqtree.css",
         "jqtree-circle.png",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jqtree",
-    "version": "1.8.6",
+    "version": "1.8.7",
     "description": "Tree widget for jQuery",
     "keywords": [
         "jquery-plugin",

package/src/nodeElement/ghostDropHint.ts

@@ -1,15 +1,34 @@
 import { DropHint } from "../dragAndDropHandler/types";
+import { Node } from "../node";
+import { Position } from "../position";
 
 class GhostDropHint implements DropHint {
     private element: HTMLElement;
     private ghost: HTMLElement;
+    private node: Node;
 
-    constructor(element: HTMLElement) {
+    constructor(node: Node, element: HTMLElement, position: Position) {
         this.element = element;
+        this.node = node;
         this.ghost = this.createGhostElement();
 
-        this.element.after(this.ghost);
-        this.ghost.classList.add("jqtree-inside");
+        switch (position) {
+            case Position.After:
+                this.moveAfter();
+                break;
+
+            case Position.Before:
+                this.moveBefore();
+                break;
+
+            case Position.Inside: {
+                if (node.isFolder() && node.is_open) {
+                    this.moveInsideOpenFolder();
+                } else {
+                    this.moveInside();
+                }
+            }
+        }
     }
 
     private createGhostElement() {
@@ -27,6 +46,27 @@ class GhostDropHint implements DropHint {
         return ghost;
     }
 
+    private moveAfter(): void {
+        this.element.after(this.ghost);
+    }
+
+    private moveBefore(): void {
+        this.element.before(this.ghost);
+    }
+
+    private moveInside(): void {
+        this.element.after(this.ghost);
+        this.ghost.classList.add("jqtree-inside");
+    }
+
+    private moveInsideOpenFolder(): void {
+        const childElement = this.node.children[0]?.element;
+
+        if (childElement) {
+            childElement.before(this.ghost);
+        }
+    }
+
     public remove(): void {
         this.ghost.remove();
     }

package/src/nodeElement/index.ts

@@ -50,7 +50,7 @@ class NodeElement {
         if (this.mustShowBorderDropHint(position)) {
             return new BorderDropHint(this.element, this.getScrollLeft());
         } else {
-            return new GhostDropHint(this.element);
+            return new GhostDropHint(this.node, this.element, position);
         }
     }
 

package/src/version.ts

@@ -1,3 +1,3 @@
-const version = "1.8.6";
+const version = "1.8.7";
 
 export default version;

package/tree.jquery.debug.js

@@ -1,5 +1,5 @@
 /*
-JqTree 1.8.6
+JqTree 1.8.7
 
 Copyright 2024 Marco Braak
 
@@ -1807,11 +1807,26 @@ var jqtree = (function (exports) {
     }
 
     class GhostDropHint {
-      constructor(element) {
+      constructor(node, element, position) {
         this.element = element;
+        this.node = node;
         this.ghost = this.createGhostElement();
-        this.element.after(this.ghost);
-        this.ghost.classList.add("jqtree-inside");
+        switch (position) {
+          case Position.After:
+            this.moveAfter();
+            break;
+          case Position.Before:
+            this.moveBefore();
+            break;
+          case Position.Inside:
+            {
+              if (node.isFolder() && node.is_open) {
+                this.moveInsideOpenFolder();
+              } else {
+                this.moveInside();
+              }
+            }
+        }
       }
       createGhostElement() {
         const ghost = document.createElement("li");
@@ -1824,6 +1839,22 @@ var jqtree = (function (exports) {
         ghost.append(lineSpan);
         return ghost;
       }
+      moveAfter() {
+        this.element.after(this.ghost);
+      }
+      moveBefore() {
+        this.element.before(this.ghost);
+      }
+      moveInside() {
+        this.element.after(this.ghost);
+        this.ghost.classList.add("jqtree-inside");
+      }
+      moveInsideOpenFolder() {
+        const childElement = this.node.children[0]?.element;
+        if (childElement) {
+          childElement.before(this.ghost);
+        }
+      }
       remove() {
         this.ghost.remove();
       }
@@ -1855,7 +1886,7 @@ var jqtree = (function (exports) {
         if (this.mustShowBorderDropHint(position)) {
           return new BorderDropHint(this.element, this.getScrollLeft());
         } else {
-          return new GhostDropHint(this.element);
+          return new GhostDropHint(this.node, this.element, position);
         }
       }
       deselect() {
@@ -2687,7 +2718,7 @@ var jqtree = (function (exports) {
       }
     }
 
-    const version = "1.8.6";
+    const version = "1.8.7";
 
     const NODE_PARAM_IS_EMPTY = "Node parameter is empty";
     const PARAM_IS_EMPTY = "Parameter is empty: ";