jqtree 1.8.0 → 1.8.2

package/tsconfig.json

@@ -4,8 +4,9 @@
     "include": ["src/**/*"],
     "compilerOptions": {
         "esModuleInterop": true,
-        "lib": ["es2015", "es2015.iterable", "dom"],
-        "moduleResolution": "node",
+        "lib": ["ES2022", "DOM", "DOM.Iterable"],
+        "module": "ESNext",
+        "moduleResolution": "bundler",
         "noEmit": true,
         "noFallthroughCasesInSwitch": true,
         "noImplicitAny": true,
@@ -17,6 +18,7 @@
         "rootDir": "src",
         "strictNullChecks": true,
         "strictPropertyInitialization": false,
-        "strict": true
+        "strict": true,
+        "target": "ES2022",
     }
 }

package/docs/_entries/functions/get-selected-nodes.md

@@ -1,10 +0,0 @@
----
-title: getSelectedNodes
-name: multiple-selection-get-selected-nodes
----
-
-Return a list of selected nodes.
-
-{% highlight js %}
-var nodes = $('#tree1').tree('getSelectedNodes');
-{% endhighlight %}

package/src/dragAndDropHandler/hitAreasGenerator.ts

@@ -1,175 +0,0 @@
-import { HitArea } from "./types";
-import { Node, Position } from "../node";
-import { getOffsetTop } from "../util";
-import VisibleNodeIterator from "./visibleNodeIterator";
-
-class HitAreasGenerator extends VisibleNodeIterator {
-    private currentNode: Node;
-    private treeBottom: number;
-    private positions: HitArea[];
-    private lastTop: number;
-
-    constructor(tree: Node, currentNode: Node, treeBottom: number) {
-        super(tree);
-
-        this.currentNode = currentNode;
-        this.treeBottom = treeBottom;
-    }
-
-    public generate(): HitArea[] {
-        this.positions = [];
-        this.lastTop = 0;
-
-        this.iterate();
-
-        return this.generateHitAreas(this.positions);
-    }
-
-    protected generateHitAreas(positions: HitArea[]): HitArea[] {
-        let previousTop = positions[0]?.top ?? 0;
-        let group = [];
-        const hitAreas: HitArea[] = [];
-
-        for (const position of positions) {
-            if (position.top !== previousTop && group.length) {
-                this.generateHitAreasForGroup(
-                    hitAreas,
-                    group,
-                    previousTop,
-                    position.top,
-                );
-
-                previousTop = position.top;
-                group = [];
-            }
-
-            group.push(position);
-        }
-
-        this.generateHitAreasForGroup(
-            hitAreas,
-            group,
-            previousTop,
-            this.treeBottom,
-        );
-
-        return hitAreas;
-    }
-
-    protected handleOpenFolder(node: Node, element: HTMLElement): boolean {
-        if (node === this.currentNode) {
-            // Cannot move inside current item
-            // Stop iterating
-            return false;
-        }
-
-        // Cannot move before current item
-        if (node.children[0] !== this.currentNode) {
-            this.addPosition(node, Position.Inside, getOffsetTop(element));
-        }
-
-        // Continue iterating
-        return true;
-    }
-
-    protected handleClosedFolder(
-        node: Node,
-        nextNode: Node,
-        element: HTMLElement,
-    ): void {
-        const top = getOffsetTop(element);
-
-        if (node === this.currentNode) {
-            // Cannot move after current item
-            this.addPosition(node, Position.None, top);
-        } else {
-            this.addPosition(node, Position.Inside, top);
-
-            // Cannot move before current item
-            if (nextNode !== this.currentNode) {
-                this.addPosition(node, Position.After, top);
-            }
-        }
-    }
-
-    protected handleFirstNode(node: Node): void {
-        if (node !== this.currentNode) {
-            this.addPosition(node, Position.Before, getOffsetTop(node.element));
-        }
-    }
-
-    protected handleAfterOpenFolder(node: Node, nextNode: Node): void {
-        if (node === this.currentNode || nextNode === this.currentNode) {
-            // Cannot move before or after current item
-            this.addPosition(node, Position.None, this.lastTop);
-        } else {
-            this.addPosition(node, Position.After, this.lastTop);
-        }
-    }
-
-    protected handleNode(
-        node: Node,
-        nextNode: Node,
-        element: HTMLElement,
-    ): void {
-        const top = getOffsetTop(element);
-
-        if (node === this.currentNode) {
-            // Cannot move inside current item
-            this.addPosition(node, Position.None, top);
-        } else {
-            this.addPosition(node, Position.Inside, top);
-        }
-
-        if (nextNode === this.currentNode || node === this.currentNode) {
-            // Cannot move before or after current item
-            this.addPosition(node, Position.None, top);
-        } else {
-            this.addPosition(node, Position.After, top);
-        }
-    }
-
-    private addPosition(node: Node, position: number, top: number): void {
-        const area = {
-            top,
-            bottom: 0,
-            node,
-            position,
-        };
-
-        this.positions.push(area);
-        this.lastTop = top;
-    }
-
-    private generateHitAreasForGroup(
-        hitAreas: HitArea[],
-        positionsInGroup: HitArea[],
-        top: number,
-        bottom: number,
-    ): void {
-        // limit positions in group
-        const positionCount = Math.min(positionsInGroup.length, 4);
-
-        const areaHeight = Math.round((bottom - top) / positionCount);
-        let areaTop = top;
-
-        let i = 0;
-        while (i < positionCount) {
-            const position = positionsInGroup[i];
-
-            if (position) {
-                hitAreas.push({
-                    top: areaTop,
-                    bottom: areaTop + areaHeight,
-                    node: position.node,
-                    position: position.position,
-                });
-            }
-
-            areaTop += areaHeight;
-            i += 1;
-        }
-    }
-}
-
-export default HitAreasGenerator;

package/src/dragAndDropHandler/visibleNodeIterator.ts

@@ -1,97 +0,0 @@
-import { Node } from "../node";
-
-abstract class VisibleNodeIterator {
-    private tree: Node;
-
-    constructor(tree: Node) {
-        this.tree = tree;
-    }
-
-    protected iterate(): void {
-        let isFirstNode = true;
-
-        const _iterateNode = (node: Node, nextNode: Node | null): void => {
-            let mustIterateInside =
-                (node.is_open || !node.element) && node.hasChildren();
-
-            let element: HTMLElement | null = null;
-
-            // Is the element visible?
-            if (node.element?.offsetParent) {
-                element = node.element;
-
-                if (isFirstNode) {
-                    this.handleFirstNode(node);
-                    isFirstNode = false;
-                }
-
-                if (!node.hasChildren()) {
-                    this.handleNode(node, nextNode, node.element);
-                } else if (node.is_open) {
-                    if (!this.handleOpenFolder(node, node.element)) {
-                        mustIterateInside = false;
-                    }
-                } else {
-                    this.handleClosedFolder(node, nextNode, element);
-                }
-            }
-
-            if (mustIterateInside) {
-                const childrenLength = node.children.length;
-                node.children.forEach((_, i) => {
-                    const child = node.children[i];
-
-                    if (child) {
-                        if (i === childrenLength - 1) {
-                            _iterateNode(child, null);
-                        } else {
-                            const nextChild = node.children[i + 1];
-
-                            if (nextChild) {
-                                _iterateNode(child, nextChild);
-                            }
-                        }
-                    }
-                });
-
-                if (node.is_open && element) {
-                    this.handleAfterOpenFolder(node, nextNode);
-                }
-            }
-        };
-
-        _iterateNode(this.tree, null);
-    }
-
-    protected abstract handleNode(
-        node: Node,
-        nextNode: Node | null,
-        element: HTMLElement,
-    ): void;
-
-    /*
-    override
-    return
-        - true: continue iterating
-        - false: stop iterating
-    */
-    protected abstract handleOpenFolder(
-        node: Node,
-        element: HTMLElement,
-    ): boolean;
-
-    protected abstract handleClosedFolder(
-        node: Node,
-        nextNode: Node | null,
-        element: HTMLElement,
-    ): void;
-
-    protected abstract handleAfterOpenFolder(
-        node: Node,
-        nextNode: Node | null,
-    ): void;
-
-    protected abstract handleFirstNode(node: Node): void;
-}
-
-export default VisibleNodeIterator;

package/src/mouse.widget.ts

@@ -1,266 +0,0 @@
-/*
-This widget does the same a the mouse widget in jqueryui.
-*/
-import SimpleWidget from "./simple.widget";
-import { PositionInfo } from "./mouseWidgetTypes";
-
-const getPositionInfoFromMouseEvent = (e: MouseEvent): PositionInfo => ({
-    pageX: e.pageX,
-    pageY: e.pageY,
-    target: e.target as HTMLElement,
-    originalEvent: e,
-});
-
-const getPositionInfoFromTouch = (
-    touch: Touch,
-    e: TouchEvent,
-): PositionInfo => ({
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    target: touch.target as HTMLElement,
-    originalEvent: e,
-});
-
-abstract class MouseWidget<WidgetOptions> extends SimpleWidget<WidgetOptions> {
-    protected isMouseStarted: boolean;
-    protected mouseDownInfo: PositionInfo | null;
-    private mouseDelayTimer: number | null;
-    private isMouseDelayMet: boolean;
-
-    public init(): void {
-        const element = this.$el.get(0);
-
-        if (element) {
-            element.addEventListener("mousedown", this.mouseDown, {
-                passive: false,
-            });
-            element.addEventListener("touchstart", this.touchStart, {
-                passive: false,
-            });
-        }
-
-        this.isMouseStarted = false;
-        this.mouseDelayTimer = null;
-        this.isMouseDelayMet = false;
-        this.mouseDownInfo = null;
-    }
-
-    public deinit(): void {
-        const el = this.$el.get(0);
-
-        if (el) {
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-            (el as any).removeEventListener("mousedown", this.mouseDown, {
-                passive: false,
-            });
-
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-            (el as any).removeEventListener("touchstart", this.touchStart, {
-                passive: false,
-            });
-        }
-
-        this.removeMouseMoveEventListeners();
-    }
-
-    protected abstract mouseCapture(positionInfo: PositionInfo): boolean | null;
-
-    protected abstract mouseStart(positionInfo: PositionInfo): boolean;
-
-    protected abstract mouseDrag(positionInfo: PositionInfo): void;
-
-    protected abstract mouseStop(positionInfo: PositionInfo): void;
-
-    protected abstract getMouseDelay(): number;
-
-    private mouseDown = (e: MouseEvent): void => {
-        // Left mouse button?
-        if (e.button !== 0) {
-            return;
-        }
-
-        const result = this.handleMouseDown(getPositionInfoFromMouseEvent(e));
-
-        if (result && e.cancelable) {
-            e.preventDefault();
-        }
-    };
-
-    private handleMouseDown(positionInfo: PositionInfo): boolean {
-        // We may have missed mouseup (out of window)
-        if (this.isMouseStarted) {
-            this.handleMouseUp(positionInfo);
-        }
-
-        this.mouseDownInfo = positionInfo;
-
-        if (!this.mouseCapture(positionInfo)) {
-            return false;
-        }
-
-        this.handleStartMouse();
-
-        return true;
-    }
-
-    private handleStartMouse(): void {
-        document.addEventListener("mousemove", this.mouseMove, {
-            passive: false,
-        });
-        document.addEventListener("touchmove", this.touchMove, {
-            passive: false,
-        });
-        document.addEventListener("mouseup", this.mouseUp, { passive: false });
-        document.addEventListener("touchend", this.touchEnd, {
-            passive: false,
-        });
-
-        const mouseDelay = this.getMouseDelay();
-
-        if (mouseDelay) {
-            this.startMouseDelayTimer(mouseDelay);
-        } else {
-            this.isMouseDelayMet = true;
-        }
-    }
-
-    private startMouseDelayTimer(mouseDelay: number): void {
-        if (this.mouseDelayTimer) {
-            clearTimeout(this.mouseDelayTimer);
-        }
-
-        this.mouseDelayTimer = window.setTimeout(() => {
-            if (this.mouseDownInfo) {
-                this.isMouseDelayMet = true;
-            }
-        }, mouseDelay);
-
-        this.isMouseDelayMet = false;
-    }
-
-    private mouseMove = (e: MouseEvent): void => {
-        this.handleMouseMove(e, getPositionInfoFromMouseEvent(e));
-    };
-
-    private handleMouseMove(
-        e: MouseEvent | TouchEvent,
-        positionInfo: PositionInfo,
-    ): void {
-        if (this.isMouseStarted) {
-            this.mouseDrag(positionInfo);
-
-            if (e.cancelable) {
-                e.preventDefault();
-            }
-            return;
-        }
-
-        if (!this.isMouseDelayMet) {
-            return;
-        }
-
-        if (this.mouseDownInfo) {
-            this.isMouseStarted = this.mouseStart(this.mouseDownInfo) !== false;
-        }
-
-        if (this.isMouseStarted) {
-            this.mouseDrag(positionInfo);
-
-            if (e.cancelable) {
-                e.preventDefault();
-            }
-        } else {
-            this.handleMouseUp(positionInfo);
-        }
-    }
-
-    private mouseUp = (e: MouseEvent): void => {
-        this.handleMouseUp(getPositionInfoFromMouseEvent(e));
-    };
-
-    private handleMouseUp(positionInfo: PositionInfo): void {
-        this.removeMouseMoveEventListeners();
-        this.isMouseDelayMet = false;
-        this.mouseDownInfo = null;
-
-        if (this.isMouseStarted) {
-            this.isMouseStarted = false;
-            this.mouseStop(positionInfo);
-        }
-    }
-
-    private removeMouseMoveEventListeners() {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        (document as any).removeEventListener("mousemove", this.mouseMove, {
-            passive: false,
-        });
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        (document as any).removeEventListener("touchmove", this.touchMove, {
-            passive: false,
-        });
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        (document as any).removeEventListener("mouseup", this.mouseUp, {
-            passive: false,
-        });
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        (document as any).removeEventListener("touchend", this.touchEnd, {
-            passive: false,
-        });
-    }
-
-    private touchStart = (e: TouchEvent): void => {
-        if (!e) {
-            return;
-        }
-
-        if (e.touches.length > 1) {
-            return;
-        }
-
-        const touch = e.changedTouches[0];
-
-        if (!touch) {
-            return;
-        }
-
-        this.handleMouseDown(getPositionInfoFromTouch(touch, e));
-    };
-
-    private touchMove = (e: TouchEvent): void => {
-        if (!e) {
-            return;
-        }
-
-        if (e.touches.length > 1) {
-            return;
-        }
-
-        const touch = e.changedTouches[0];
-
-        if (!touch) {
-            return;
-        }
-
-        this.handleMouseMove(e, getPositionInfoFromTouch(touch, e));
-    };
-
-    private touchEnd = (e: TouchEvent): void => {
-        if (!e) {
-            return;
-        }
-
-        if (e.touches.length > 1) {
-            return;
-        }
-
-        const touch = e.changedTouches[0];
-
-        if (!touch) {
-            return;
-        }
-
-        this.handleMouseUp(getPositionInfoFromTouch(touch, e));
-    };
-}
-
-export default MouseWidget;

package/src/mouseWidgetTypes.ts

@@ -1,6 +0,0 @@
-export interface PositionInfo {
-    pageX: number | undefined;
-    pageY: number | undefined;
-    target: HTMLElement;
-    originalEvent: Event;
-}