mind-elixir 5.11.1-beta.0 → 5.11.1-beta.2

package/dist/PlaintextConverter.js

@@ -10,28 +10,28 @@ class S {
     this.slots = Array.from({ length: d + 1 }, () => []);
   }
 }
-function j(c) {
-  const { nodeData: o, arrows: d = [], summaries: e = [] } = c, r = /* @__PURE__ */ new Map();
-  function n(t) {
+function j(l) {
+  const { nodeData: o, arrows: d = [], summaries: n = [] } = l, r = /* @__PURE__ */ new Map();
+  function e(t) {
     const s = new S(t);
-    return r.set(t.id, s), t.children && (s.children = t.children.map(n)), s;
+    return r.set(t.id, s), t.children && (s.children = t.children.map(e)), s;
   }
-  const i = n(o), l = [], m = /* @__PURE__ */ new Set();
+  const i = e(o), c = [], h = /* @__PURE__ */ new Set();
   for (const t of d) {
-    m.add(t.from), m.add(t.to);
-    const s = t.metadata, p = s?.parentId, y = s?.index ?? 1 / 0;
+    h.add(t.from), h.add(t.to);
+    const s = t.metadata, p = s?.parentId, g = s?.index ?? 1 / 0;
     if (!p) {
-      l.push(t);
+      c.push(t);
       continue;
     }
-    const g = r.get(p);
-    if (g) {
-      const w = Math.min(y, g.children.length);
-      g.slots[w].push({ type: "arrow", arrow: t });
+    const y = r.get(p);
+    if (y) {
+      const $ = Math.min(g, y.children.length);
+      y.slots[$].push({ type: "arrow", arrow: t });
     } else
-      l.push(t);
+      c.push(t);
   }
-  for (const t of e) {
+  for (const t of n) {
     const s = r.get(t.parent);
     if (s) {
       const p = Math.min(t.end + 1, s.children.length);
@@ -41,32 +41,32 @@ function j(c) {
   function a(t) {
     return r.get(t)?.node.metadata?.refId ?? t;
   }
-  const h = [];
-  function u(t, s) {
-    const p = "  ".repeat(s), y = "  ".repeat(s + 1), g = t.node.metadata, w = [t.node.topic], C = g?.refId ?? (m.has(t.node.id) ? t.node.id : void 0);
-    C && w.push(`[^${C}]`), t.node.style && Object.keys(t.node.style).length > 0 && w.push(JSON.stringify(t.node.style)), h.push(`${p}- ${w.join(" ")}`);
-    for (let I = 0; I <= t.children.length; I++) {
-      for (const N of t.slots[I])
+  const u = [];
+  function f(t, s) {
+    const p = "  ".repeat(s), g = "  ".repeat(s + 1), y = t.node.metadata, $ = [t.node.topic], C = y?.refId ?? (h.has(t.node.id) ? t.node.id : void 0);
+    C && $.push(`[^${C}]`), t.node.style && Object.keys(t.node.style).length > 0 && $.push(JSON.stringify(t.node.style)), u.push(`${p}- ${$.join(" ")}`);
+    for (let w = 0; w <= t.children.length; w++) {
+      for (const N of t.slots[w])
         if (N.type === "arrow") {
-          const f = N.arrow, x = f.bidirectional ? `<-${f.label ?? ""}->` : `>-${f.label ?? ""}->`, b = f.delta1 ? ` (${f.delta1.x},${f.delta1.y})` : "", M = f.delta2 ? ` (${f.delta2.x},${f.delta2.y})` : "";
-          h.push(`${y}- > [^${a(f.from)}]${b} ${x}${M} [^${a(f.to)}]`);
+          const m = N.arrow, b = m.bidirectional ? `<-${m.label ?? ""}->` : `>-${m.label ?? ""}->`, x = m.delta1 ? ` (${m.delta1.x},${m.delta1.y})` : "", M = m.delta2 ? ` (${m.delta2.x},${m.delta2.y})` : "";
+          u.push(`${g}- > [^${a(m.from)}]${x} ${b}${M} [^${a(m.to)}]`);
         } else if (N.type === "summary") {
-          const f = N.summary, x = f.end - f.start + 1, b = x === t.children.length ? "" : `:${x} `;
-          h.push(`${y}- }${b}${f.label}`);
+          const m = N.summary, b = m.end - m.start + 1, x = b === t.children.length ? "" : `:${b} `;
+          u.push(`${g}- }${x}${m.label}`);
         }
-      I < t.children.length && u(t.children[I], s + 1);
+      w < t.children.length && f(t.children[w], s + 1);
     }
   }
-  u(i, 0);
-  for (const t of l) {
-    const s = t.bidirectional ? `<-${t.label ?? ""}->` : `>-${t.label ?? ""}->`, p = t.delta1 ? ` (${t.delta1.x},${t.delta1.y})` : "", y = t.delta2 ? ` (${t.delta2.x},${t.delta2.y})` : "";
-    h.push(`- > [^${a(t.from)}]${p} ${s}${y} [^${a(t.to)}]`);
+  f(i, 0);
+  for (const t of c) {
+    const s = t.bidirectional ? `<-${t.label ?? ""}->` : `>-${t.label ?? ""}->`, p = t.delta1 ? ` (${t.delta1.x},${t.delta1.y})` : "", g = t.delta2 ? ` (${t.delta2.x},${t.delta2.y})` : "";
+    u.push(`- > [^${a(t.from)}]${p} ${s}${g} [^${a(t.to)}]`);
   }
-  return h.join(`
+  return u.join(`
 `) + `
 `;
 }
-function $() {
+function I() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substring(2)).substring(2, 18);
 }
 const k = `- Root Node
@@ -94,71 +94,71 @@ const k = `- Root Node
 - > [^node-2-1] <-Link position is not restricted, as long as the id can be found during rendering-> [^id8]
 
 `;
-function A(c, o = "Root") {
-  const d = c.split(`
+function A(l, o = "Root") {
+  const d = l.split(`
 `).filter((a) => a.trim());
   if (d.length === 0)
     throw new Error("Failed to parse plaintext: no root node found");
-  const e = {
+  const n = {
     arrowLines: [],
     nodeIdMap: /* @__PURE__ */ new Map()
-  }, r = [], n = [], i = [];
+  }, r = [], e = [], i = [];
   for (const a of d) {
-    const h = v(a), u = T(a);
-    for (; n.length > 0 && n[n.length - 1].indent >= h; )
-      n.pop();
-    const t = n.length > 0 ? n[n.length - 1].node : null, s = t ? t.children ??= [] : i;
-    if (u.type === "arrow") {
-      e.arrowLines.push({
-        content: u.content,
+    const u = v(a), f = T(a);
+    for (; e.length > 0 && e[e.length - 1].indent >= u; )
+      e.pop();
+    const t = e.length > 0 ? e[e.length - 1].node : null, s = t ? t.children ??= [] : i;
+    if (f.type === "arrow") {
+      n.arrowLines.push({
+        content: f.content,
         parentId: t?.id ?? null,
         index: s.length
       });
       continue;
     }
-    if (u.type === "summary") {
-      const g = O(u.content, s, t?.id ?? "");
-      g && r.push(g);
+    if (f.type === "summary") {
+      const y = O(f.content, s, t?.id ?? "");
+      y && r.push(y);
       continue;
     }
-    const p = $(), y = {
-      topic: u.topic,
+    const p = I(), g = {
+      topic: f.topic,
       id: p
     };
-    u.style && (y.style = u.style), u.refId && (e.nodeIdMap.set(u.refId, p), y.metadata = { refId: u.refId }), s.push(y), n.push({ indent: h, node: y });
+    f.style && (g.style = f.style), f.refId && (n.nodeIdMap.set(f.refId, p), g.metadata = { refId: f.refId }), s.push(g), e.push({ indent: u, node: g });
   }
   if (i.length === 0)
     throw new Error("Failed to parse plaintext: no root node found");
-  let l;
-  i.length === 1 ? l = i[0] : l = {
+  let c;
+  i.length === 1 ? c = i[0] : c = {
     topic: o,
-    id: $(),
+    id: I(),
     children: i
   };
-  const m = e.arrowLines.map(({ content: a, parentId: h, index: u }) => {
-    const t = R(a, e);
-    return t && (t.metadata = { parentId: h, index: u }), t;
+  const h = n.arrowLines.map(({ content: a, parentId: u, index: f }) => {
+    const t = R(a, n);
+    return t && (t.metadata = { parentId: u, index: f }), t;
   }).filter((a) => a !== null);
   return {
-    nodeData: l,
-    arrows: m.length > 0 ? m : void 0,
+    nodeData: c,
+    arrows: h.length > 0 ? h : void 0,
     summaries: r.length > 0 ? r : void 0
   };
 }
-function v(c) {
-  const o = c.match(/^(\s*)/);
+function v(l) {
+  const o = l.match(/^(\s*)/);
   return o ? o[1].length : 0;
 }
-function L(c) {
+function L(l) {
   try {
-    const o = c.trim().startsWith("{") ? c : `{${c}}`;
+    const o = l.trim().startsWith("{") ? l : `{${l}}`;
     return JSON.parse(o);
   } catch {
-    return {};
+    return null;
   }
 }
-function T(c) {
-  const d = c.trim().replace(/^-\s*/, "");
+function T(l) {
+  const d = l.trim().replace(/^-\s*/, "");
   if (d.startsWith(">"))
     return {
       type: "arrow",
@@ -171,60 +171,63 @@ function T(c) {
       topic: "",
       content: d.substring(1).trim()
     };
-  let e = d, r, n;
-  const i = e.match(/\[\^([\w-]+)\]/);
-  i && (r = i[1], e = e.replace(i[0], "").trim());
-  const l = e.match(/\{([^}]+)\}/);
-  return l && (n = L(l[1]), e = e.replace(l[0], "").trim()), {
+  let n = d, r, e;
+  const i = n.match(/\s*(\{[^}]+\})\s*$/);
+  if (i) {
+    const h = L(i[1]);
+    h && (e = h, n = n.substring(0, n.length - i[0].length).trim());
+  }
+  const c = n.match(/\s*\[\^([\w-]+)\]\s*$/);
+  return c && (r = c[1], n = n.substring(0, n.length - c[0].length).trim()), {
     type: "node",
-    topic: e,
-    content: e,
+    topic: n,
+    content: n,
     refId: r,
-    style: n
+    style: e
   };
 }
-function R(c, o) {
-  const d = c.match(
+function R(l, o) {
+  const d = l.match(
     /\[\^([\w-]+)\](?:\s*\(([\d.-]+),([\d.-]+)\))?\s*<-([^-]*)->(?:\s*\(([\d.-]+),([\d.-]+)\))?\s*\[\^([\w-]+)\]/
   );
   if (d) {
-    const r = d[1], n = d[2], i = d[3], l = d[4].trim(), m = d[5], a = d[6], h = d[7];
+    const r = d[1], e = d[2], i = d[3], c = d[4].trim(), h = d[5], a = d[6], u = d[7];
     return {
-      id: $(),
-      label: l,
+      id: I(),
+      label: c,
       from: o.nodeIdMap.get(r) || r,
-      to: o.nodeIdMap.get(h) || h,
-      delta1: n && i ? { x: Number(n), y: Number(i) } : void 0,
-      delta2: m && a ? { x: Number(m), y: Number(a) } : void 0,
+      to: o.nodeIdMap.get(u) || u,
+      delta1: e && i ? { x: Number(e), y: Number(i) } : void 0,
+      delta2: h && a ? { x: Number(h), y: Number(a) } : void 0,
       bidirectional: !0
     };
   }
-  const e = c.match(/\[\^([\w-]+)\](?:\s*\(([\d.-]+),([\d.-]+)\))?\s*>-([^-]*)->(?:\s*\(([\d.-]+),([\d.-]+)\))?\s*\[\^([\w-]+)\]/);
-  if (e) {
-    const r = e[1], n = e[2], i = e[3], l = e[4].trim(), m = e[5], a = e[6], h = e[7];
+  const n = l.match(/\[\^([\w-]+)\](?:\s*\(([\d.-]+),([\d.-]+)\))?\s*>-([^-]*)->(?:\s*\(([\d.-]+),([\d.-]+)\))?\s*\[\^([\w-]+)\]/);
+  if (n) {
+    const r = n[1], e = n[2], i = n[3], c = n[4].trim(), h = n[5], a = n[6], u = n[7];
     return {
-      id: $(),
-      label: l,
+      id: I(),
+      label: c,
       from: o.nodeIdMap.get(r) || r,
-      to: o.nodeIdMap.get(h) || h,
-      delta1: n && i ? { x: Number(n), y: Number(i) } : void 0,
-      delta2: m && a ? { x: Number(m), y: Number(a) } : void 0
+      to: o.nodeIdMap.get(u) || u,
+      delta1: e && i ? { x: Number(e), y: Number(i) } : void 0,
+      delta2: h && a ? { x: Number(h), y: Number(a) } : void 0
     };
   }
   return null;
 }
-function O(c, o, d) {
-  const e = c.match(/^:(\d+)\s+(.*)/);
-  let r, n;
-  if (e ? (r = parseInt(e[1], 10), n = e[2]) : (r = o.length, n = c.trim()), o.length === 0 || r === 0)
+function O(l, o, d) {
+  const n = l.match(/^:(\d+)\s+(.*)/);
+  let r, e;
+  if (n ? (r = parseInt(n[1], 10), e = n[2]) : (r = o.length, e = l.trim()), o.length === 0 || r === 0)
     return null;
-  const i = o.slice(-r), l = o.indexOf(i[0]), m = o.indexOf(i[i.length - 1]);
+  const i = o.slice(-r), c = o.indexOf(i[0]), h = o.indexOf(i[i.length - 1]);
   return {
-    id: $(),
-    label: n,
+    id: I(),
+    label: e,
     parent: d,
-    start: l,
-    end: m
+    start: c,
+    end: h
   };
 }
 export {

package/dist/types/arrow.d.ts

@@ -1,4 +1,4 @@
-import type { CustomSvg, Topic } from './types/dom';
+import type { ArrowSvg, Topic } from './types/dom';
 import { type MindElixirInstance, type Uid } from './index';
 export interface ArrowStyle {
     /**
@@ -81,9 +81,9 @@ export interface ArrowOptions {
 }
 export declare const createArrow: (this: MindElixirInstance, from: Topic, to: Topic, options?: ArrowOptions) => void;
 export declare const createArrowFrom: (this: MindElixirInstance, arrow: Omit<Arrow, "id">) => void;
-export declare const removeArrow: (this: MindElixirInstance, linkSvg?: CustomSvg) => void;
-export declare const selectArrow: (this: MindElixirInstance, link: CustomSvg) => void;
+export declare const removeArrow: (this: MindElixirInstance, linkSvg?: ArrowSvg) => void;
+export declare const selectArrow: (this: MindElixirInstance, link: ArrowSvg) => void;
 export declare const unselectArrow: (this: MindElixirInstance) => void;
 export declare function renderArrow(this: MindElixirInstance): void;
-export declare function editArrowLabel(this: MindElixirInstance, el: CustomSvg): void;
+export declare function editArrowLabel(this: MindElixirInstance, el: ArrowSvg): void;
 export declare function tidyArrow(this: MindElixirInstance): void;

package/dist/types/docs.d.ts

@@ -1,10 +1,10 @@
 import type { Arrow } from './arrow';
+import type { Summary } from './summary';
 import type methods from './methods';
 import type { MindElixirMethods } from './methods';
-import type { Summary, SummarySvgGroup } from './summary';
 import type { MindElixirData, MindElixirInstance, NodeObj, NodeObjExport, Options, Theme, TagObj } from './types';
 import type { MainLineParams, SubLineParams } from './utils/generateBranch';
 import type { LangPack } from './i18n';
-export { methods, Theme, Options, MindElixirMethods, MindElixirInstance, MindElixirData, NodeObj, NodeObjExport, Summary, SummarySvgGroup, Arrow, MainLineParams, SubLineParams, LangPack, TagObj, };
+export { methods, Theme, Options, MindElixirMethods, MindElixirInstance, MindElixirData, NodeObj, NodeObjExport, Summary, Arrow, MainLineParams, SubLineParams, LangPack, TagObj, };
 export type * from './types/dom';
 export type * from './utils/pubsub';

package/dist/types/index.d.ts

@@ -3,42 +3,43 @@ import './markdown.css';
 import { LEFT, RIGHT, SIDE, DARK_THEME, THEME } from './const';
 import type { MindElixirData, MindElixirInstance, MindElixirMethods, Options } from './types/index';
 import type { Topic } from './docs';
-declare function MindElixir(this: MindElixirInstance, { el, direction, editable, contextMenu, toolBar, keypress, mouseSelectionButton, selectionContainer, before, newTopicName, allowUndo, generateMainBranch, generateSubBranch, overflowHidden, theme, alignment, scaleSensitivity, scaleMax, scaleMin, handleWheel, markdown, imageProxy, pasteHandler, }: Options): void;
+declare function MindElixir(this: MindElixirInstance, { el, direction, editable, contextMenu, toolBar, keypress, mouseSelectionButton, selectionContainer, before, newTopicName, allowUndo, generateMainBranch, generateSubBranch, overflowHidden, theme, alignment, scaleSensitivity, scaleMax, scaleMin, handleWheel, markdown, imageProxy, pasteHandler, mobileMultiSelect, }: Options): void;
 declare namespace MindElixir {
     export var prototype: {
         init(this: MindElixirInstance, data: MindElixirData): Error | undefined;
         destroy(this: Partial<MindElixirInstance>): void;
+        enableMobileMultiSelect(this: MindElixirInstance, enable: boolean): void;
         exportSvg: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string) => Blob;
         exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string) => Promise<Blob | null>;
         createSummary: (this: MindElixirInstance, options?: import("./summary").SummaryOptions) => void;
         createSummaryFrom: (this: MindElixirInstance, summary: Omit<import("./summary").Summary, "id">) => void;
         removeSummary: (this: MindElixirInstance, id: string) => void;
-        selectSummary: (this: MindElixirInstance, el: import("./summary").SummarySvgGroup) => void;
+        selectSummary: (this: MindElixirInstance, el: import("./docs").SummarySvg) => void;
         unselectSummary: (this: MindElixirInstance) => void;
         renderSummary: (this: MindElixirInstance) => void;
-        editSummary: (this: MindElixirInstance, el: import("./summary").SummarySvgGroup) => void;
+        editSummary: (this: MindElixirInstance, el: import("./docs").SummarySvg) => void;
         renderArrow(this: MindElixirInstance): void;
-        editArrowLabel(this: MindElixirInstance, el: import("./docs").CustomSvg): void;
+        editArrowLabel(this: MindElixirInstance, el: import("./docs").ArrowSvg): void;
         tidyArrow(this: MindElixirInstance): void;
         createArrow: (this: MindElixirInstance, from: Topic, to: Topic, options?: import("./arrow").ArrowOptions) => void;
         createArrowFrom: (this: MindElixirInstance, arrow: Omit<import("./arrow").Arrow, "id">) => void;
-        removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").CustomSvg) => void;
-        selectArrow: (this: MindElixirInstance, link: import("./docs").CustomSvg) => void;
+        removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").ArrowSvg) => void;
+        selectArrow: (this: MindElixirInstance, link: import("./docs").ArrowSvg) => void;
         unselectArrow: (this: MindElixirInstance) => void;
-        rmSubline: (this: MindElixirInstance, tpc: Topic) => Promise<void>;
-        reshapeNode: (this: MindElixirInstance, tpc: Topic, patchData: Partial<import("./docs").NodeObj<unknown>>) => Promise<void>;
-        insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: Topic | undefined, node?: import("./docs").NodeObj<unknown> | undefined) => Promise<void>;
-        insertParent: (this: MindElixirInstance, el?: Topic | undefined, node?: import("./docs").NodeObj<unknown> | undefined) => Promise<void>;
-        addChild: (this: MindElixirInstance, el?: Topic | undefined, node?: import("./docs").NodeObj<unknown> | undefined) => Promise<void>;
-        copyNode: (this: MindElixirInstance, node: Topic, to: Topic) => Promise<void>;
-        copyNodes: (this: MindElixirInstance, tpcs: Topic[], to: Topic) => Promise<void>;
-        moveUpNode: (this: MindElixirInstance, el?: Topic | undefined) => Promise<void>;
-        moveDownNode: (this: MindElixirInstance, el?: Topic | undefined) => Promise<void>;
-        removeNodes: (this: MindElixirInstance, tpcs: Topic[]) => Promise<void>;
         moveNodeIn: (this: MindElixirInstance, from: Topic[], to: Topic) => Promise<void>;
-        moveNodeBefore: (this: MindElixirInstance, from: Topic[], to: Topic) => Promise<void>;
-        moveNodeAfter: (this: MindElixirInstance, from: Topic[], to: Topic) => Promise<void>;
+        moveDownNode: (this: MindElixirInstance, el?: Topic | undefined) => Promise<void>;
+        moveUpNode: (this: MindElixirInstance, el?: Topic | undefined) => Promise<void>;
+        copyNode: (this: MindElixirInstance, node: Topic, to: Topic) => Promise<void>;
+        addChild: (this: MindElixirInstance, el?: Topic | undefined, node?: import("./docs").NodeObj<unknown> | undefined) => Promise<void>;
+        insertParent: (this: MindElixirInstance, el?: Topic | undefined, node?: import("./docs").NodeObj<unknown> | undefined) => Promise<void>;
         beginEdit: (this: MindElixirInstance, el?: Topic | undefined) => Promise<void>;
+        insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: Topic | undefined, node?: import("./docs").NodeObj<unknown> | undefined) => Promise<void>;
+        reshapeNode: (this: MindElixirInstance, tpc: Topic, patchData: Partial<import("./docs").NodeObj<unknown>>) => Promise<void>;
+        moveNodeAfter: (this: MindElixirInstance, from: Topic[], to: Topic) => Promise<void>;
+        moveNodeBefore: (this: MindElixirInstance, from: Topic[], to: Topic) => Promise<void>;
+        removeNodes: (this: MindElixirInstance, tpcs: Topic[]) => Promise<void>;
+        copyNodes: (this: MindElixirInstance, tpcs: Topic[], to: Topic) => Promise<void>;
+        rmSubline: (this: MindElixirInstance, tpc: Topic) => Promise<void>;
         setNodeTopic: (this: MindElixirInstance, el: Topic, topic: string) => Promise<void>;
         scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
         selectNode: (this: MindElixirInstance, tpc: Topic, isNewNode?: boolean, e?: MouseEvent) => void;

package/dist/types/methods.d.ts

@@ -13,37 +13,42 @@ export type MindElixirMethods = typeof methods;
 declare const methods: {
     init(this: MindElixirInstance, data: MindElixirData): Error | undefined;
     destroy(this: Partial<MindElixirInstance>): void;
+    /**
+     * @public
+     * @param {boolean} enable
+     */
+    enableMobileMultiSelect(this: MindElixirInstance, enable: boolean): void;
     exportSvg: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string) => Blob;
     exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string) => Promise<Blob | null>;
     createSummary: (this: MindElixirInstance, options?: summary.SummaryOptions) => void;
     createSummaryFrom: (this: MindElixirInstance, summary: Omit<summary.Summary, "id">) => void;
     removeSummary: (this: MindElixirInstance, id: string) => void;
-    selectSummary: (this: MindElixirInstance, el: summary.SummarySvgGroup) => void;
+    selectSummary: (this: MindElixirInstance, el: import("./docs").SummarySvg) => void;
     unselectSummary: (this: MindElixirInstance) => void;
     renderSummary: (this: MindElixirInstance) => void;
-    editSummary: (this: MindElixirInstance, el: summary.SummarySvgGroup) => void;
+    editSummary: (this: MindElixirInstance, el: import("./docs").SummarySvg) => void;
     renderArrow(this: MindElixirInstance): void;
-    editArrowLabel(this: MindElixirInstance, el: import("./docs").CustomSvg): void;
+    editArrowLabel(this: MindElixirInstance, el: import("./docs").ArrowSvg): void;
     tidyArrow(this: MindElixirInstance): void;
     createArrow: (this: MindElixirInstance, from: import("./docs").Topic, to: import("./docs").Topic, options?: arrow.ArrowOptions) => void;
     createArrowFrom: (this: MindElixirInstance, arrow: Omit<arrow.Arrow, "id">) => void;
-    removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").CustomSvg) => void;
-    selectArrow: (this: MindElixirInstance, link: import("./docs").CustomSvg) => void;
+    removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").ArrowSvg) => void;
+    selectArrow: (this: MindElixirInstance, link: import("./docs").ArrowSvg) => void;
     unselectArrow: (this: MindElixirInstance) => void;
-    rmSubline: (this: MindElixirInstance, tpc: import("./docs").Topic) => Promise<void>;
-    reshapeNode: (this: MindElixirInstance, tpc: import("./docs").Topic, patchData: Partial<import("./types").NodeObj<unknown>>) => Promise<void>;
-    insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj<unknown> | undefined) => Promise<void>;
-    insertParent: (this: MindElixirInstance, el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj<unknown> | undefined) => Promise<void>;
-    addChild: (this: MindElixirInstance, el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj<unknown> | undefined) => Promise<void>;
-    copyNode: (this: MindElixirInstance, node: import("./docs").Topic, to: import("./docs").Topic) => Promise<void>;
-    copyNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
-    moveUpNode: (this: MindElixirInstance, el?: import("./docs").Topic | undefined) => Promise<void>;
-    moveDownNode: (this: MindElixirInstance, el?: import("./docs").Topic | undefined) => Promise<void>;
-    removeNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[]) => Promise<void>;
     moveNodeIn: (this: MindElixirInstance, from: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
-    moveNodeBefore: (this: MindElixirInstance, from: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
-    moveNodeAfter: (this: MindElixirInstance, from: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
+    moveDownNode: (this: MindElixirInstance, el?: import("./docs").Topic | undefined) => Promise<void>;
+    moveUpNode: (this: MindElixirInstance, el?: import("./docs").Topic | undefined) => Promise<void>;
+    copyNode: (this: MindElixirInstance, node: import("./docs").Topic, to: import("./docs").Topic) => Promise<void>;
+    addChild: (this: MindElixirInstance, el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj<unknown> | undefined) => Promise<void>;
+    insertParent: (this: MindElixirInstance, el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj<unknown> | undefined) => Promise<void>;
     beginEdit: (this: MindElixirInstance, el?: import("./docs").Topic | undefined) => Promise<void>;
+    insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj<unknown> | undefined) => Promise<void>;
+    reshapeNode: (this: MindElixirInstance, tpc: import("./docs").Topic, patchData: Partial<import("./types").NodeObj<unknown>>) => Promise<void>;
+    moveNodeAfter: (this: MindElixirInstance, from: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
+    moveNodeBefore: (this: MindElixirInstance, from: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
+    removeNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[]) => Promise<void>;
+    copyNodes: (this: MindElixirInstance, tpcs: import("./docs").Topic[], to: import("./docs").Topic) => Promise<void>;
+    rmSubline: (this: MindElixirInstance, tpc: import("./docs").Topic) => Promise<void>;
     setNodeTopic: (this: MindElixirInstance, el: import("./docs").Topic, topic: string) => Promise<void>;
     scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
     selectNode: (this: MindElixirInstance, tpc: import("./docs").Topic, isNewNode?: boolean, e?: MouseEvent) => void;

package/dist/types/summary.d.ts

@@ -1,4 +1,4 @@
-import type { MindElixirInstance } from '.';
+import type { MindElixirInstance, SummarySvg } from '.';
 export interface SummaryStyle {
     /**
      * stroke color of the summary
@@ -35,15 +35,10 @@ export interface Summary {
      */
     style?: SummaryStyle;
 }
-export type SummarySvgGroup = SVGGElement & {
-    children: [SVGPathElement];
-    summaryObj: Summary;
-    labelEl?: HTMLDivElement;
-};
 export declare const createSummary: (this: MindElixirInstance, options?: SummaryOptions) => void;
 export declare const createSummaryFrom: (this: MindElixirInstance, summary: Omit<Summary, "id">) => void;
 export declare const removeSummary: (this: MindElixirInstance, id: string) => void;
-export declare const selectSummary: (this: MindElixirInstance, el: SummarySvgGroup) => void;
+export declare const selectSummary: (this: MindElixirInstance, el: SummarySvg) => void;
 export declare const unselectSummary: (this: MindElixirInstance) => void;
 export declare const renderSummary: (this: MindElixirInstance) => void;
-export declare const editSummary: (this: MindElixirInstance, el: SummarySvgGroup) => void;
+export declare const editSummary: (this: MindElixirInstance, el: SummarySvg) => void;

package/dist/types/types/dom.d.ts

@@ -1,4 +1,5 @@
 import type { Arrow } from '../arrow';
+import type { Summary } from '../summary';
 import type { NodeObj } from './index';
 export interface Wrapper extends HTMLElement {
     firstChild: Parent;
@@ -42,12 +43,14 @@ export interface Expander extends HTMLElement {
     parentElement: Parent;
     previousSibling: Topic;
 }
-export type CustomLine = SVGPathElement;
-export type CustomArrow = SVGPathElement;
-export interface CustomSvg extends SVGGElement {
+export interface ArrowSvg extends SVGGElement {
     arrowObj: Arrow;
     labelEl?: HTMLDivElement;
     line: SVGPathElement;
     arrow1: SVGPathElement;
     arrow2: SVGPathElement;
 }
+export interface SummarySvg extends SVGGElement {
+    summaryObj: Summary;
+    labelEl?: HTMLDivElement;
+}

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

@@ -1,9 +1,9 @@
-import type { Topic, CustomSvg } from './dom';
+import type { Topic, ArrowSvg, SummarySvg } from './dom';
 import type { createBus, EventMap, Operation } from '../utils/pubsub';
 import type { MindElixirMethods, OperationMap, Operations } from '../methods';
 import type { LinkPanHelperInstance } from '../utils/LinkPanHelper';
 import type { Arrow } from '../arrow';
-import type { Summary, SummarySvgGroup } from '../summary';
+import type { Summary } from '../summary';
 import type { MainLineParams, SubLineParams } from '../utils/generateBranch';
 import type { ContextMenuOption } from '../plugin/contextMenu';
 import type { createPanHelper } from '../utils/panHelper';
@@ -79,8 +79,8 @@ export interface MindElixirInstance extends Omit<Required<Options>, 'markdown' |
     summaries: Summary[];
     readonly currentNode: Topic | null;
     currentNodes: Topic[];
-    currentSummary: SummarySvgGroup | null;
-    currentArrow: CustomSvg | null;
+    currentSummary: SummarySvg | null;
+    currentArrow: ArrowSvg | null;
     scaleVal: number;
     tempDirection: 0 | 1 | 2 | null;
     container: HTMLElement;
@@ -95,7 +95,7 @@ export interface MindElixirInstance extends Omit<Required<Options>, 'markdown' |
     P3: HTMLElement;
     line1: SVGElement;
     line2: SVGElement;
-    linkSvgGroup: SVGElement;
+    arrowSvg: SVGElement;
     /**
      * @internal
      */
@@ -119,6 +119,8 @@ export interface MindElixirInstance extends Omit<Required<Options>, 'markdown' |
     clearHistory?: () => void;
     selection: SelectionArea;
     panHelper: ReturnType<typeof createPanHelper>;
+    ptState?: number;
+    mobileMultiSelect: boolean;
 }
 type PathString = string;
 /**
@@ -172,6 +174,11 @@ export interface Options {
      * @default undefined
      */
     pasteHandler?: (e: ClipboardEvent) => void;
+    /**
+     * Enable mobile multi-select mode
+     * @default false
+     */
+    mobileMultiSelect?: boolean;
 }
 export type Uid = string;
 export type Left = 0;

package/dist/types/utils/panHelper.d.ts

@@ -4,6 +4,8 @@ export declare function createPanHelper(mei: MindElixirInstance): {
     y: number;
     moved: boolean;
     mousedown: boolean;
-    onMove(deltaX: number, deltaY: number): void;
+    handlePointerDown(e: PointerEvent): void;
+    handlePointerMove(e: PointerEvent): boolean;
+    handlePointerUp(e: PointerEvent): void;
     clear(): void;
 };

package/dist/types/utils/svg.d.ts

@@ -1,7 +1,7 @@
 import type { Arrow } from '../arrow';
 import type { Summary } from '../summary';
 import type { MindElixirInstance } from '../types';
-import type { CustomSvg } from '../types/dom';
+import type { ArrowSvg } from '../types/dom';
 export declare const svgNS = "http://www.w3.org/2000/svg";
 export interface SvgTextOptions {
     anchor?: 'start' | 'middle' | 'end';
@@ -31,5 +31,5 @@ export declare const createArrowGroup: (d: string, arrowd1: string, arrowd2: str
     strokeDasharray?: string;
     strokeLinecap?: "butt" | "round" | "square";
     opacity?: string | number;
-}) => CustomSvg;
+}) => ArrowSvg;
 export declare const editSvgText: (mei: MindElixirInstance, textEl: HTMLDivElement, node: Summary | Arrow) => void;

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

@@ -25,26 +25,26 @@ export default class SelectionArea extends EventTarget<SelectionEvents> {
     private _scrollDelta;
     constructor(opt: PartialSelectionOptions);
     _toggleStartEvents(activate?: boolean): void;
-    _onTapStart(evt: MouseEvent | TouchEvent, silent?: boolean): void;
-    _onSingleTap(evt: MouseEvent | TouchEvent): void;
-    _delayedTapMove(evt: MouseEvent | TouchEvent): void;
+    _onTapStart(evt: PointerEvent, silent?: boolean): void;
+    _onSingleTap(evt: PointerEvent): void;
+    _delayedTapMove(evt: PointerEvent): void;
     _setupSelectionArea(): void;
-    _onTapMove(evt: MouseEvent | TouchEvent): void;
-    _handleMoveEvent(evt: MouseEvent | TouchEvent): void;
+    _onTapMove(evt: PointerEvent): void;
+    _handleMoveEvent(evt: PointerEvent): void;
     _onScroll(): void;
     _onStartAreaScroll(): void;
     _recalculateSelectionAreaRect(): void;
     _redrawSelectionArea(): void;
-    _onTapStop(evt: MouseEvent | TouchEvent | null, silent: boolean): void;
+    _onTapStop(evt: PointerEvent | null, silent: boolean): void;
     _updateElementSelection(): void;
-    _emitEvent(name: keyof SelectionEvents, evt: MouseEvent | TouchEvent | null): unknown;
+    _emitEvent(name: keyof SelectionEvents, evt: PointerEvent | null): unknown;
     _keepSelection(): void;
     /**
      * Manually triggers the start of a selection
-     * @param evt A MouseEvent / TouchEvent-like object
+     * @param evt A PointerEvent-like object
      * @param silent If beforestart should be fired
      */
-    trigger(evt: MouseEvent | TouchEvent, silent?: boolean): void;
+    trigger(evt: PointerEvent, silent?: boolean): void;
     /**
      * Can be used if during a selection elements have been added
      * Will update everything that can be selected

package/dist/types/viselect/src/types.d.ts

@@ -16,7 +16,7 @@ export interface SelectionStore {
     changed: ChangedElements;
 }
 export interface SelectionEvent {
-    event: MouseEvent | TouchEvent | null;
+    event: PointerEvent | null;
     store: SelectionStore;
     selection: SelectionArea;
 }