jqtree 1.7.4 → 1.8.0

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;
-}