jqtree 1.7.5 → 1.8.1

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 "./types";
-
-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/nodeElement.ts

@@ -1,272 +0,0 @@
-import { Position, Node } from "./node";
-import { JqTreeWidget } from "./tree.jquery";
-import { DropHint } from "./types";
-
-export type OnFinishOpenNode = (node: Node) => void;
-
-export class NodeElement {
-    public node: Node;
-    public $element: JQuery<HTMLElement>;
-    protected treeWidget: JqTreeWidget;
-
-    constructor(node: Node, treeWidget: JqTreeWidget) {
-        this.init(node, treeWidget);
-    }
-
-    public init(node: Node, treeWidget: JqTreeWidget): void {
-        this.node = node;
-        this.treeWidget = treeWidget;
-
-        if (!node.element) {
-            const element = this.treeWidget.element.get(0);
-
-            if (element) {
-                node.element = element;
-            }
-        }
-
-        if (node.element) {
-            this.$element = jQuery(node.element);
-        }
-    }
-
-    public addDropHint(position: number): DropHint {
-        if (this.mustShowBorderDropHint(position)) {
-            return new BorderDropHint(
-                this.$element,
-                this.treeWidget._getScrollLeft(),
-            );
-        } else {
-            return new GhostDropHint(this.node, this.$element, position);
-        }
-    }
-
-    public select(mustSetFocus: boolean): void {
-        const $li = this.getLi();
-
-        $li.addClass("jqtree-selected");
-
-        const $span = this.getSpan();
-        $span.attr("tabindex", this.treeWidget.options.tabIndex ?? null);
-        $span.attr("aria-selected", "true");
-
-        if (mustSetFocus) {
-            $span.trigger("focus");
-        }
-    }
-
-    public deselect(): void {
-        const $li = this.getLi();
-
-        $li.removeClass("jqtree-selected");
-
-        const $span = this.getSpan();
-        $span.removeAttr("tabindex");
-        $span.attr("aria-selected", "false");
-
-        $span.trigger("blur");
-    }
-
-    protected getUl(): JQuery<HTMLElement> {
-        return this.$element.children("ul:first");
-    }
-
-    protected getSpan(): JQuery<HTMLElement> {
-        return this.$element
-            .children(".jqtree-element")
-            .find("span.jqtree-title");
-    }
-
-    protected getLi(): JQuery<HTMLElement> {
-        return this.$element;
-    }
-
-    protected mustShowBorderDropHint(position: Position): boolean {
-        return position === Position.Inside;
-    }
-}
-
-export class FolderElement extends NodeElement {
-    public open(
-        onFinished: OnFinishOpenNode | null,
-        slide = true,
-        animationSpeed: JQuery.Duration = "fast",
-    ): void {
-        if (this.node.is_open) {
-            return;
-        }
-
-        this.node.is_open = true;
-
-        const $button = this.getButton();
-        $button.removeClass("jqtree-closed");
-        $button.html("");
-
-        const buttonEl = $button.get(0);
-
-        if (buttonEl) {
-            const openedIconElement =
-                this.treeWidget.renderer.openedIconElement;
-
-            if (openedIconElement) {
-                const icon = openedIconElement.cloneNode(true);
-                buttonEl.appendChild(icon);
-            }
-        }
-
-        const doOpen = (): void => {
-            const $li = this.getLi();
-            $li.removeClass("jqtree-closed");
-
-            const $titleSpan = this.getSpan();
-            $titleSpan.attr("aria-expanded", "true");
-
-            if (onFinished) {
-                onFinished(this.node);
-            }
-
-            this.treeWidget._triggerEvent("tree.open", {
-                node: this.node,
-            });
-        };
-
-        if (slide) {
-            this.getUl().slideDown(animationSpeed, doOpen);
-        } else {
-            this.getUl().show();
-            doOpen();
-        }
-    }
-
-    public close(
-        slide = true,
-        animationSpeed: JQuery.Duration | undefined = "fast",
-    ): void {
-        if (!this.node.is_open) {
-            return;
-        }
-
-        this.node.is_open = false;
-
-        const $button = this.getButton();
-        $button.addClass("jqtree-closed");
-        $button.html("");
-
-        const buttonEl = $button.get(0);
-
-        if (buttonEl) {
-            const closedIconElement =
-                this.treeWidget.renderer.closedIconElement;
-
-            if (closedIconElement) {
-                const icon = closedIconElement.cloneNode(true);
-                buttonEl.appendChild(icon);
-            }
-        }
-
-        const doClose = (): void => {
-            const $li = this.getLi();
-            $li.addClass("jqtree-closed");
-
-            const $titleSpan = this.getSpan();
-            $titleSpan.attr("aria-expanded", "false");
-
-            this.treeWidget._triggerEvent("tree.close", {
-                node: this.node,
-            });
-        };
-
-        if (slide) {
-            this.getUl().slideUp(animationSpeed, doClose);
-        } else {
-            this.getUl().hide();
-            doClose();
-        }
-    }
-
-    protected mustShowBorderDropHint(position: Position): boolean {
-        return !this.node.is_open && position === Position.Inside;
-    }
-
-    private getButton(): JQuery {
-        return this.$element
-            .children(".jqtree-element")
-            .find("a.jqtree-toggler");
-    }
-}
-
-export class BorderDropHint implements DropHint {
-    private $hint: JQuery<Element>;
-
-    constructor($element: JQuery<Element>, scrollLeft: number) {
-        const $div = $element.children(".jqtree-element");
-
-        const elWidth = $element.width() || 0;
-        const width = Math.max(elWidth + scrollLeft - 4, 0);
-
-        const elHeight = $div.outerHeight() || 0;
-        const height = Math.max(elHeight - 4, 0);
-
-        this.$hint = jQuery('<span class="jqtree-border"></span>');
-        $div.append(this.$hint);
-
-        this.$hint.css({ width, height });
-    }
-
-    public remove(): void {
-        this.$hint.remove();
-    }
-}
-
-class GhostDropHint implements DropHint {
-    private $element: JQuery<Element>;
-    private node: Node;
-    private $ghost: JQuery;
-
-    constructor(node: Node, $element: JQuery<Element>, position: Position) {
-        this.$element = $element;
-
-        this.node = node;
-        this.$ghost = jQuery(
-            `<li class="jqtree_common jqtree-ghost"><span class="jqtree_common jqtree-circle"></span>
-            <span class="jqtree_common jqtree-line"></span></li>`,
-        );
-
-        if (position === Position.After) {
-            this.moveAfter();
-        } else if (position === Position.Before) {
-            this.moveBefore();
-        } else if (position === Position.Inside) {
-            if (node.isFolder() && node.is_open) {
-                this.moveInsideOpenFolder();
-            } else {
-                this.moveInside();
-            }
-        }
-    }
-
-    public remove(): void {
-        this.$ghost.remove();
-    }
-
-    public moveAfter(): void {
-        this.$element.after(this.$ghost);
-    }
-
-    public moveBefore(): void {
-        this.$element.before(this.$ghost);
-    }
-
-    public moveInsideOpenFolder(): void {
-        const childElement = this.node.children[0]?.element;
-
-        if (childElement) {
-            jQuery(childElement).before(this.$ghost);
-        }
-    }
-
-    public moveInside(): void {
-        this.$element.after(this.$ghost);
-        this.$ghost.addClass("jqtree-inside");
-    }
-}

package/src/types.ts

@@ -1,19 +0,0 @@
-import { Node, Position } from "./node";
-
-export interface DropHint {
-    remove: () => void;
-}
-
-export interface HitArea {
-    top: number;
-    bottom: number;
-    node: Node;
-    position: Position;
-}
-
-export interface PositionInfo {
-    pageX: number | undefined;
-    pageY: number | undefined;
-    target: HTMLElement;
-    originalEvent: Event;
-}