mind-elixir 5.2.0 → 5.3.0

package/dist/example.iife.js

@@ -1,7 +1,7 @@
-var example=function(){"use strict";return{nodeData:{id:"me-root",topic:"Mind Elixir",tags:["Mind Map Core"],children:[{topic:"logo2",id:"56dae51a90d350a8",direction:0,expanded:!0,children:[{id:"use-image",topic:"mind-elixir",image:{url:"https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/logo2.png",height:100,width:90,fit:"contain"}}]},{topic:"What is Mind Elixir",id:"bd4313fbac40284b",direction:0,expanded:!0,children:[{topic:"A mind map core",id:"beeb823afd6d2114"},{topic:"Free",id:"c1f068377de9f3a0"},{topic:"Open-Source",id:"c1f06d38a09f23ca"},{topic:"Framework agnostic",id:"c1f06e4cbcf16463",expanded:!0,children:[{topic:"Use without JavaScript framework",id:"c1f06e4cbcf16464"},{topic:"Pluginable",id:"c1f06e4cbcf16465"}]},{topic:"Use in your own project",id:"c1f1f11a7fbf7550",children:[{topic:"import MindElixir from 'mind-elixir'",id:"c1f1e245b0a89f9b"},{topic:"new MindElixir({...}).init(data)",id:"c1f1ebc7072c8928"}]},{topic:"Key Features",id:"c1f0723c07b408d7",expanded:!0,children:[{topic:"Fluent UX",id:"c1f09612fd89920d"},{topic:"Well designed",id:"c1f09612fd89920e"},{topic:"Mobile friendly",id:"c1f09612fd89920f"},{topic:"Lightweight & High performance",id:"c1f09612fd899210"}]}]},{topic:"Efficient Shortcuts",id:"bd1b66c4b56754d9",direction:0,expanded:!0,children:[{topic:"Tab - Create a child node",id:"bd1b6892bcab126a"},{topic:"Enter - Create a sibling node",id:"bd1b6b632a434b27"},{topic:"F1 - Center the Map",id:"bd1b983085187c0a"},{topic:"F2 - Begin Editing",id:"bd1b983085187c0b"},{topic:"Ctrl + C/V - Copy/Paste",id:"bd1b983085187c0c"},{topic:"Ctrl + +/- - Zoom In/Out",id:"bd1b983085187c0d"}]},{topic:"Advanced Features",id:"bd1b66c4b56754da",direction:0,expanded:!0,children:[{topic:"Bulk operations supported",id:"bd1b6892bcab126b",tags:["New"]},{topic:"Undo / Redo",id:"bd1b6b632a434b28",tags:["New"]},{topic:"Summarize nodes",id:"bd1b983085187c0e"},{topic:"Easily Styling with CSS variables",id:"bd1b983085187c0f",tags:["New"]}]},{topic:"Focus mode",id:"bd1b9b94a9a7a913",direction:1,expanded:!0,children:[{topic:"Right click and select Focus Mode",id:"bd1bb2ac4bbab458"},{topic:"Right click and select Cancel Focus Mode",id:"bd1bb4b14d6697c3"}]},{topic:"Left menu",id:"bd1b9d1816ede134",direction:0,expanded:!0,children:[{topic:"Node distribution",id:"bd1ba11e620c3c1a",expanded:!0,children:[{topic:"Left",id:"bd1c1cb51e6745d3"},{topic:"Right",id:"bd1c1e12fd603ff6"},{topic:"Both l & r",id:"bd1c1f03def5c97b"}]}]},{topic:"Bottom menu",id:"bd1ba66996df4ba4",direction:1,expanded:!0,children:[{topic:"Full screen",id:"bd1ba81d9bc95a7e"},{topic:"Return to Center",id:"bd1babdd5c18a7a2"},{topic:"Zoom in",id:"bd1bae68e0ab186e"},{topic:"Zoom out",id:"bd1bb06377439977"}]},{topic:"Link",id:"bd1beff607711025",direction:0,expanded:!0,children:[{topic:"Right click and select Link",id:"bd1bf320da90046a"},{topic:"Click the target you want to link",id:"bd1bf6f94ff2e642"},{topic:"Modify link with control points",id:"bd1c0c4a487bd036"},{topic:"Bidirectional link is",id:"4da8dbbc7b71be99"},{topic:"Also available.",id:"4da8ded27033a710"}]},{topic:"Node style",id:"bd1c217f9d0b20bd",direction:0,expanded:!0,children:[{topic:"Font Size",id:"bd1c24420cd2c2f5",style:{fontSize:"32px",color:"#3298db"}},{topic:"Font Color",id:"bd1c2a59b9a2739c",style:{color:"#c0392c"}},{topic:"Background Color",id:"bd1c2de33f057eb4",style:{color:"#bdc3c7",background:"#2c3e50"}},{topic:"Add tags",id:"bd1cff58364436d0",tags:["Completed"]},{topic:"Add icons",id:"bd1d0317f7e8a61a",icons:["😂"],tags:["www"]},{topic:"Bolder",id:"bd41fd4ca32322a4",style:{fontWeight:"bold"}},{topic:"Hyper link",id:"bd41fd4ca32322a5",hyperLink:"https://github.com/ssshooter/mind-elixir-core"}]},{topic:"Draggable",id:"bd1f03fee1f63bc6",direction:1,expanded:!0,children:[{topic:`Drag a node to another node
+var example=(function(){"use strict";return{nodeData:{id:"me-root",topic:"Mind Elixir",tags:["Mind Map Core"],children:[{topic:"logo2",id:"56dae51a90d350a8",direction:0,expanded:!0,children:[{id:"use-image",topic:"mind-elixir",image:{url:"https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/logo2.png",height:100,width:90,fit:"contain"}}]},{topic:"What is Mind Elixir",id:"bd4313fbac40284b",direction:0,expanded:!0,children:[{topic:"A mind map core",id:"beeb823afd6d2114"},{topic:"Free",id:"c1f068377de9f3a0"},{topic:"Open-Source",id:"c1f06d38a09f23ca"},{topic:"Framework agnostic",id:"c1f06e4cbcf16463",expanded:!0,children:[{topic:"Use without JavaScript framework",id:"c1f06e4cbcf16464"},{topic:"Pluginable",id:"c1f06e4cbcf16465"}]},{topic:"Use in your own project",id:"c1f1f11a7fbf7550",children:[{topic:"import MindElixir from 'mind-elixir'",id:"c1f1e245b0a89f9b"},{topic:"new MindElixir({...}).init(data)",id:"c1f1ebc7072c8928"}]},{topic:"Key Features",id:"c1f0723c07b408d7",expanded:!0,children:[{topic:"Fluent UX",id:"c1f09612fd89920d"},{topic:"Well designed",id:"c1f09612fd89920e"},{topic:"Mobile friendly",id:"c1f09612fd89920f"},{topic:"Lightweight & High performance",id:"c1f09612fd899210"}]}]},{topic:"Efficient Shortcuts",id:"bd1b66c4b56754d9",direction:0,expanded:!0,children:[{topic:"Tab - Create a child node",id:"bd1b6892bcab126a"},{topic:"Enter - Create a sibling node",id:"bd1b6b632a434b27"},{topic:"F1 - Center the Map",id:"bd1b983085187c0a"},{topic:"F2 - Begin Editing",id:"bd1b983085187c0b"},{topic:"Ctrl + C/V - Copy/Paste",id:"bd1b983085187c0c"},{topic:"Ctrl + +/- - Zoom In/Out",id:"bd1b983085187c0d"}]},{topic:"Advanced Features",id:"bd1b66c4b56754da",direction:0,expanded:!0,children:[{topic:"Bulk operations supported",id:"bd1b6892bcab126b",tags:["New"]},{topic:"Undo / Redo",id:"bd1b6b632a434b28",tags:["New"]},{topic:"Summarize nodes",id:"bd1b983085187c0e"},{topic:"Easily Styling with CSS variables",id:"bd1b983085187c0f",tags:["New"]}]},{topic:"Focus mode",id:"bd1b9b94a9a7a913",direction:1,expanded:!0,children:[{topic:"Right click and select Focus Mode",id:"bd1bb2ac4bbab458"},{topic:"Right click and select Cancel Focus Mode",id:"bd1bb4b14d6697c3"}]},{topic:"Left menu",id:"bd1b9d1816ede134",direction:0,expanded:!0,children:[{topic:"Node distribution",id:"bd1ba11e620c3c1a",expanded:!0,children:[{topic:"Left",id:"bd1c1cb51e6745d3"},{topic:"Right",id:"bd1c1e12fd603ff6"},{topic:"Both l & r",id:"bd1c1f03def5c97b"}]}]},{topic:"Bottom menu",id:"bd1ba66996df4ba4",direction:1,expanded:!0,children:[{topic:"Full screen",id:"bd1ba81d9bc95a7e"},{topic:"Return to Center",id:"bd1babdd5c18a7a2"},{topic:"Zoom in",id:"bd1bae68e0ab186e"},{topic:"Zoom out",id:"bd1bb06377439977"}]},{topic:"Link",id:"bd1beff607711025",direction:0,expanded:!0,children:[{topic:"Right click and select Link",id:"bd1bf320da90046a"},{topic:"Click the target you want to link",id:"bd1bf6f94ff2e642"},{topic:"Modify link with control points",id:"bd1c0c4a487bd036"},{topic:"Bidirectional link is",id:"4da8dbbc7b71be99"},{topic:"Also available.",id:"4da8ded27033a710"}]},{topic:"Node style",id:"bd1c217f9d0b20bd",direction:0,expanded:!0,children:[{topic:"Font Size",id:"bd1c24420cd2c2f5",style:{fontSize:"32px",color:"#3298db"}},{topic:"Font Color",id:"bd1c2a59b9a2739c",style:{color:"#c0392c"}},{topic:"Background Color",id:"bd1c2de33f057eb4",style:{color:"#bdc3c7",background:"#2c3e50"}},{topic:"Add tags",id:"bd1cff58364436d0",tags:["Completed"]},{topic:"Add icons",id:"bd1d0317f7e8a61a",icons:["😂"],tags:["www"]},{topic:"Bolder",id:"bd41fd4ca32322a4",style:{fontWeight:"bold"}},{topic:"Hyper link",id:"bd41fd4ca32322a5",hyperLink:"https://github.com/ssshooter/mind-elixir-core"}]},{topic:"Draggable",id:"bd1f03fee1f63bc6",direction:1,expanded:!0,children:[{topic:`Drag a node to another node
 and the former one will become a child node of latter one`,id:"bd1f07c598e729dc"}]},{topic:"Export & Import",id:"beeb7586973430db",direction:1,expanded:!0,children:[{topic:"Export as SVG",id:"beeb7a6bec2d68e6"},{topic:"Export as PNG",id:"beeb7a6bec2d68e7",tags:["New"]},{topic:"Export JSON data",id:"beeb784cc189375f"},{topic:"Export as HTML",id:"beeb7a6bec2d68f5"}]},{topic:"Ecosystem",id:"beeb7586973430dc",direction:1,expanded:!0,children:[{topic:"@mind-elixir/node-menu",id:"beeb7586973430dd",hyperLink:"https://github.com/ssshooter/node-menu"},{topic:"@mind-elixir/export-xmind",id:"beeb7586973430de",hyperLink:"https://github.com/ssshooter/export-xmind"},{topic:"mind-elixir-react",id:"beeb7586973430df",hyperLink:"https://github.com/ssshooter/mind-elixir-react"}]},{topic:"dangerouslySetInnerHTML",id:"c00a1cf60baa44f0",style:{background:"#f1c40e"},children:[{topic:"Code Block",id:"c00a2264fdaw32612",children:[{topic:"",id:"c00a2264f4532613",dangerouslySetInnerHTML:`<pre class="language-javascript"><code class="language-javascript"><span class="token keyword">let</span> message <span class="token operator">=</span> <span class="token string">'Hello world'</span>
-<span class="token function">alert</span><span class="token punctuation">(</span>message<span class="token punctuation">)</span></code></pre>`}]},{topic:"Customized Div",id:"c00a2264f4532615",children:[{topic:"",id:"c00a2264f4532614",dangerouslySetInnerHTML:'<div><style>.title{font-size:50px}</style><div class="title">Title</div><div style="color: red; font-size: 20px;">Hello world</div></div>'}]}],direction:1},{topic:"KaTeX",id:"markdown-complex-math",direction:1,expanded:!0,children:[{topic:"Fourier transform: $$F(\\omega) = \\int_{-\\infty}^{\\infty} f(t) e^{-i\\omega t} dt$$",id:"markdown-fourier",useMd:!0},{topic:"Schrödinger equation: $$i\\hbar\\frac{\\partial}{\\partial t}\\Psi = \\hat{H}\\Psi$$",id:"markdown-schrodinger",useMd:!0}]},{topic:"Basic Markdown Examples",id:"markdown-basic-examples",direction:1,expanded:!0,children:[{topic:"# Heading 1",id:"markdown-headings",useMd:!0},{topic:"**Bold text** and *italic text* and ***bold italic***",id:"markdown-emphasis",useMd:!0},{topic:`- Unordered list item 1
+<span class="token function">alert</span><span class="token punctuation">(</span>message<span class="token punctuation">)</span></code></pre>`}]},{topic:"Customized Div",id:"c00a2264f4532615",children:[{topic:"",id:"c00a2264f4532614",dangerouslySetInnerHTML:'<div><style>.title{font-size:50px}</style><div class="title">Title</div><div style="color: red; font-size: 20px;">Hello world</div></div>'}]}],direction:1},{topic:"KaTeX",id:"markdown-complex-math",direction:1,expanded:!0,children:[{topic:"Fourier transform: $$F(\\omega) = \\int_{-\\infty}^{\\infty} f(t) e^{-i\\omega t} dt$$",id:"markdown-fourier",useMd:!0},{topic:"Schrödinger equation: $$i\\hbar\\frac{\\partial}{\\partial t}\\Psi = \\hat{H}\\Psi$$",id:"markdown-schrodinger",useMd:!0}]},{topic:"Basic Markdown Examples",id:"markdown-basic-examples",direction:1,expanded:!0,children:[{topic:"# Heading 1",id:"markdown-headings",useMd:!0},{topic:"**Bold text** and __Highlight__ and *italic text*",id:"markdown-emphasis",useMd:!0},{topic:`- Unordered list item 1
 - Unordered list item 2`,id:"markdown-lists",useMd:!0},{topic:"[Link to GitHub](https://github.com) and `inline code`",id:"markdown-links-code",useMd:!0},{topic:`| Column 1 | Column 2 | Column 3 |
 |----------|----------|----------|
 | Row 1    | Data 1   | Info 1   |
-| Row 2    | Data 2   | Info 2   |`,id:"markdown-table",useMd:!0}]},{topic:"Theme System",id:"bd42dad21aaf6baf",direction:1,expanded:!0,children:[{topic:"Built-in Themes",id:"bd42e1d0163ebf05",expanded:!0,children:[{topic:"Latte (Light)",id:"bd42e619051878b4",style:{background:"#ffffff",color:"#444446"}},{topic:"Dark Theme",id:"bd42e97d7ac35e9a",style:{background:"#252526",color:"#ffffff"}}]},{topic:"Custom CSS Variables",id:"bd42e1d0163ebf06",tags:["Flexible"]},{topic:"Color Palette Customization",id:"bd42e1d0163ebf07",tags:["10 Colors"]}]}],expanded:!0},arrows:[{id:"ac5fb1df7345e9c4",label:"Render",from:"beeb784cc189375f",to:"beeb7a6bec2d68f5",delta1:{x:142.8828125,y:-57},delta2:{x:146.1171875,y:45},bidirectional:!1},{id:"4da8e3367b63b640",label:"Bidirectional!",from:"4da8dbbc7b71be99",to:"4da8ded27033a710",delta1:{x:-186,y:7},delta2:{x:-155,y:28},bidirectional:!0,style:{stroke:"#8839ef",labelColor:"#8839ef",strokeWidth:"2",strokeDasharray:"2,5",opacity:"1"}}],summaries:[{id:"a5e6978f1bc69f4a",parent:"bd1ba66996df4ba4",start:0,end:3,label:"This is a summary section that groups together related nodes to show their logical connection and relationship. You can customize this text to provide more context about the grouped items.",style:{labelColor:"#8839ef"}}],direction:2,theme:{name:"Latte",palette:["#dd7878","#ea76cb","#8839ef","#e64553","#fe640b","#df8e1d","#40a02b","#209fb5","#1e66f5","#7287fd"],cssVar:{"--node-gap-x":"30px","--node-gap-y":"10px","--main-gap-x":"32px","--main-gap-y":"12px","--root-radius":"30px","--main-radius":"20px","--root-color":"#ffffff","--root-bgcolor":"#4c4f69","--root-border-color":"rgba(0, 0, 0, 0)","--main-color":"#444446","--main-bgcolor":"#ffffff","--topic-padding":"3px","--color":"#777777","--bgcolor":"#f6f6f6","--selected":"#4dc4ff","--accent-color":"#e64553","--panel-color":"#444446","--panel-bgcolor":"#ffffff","--panel-border-color":"#eaeaea","--map-padding":"50px 80px"}}}}();
+| Row 2    | Data 2   | Info 2   |`,id:"markdown-table",useMd:!0}]},{topic:"Theme System",id:"bd42dad21aaf6baf",direction:1,expanded:!0,children:[{topic:"Built-in Themes",id:"bd42e1d0163ebf05",expanded:!0,children:[{topic:"Latte (Light)",id:"bd42e619051878b4",style:{background:"#ffffff",color:"#444446"}},{topic:"Dark Theme",id:"bd42e97d7ac35e9a",style:{background:"#252526",color:"#ffffff"}}]},{topic:"Custom CSS Variables",id:"bd42e1d0163ebf06",tags:["Flexible"]},{topic:"Color Palette Customization",id:"bd42e1d0163ebf07",tags:["10 Colors"]}]}],expanded:!0},arrows:[{id:"ac5fb1df7345e9c4",label:"Render",from:"beeb784cc189375f",to:"beeb7a6bec2d68f5",delta1:{x:142.8828125,y:-57},delta2:{x:146.1171875,y:45},bidirectional:!1},{id:"4da8e3367b63b640",label:"Bidirectional!",from:"4da8dbbc7b71be99",to:"4da8ded27033a710",delta1:{x:-186,y:7},delta2:{x:-155,y:28},bidirectional:!0,style:{stroke:"#8839ef",labelColor:"#8839ef",strokeWidth:"2",strokeDasharray:"2,5",opacity:"1"}}],summaries:[{id:"a5e6978f1bc69f4a",parent:"bd1ba66996df4ba4",start:0,end:3,label:"This is a summary section that groups together related nodes to show their logical connection and relationship. You can customize this text to provide more context about the grouped items.",style:{labelColor:"#8839ef"}}],direction:2,theme:{name:"Latte",palette:["#dd7878","#ea76cb","#8839ef","#e64553","#fe640b","#df8e1d","#40a02b","#209fb5","#1e66f5","#7287fd"],cssVar:{"--node-gap-x":"30px","--node-gap-y":"10px","--main-gap-x":"32px","--main-gap-y":"12px","--root-radius":"30px","--main-radius":"20px","--root-color":"#ffffff","--root-bgcolor":"#4c4f69","--root-border-color":"rgba(0, 0, 0, 0)","--main-color":"#444446","--main-bgcolor":"#ffffff","--topic-padding":"3px","--color":"#777777","--bgcolor":"#f6f6f6","--selected":"#4dc4ff","--accent-color":"#e64553","--panel-color":"#444446","--panel-bgcolor":"#ffffff","--panel-border-color":"#eaeaea","--map-padding":"50px 80px"}}}})();

package/dist/example.js

@@ -438,7 +438,7 @@ and the former one will become a child node of latter one`,
             useMd: !0
           },
           {
-            topic: "**Bold text** and *italic text* and ***bold italic***",
+            topic: "**Bold text** and __Highlight__ and *italic text*",
             id: "markdown-emphasis",
             useMd: !0
           },

package/dist/types/arrow.d.ts

@@ -76,7 +76,7 @@ export interface ArrowOptions {
     style?: ArrowStyle;
 }
 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 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 unselectArrow: (this: MindElixirInstance) => void;

package/dist/types/docs.d.ts

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

package/dist/types/index.d.ts

@@ -8,8 +8,8 @@ declare namespace MindElixir {
     export var prototype: {
         init(this: MindElixirInstance, data: MindElixirData): Error | undefined;
         destroy(this: Partial<MindElixirInstance>): void;
-        exportSvg: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Blob;
-        exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Promise<Blob | null>;
+        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;
@@ -22,7 +22,7 @@ declare namespace MindElixir {
         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 | undefined) => void;
+        removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").CustomSvg) => void;
         selectArrow: (this: MindElixirInstance, link: import("./docs").CustomSvg) => void;
         unselectArrow: (this: MindElixirInstance) => void;
         rmSubline: (this: MindElixirInstance, tpc: Topic) => Promise<void>;
@@ -41,7 +41,7 @@ declare namespace MindElixir {
         beginEdit: (this: MindElixirInstance, el?: Topic | undefined) => Promise<void>;
         setNodeTopic: (this: MindElixirInstance, el: Topic, topic: string) => Promise<void>;
         scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
-        selectNode: (this: MindElixirInstance, tpc: Topic, isNewNode?: boolean | undefined, e?: MouseEvent | undefined) => void;
+        selectNode: (this: MindElixirInstance, tpc: Topic, isNewNode?: boolean, e?: MouseEvent) => void;
         selectNodes: (this: MindElixirInstance, tpc: Topic[]) => void;
         unselectNodes: (this: MindElixirInstance, tpc: Topic[]) => void;
         clearSelection: (this: MindElixirInstance) => void;
@@ -63,15 +63,15 @@ declare namespace MindElixir {
         initRight: (this: MindElixirInstance) => void;
         initSide: (this: MindElixirInstance) => void;
         setLocale: (this: MindElixirInstance, locale: import("./i18n").Locale) => void;
-        expandNode: (this: MindElixirInstance, el: Topic, isExpand?: boolean | undefined) => void;
-        expandNodeAll: (this: MindElixirInstance, el: Topic, isExpand?: boolean | undefined) => void;
-        refresh: (this: MindElixirInstance, data?: MindElixirData | undefined) => void;
+        expandNode: (this: MindElixirInstance, el: Topic, isExpand?: boolean) => void;
+        expandNodeAll: (this: MindElixirInstance, el: Topic, isExpand?: boolean) => void;
+        refresh: (this: MindElixirInstance, data?: MindElixirData) => void;
         getObjById: (id: string, data: import("./docs").NodeObj) => import("./docs").NodeObj | null;
         generateNewObj: (this: MindElixirInstance) => import("./docs").NodeObjExport;
         layout: (this: MindElixirInstance) => void;
-        linkDiv: (this: MindElixirInstance, mainNode?: import("./docs").Wrapper | undefined) => void;
+        linkDiv: (this: MindElixirInstance, mainNode?: import("./docs").Wrapper) => void;
         editTopic: (this: MindElixirInstance, el: Topic) => void;
-        createWrapper: (this: MindElixirInstance, nodeObj: import("./docs").NodeObj, omitChildren?: boolean | undefined) => {
+        createWrapper: (this: MindElixirInstance, nodeObj: import("./docs").NodeObj, omitChildren?: boolean) => {
             grp: import("./docs").Wrapper;
             top: import("./docs").Parent;
             tpc: Topic;
@@ -82,7 +82,7 @@ declare namespace MindElixir {
         };
         createChildren: (this: MindElixirInstance, wrappers: import("./docs").Wrapper[]) => import("./docs").Children;
         createTopic: (this: MindElixirInstance, nodeObj: import("./docs").NodeObj) => Topic;
-        findEle: (this: MindElixirInstance, id: string, el?: HTMLElement | undefined) => Topic;
+        findEle: (this: MindElixirInstance, id: string, el?: HTMLElement) => Topic;
         changeTheme: (this: MindElixirInstance, theme: import("./docs").Theme, shouldRefresh?: boolean) => void;
     };
     export var LEFT: number;
@@ -91,7 +91,7 @@ declare namespace MindElixir {
     export var THEME: import("./docs").Theme;
     export var DARK_THEME: import("./docs").Theme;
     export var version: string;
-    export var E: (this: MindElixirInstance, id: string, el?: HTMLElement | undefined) => Topic;
+    export var E: (this: MindElixirInstance, id: string, el?: HTMLElement) => Topic;
     var _a: (topic: string) => MindElixirData;
     export { _a as new };
 }

package/dist/types/methods.d.ts

@@ -13,8 +13,8 @@ export type MindElixirMethods = typeof methods;
 declare const methods: {
     init(this: MindElixirInstance, data: MindElixirData): Error | undefined;
     destroy(this: Partial<MindElixirInstance>): void;
-    exportSvg: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Blob;
-    exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Promise<Blob | null>;
+    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;
@@ -23,32 +23,32 @@ declare const methods: {
     renderSummary: (this: MindElixirInstance) => void;
     editSummary: (this: MindElixirInstance, el: summary.SummarySvgGroup) => void;
     renderArrow(this: MindElixirInstance): void;
-    editArrowLabel(this: MindElixirInstance, el: import("./index").CustomSvg): void;
+    editArrowLabel(this: MindElixirInstance, el: import("./docs").CustomSvg): void;
     tidyArrow(this: MindElixirInstance): void;
-    createArrow: (this: MindElixirInstance, from: import("./index").Topic, to: import("./index").Topic, options?: arrow.ArrowOptions) => 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("./index").CustomSvg | undefined) => void;
-    selectArrow: (this: MindElixirInstance, link: import("./index").CustomSvg) => void;
+    removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").CustomSvg) => void;
+    selectArrow: (this: MindElixirInstance, link: import("./docs").CustomSvg) => void;
     unselectArrow: (this: MindElixirInstance) => void;
-    rmSubline: (this: MindElixirInstance, tpc: import("./index").Topic) => Promise<void>;
-    reshapeNode: (this: MindElixirInstance, tpc: import("./index").Topic, patchData: Partial<import("./types").NodeObj>) => Promise<void>;
-    insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: import("./index").Topic | undefined, node?: import("./types").NodeObj | undefined) => Promise<void>;
-    insertParent: (this: MindElixirInstance, el?: import("./index").Topic | undefined, node?: import("./types").NodeObj | undefined) => Promise<void>;
-    addChild: (this: MindElixirInstance, el?: import("./index").Topic | undefined, node?: import("./types").NodeObj | undefined) => Promise<void>;
-    copyNode: (this: MindElixirInstance, node: import("./index").Topic, to: import("./index").Topic) => Promise<void>;
-    copyNodes: (this: MindElixirInstance, tpcs: import("./index").Topic[], to: import("./index").Topic) => Promise<void>;
-    moveUpNode: (this: MindElixirInstance, el?: import("./index").Topic | undefined) => Promise<void>;
-    moveDownNode: (this: MindElixirInstance, el?: import("./index").Topic | undefined) => Promise<void>;
-    removeNodes: (this: MindElixirInstance, tpcs: import("./index").Topic[]) => Promise<void>;
-    moveNodeIn: (this: MindElixirInstance, from: import("./index").Topic[], to: import("./index").Topic) => Promise<void>;
-    moveNodeBefore: (this: MindElixirInstance, from: import("./index").Topic[], to: import("./index").Topic) => Promise<void>;
-    moveNodeAfter: (this: MindElixirInstance, from: import("./index").Topic[], to: import("./index").Topic) => Promise<void>;
-    beginEdit: (this: MindElixirInstance, el?: import("./index").Topic | undefined) => Promise<void>;
-    setNodeTopic: (this: MindElixirInstance, el: import("./index").Topic, topic: string) => Promise<void>;
+    rmSubline: (this: MindElixirInstance, tpc: import("./docs").Topic) => Promise<void>;
+    reshapeNode: (this: MindElixirInstance, tpc: import("./docs").Topic, patchData: Partial<import("./types").NodeObj>) => Promise<void>;
+    insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj | undefined) => Promise<void>;
+    insertParent: (this: MindElixirInstance, el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj | undefined) => Promise<void>;
+    addChild: (this: MindElixirInstance, el?: import("./docs").Topic | undefined, node?: import("./types").NodeObj | 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>;
+    beginEdit: (this: MindElixirInstance, el?: import("./docs").Topic | undefined) => Promise<void>;
+    setNodeTopic: (this: MindElixirInstance, el: import("./docs").Topic, topic: string) => Promise<void>;
     scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
-    selectNode: (this: MindElixirInstance, tpc: import("./index").Topic, isNewNode?: boolean | undefined, e?: MouseEvent | undefined) => void;
-    selectNodes: (this: MindElixirInstance, tpc: import("./index").Topic[]) => void;
-    unselectNodes: (this: MindElixirInstance, tpc: import("./index").Topic[]) => void;
+    selectNode: (this: MindElixirInstance, tpc: import("./docs").Topic, isNewNode?: boolean, e?: MouseEvent) => void;
+    selectNodes: (this: MindElixirInstance, tpc: import("./docs").Topic[]) => void;
+    unselectNodes: (this: MindElixirInstance, tpc: import("./docs").Topic[]) => void;
     clearSelection: (this: MindElixirInstance) => void;
     getDataString: (this: MindElixirInstance) => string;
     getData: (this: MindElixirInstance) => MindElixirData;
@@ -62,32 +62,32 @@ declare const methods: {
     move: (this: MindElixirInstance, dx: number, dy: number, smooth?: boolean) => void;
     toCenter: (this: MindElixirInstance) => void;
     install: (this: MindElixirInstance, plugin: (instance: MindElixirInstance) => void) => void;
-    focusNode: (this: MindElixirInstance, el: import("./index").Topic) => void;
+    focusNode: (this: MindElixirInstance, el: import("./docs").Topic) => void;
     cancelFocus: (this: MindElixirInstance) => void;
     initLeft: (this: MindElixirInstance) => void;
     initRight: (this: MindElixirInstance) => void;
     initSide: (this: MindElixirInstance) => void;
     setLocale: (this: MindElixirInstance, locale: import("./i18n").Locale) => void;
-    expandNode: (this: MindElixirInstance, el: import("./index").Topic, isExpand?: boolean | undefined) => void;
-    expandNodeAll: (this: MindElixirInstance, el: import("./index").Topic, isExpand?: boolean | undefined) => void;
-    refresh: (this: MindElixirInstance, data?: MindElixirData | undefined) => void;
+    expandNode: (this: MindElixirInstance, el: import("./docs").Topic, isExpand?: boolean) => void;
+    expandNodeAll: (this: MindElixirInstance, el: import("./docs").Topic, isExpand?: boolean) => void;
+    refresh: (this: MindElixirInstance, data?: MindElixirData) => void;
     getObjById: (id: string, data: import("./types").NodeObj) => import("./types").NodeObj | null;
     generateNewObj: (this: MindElixirInstance) => import("./types").NodeObjExport;
     layout: (this: MindElixirInstance) => void;
-    linkDiv: (this: MindElixirInstance, mainNode?: import("./index").Wrapper | undefined) => void;
-    editTopic: (this: MindElixirInstance, el: import("./index").Topic) => void;
-    createWrapper: (this: MindElixirInstance, nodeObj: import("./types").NodeObj, omitChildren?: boolean | undefined) => {
-        grp: import("./index").Wrapper;
-        top: import("./index").Parent;
-        tpc: import("./index").Topic;
+    linkDiv: (this: MindElixirInstance, mainNode?: import("./docs").Wrapper) => void;
+    editTopic: (this: MindElixirInstance, el: import("./docs").Topic) => void;
+    createWrapper: (this: MindElixirInstance, nodeObj: import("./types").NodeObj, omitChildren?: boolean) => {
+        grp: import("./docs").Wrapper;
+        top: import("./docs").Parent;
+        tpc: import("./docs").Topic;
     };
     createParent: (this: MindElixirInstance, nodeObj: import("./types").NodeObj) => {
-        p: import("./index").Parent;
-        tpc: import("./index").Topic;
+        p: import("./docs").Parent;
+        tpc: import("./docs").Topic;
     };
-    createChildren: (this: MindElixirInstance, wrappers: import("./index").Wrapper[]) => import("./index").Children;
-    createTopic: (this: MindElixirInstance, nodeObj: import("./types").NodeObj) => import("./index").Topic;
-    findEle: (this: MindElixirInstance, id: string, el?: HTMLElement | undefined) => import("./index").Topic;
+    createChildren: (this: MindElixirInstance, wrappers: import("./docs").Wrapper[]) => import("./docs").Children;
+    createTopic: (this: MindElixirInstance, nodeObj: import("./types").NodeObj) => import("./docs").Topic;
+    findEle: (this: MindElixirInstance, id: string, el?: HTMLElement) => import("./docs").Topic;
     changeTheme: (this: MindElixirInstance, theme: import("./types").Theme, shouldRefresh?: boolean) => void;
 };
 export default methods;

package/dist/types/nodeOperation.d.ts

@@ -2,7 +2,7 @@ import type { Topic } from './types/dom';
 import { type MindElixirInstance, type NodeObj } from './types/index';
 export declare const rmSubline: (tpc: Topic) => void;
 export declare const reshapeNode: (this: MindElixirInstance, tpc: Topic, patchData: Partial<NodeObj>) => void;
-export declare const insertSibling: (this: MindElixirInstance, type: 'before' | 'after', el?: Topic, node?: NodeObj) => void;
+export declare const insertSibling: (this: MindElixirInstance, type: "before" | "after", el?: Topic, node?: NodeObj) => void;
 export declare const insertParent: (this: MindElixirInstance, el?: Topic, node?: NodeObj) => void;
 export declare const addChild: (this: MindElixirInstance, el?: Topic, node?: NodeObj) => void;
 export declare const copyNode: (this: MindElixirInstance, node: Topic, to: Topic) => void;

package/dist/types/plugin/keypress.d.ts

@@ -1,5 +1,5 @@
 import type { KeypressOptions, MindElixirInstance } from '../types/index';
-export declare const handleZoom: (mei: MindElixirInstance, direction: 'in' | 'out', offset?: {
+export declare const handleZoom: (mei: MindElixirInstance, direction: "in" | "out", offset?: {
     x: number;
     y: number;
 }) => void;

package/dist/types/summary.d.ts

@@ -41,7 +41,7 @@ export type SummarySvgGroup = SVGGElement & {
     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 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 unselectSummary: (this: MindElixirInstance) => void;

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

@@ -8,12 +8,13 @@ import type { MainLineParams, SubLineParams } from '../utils/generateBranch';
 import type { Locale } from '../i18n';
 import type { ContextMenuOption } from '../plugin/contextMenu';
 import type { createDragMoveHelper } from '../utils/dragMoveHelper';
-import type SelectionArea from '@viselect/vanilla';
+import type SelectionArea from '../viselect/src';
 export { type MindElixirMethods } from '../methods';
-export declare enum DirectionClass {
-    LHS = "lhs",
-    RHS = "rhs"
-}
+export declare const DirectionClass: {
+    readonly LHS: "lhs";
+    readonly RHS: "rhs";
+};
+export type DirectionClass = (typeof DirectionClass)[keyof typeof DirectionClass];
 type Before = Partial<{
     [K in Operations]: (...args: Parameters<OperationMap[K]>) => Promise<boolean> | boolean;
 }>;
@@ -82,7 +83,7 @@ export interface MindElixirInstance extends Omit<Required<Options>, 'markdown' |
     currentArrow: CustomSvg | null;
     waitCopy: Topic[] | null;
     scaleVal: number;
-    tempDirection: number | null;
+    tempDirection: 0 | 1 | 2 | null;
     container: HTMLElement;
     map: HTMLElement;
     root: HTMLElement;
@@ -119,7 +120,7 @@ type PathString = string;
  */
 export interface Options {
     el: string | HTMLElement;
-    direction?: number;
+    direction?: 0 | 1 | 2;
     locale?: Locale;
     draggable?: boolean;
     editable?: boolean;
@@ -227,6 +228,6 @@ export type MindElixirData = {
     nodeData: NodeObj;
     arrows?: Arrow[];
     summaries?: Summary[];
-    direction?: number;
+    direction?: 0 | 1 | 2;
     theme?: Theme;
 };