tree-element 0.1.0

package/lib/dataLoader.js

@@ -0,0 +1,69 @@
+class DataLoader {
+  _abortController;
+  _classNames;
+  _dataFilter;
+  _loadData;
+  _treeElement;
+  _triggerEvent;
+  constructor({
+    classNames,
+    dataFilter,
+    loadData,
+    treeElement,
+    triggerEvent
+  }) {
+    this._abortController = new AbortController();
+    this._classNames = classNames;
+    this._dataFilter = dataFilter;
+    this._loadData = loadData;
+    this._treeElement = treeElement;
+    this._triggerEvent = triggerEvent;
+  }
+  deinit() {
+    this._abortController.abort();
+  }
+  async loadFromUrl(url, node) {
+    const element = node?.element ?? this._treeElement;
+    element.classList.add(this._classNames.loading);
+    this._triggerEvent("tree.loading_data", {
+      element,
+      node
+    });
+    const stopLoading = () => {
+      element.classList.remove(this._classNames.loading);
+      this._triggerEvent("tree.loaded_data", {
+        element,
+        node
+      });
+    };
+    const handleResponse = async response => {
+      if (response.ok) {
+        const data = await response.json();
+        stopLoading();
+        this._loadData(this._dataFilter ? this._dataFilter(data) : data, node);
+      } else {
+        stopLoading();
+        this._triggerEvent("tree.load_failed", {
+          response
+        });
+      }
+    };
+    const signal = this._abortController.signal;
+    url.setSearchParam("_", Date.now().toString());
+    return fetch(url.toString(), {
+      headers: {
+        "Content-Type": "application/json"
+      },
+      signal
+    }).then(handleResponse).catch(error => {
+      if (this._abortController.signal.aborted) {
+        // The request was aborted by deinit.
+        return;
+      }
+      throw error;
+    });
+  }
+}
+
+export { DataLoader as default };
+//# sourceMappingURL=dataLoader.js.map

package/lib/dataLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataLoader.js","sources":["../src/dataLoader.ts"],"sourcesContent":["import type { ClassNames } from \"./classNames\";\nimport type { LoadData, TriggerEvent } from \"./methodTypes\";\nimport type { Node, NodeData } from \"./node\";\nimport type { DataFilter } from \"./options\";\nimport type RequestUrl from \"./requestUrl\";\n\ninterface DataLoaderParams {\n    classNames: ClassNames;\n    dataFilter?: DataFilter;\n    loadData: LoadData;\n    treeElement: HTMLElement;\n    triggerEvent: TriggerEvent;\n}\n\nexport default class DataLoader {\n    private abortController: AbortController;\n    private classNames: ClassNames;\n    private dataFilter?: DataFilter;\n    private loadData: LoadData;\n    private treeElement: HTMLElement;\n    private triggerEvent: TriggerEvent;\n\n    constructor({\n        classNames,\n        dataFilter,\n        loadData,\n        treeElement,\n        triggerEvent,\n    }: DataLoaderParams) {\n        this.abortController = new AbortController();\n        this.classNames = classNames;\n        this.dataFilter = dataFilter;\n        this.loadData = loadData;\n        this.treeElement = treeElement;\n        this.triggerEvent = triggerEvent;\n    }\n\n    public deinit(): void {\n        this.abortController.abort();\n    }\n\n    public async loadFromUrl(\n        url: RequestUrl,\n        node?: Node,\n    ): Promise<void> {\n        const element = node?.element ?? this.treeElement;\n        element.classList.add(this.classNames.loading);\n\n        this.triggerEvent(\"tree.loading_data\", {\n            element,\n            node,\n        });\n\n        const stopLoading = (): void => {\n            element.classList.remove(this.classNames.loading);\n            this.triggerEvent(\"tree.loaded_data\", {\n                element,\n                node,\n            });\n        };\n\n        const handleResponse = async (response: Response): Promise<void> => {\n            if (response.ok) {\n                const data = (await response.json()) as NodeData[];\n\n                stopLoading();\n                this.loadData(\n                    this.dataFilter ? this.dataFilter(data) : data,\n                    node\n                );\n            } else {\n                stopLoading();\n\n                this.triggerEvent(\"tree.load_failed\", { response });\n            }\n        };\n\n        const signal = this.abortController.signal;\n        url.setSearchParam(\"_\", Date.now().toString());\n\n        return fetch(url.toString(), { headers: { \"Content-Type\": \"application/json\" }, signal })\n            .then(handleResponse)\n            .catch((error: unknown) => {\n                if (this.abortController.signal.aborted) {\n                    // The request was aborted by deinit.\n                    return;\n                }\n\n                throw error;\n            });\n    }\n}\n"],"names":["abortController","classNames","dataFilter","loadData","treeElement","triggerEvent"],"mappings":"AAce,MAAM,UAAU,CAAC;EACpBA,gBAAe;EACfC,WAAU;EACVC,WAAU;EACVC,SAAQ;EACRC,YAAW;EACXC,aAAY;AAEpB,EAAA,WAAW,CAAC;IACR,UAAU;IACV,UAAU;IACV,QAAQ;IACR,WAAW;AACX,IAAA;AACc,GAAC,EAAE;AACjB,IAAA,IAAI,CAACL,gBAAe,GAAG,IAAI,eAAe,EAAE;IAC5C,IAAI,CAACC,WAAU,GAAG,UAAU;IAC5B,IAAI,CAACC,WAAU,GAAG,UAAU;IAC5B,IAAI,CAACC,SAAQ,GAAG,QAAQ;IACxB,IAAI,CAACC,YAAW,GAAG,WAAW;IAC9B,IAAI,CAACC,aAAY,GAAG,YAAY;AACpC,EAAA;AAEO,EAAA,MAAM,GAAS;AAClB,IAAA,IAAI,CAACL,gBAAe,CAAC,KAAK,EAAE;AAChC,EAAA;AAEA,EAAA,MAAa,WAAW,CACpB,GAAe,EACf,IAAW,EACE;IACb,MAAM,OAAO,GAAG,IAAI,EAAE,OAAO,IAAI,IAAI,CAACI,YAAW;IACjD,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAACH,WAAU,CAAC,OAAO,CAAC;AAE9C,IAAA,IAAI,CAACI,aAAY,CAAC,mBAAmB,EAAE;MACnC,OAAO;AACP,MAAA;AACJ,KAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAY;MAC5B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAACJ,WAAU,CAAC,OAAO,CAAC;AACjD,MAAA,IAAI,CAACI,aAAY,CAAC,kBAAkB,EAAE;QAClC,OAAO;AACP,QAAA;AACJ,OAAC,CAAC;IACN,CAAC;AAED,IAAA,MAAM,cAAc,GAAG,MAAO,QAAkB,IAAoB;MAChE,IAAI,QAAQ,CAAC,EAAE,EAAE;AACb,QAAA,MAAM,IAAI,GAAI,MAAM,QAAQ,CAAC,IAAI,EAAiB;AAElD,QAAA,WAAW,EAAE;AACb,QAAA,IAAI,CAACF,SAAQ,CACT,IAAI,CAACD,WAAU,GAAG,IAAI,CAACA,WAAU,CAAC,IAAI,CAAC,GAAG,IAAI,EAC9C,IACJ,CAAC;AACL,MAAA,CAAC,MAAM;AACH,QAAA,WAAW,EAAE;AAEb,QAAA,IAAI,CAACG,aAAY,CAAC,kBAAkB,EAAE;AAAE,UAAA;AAAS,SAAC,CAAC;AACvD,MAAA;IACJ,CAAC;AAED,IAAA,MAAM,MAAM,GAAG,IAAI,CAACL,gBAAe,CAAC,MAAM;AAC1C,IAAA,GAAG,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AAE9C,IAAA,OAAO,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE;AAAE,MAAA,OAAO,EAAE;AAAE,QAAA,cAAc,EAAE;OAAoB;AAAE,MAAA;KAAQ,CAAC,CACpF,IAAI,CAAC,cAAc,CAAC,CACpB,KAAK,CAAE,KAAc,IAAK;AACvB,MAAA,IAAI,IAAI,CAACA,gBAAe,CAAC,MAAM,CAAC,OAAO,EAAE;AACrC;AACA,QAAA;AACJ,MAAA;AAEA,MAAA,MAAM,KAAK;AACf,IAAA,CAAC,CAAC;AACV,EAAA;AACJ;;"}

package/lib/dragAndDropHandler/binarySearch.d.ts

@@ -0,0 +1,3 @@
+declare function binarySearch<T>(items: T[], compareFn: (a: T) => number): null | T;
+export default binarySearch;
+//# sourceMappingURL=binarySearch.d.ts.map

package/lib/dragAndDropHandler/binarySearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"binarySearch.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/binarySearch.ts"],"names":[],"mappings":"AAAA,iBAAS,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,GAAG,CAAC,CAwB1E;AAED,eAAe,YAAY,CAAC"}

package/lib/dragAndDropHandler/binarySearch.js

@@ -0,0 +1,23 @@
+function binarySearch(items, compareFn) {
+  let low = 0;
+  let high = items.length;
+  while (low < high) {
+    const mid = low + high >> 1;
+    const item = items[mid];
+    if (item === undefined) {
+      return null;
+    }
+    const compareResult = compareFn(item);
+    if (compareResult > 0) {
+      high = mid;
+    } else if (compareResult < 0) {
+      low = mid + 1;
+    } else {
+      return item;
+    }
+  }
+  return null;
+}
+
+export { binarySearch as default };
+//# sourceMappingURL=binarySearch.js.map

package/lib/dragAndDropHandler/binarySearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"binarySearch.js","sources":["../../src/dragAndDropHandler/binarySearch.ts"],"sourcesContent":["function binarySearch<T>(items: T[], compareFn: (a: T) => number): null | T {\n    let low = 0;\n    let high = items.length;\n\n    while (low < high) {\n        const mid = (low + high) >> 1;\n        const item = items[mid];\n\n        if (item === undefined) {\n            return null;\n        }\n\n        const compareResult = compareFn(item);\n\n        if (compareResult > 0) {\n            high = mid;\n        } else if (compareResult < 0) {\n            low = mid + 1;\n        } else {\n            return item;\n        }\n    }\n\n    return null;\n}\n\nexport default binarySearch;\n"],"names":[],"mappings":"AAAA,SAAS,YAAY,CAAI,KAAU,EAAE,SAA2B,EAAY;EACxE,IAAI,GAAG,GAAG,CAAC;AACX,EAAA,IAAI,IAAI,GAAG,KAAK,CAAC,MAAM;EAEvB,OAAO,GAAG,GAAG,IAAI,EAAE;AACf,IAAA,MAAM,GAAG,GAAI,GAAG,GAAG,IAAI,IAAK,CAAC;AAC7B,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC;IAEvB,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,MAAA,OAAO,IAAI;AACf,IAAA;AAEA,IAAA,MAAM,aAAa,GAAG,SAAS,CAAC,IAAI,CAAC;IAErC,IAAI,aAAa,GAAG,CAAC,EAAE;AACnB,MAAA,IAAI,GAAG,GAAG;AACd,IAAA,CAAC,MAAM,IAAI,aAAa,GAAG,CAAC,EAAE;MAC1B,GAAG,GAAG,GAAG,GAAG,CAAC;AACjB,IAAA,CAAC,MAAM;AACH,MAAA,OAAO,IAAI;AACf,IAAA;AACJ,EAAA;AAEA,EAAA,OAAO,IAAI;AACf;;"}

package/lib/dragAndDropHandler/dragElement.d.ts

@@ -0,0 +1,20 @@
+import type { ClassNames } from "../classNames.js";
+interface DragElementParams {
+    autoEscape: boolean;
+    classNames: ClassNames;
+    nodeName: string;
+    offsetX: number;
+    offsetY: number;
+    treeElement: HTMLElement;
+}
+declare class DragElement {
+    private element;
+    private offsetX;
+    private offsetY;
+    constructor({ autoEscape, classNames, nodeName, offsetX, offsetY, treeElement, }: DragElementParams);
+    move(pageX: number, pageY: number): void;
+    remove(): void;
+    private createElement;
+}
+export default DragElement;
+//# sourceMappingURL=dragElement.d.ts.map

package/lib/dragAndDropHandler/dragElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragElement.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/dragElement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,iBAAiB;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;CAC5B;AAED,cAAM,WAAW;IACb,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,OAAO,CAAS;gBAEZ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,GACd,EAAE,iBAAiB;IASb,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAKxC,MAAM,IAAI,IAAI;IAIrB,OAAO,CAAC,aAAa;CAkBxB;AAED,eAAe,WAAW,CAAC"}

package/lib/dragAndDropHandler/dragElement.js

@@ -0,0 +1,39 @@
+class DragElement {
+  _element;
+  _offsetX;
+  _offsetY;
+  constructor({
+    autoEscape,
+    classNames,
+    nodeName,
+    offsetX,
+    offsetY,
+    treeElement
+  }) {
+    this._offsetX = offsetX;
+    this._offsetY = offsetY;
+    this._element = this._createElement(nodeName, autoEscape, classNames);
+    treeElement.appendChild(this._element);
+  }
+  move(pageX, pageY) {
+    this._element.style.left = `${pageX - this._offsetX}px`;
+    this._element.style.top = `${pageY - this._offsetY}px`;
+  }
+  remove() {
+    this._element.remove();
+  }
+  _createElement(nodeName, autoEscape, classNames) {
+    const element = document.createElement("span");
+    element.classList.add(classNames.title, classNames.dragging);
+    if (autoEscape) {
+      element.textContent = nodeName;
+    } else {
+      element.innerHTML = nodeName;
+    }
+    element.style.position = "absolute";
+    return element;
+  }
+}
+
+export { DragElement as default };
+//# sourceMappingURL=dragElement.js.map

package/lib/dragAndDropHandler/dragElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragElement.js","sources":["../../src/dragAndDropHandler/dragElement.ts"],"sourcesContent":["import type { ClassNames } from \"../classNames\";\n\ninterface DragElementParams {\n    autoEscape: boolean;\n    classNames: ClassNames;\n    nodeName: string;\n    offsetX: number;\n    offsetY: number;\n    treeElement: HTMLElement;\n}\n\nclass DragElement {\n    private element: HTMLElement;\n    private offsetX: number;\n    private offsetY: number;\n\n    constructor({\n        autoEscape,\n        classNames,\n        nodeName,\n        offsetX,\n        offsetY,\n        treeElement,\n    }: DragElementParams) {\n        this.offsetX = offsetX;\n        this.offsetY = offsetY;\n\n        this.element = this.createElement(nodeName, autoEscape, classNames);\n\n        treeElement.appendChild(this.element);\n    }\n\n    public move(pageX: number, pageY: number): void {\n        this.element.style.left = `${pageX - this.offsetX}px`;\n        this.element.style.top = `${pageY - this.offsetY}px`;\n    }\n\n    public remove(): void {\n        this.element.remove();\n    }\n\n    private createElement(\n        nodeName: string,\n        autoEscape: boolean,\n        classNames: ClassNames,\n    ) {\n        const element = document.createElement(\"span\");\n        element.classList.add(classNames.title, classNames.dragging);\n\n        if (autoEscape) {\n            element.textContent = nodeName;\n        } else {\n            element.innerHTML = nodeName;\n        }\n\n        element.style.position = \"absolute\";\n\n        return element;\n    }\n}\n\nexport default DragElement;\n"],"names":["element","offsetX","offsetY","createElement"],"mappings":"AAWA,MAAM,WAAW,CAAC;EACNA,QAAO;EACPC,QAAO;EACPC,QAAO;AAEf,EAAA,WAAW,CAAC;IACR,UAAU;IACV,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;AACP,IAAA;AACe,GAAC,EAAE;IAClB,IAAI,CAACD,QAAO,GAAG,OAAO;IACtB,IAAI,CAACC,QAAO,GAAG,OAAO;AAEtB,IAAA,IAAI,CAACF,QAAO,GAAG,IAAI,CAACG,cAAa,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC;AAEnE,IAAA,WAAW,CAAC,WAAW,CAAC,IAAI,CAACH,QAAO,CAAC;AACzC,EAAA;AAEO,EAAA,IAAI,CAAC,KAAa,EAAE,KAAa,EAAQ;AAC5C,IAAA,IAAI,CAACA,QAAO,CAAC,KAAK,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,GAAG,IAAI,CAACC,QAAO,CAAA,EAAA,CAAI;AACrD,IAAA,IAAI,CAACD,QAAO,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,EAAG,KAAK,GAAG,IAAI,CAACE,QAAO,CAAA,EAAA,CAAI;AACxD,EAAA;AAEO,EAAA,MAAM,GAAS;AAClB,IAAA,IAAI,CAACF,QAAO,CAAC,MAAM,EAAE;AACzB,EAAA;AAEQG,EAAAA,cAAaA,CACjB,QAAgB,EAChB,UAAmB,EACnB,UAAsB,EACxB;AACE,IAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;AAC9C,IAAA,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC;AAE5D,IAAA,IAAI,UAAU,EAAE;MACZ,OAAO,CAAC,WAAW,GAAG,QAAQ;AAClC,IAAA,CAAC,MAAM;MACH,OAAO,CAAC,SAAS,GAAG,QAAQ;AAChC,IAAA;AAEA,IAAA,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU;AAEnC,IAAA,OAAO,OAAO;AAClB,EAAA;AACJ;;"}

package/lib/dragAndDropHandler/generateHitAreas.d.ts

@@ -0,0 +1,13 @@
+import type { Node, Position } from "../node.js";
+import type { HitArea } from "./types.js";
+interface HitPosition {
+    node: Node;
+    position: null | Position;
+    top: number;
+}
+export declare const generateHitPositions: (tree: Node, currentNode: Node) => HitPosition[];
+export declare const generateHitAreasForGroup: (hitAreas: HitArea[], positionsInGroup: HitPosition[], top: number, bottom: number) => void;
+export declare const generateHitAreasFromPositions: (hitPositions: HitPosition[], treeBottom: number) => HitArea[];
+declare const generateHitAreas: (tree: Node, currentNode: Node, treeBottom: number) => HitArea[];
+export default generateHitAreas;
+//# sourceMappingURL=generateHitAreas.d.ts.map

package/lib/dragAndDropHandler/generateHitAreas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHitAreas.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/generateHitAreas.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAKvC,UAAU,WAAW;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,IAAI,GAAG,QAAQ,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,oBAAoB,GAC7B,MAAM,IAAI,EACV,aAAa,IAAI,KAClB,WAAW,EA8Gb,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACjC,UAAU,OAAO,EAAE,EACnB,kBAAkB,WAAW,EAAE,EAC/B,KAAK,MAAM,EACX,QAAQ,MAAM,SAsBjB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACtC,cAAc,WAAW,EAAE,EAC3B,YAAY,MAAM,KACnB,OAAO,EA4BT,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,MAAM,IAAI,EAAE,aAAa,IAAI,EAAE,YAAY,MAAM,cAItE,CAAC;AAEN,eAAe,gBAAgB,CAAC"}

package/lib/dragAndDropHandler/generateHitAreas.js

@@ -0,0 +1,130 @@
+import { getOffsetTop } from '../positionUtils.js';
+import iterateVisibleNodes from './iterateVisibleNodes.js';
+
+const generateHitPositions = (tree, currentNode) => {
+  const hitPositions = [];
+  let lastTop = 0;
+  const addHitPosition = (node, position, top) => {
+    hitPositions.push({
+      node,
+      position,
+      top
+    });
+    lastTop = top;
+  };
+  const handleAfterOpenFolder = (node, nextNode) => {
+    if (node === currentNode || nextNode === currentNode) {
+      // Cannot move before or after current item
+      addHitPosition(node, null, lastTop);
+    } else {
+      addHitPosition(node, "after", lastTop);
+    }
+  };
+  const handleClosedFolder = (node, nextNode, element) => {
+    const top = getOffsetTop(element);
+    if (node === currentNode) {
+      // Cannot move after current item
+      addHitPosition(node, null, top);
+    } else {
+      addHitPosition(node, "inside", top);
+
+      // Cannot move before current item
+      if (nextNode !== currentNode) {
+        addHitPosition(node, "after", top);
+      }
+    }
+  };
+  const handleFirstNode = node => {
+    if (node !== currentNode && node.element) {
+      addHitPosition(node, "before", getOffsetTop(node.element));
+    }
+  };
+  const handleNode = (node, nextNode, element) => {
+    const top = getOffsetTop(element);
+    if (node === currentNode) {
+      // Cannot move inside current item
+      addHitPosition(node, null, top);
+    } else {
+      addHitPosition(node, "inside", top);
+    }
+    if (nextNode === currentNode || node === currentNode) {
+      // Cannot move before or after current item
+      addHitPosition(node, null, top);
+    } else {
+      addHitPosition(node, "after", top);
+    }
+  };
+  const handleOpenFolder = (node, element) => {
+    if (node === currentNode) {
+      // Cannot move inside current item
+
+      // Dnd over the current element is not possible: add a position with type None for the top and the bottom.
+      const top = getOffsetTop(element);
+      const height = element.clientHeight;
+      addHitPosition(node, null, top);
+      if (height > 5) {
+        // Subtract 5 pixels to allow more space for the next element.
+        addHitPosition(node, null, top + height - 5);
+      }
+
+      // Stop iterating
+      return false;
+    }
+
+    // Cannot move before current item
+    if (node.children[0] !== currentNode) {
+      addHitPosition(node, "inside", getOffsetTop(element));
+    }
+
+    // Continue iterating
+    return true;
+  };
+  iterateVisibleNodes(tree, {
+    handleAfterOpenFolder,
+    handleClosedFolder,
+    handleFirstNode,
+    handleNode,
+    handleOpenFolder
+  });
+  return hitPositions;
+};
+const generateHitAreasForGroup = (hitAreas, positionsInGroup, top, bottom) => {
+  // limit positions in group
+  const positionCount = Math.min(positionsInGroup.length, 4);
+  const areaHeight = Math.round((bottom - top) / positionCount);
+  let areaTop = top;
+  for (let i = 0; i < positionCount; i++) {
+    const position = positionsInGroup[i];
+    if (position.position) {
+      hitAreas.push({
+        bottom: areaTop + areaHeight,
+        node: position.node,
+        position: position.position,
+        top: areaTop
+      });
+    }
+    areaTop += areaHeight;
+  }
+};
+const generateHitAreasFromPositions = (hitPositions, treeBottom) => {
+  if (!hitPositions.length) {
+    return [];
+  }
+  let previousTop = hitPositions[0].top;
+  let group = [];
+  const hitAreas = [];
+  for (const position of hitPositions) {
+    if (position.top !== previousTop && group.length) {
+      generateHitAreasForGroup(hitAreas, group, previousTop, position.top);
+      previousTop = position.top;
+      group = [];
+    }
+    group.push(position);
+  }
+  generateHitAreasForGroup(hitAreas, group, previousTop, treeBottom);
+  return hitAreas;
+};
+const generateHitAreas = (tree, currentNode, treeBottom) => generateHitAreasFromPositions(generateHitPositions(tree, currentNode), treeBottom);
+
+export { generateHitAreas as default, generateHitAreasForGroup, generateHitAreasFromPositions, generateHitPositions };
+//# sourceMappingURL=generateHitAreas.js.map

package/lib/dragAndDropHandler/generateHitAreas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateHitAreas.js","sources":["../../src/dragAndDropHandler/generateHitAreas.ts"],"sourcesContent":["import type { Node, Position } from \"../node\";\nimport type { HitArea } from \"./types\";\n\nimport { getOffsetTop } from \"../positionUtils\";\nimport iterateVisibleNodes from \"./iterateVisibleNodes\";\n\ninterface HitPosition {\n    node: Node;\n    position: null | Position;\n    top: number;\n}\n\nexport const generateHitPositions = (\n    tree: Node,\n    currentNode: Node,\n): HitPosition[] => {\n    const hitPositions: HitPosition[] = [];\n    let lastTop = 0;\n\n    const addHitPosition = (\n        node: Node,\n        position: null | Position,\n        top: number,\n    ) => {\n        hitPositions.push({\n            node,\n            position,\n            top,\n        });\n        lastTop = top;\n    };\n\n    const handleAfterOpenFolder = (node: Node, nextNode: Node | null) => {\n        if (node === currentNode || nextNode === currentNode) {\n            // Cannot move before or after current item\n            addHitPosition(node, null, lastTop);\n        } else {\n            addHitPosition(node, \"after\", lastTop);\n        }\n    };\n\n    const handleClosedFolder = (\n        node: Node,\n        nextNode: Node | null,\n        element: HTMLElement,\n    ) => {\n        const top = getOffsetTop(element);\n\n        if (node === currentNode) {\n            // Cannot move after current item\n            addHitPosition(node, null, top);\n        } else {\n            addHitPosition(node, \"inside\", top);\n\n            // Cannot move before current item\n            if (nextNode !== currentNode) {\n                addHitPosition(node, \"after\", top);\n            }\n        }\n    };\n\n    const handleFirstNode = (node: Node) => {\n        if (node !== currentNode && node.element) {\n            addHitPosition(node, \"before\", getOffsetTop(node.element));\n        }\n    };\n\n    const handleNode = (\n        node: Node,\n        nextNode: Node | null,\n        element: HTMLElement,\n    ) => {\n        const top = getOffsetTop(element);\n\n        if (node === currentNode) {\n            // Cannot move inside current item\n            addHitPosition(node, null, top);\n        } else {\n            addHitPosition(node, \"inside\", top);\n        }\n\n        if (nextNode === currentNode || node === currentNode) {\n            // Cannot move before or after current item\n            addHitPosition(node, null, top);\n        } else {\n            addHitPosition(node, \"after\", top);\n        }\n    };\n\n    const handleOpenFolder = (node: Node, element: HTMLElement) => {\n        if (node === currentNode) {\n            // Cannot move inside current item\n\n            // Dnd over the current element is not possible: add a position with type None for the top and the bottom.\n            const top = getOffsetTop(element);\n            const height = element.clientHeight;\n            addHitPosition(node, null, top);\n\n            if (height > 5) {\n                // Subtract 5 pixels to allow more space for the next element.\n                addHitPosition(node, null, top + height - 5);\n            }\n\n            // Stop iterating\n            return false;\n        }\n\n        // Cannot move before current item\n        if (node.children[0] !== currentNode) {\n            addHitPosition(node, \"inside\", getOffsetTop(element));\n        }\n\n        // Continue iterating\n        return true;\n    };\n\n    iterateVisibleNodes(tree, {\n        handleAfterOpenFolder,\n        handleClosedFolder,\n        handleFirstNode,\n        handleNode,\n        handleOpenFolder,\n    });\n\n    return hitPositions;\n};\n\nexport const generateHitAreasForGroup = (\n    hitAreas: HitArea[],\n    positionsInGroup: HitPosition[],\n    top: number,\n    bottom: number,\n) => {\n    // limit positions in group\n    const positionCount = Math.min(positionsInGroup.length, 4);\n\n    const areaHeight = Math.round((bottom - top) / positionCount);\n    let areaTop = top;\n\n    for (let i = 0; i < positionCount; i++) {\n        const position = positionsInGroup[i] as HitPosition;\n\n        if (position.position) {\n            hitAreas.push({\n                bottom: areaTop + areaHeight,\n                node: position.node,\n                position: position.position,\n                top: areaTop,\n            });\n        }\n\n        areaTop += areaHeight;\n    }\n};\n\nexport const generateHitAreasFromPositions = (\n    hitPositions: HitPosition[],\n    treeBottom: number,\n): HitArea[] => {\n    if (!hitPositions.length) {\n        return [];\n    }\n\n    let previousTop = (hitPositions[0] as HitPosition).top;\n    let group: HitPosition[] = [];\n    const hitAreas: HitArea[] = [];\n\n    for (const position of hitPositions) {\n        if (position.top !== previousTop && group.length) {\n            generateHitAreasForGroup(\n                hitAreas,\n                group,\n                previousTop,\n                position.top,\n            );\n\n            previousTop = position.top;\n            group = [];\n        }\n\n        group.push(position);\n    }\n\n    generateHitAreasForGroup(hitAreas, group, previousTop, treeBottom);\n\n    return hitAreas;\n};\n\nconst generateHitAreas = (tree: Node, currentNode: Node, treeBottom: number) =>\n    generateHitAreasFromPositions(\n        generateHitPositions(tree, currentNode),\n        treeBottom,\n    );\n\nexport default generateHitAreas;\n"],"names":[],"mappings":"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"}

package/lib/dragAndDropHandler/index.d.ts

@@ -0,0 +1,76 @@
+import type { ClassNames } from "../classNames.js";
+import type { GetScrollLeft, GetTree, OpenNode, RefreshElements, TriggerEvent } from "../methodTypes.js";
+import type { PositionInfo } from "../mouseUtils.js";
+import type { Node } from "../node.js";
+import type NodeElement from "../nodeElement/index.js";
+import type { DragMethod, OnCanMove, OnCanMoveTo, OnIsMoveHandle } from "../options.js";
+import type { HitArea } from "./types.js";
+interface DragAndDropHandlerParams {
+    autoEscape?: boolean;
+    classNames: ClassNames;
+    getNodeElement: GetNodeElement;
+    getNodeElementForNode: GetNodeElementForNode;
+    getScrollLeft: GetScrollLeft;
+    getTree: GetTree;
+    onCanMove?: OnCanMove;
+    onCanMoveTo?: OnCanMoveTo;
+    onDragMove?: DragMethod;
+    onDragStop?: DragMethod;
+    onIsMoveHandle?: OnIsMoveHandle;
+    openFolderDelay: false | number;
+    openNode: OpenNode;
+    refreshElements: RefreshElements;
+    slide: boolean;
+    treeElement: HTMLElement;
+    triggerEvent: TriggerEvent;
+}
+type GetNodeElement = (element: HTMLElement) => NodeElement | null;
+type GetNodeElementForNode = (node: Node) => NodeElement;
+export declare class DragAndDropHandler {
+    currentItem: NodeElement | null;
+    hitAreas: HitArea[];
+    hoveredArea: HitArea | null;
+    isDragging: boolean;
+    private autoEscape?;
+    private classNames;
+    private dragElement;
+    private getNodeElement;
+    private getNodeElementForNode;
+    private getScrollLeft;
+    private getTree;
+    private onCanMove?;
+    private onCanMoveTo?;
+    private onDragMove?;
+    private onDragStop?;
+    private onIsMoveHandle?;
+    private openFolderDelay;
+    private openFolderTimer;
+    private openNode;
+    private previousGhost;
+    private refreshElements;
+    private slide;
+    private treeElement;
+    private triggerEvent;
+    constructor({ autoEscape, classNames, getNodeElement, getNodeElementForNode, getScrollLeft, getTree, onCanMove, onCanMoveTo, onDragMove, onDragStop, onIsMoveHandle, openFolderDelay, openNode, refreshElements, slide, treeElement, triggerEvent, }: DragAndDropHandlerParams);
+    mouseCapture(positionInfo: PositionInfo): boolean | null;
+    mouseDrag(positionInfo: PositionInfo): boolean;
+    mouseStart(positionInfo: PositionInfo): boolean;
+    mouseStop(positionInfo: PositionInfo): boolean;
+    refresh(): void;
+    private canMoveToArea;
+    private clear;
+    private findHoveredArea;
+    private generateHitAreas;
+    private getTreeDimensions;
+    private moveItem;
+    private mustCaptureElement;
+    private mustOpenFolderTimer;
+    private removeDropHint;
+    private removeHitAreas;
+    private removeHover;
+    private startOpenFolderTimer;
+    private stopOpenFolderTimer;
+    private updateDropHint;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/dragAndDropHandler/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dragAndDropHandler/index.ts"],"names":[],"mappings":"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"}