@umbraci/jsmind 0.9.1-rich-text

package/types/generated/jsmind.shortcut_provider.d.ts

@@ -0,0 +1,52 @@
+export class ShortcutProvider {
+    /**
+     * @param {import('./jsmind.js').default} jm
+     * @param {{ enable:boolean, handles: Record<string,(jm: import('./jsmind.js').default, e: KeyboardEvent)=>void>, mapping: Record<string, number|number[]>, id_generator?: ()=>string }} options
+     */
+    constructor(jm: import("./jsmind.js").default, options: {
+        enable: boolean;
+        handles: Record<string, (jm: import("./jsmind.js").default, e: KeyboardEvent) => void>;
+        mapping: Record<string, number | number[]>;
+        id_generator?: () => string;
+    });
+    jm: import("./jsmind.js").default;
+    opts: {
+        enable: boolean;
+        handles: Record<string, (jm: import("./jsmind.js").default, e: KeyboardEvent) => void>;
+        mapping: Record<string, number | number[]>;
+        id_generator?: () => string;
+    };
+    /** @type {Record<string, number|number[]>} */
+    mapping: Record<string, number | number[]>;
+    /** @type {Record<string,(jm: import('./jsmind.js').default, e: KeyboardEvent)=>void>} */
+    handles: Record<string, (jm: import("./jsmind.js").default, e: KeyboardEvent) => void>;
+    /** @type {()=>string|null} */
+    _newid: () => string | null;
+    /** @type {Record<number,(jm: import('./jsmind.js').default, e: KeyboardEvent)=>void>} */
+    _mapping: Record<number, (jm: import("./jsmind.js").default, e: KeyboardEvent) => void>;
+    init(): void;
+    enable_shortcut(): void;
+    disable_shortcut(): void;
+    /** @param {KeyboardEvent} e */
+    handler(e: KeyboardEvent): boolean;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_addchild(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_addbrother(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_editnode(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_delnode(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_toggle(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_up(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_down(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_left(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e */
+    handle_right(_jm: import("./jsmind.js").default, e: KeyboardEvent): void;
+    /** @param {import('./jsmind.js').default} _jm @param {KeyboardEvent} e @param {number} d */
+    _handle_direction(_jm: import("./jsmind.js").default, e: KeyboardEvent, d: number): void;
+}

package/types/generated/jsmind.util.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Misc utility collection.
+ * @type {{
+ *  file: { read: (file: File, cb:(result:string,name:string)=>void)=>void, save:(data:string,type:string,name:string)=>void},
+ *  json: { json2string:(v:unknown)=>string, string2json:(s:string)=>unknown, merge:(b:object,a:object)=>object },
+ *  uuid: { newid:()=>string },
+ *  text: { is_empty:(s?:string)=>boolean }
+ * }}
+ */
+export const util: {
+    file: {
+        read: (file: File, cb: (result: string, name: string) => void) => void;
+        save: (data: string, type: string, name: string) => void;
+    };
+    json: {
+        json2string: (v: unknown) => string;
+        string2json: (s: string) => unknown;
+        merge: (b: object, a: object) => object;
+    };
+    uuid: {
+        newid: () => string;
+    };
+    text: {
+        is_empty: (s?: string) => boolean;
+    };
+};

package/types/generated/jsmind.view_provider.d.ts

@@ -0,0 +1,372 @@
+export class ViewProvider {
+    /**
+     * View layer: DOM nodes, editor, graph and zoom.
+     * @param {import('./jsmind.js').default} jm - jsMind instance
+     * @param {{
+     *   engine: 'canvas'|'svg',
+     *   enable_device_pixel_ratio: boolean,
+     *   hmargin: number,
+     *   vmargin: number,
+     *   line_width: number,
+     *   line_color: string,
+     *   line_style: 'curved'|'straight',
+     *   custom_line_render?: Function,
+     *   draggable: boolean,
+     *   hide_scrollbars_when_draggable: boolean,
+     *   node_overflow: 'hidden'|'wrap',
+     *   zoom: {min:number, max:number, step:number, mask_key:number},
+     *   custom_node_render?: Function,
+     *   expander_style: 'char'|'number',
+     *   enable_multiline?: boolean
+     * }} options - View configuration options
+     */
+    constructor(jm: import("./jsmind.js").default, options: {
+        engine: "canvas" | "svg";
+        enable_device_pixel_ratio: boolean;
+        hmargin: number;
+        vmargin: number;
+        line_width: number;
+        line_color: string;
+        line_style: "curved" | "straight";
+        custom_line_render?: Function;
+        draggable: boolean;
+        hide_scrollbars_when_draggable: boolean;
+        node_overflow: "hidden" | "wrap";
+        zoom: {
+            min: number;
+            max: number;
+            step: number;
+            mask_key: number;
+        };
+        custom_node_render?: Function;
+        expander_style: "char" | "number";
+        enable_multiline?: boolean;
+    });
+    opts: {
+        engine: "canvas" | "svg";
+        enable_device_pixel_ratio: boolean;
+        hmargin: number;
+        vmargin: number;
+        line_width: number;
+        line_color: string;
+        line_style: "curved" | "straight";
+        custom_line_render?: Function;
+        draggable: boolean;
+        hide_scrollbars_when_draggable: boolean;
+        node_overflow: "hidden" | "wrap";
+        zoom: {
+            min: number;
+            max: number;
+            step: number;
+            mask_key: number;
+        };
+        custom_node_render?: Function;
+        expander_style: "char" | "number";
+        enable_multiline?: boolean;
+    };
+    jm: import("./jsmind.js").default;
+    layout: import("./jsmind.layout_provider.js").LayoutProvider;
+    container: HTMLElement;
+    e_panel: HTMLElement;
+    e_nodes: HTMLElement;
+    size: {
+        w: number;
+        h: number;
+    };
+    selected_node: import("./jsmind.node.js").Node;
+    editing_node: import("./jsmind.node.js").Node;
+    graph: {
+        view: ViewProvider;
+        opts: {
+            engine: "canvas" | "svg";
+            enable_device_pixel_ratio: boolean;
+            hmargin: number;
+            vmargin: number;
+            line_width: number;
+            line_color: string;
+            line_style: "curved" | "straight";
+            custom_line_render?: Function;
+            draggable: boolean;
+            hide_scrollbars_when_draggable: boolean;
+            node_overflow: "hidden" | "wrap";
+            zoom: {
+                min: number;
+                max: number;
+                step: number;
+                mask_key: number;
+            };
+            custom_node_render?: Function;
+            expander_style: "char" | "number";
+            enable_multiline?: boolean;
+        };
+        e_svg: SVGElement;
+        size: {
+            w: number;
+            h: number;
+        };
+        lines: SVGPathElement[];
+        line_drawing: {
+            straight: (path: SVGPathElement, x1: number, y1: number, x2: number, y2: number) => void;
+            curved: (path: SVGPathElement, x1: number, y1: number, x2: number, y2: number) => void;
+        };
+        init_line_render(): void;
+        drawing: (path: SVGPathElement, x1: number, y1: number, x2: number, y2: number) => void;
+        element(): SVGSVGElement;
+        set_size(w: number, h: number): void;
+        clear(): void;
+        draw_line(pout: {
+            x: number;
+            y: number;
+        }, pin: {
+            x: number;
+            y: number;
+        }, offset: {
+            x: number;
+            y: number;
+        }, color?: string | undefined): void;
+        copy_to(dest_canvas_ctx: CanvasRenderingContext2D, callback?: (() => void) | undefined): void;
+        _bezier_to(path: SVGPathElement, x1: number, y1: number, x2: number, y2: number): void;
+        _line_to(path: SVGPathElement, x1: number, y1: number, x2: number, y2: number): void;
+    } | {
+        opts: {
+            engine: "canvas" | "svg";
+            enable_device_pixel_ratio: boolean;
+            hmargin: number;
+            vmargin: number;
+            line_width: number;
+            line_color: string;
+            line_style: "curved" | "straight";
+            custom_line_render?: Function;
+            draggable: boolean;
+            hide_scrollbars_when_draggable: boolean;
+            node_overflow: "hidden" | "wrap";
+            zoom: {
+                min: number;
+                max: number;
+                step: number;
+                mask_key: number;
+            };
+            custom_node_render?: Function;
+            expander_style: "char" | "number";
+            enable_multiline?: boolean;
+        };
+        e_canvas: HTMLElement;
+        canvas_ctx: CanvasRenderingContext2D;
+        size: {
+            w: number;
+            h: number;
+        };
+        line_drawing: {
+            straight: (ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number) => void;
+            curved: (ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number) => void;
+        };
+        dpr: number;
+        init_line_render(): void;
+        drawing: (ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number) => void;
+        element(): HTMLCanvasElement;
+        set_size(w: number, h: number): void;
+        clear(): void;
+        draw_line(pout: {
+            x: number;
+            y: number;
+        }, pin: {
+            x: number;
+            y: number;
+        }, offset: {
+            x: number;
+            y: number;
+        }, color?: string | undefined): void;
+        copy_to(dest_canvas_ctx: CanvasRenderingContext2D, callback?: (() => void) | undefined): void;
+        _bezier_to(ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number): void;
+        _line_to(ctx: CanvasRenderingContext2D, x1: number, y1: number, x2: number, y2: number): void;
+    };
+    render_node: (ele: HTMLElement, node: import("./jsmind.node.js").Node) => void;
+    zoom_current: number;
+    device_pixel_ratio: number;
+    _initialized: boolean;
+    /** Initialize DOM structure, graph and editor. */
+    init(): void;
+    e_editor: HTMLElement;
+    /**
+     * Add a delegated event handler.
+     * @param {import('./jsmind.js').default} obj
+     * @param {string} event_name
+     * @param {(e:Event)=>void} event_handle
+     * @param {boolean=} capture_by_panel
+     */
+    add_event(obj: import("./jsmind.js").default, event_name: string, event_handle: (e: Event) => void, capture_by_panel?: boolean | undefined): void;
+    /**
+     * @param {HTMLElement|null} element
+     * @returns {string|null}
+     */
+    get_binded_nodeid(element: HTMLElement | null): string | null;
+    /**
+     * @param {HTMLElement|null} element
+     * @returns {boolean}
+     */
+    is_node(element: HTMLElement | null): boolean;
+    /**
+     * @param {HTMLElement} element
+     * @returns {boolean}
+     */
+    is_expander(element: HTMLElement): boolean;
+    reset(): void;
+    reset_theme(): void;
+    /** Reset custom styles for all nodes. */
+    reset_custom_style(): void;
+    /** Load and initialize the view. */
+    load(): void;
+    /** Calculate and set the expanded canvas size. */
+    expand_size(): void;
+    /**
+     * Initialize size data for a node.
+     * @param {import('./jsmind.node.js').Node} node - Target node
+     */
+    init_nodes_size(node: import("./jsmind.node.js").Node): void;
+    /**
+     * Ensure correct size calculation for multiline nodes
+     * @param {HTMLElement} element - Node element
+     */
+    _ensure_multiline_node_size(element: HTMLElement): void;
+    /** Initialize DOM elements for all nodes. */
+    init_nodes(): void;
+    /**
+     * Add a new node to the view.
+     * @param {import('./jsmind.node.js').Node} node - Node to add
+     */
+    add_node(node: import("./jsmind.node.js").Node): void;
+    /**
+     * Run function in compatibility mode if container is not visible.
+     * @param {Function} func - Function to execute
+     */
+    run_in_c11y_mode_if_needed(func: Function): void;
+    /**
+     * Create a DOM element for a node and append to parent container.
+     * @param {import('./jsmind.node.js').Node} node
+     * @param {HTMLElement} parent_node
+     */
+    create_node_element(node: import("./jsmind.node.js").Node, parent_node: HTMLElement): void;
+    /**
+     * Remove a node from the view.
+     * @param {import('./jsmind.node.js').Node} node - Node to remove
+     */
+    remove_node(node: import("./jsmind.node.js").Node): void;
+    /**
+     * Update a node's display.
+     * @param {import('./jsmind.node.js').Node} node - Node to update
+     */
+    update_node(node: import("./jsmind.node.js").Node): void;
+    /**
+     * Force recalculation of node size
+     * @param {import('./jsmind.node.js').Node} node - Node to recalculate
+     */
+    _force_recalc_node_size(node: import("./jsmind.node.js").Node): void;
+    /**
+     * Select a node visually.
+     * @param {import('./jsmind.node.js').Node|null} node - Node to select
+     */
+    select_node(node: import("./jsmind.node.js").Node | null): void;
+    /** Clear node selection. */
+    select_clear(): void;
+    /**
+     * Get currently editing node.
+     * @returns {import('./jsmind.node.js').Node|null} Currently editing node
+     */
+    get_editing_node(): import("./jsmind.node.js").Node | null;
+    /**
+     * Check if any node is being edited.
+     * @returns {boolean} True if editing
+     */
+    is_editing(): boolean;
+    /**
+     * Begin editing a node.
+     * @param {import('./jsmind.node.js').Node} node - Node to edit
+     */
+    edit_node_begin(node: import("./jsmind.node.js").Node): void;
+    /** End editing current node. */
+    edit_node_end(): void;
+    _editor_input_handler: () => void;
+    /**
+     * Setup editor resize listener for multiline editing
+     * Reference TextEdit.js updateTextEditNode logic
+     */
+    _setup_editor_resize_listener(): void;
+    /**
+     * Dynamically update CSS styles for multiline nodes to sync max-width with textAutoWrapWidth
+     */
+    _update_multiline_css(): void;
+    /** @returns {{x:number,y:number}} */
+    get_view_offset(): {
+        x: number;
+        y: number;
+    };
+    /** Resize the view to fit container. */
+    resize(): void;
+    /**
+     * Internal show implementation.
+     * @private
+     */
+    private _show;
+    /**
+     * Zoom in the view.
+     * @param {MouseEvent=} e - Mouse event for zoom center
+     * @returns {boolean} True if zoom succeeded
+     */
+    zoom_in(e?: MouseEvent | undefined): boolean;
+    /**
+     * Zoom out the view.
+     * @param {MouseEvent=} e - Mouse event for zoom center
+     * @returns {boolean} True if zoom succeeded
+     */
+    zoom_out(e?: MouseEvent | undefined): boolean;
+    /**
+     * Set zoom level and keep scroll around zoom center.
+     * @param {number} zoom
+     * @param {MouseEvent=} e
+     */
+    set_zoom(zoom: number, e?: MouseEvent | undefined): boolean;
+    /** @param {boolean=} keep_center */
+    show(keep_center?: boolean | undefined): void;
+    relayout(): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    save_location(node: import("./jsmind.node.js").Node): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    restore_location(node: import("./jsmind.node.js").Node): void;
+    clear_nodes(): void;
+    /** Render node elements and expanders to screen. */
+    show_nodes(): void;
+    /** @param {import('./jsmind.node.js').Node} node @param {{x:number,y:number}} view_offset */
+    _show_expander(node: import("./jsmind.node.js").Node, view_offset: {
+        x: number;
+        y: number;
+    }): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    _get_expander_text(node: import("./jsmind.node.js").Node): number | "..." | "-" | "+";
+    /** @param {HTMLElement} ele @param {import('./jsmind.node.js').Node} node */
+    _default_node_render(ele: HTMLElement, node: import("./jsmind.node.js").Node): void;
+    /** @param {HTMLElement} ele @param {import('./jsmind.node.js').Node} node */
+    _custom_node_render(ele: HTMLElement, node: import("./jsmind.node.js").Node): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    reset_node_custom_style(node: import("./jsmind.node.js").Node): void;
+    /** @param {HTMLElement} node_element @param {Record<string,string|number>} node_data */
+    _reset_node_custom_style(node_element: HTMLElement, node_data: Record<string, string | number>): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    restore_selected_node_custom_style(node: import("./jsmind.node.js").Node): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    clear_selected_node_custom_style(node: import("./jsmind.node.js").Node): void;
+    clear_lines(): void;
+    show_lines(): void;
+    /**
+     * Enable/disable dragging the whole canvas with mouse.
+     * @param {boolean} enabled
+     */
+    setup_canvas_draggable(enabled: boolean): void;
+    /** @param {import('./jsmind.node.js').Node} node */
+    center_node(node: import("./jsmind.node.js").Node): boolean;
+    /** @param {MouseEvent=} e */
+    zoomIn(e?: MouseEvent | undefined): boolean;
+    /** @param {MouseEvent=} e */
+    zoomOut(e?: MouseEvent | undefined): boolean;
+    /** @param {number} zoom @param {MouseEvent=} e */
+    setZoom(zoom: number, e?: MouseEvent | undefined): boolean;
+}

package/types/generated/plugins/jsmind.draggable-node.d.ts

@@ -0,0 +1,229 @@
+/**
+ * Draggable node plugin for jsMind.
+ */
+export class DraggableNode {
+    /**
+     * Create draggable node plugin instance.
+     * @param {import('../jsmind.js').default} jm - jsMind instance
+     * @param {Partial<DraggableNodeOptions>} options - Plugin options
+     */
+    constructor(jm: import("../jsmind.js").default, options: Partial<DraggableNodeOptions>);
+    version: string;
+    /** @type {import('../jsmind.js').default} */
+    jm: import("../jsmind.js").default;
+    /** @type {DraggableNodeOptions} */
+    options: DraggableNodeOptions;
+    /** @type {HTMLCanvasElement|null} */
+    e_canvas: HTMLCanvasElement | null;
+    /** @type {CanvasRenderingContext2D|null} */
+    canvas_ctx: CanvasRenderingContext2D | null;
+    /** @type {HTMLElement|null} */
+    shadow: HTMLElement | null;
+    /** @type {number} */
+    shadow_p_x: number;
+    /** @type {number} */
+    shadow_p_y: number;
+    /** @type {number} */
+    shadow_w: number;
+    /** @type {number} */
+    shadow_h: number;
+    /** @type {import('../jsmind.node.js').Node|null} */
+    active_node: import("../jsmind.node.js").Node | null;
+    /** @type {import('../jsmind.node.js').Node|null} */
+    target_node: import("../jsmind.node.js").Node | null;
+    /** @type {number|null} */
+    target_direct: number | null;
+    /** @type {number} */
+    client_w: number;
+    /** @type {number} */
+    client_h: number;
+    /** @type {number} */
+    offset_x: number;
+    /** @type {number} */
+    offset_y: number;
+    /** @type {number} */
+    hlookup_delay: number;
+    /** @type {number} */
+    hlookup_timer: number;
+    /** @type {boolean} */
+    capture: boolean;
+    /** @type {boolean} */
+    moved: boolean;
+    /** @type {boolean} */
+    canvas_draggable: boolean;
+    /** @type {HTMLElement} */
+    view_panel: HTMLElement;
+    /** @type {DOMRect|null} */
+    view_panel_rect: DOMRect | null;
+    /** Initialize the draggable node plugin. */
+    init(): void;
+    /** Resize canvas and shadow elements. */
+    resize(): void;
+    /** Create canvas for drawing drag lines. */
+    create_canvas(): void;
+    create_shadow(): void;
+    /**
+     * Reset shadow element style and cache its size.
+     * @param {HTMLElement} el - The node element to mirror as shadow
+     */
+    reset_shadow(el: HTMLElement): void;
+    /** Show the shadow element. */
+    show_shadow(): void;
+    /** Hide the shadow element. */
+    hide_shadow(): void;
+    /**
+     * Draw a helper line between the shadow and target node.
+     * @param {{x:number,y:number}} shadow_p - Shadow anchor point
+     * @param {{x:number,y:number}} node_p - Target node anchor point
+     * @param {boolean} invalid - Whether current target is invalid
+     */
+    magnet_shadow(shadow_p: {
+        x: number;
+        y: number;
+    }, node_p: {
+        x: number;
+        y: number;
+    }, invalid: boolean): void;
+    /** Clear helper lines from canvas. */
+    clear_lines(): void;
+    /**
+     * Draw a straight helper line.
+     * @param {number} x1
+     * @param {number} y1
+     * @param {number} x2
+     * @param {number} y2
+     */
+    canvas_lineto(x1: number, y1: number, x2: number, y2: number): void;
+    /** Bind mouse/touch events for dragging. */
+    event_bind(): void;
+    /**
+     * Begin dragging interaction.
+     * @param {MouseEvent|TouchEvent} e - Pointer down event
+     */
+    dragstart(e: MouseEvent | TouchEvent): void;
+    view_draggable: boolean;
+    client_hw: number;
+    client_hh: number;
+    /**
+     * Drag handler to move shadow and auto-scroll container.
+     * @param {MouseEvent|TouchEvent} e - Pointer move event
+     */
+    drag(e: MouseEvent | TouchEvent): void;
+    /**
+     * Finish dragging, move the node if applicable.
+     * @param {MouseEvent|TouchEvent} e - Pointer up event
+     */
+    dragend(e: MouseEvent | TouchEvent): void;
+    /**
+     * Find the closest node element from an event target.
+     * @param {HTMLElement} el - Current DOM element
+     * @returns {HTMLElement|null} Matched node element or null
+     */
+    find_node_element(el: HTMLElement): HTMLElement | null;
+    /** Recompute target node under the shadow and draw helper. */
+    lookup_target_node(): void;
+    /**
+     * Get X coordinate of root node center.
+     * @returns {number}
+     */
+    get_root_x(): number;
+    /**
+     * Lookup overlapping node's parent near the shadow position.
+     * @param {number} direction - Direction constant
+     * @returns {import('../jsmind.node.js').Node|null}
+     */
+    lookup_overlapping_node_parent(direction: number): import("../jsmind.node.js").Node | null;
+    /**
+     * Find node's parent by a screen location.
+     * @param {number} x - Client X
+     * @param {number} y - Client Y
+     * @returns {import('../jsmind.node.js').Node|null}
+     */
+    lookup_node_parent_by_location(x: number, y: number): import("../jsmind.node.js").Node | null;
+    /**
+     * Lookup the closest node along a direction.
+     * @param {number} direction
+     * @returns {import('../jsmind.node.js').Node}
+     */
+    lookup_close_node(direction: number): import("../jsmind.node.js").Node;
+    /**
+     * Check if shadow is on the target side of a node.
+     * @param {import('../jsmind.node.js').Node} node
+     * @param {number} dir
+     * @returns {boolean}
+     */
+    shadow_on_target_side(node: import("../jsmind.node.js").Node, dir: number): boolean;
+    /**
+     * Distance from shadow to the right side of a node.
+     * @param {import('../jsmind.node.js').Node} node
+     * @returns {number}
+     */
+    shadow_to_right_of_node(node: import("../jsmind.node.js").Node): number;
+    /**
+     * Distance from shadow to the left side of a node.
+     * @param {import('../jsmind.node.js').Node} node
+     * @returns {number}
+     */
+    shadow_to_left_of_node(node: import("../jsmind.node.js").Node): number;
+    /**
+     * Vertical distance between shadow centerline and node centerline.
+     * @param {import('../jsmind.node.js').Node} node
+     * @returns {number}
+     */
+    shadow_to_base_line_of_node(node: import("../jsmind.node.js").Node): number;
+    /**
+     * Manhattan distance to a node along a direction.
+     * @param {import('../jsmind.node.js').Node} node
+     * @param {number} dir
+     * @returns {number}
+     */
+    shadow_to_node(node: import("../jsmind.node.js").Node, dir: number): number;
+    /**
+     * Calculate connection points of a node and the shadow.
+     * @param {import('../jsmind.node.js').Node} node
+     * @param {number} dir
+     * @returns {{sp:{x:number,y:number}, np:{x:number,y:number}}}
+     */
+    calc_point_of_node(node: import("../jsmind.node.js").Node, dir: number): {
+        sp: {
+            x: number;
+            y: number;
+        };
+        np: {
+            x: number;
+            y: number;
+        };
+    };
+    /**
+     * Move a node to a new parent/position.
+     * @param {import('../jsmind.node.js').Node} src_node
+     * @param {import('../jsmind.node.js').Node|null} target_node
+     * @param {number|null} target_direct
+     */
+    move_node(src_node: import("../jsmind.node.js").Node, target_node: import("../jsmind.node.js").Node | null, target_direct: number | null): void;
+    /**
+     * Handle jsMind events.
+     * @param {number|string} type - Event type
+     * @param {object} [data] - Event data
+     */
+    jm_event_handle(type: number | string, data?: object): void;
+}
+/**
+ * Draggable node plugin registration.
+ * @type {import('../jsmind.plugin.js').Plugin<Partial<DraggableNodeOptions>>}
+ */
+export const draggable_plugin: import("../jsmind.plugin.js").Plugin<Partial<DraggableNodeOptions>>;
+export default DraggableNode;
+/**
+ * Default options for draggable node plugin.
+ */
+export type DraggableNodeOptions = {
+    line_width?: number;
+    line_color?: string;
+    line_color_invalid?: string;
+    lookup_delay?: number;
+    lookup_interval?: number;
+    scrolling_trigger_width?: number;
+    scrolling_step_length?: number;
+    shadow_node_class_name?: string;
+};