mind-elixir 5.1.0 → 5.2.0-beta.1

package/dist/types/src/utils/index.d.ts

@@ -0,0 +1,440 @@
+import type { Topic } from '../types/dom';
+import type { NodeObj, MindElixirInstance, NodeObjExport } from '../types/index';
+export declare function encodeHTML(s: string): string;
+export declare const isMobile: () => boolean;
+export declare const getObjById: (id: string, data: NodeObj) => NodeObj | null;
+/**
+ * Add parent property to every node
+ */
+export declare const fillParent: (data: NodeObj, parent?: NodeObj) => void;
+export declare const setExpand: (node: NodeObj, isExpand: boolean, level?: number) => void;
+export declare function refreshIds(data: NodeObj): void;
+export declare const throttle: <T extends (...args: never[]) => void>(fn: T, wait: number) => (...args: Parameters<T>) => void;
+export declare function getArrowPoints(p3x: number, p3y: number, p4x: number, p4y: number): {
+    x1: number;
+    y1: number;
+    x2: number;
+    y2: number;
+} | undefined;
+export declare function generateUUID(): string;
+export declare const generateNewObj: (this: MindElixirInstance) => NodeObjExport;
+export declare function checkMoveValid(from: NodeObj, to: NodeObj): boolean;
+export declare function deepClone(obj: NodeObj): any;
+export declare const getOffsetLT: (parent: HTMLElement, child: HTMLElement) => {
+    offsetLeft: number;
+    offsetTop: number;
+};
+export declare const setAttributes: (el: HTMLElement | SVGElement, attrs: {
+    [key: string]: string;
+}) => void;
+export declare const isTopic: (target?: HTMLElement) => target is Topic;
+export declare const unionTopics: (nodes: Topic[]) => Topic[];
+export declare const getTranslate: (styleText: string) => {
+    x: number;
+    y: number;
+};
+export declare const on: (list: ({
+    dom: EventTarget;
+    evt: "keypress";
+    func: (this: EventTarget, ev: KeyboardEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "input";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "progress";
+    func: (this: EventTarget, ev: ProgressEvent<EventTarget>) => void;
+} | {
+    dom: EventTarget;
+    evt: "select";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "keydown";
+    func: (this: EventTarget, ev: KeyboardEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "abort";
+    func: (this: EventTarget, ev: UIEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "animationcancel";
+    func: (this: EventTarget, ev: AnimationEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "animationend";
+    func: (this: EventTarget, ev: AnimationEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "animationiteration";
+    func: (this: EventTarget, ev: AnimationEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "animationstart";
+    func: (this: EventTarget, ev: AnimationEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "auxclick";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "beforeinput";
+    func: (this: EventTarget, ev: InputEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "beforetoggle";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "blur";
+    func: (this: EventTarget, ev: FocusEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "cancel";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "canplay";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "canplaythrough";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "change";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "click";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "close";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "compositionend";
+    func: (this: EventTarget, ev: CompositionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "compositionstart";
+    func: (this: EventTarget, ev: CompositionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "compositionupdate";
+    func: (this: EventTarget, ev: CompositionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "contextmenu";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "copy";
+    func: (this: EventTarget, ev: ClipboardEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "cuechange";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "cut";
+    func: (this: EventTarget, ev: ClipboardEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "dblclick";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "drag";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "dragend";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "dragenter";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "dragleave";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "dragover";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "dragstart";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "drop";
+    func: (this: EventTarget, ev: DragEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "durationchange";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "emptied";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "ended";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "error";
+    func: (this: EventTarget, ev: ErrorEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "focus";
+    func: (this: EventTarget, ev: FocusEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "focusin";
+    func: (this: EventTarget, ev: FocusEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "focusout";
+    func: (this: EventTarget, ev: FocusEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "formdata";
+    func: (this: EventTarget, ev: FormDataEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "gotpointercapture";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "invalid";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "keyup";
+    func: (this: EventTarget, ev: KeyboardEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "load";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "loadeddata";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "loadedmetadata";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "loadstart";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "lostpointercapture";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mousedown";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mouseenter";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mouseleave";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mousemove";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mouseout";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mouseover";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "mouseup";
+    func: (this: EventTarget, ev: MouseEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "paste";
+    func: (this: EventTarget, ev: ClipboardEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pause";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "play";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "playing";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointercancel";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointerdown";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointerenter";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointerleave";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointermove";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointerout";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointerover";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "pointerup";
+    func: (this: EventTarget, ev: PointerEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "ratechange";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "reset";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "resize";
+    func: (this: EventTarget, ev: UIEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "scroll";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "scrollend";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "securitypolicyviolation";
+    func: (this: EventTarget, ev: SecurityPolicyViolationEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "seeked";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "seeking";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "selectionchange";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "selectstart";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "slotchange";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "stalled";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "submit";
+    func: (this: EventTarget, ev: SubmitEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "suspend";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "timeupdate";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "toggle";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "touchcancel";
+    func: (this: EventTarget, ev: TouchEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "touchend";
+    func: (this: EventTarget, ev: TouchEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "touchmove";
+    func: (this: EventTarget, ev: TouchEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "touchstart";
+    func: (this: EventTarget, ev: TouchEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "transitioncancel";
+    func: (this: EventTarget, ev: TransitionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "transitionend";
+    func: (this: EventTarget, ev: TransitionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "transitionrun";
+    func: (this: EventTarget, ev: TransitionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "transitionstart";
+    func: (this: EventTarget, ev: TransitionEvent) => void;
+} | {
+    dom: EventTarget;
+    evt: "volumechange";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "waiting";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "webkitanimationend";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "webkitanimationiteration";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "webkitanimationstart";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "webkittransitionend";
+    func: (this: EventTarget, ev: Event) => void;
+} | {
+    dom: EventTarget;
+    evt: "wheel";
+    func: (this: EventTarget, ev: WheelEvent) => void;
+})[]) => () => void;

package/dist/types/{utils → src/utils}/pubsub.d.ts

@@ -75,7 +75,7 @@ export type EventMap = {
 export declare function createBus<T extends Record<string, (...args: any[]) => void> = EventMap>(): {
     handlers: Record<keyof T, ((...arg: any[]) => void)[]>;
     addListener: <K extends keyof T>(type: K, handler: T[K]) => void;
-    fire: <K extends keyof T>(type: K, ...payload: Parameters<T[K]>) => void;
-    removeListener: <K extends keyof T>(type: K, handler: T[K]) => void;
+    fire: <K_1 extends keyof T>(type: K_1, ...payload: Parameters<T[K_1]>) => void;
+    removeListener: <K_2 extends keyof T>(type: K_2, handler: T[K_2]) => void;
 };
 export {};

package/dist/types/{utils → src/utils}/svg.d.ts

@@ -6,12 +6,22 @@ export declare const svgNS = "http://www.w3.org/2000/svg";
 export interface SvgTextOptions {
     anchor?: 'start' | 'middle' | 'end';
     color?: string;
-    dataType?: string;
+    dataType: string;
+    svgId: string;
 }
 /**
- * Create an SVG text element with common attributes
+ * Create a div label for SVG elements with positioning
  */
-export declare const createSvgText: (text: string, x: number, y: number, options?: SvgTextOptions) => SVGTextElement;
+export declare const calculatePrecisePosition: (element: HTMLElement) => void;
+export declare const createSvgText: (text: string, x: number, y: number, options: SvgTextOptions) => HTMLDivElement;
+/**
+ * Find SVG element by label ID
+ */
+export declare const findSvgByLabelId: (labelId: string) => SVGElement | null;
+/**
+ * Find label element by SVG ID
+ */
+export declare const findLabelBySvgId: (svgId: string) => HTMLDivElement | null;
 export declare const createPath: (d: string, color: string, width: string) => SVGPathElement;
 export declare const createLinkSvg: (klass: string) => SVGSVGElement;
 export declare const createLine: () => SVGLineElement;
@@ -19,8 +29,8 @@ export declare const createSvgGroup: (d: string, arrowd1: string, arrowd2: strin
     stroke?: string;
     strokeWidth?: string | number;
     strokeDasharray?: string;
-    strokeLinecap?: "butt" | "round" | "square";
+    strokeLinecap?: 'butt' | 'round' | 'square';
     opacity?: string | number;
     labelColor?: string;
 }) => CustomSvg;
-export declare const editSvgText: (mei: MindElixirInstance, textEl: SVGTextElement, node: Summary | Arrow) => void;
+export declare const editSvgText: (mei: MindElixirInstance, textEl: HTMLDivElement, node: Summary | Arrow) => void;