mind-elixir 5.1.0 → 5.2.0-beta.1

package/dist/example.iife.js

@@ -1,3 +1,8 @@
 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:"Katex",id:"c00a2264f4532611",children:[{topic:"",id:"c00a2264f4532612",dangerouslySetInnerHTML:'<div class="math math-display"><span class="katex-display"><span class="katex"><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.4em;vertical-align:-0.95em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size1">[</span></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.85em;"><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">x</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.35em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.85em;"><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.35em;"><span></span></span></span></span></span></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size1">]</span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size3">[</span></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.45em;"><span style="top:-3.61em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">a</span></span></span><span style="top:-2.41em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">b</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.95em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.45em;"><span style="top:-3.61em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">c</span></span></span><span style="top:-2.41em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.95em;"><span></span></span></span></span></span></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size3">]</span></span></span></span></span></span></span></div>'}]},{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:"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:"a5e68e6a2ce1b648",parent:"bd42e1d0163ebf04",start:0,end:1,label:"summary"},{id:"a5e6978f1bc69f4a",parent:"bd4313fbac40284b",start:3,end:5,label:"summary"}],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","--panel-color":"#444446","--panel-bgcolor":"#ffffff","--panel-border-color":"#eaeaea","--map-padding":"50px 80px"}}}}();
+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:"Normal distribution: $$f(x) = \\frac{1}{\\sqrt{2\\pi\\sigma^2}} e^{-\\frac{(x-\\mu)^2}{2\\sigma^2}}$$",id:"markdown-normal-dist",useMd:!0},{topic:"Fourier transform: $$F(\\omega) = \\int_{-\\infty}^{\\infty} f(t) e^{-i\\omega t} dt$$",id:"markdown-fourier",useMd:!0},{topic:"Taylor series: $$f(x) = \\sum_{n=0}^{\\infty} \\frac{f^{(n)}(a)}{n!}(x-a)^n$$",id:"markdown-taylor",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
+- 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:`> This is a blockquote
+> with multiple lines`,id:"markdown-blockquote",useMd:!0},{topic:'```javascript\nconst greeting = "Hello World!";\nconsole.log(greeting);\n```',id:"markdown-code-block",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:"bd4313fbac40284b",start:3,end:5,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."}],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

@@ -370,17 +370,6 @@ and the former one will become a child node of latter one`,
           background: "#f1c40e"
         },
         children: [
-          {
-            topic: "Katex",
-            id: "c00a2264f4532611",
-            children: [
-              {
-                topic: "",
-                id: "c00a2264f4532612",
-                dangerouslySetInnerHTML: '<div class="math math-display"><span class="katex-display"><span class="katex"><span class="katex-html" aria-hidden="true"><span class="base"><span class="strut" style="height:2.4em;vertical-align:-0.95em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size1">[</span></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.85em;"><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">x</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.35em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:0.85em;"><span style="top:-3.01em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal" style="margin-right:0.03588em;">y</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.35em;"><span></span></span></span></span></span></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size1">]</span></span></span><span class="mspace" style="margin-right:0.1667em;"></span><span class="minner"><span class="mopen delimcenter" style="top:0em;"><span class="delimsizing size3">[</span></span><span class="mord"><span class="mtable"><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.45em;"><span style="top:-3.61em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">a</span></span></span><span style="top:-2.41em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">b</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.95em;"><span></span></span></span></span></span><span class="arraycolsep" style="width:0.5em;"></span><span class="arraycolsep" style="width:0.5em;"></span><span class="col-align-c"><span class="vlist-t vlist-t2"><span class="vlist-r"><span class="vlist" style="height:1.45em;"><span style="top:-3.61em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">c</span></span></span><span style="top:-2.41em;"><span class="pstrut" style="height:3em;"></span><span class="mord"><span class="mord mathnormal">d</span></span></span></span><span class="vlist-s">&ZeroWidthSpace;</span></span><span class="vlist-r"><span class="vlist" style="height:0.95em;"><span></span></span></span></span></span></span></span><span class="mclose delimcenter" style="top:0em;"><span class="delimsizing size3">]</span></span></span></span></span></span></span></div>'
-              }
-            ]
-          },
           {
             topic: "Code Block",
             id: "c00a2264fdaw32612",
@@ -419,6 +408,82 @@ and the former one will become a child node of latter one`,
         ],
         direction: 1
       },
+      {
+        topic: "KaTeX",
+        id: "markdown-complex-math",
+        direction: 1,
+        expanded: !0,
+        children: [
+          {
+            topic: "Normal distribution: $$f(x) = \\frac{1}{\\sqrt{2\\pi\\sigma^2}} e^{-\\frac{(x-\\mu)^2}{2\\sigma^2}}$$",
+            id: "markdown-normal-dist",
+            useMd: !0
+          },
+          {
+            topic: "Fourier transform: $$F(\\omega) = \\int_{-\\infty}^{\\infty} f(t) e^{-i\\omega t} dt$$",
+            id: "markdown-fourier",
+            useMd: !0
+          },
+          {
+            topic: "Taylor series: $$f(x) = \\sum_{n=0}^{\\infty} \\frac{f^{(n)}(a)}{n!}(x-a)^n$$",
+            id: "markdown-taylor",
+            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
+- 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: `> This is a blockquote
+> with multiple lines`,
+            id: "markdown-blockquote",
+            useMd: !0
+          },
+          {
+            topic: '```javascript\nconst greeting = "Hello World!";\nconsole.log(greeting);\n```',
+            id: "markdown-code-block",
+            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",
@@ -503,19 +568,12 @@ and the former one will become a child node of latter one`,
     }
   ],
   summaries: [
-    {
-      id: "a5e68e6a2ce1b648",
-      parent: "bd42e1d0163ebf04",
-      start: 0,
-      end: 1,
-      label: "summary"
-    },
     {
       id: "a5e6978f1bc69f4a",
       parent: "bd4313fbac40284b",
       start: 3,
       end: 5,
-      label: "summary"
+      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."
     }
   ],
   direction: 2,
@@ -540,6 +598,7 @@ and the former one will become a child node of latter one`,
       "--color": "#777777",
       "--bgcolor": "#f6f6f6",
       "--selected": "#4dc4ff",
+      "--accent-color": "#e64553",
       "--panel-color": "#444446",
       "--panel-bgcolor": "#ffffff",
       "--panel-border-color": "#eaeaea",

package/dist/style.css

@@ -1 +1 @@
-.map-container{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;-webkit-user-select:none;user-select:none;height:100%;width:100%;overflow:hidden;font-size:15px;outline:none;touch-action:none;background-color:var(--bgcolor)}.map-container *{box-sizing:border-box}.map-container::-webkit-scrollbar{width:0px;height:0px}.map-container .selected{outline:2px solid var(--selected);outline-offset:1px}.map-container .hyper-link{text-decoration:none;margin-left:.3em}.map-container me-main>me-wrapper>me-parent>me-epd{top:50%;transform:translateY(-50%)}.map-container me-epd{top:100%;transform:translateY(-50%)}.map-container .lhs{direction:rtl}.map-container .lhs>me-wrapper>me-parent>me-epd{left:-10px}.map-container .lhs me-epd{left:5px}.map-container .lhs me-tpc{direction:ltr}.map-container .rhs>me-wrapper>me-parent>me-epd{right:-10px}.map-container .rhs me-epd{right:5px}.map-container .map-canvas{position:relative;-webkit-user-select:none;user-select:none;width:fit-content;transform:scale(1)}.map-container .map-canvas me-nodes{position:relative;display:flex;justify-content:center;align-items:center;height:max-content;width:max-content;padding:var(--map-padding)}.map-container me-main>me-wrapper{position:relative;margin:var(--main-gap-y) var(--main-gap-x)}.map-container me-main>me-wrapper>me-parent{margin:10px;padding:0}.map-container me-main>me-wrapper>me-parent>me-tpc{border-radius:var(--main-radius);background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);padding:8px 25px}.map-container me-wrapper{display:block;pointer-events:none;width:fit-content}.map-container me-children,.map-container me-parent{display:inline-block;vertical-align:middle}.map-container me-root{position:relative;margin:45px 0}.map-container me-root me-tpc{font-size:25px;color:var(--root-color);padding:10px 30px;border-radius:var(--root-radius);border:var(--root-border-color) 2px solid;background-color:var(--root-bgcolor)}.map-container me-parent{position:relative;cursor:pointer;padding:6px var(--node-gap-x);margin-top:var(--node-gap-y)}.map-container me-parent me-tpc{position:relative;border-radius:3px;color:var(--color);padding:var(--topic-padding)}.map-container me-parent me-tpc .insert-preview{position:absolute;width:100%;left:0;z-index:9}.map-container me-parent me-tpc .show{background:#7ad5ff;pointer-events:none;opacity:.7;border-radius:3px}.map-container me-parent me-tpc .before{height:14px;top:-14px}.map-container me-parent me-tpc .in{height:100%;top:0}.map-container me-parent me-tpc .after{height:14px;bottom:-14px}.map-container me-parent me-epd{position:absolute;height:18px;width:18px;opacity:.8;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NDcxNzI0MiIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNDgwaC0xMzguNjY2NjY3VjM0MS4zMzMzMzNjMC0xNy4wNjY2NjctMTQuOTMzMzMzLTMyLTMyLTMycy0zMiAxNC45MzMzMzMtMzIgMzJ2MTM4LjY2NjY2N0gzNDEuMzMzMzMzYy0xNy4wNjY2NjcgMC0zMiAxNC45MzMzMzMtMzIgMzJzMTQuOTMzMzMzIDMyIDMyIDMyaDEzOC42NjY2NjdWNjgyLjY2NjY2N2MwIDE3LjA2NjY2NyAxNC45MzMzMzMgMzIgMzIgMzJzMzItMTQuOTMzMzMzIDMyLTMydi0xMzguNjY2NjY3SDY4Mi42NjY2NjdjMTcuMDY2NjY3IDAgMzItMTQuOTMzMzMzIDMyLTMycy0xNC45MzMzMzMtMzItMzItMzJ6Ij48L3BhdGg+Cjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:all;z-index:9}.map-container me-parent me-epd.minus{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdD0iMTY1NjY1NTU2NDk4NSIgY2xhc3M9Imljb24iIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+CiAgICA8cGF0aCBkPSJNNTEyIDc0LjY2NjY2N0MyNzAuOTMzMzMzIDc0LjY2NjY2NyA3NC42NjY2NjcgMjcwLjkzMzMzMyA3NC42NjY2NjcgNTEyUzI3MC45MzMzMzMgOTQ5LjMzMzMzMyA1MTIgOTQ5LjMzMzMzMyA5NDkuMzMzMzMzIDc1My4wNjY2NjcgOTQ5LjMzMzMzMyA1MTIgNzUzLjA2NjY2NyA3NC42NjY2NjcgNTEyIDc0LjY2NjY2N3oiIHN0cm9rZS13aWR0aD0iNTQiIHN0cm9rZT0nYmxhY2snIGZpbGw9J3doaXRlJyA+PC9wYXRoPgogICAgPHBhdGggZD0iTTY4Mi42NjY2NjcgNTQ0SDM0MS4zMzMzMzNjLTE3LjA2NjY2NyAwLTMyLTE0LjkzMzMzMy0zMi0zMnMxNC45MzMzMzMtMzIgMzItMzJoMzQxLjMzMzMzNGMxNy4wNjY2NjcgMCAzMiAxNC45MzMzMzMgMzIgMzJzLTE0LjkzMzMzMyAzMi0zMiAzMnoiPjwvcGF0aD4KPC9zdmc+)!important;transition:opacity .3s;opacity:0}@media (hover: hover){.map-container me-parent me-epd.minus:hover{opacity:.8}}@media (hover: none){.map-container me-parent me-epd.minus{opacity:.8}}.map-container .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.map-container .lines,.map-container .summary,.map-container .subLines,.map-container .topiclinks,.map-container .linkcontroller{position:absolute;height:102%;width:100%;top:0;left:0}.map-container .topiclinks,.map-container .linkcontroller,.map-container .summary,.map-container .topiclinks .selected,.map-container .linkcontroller .selected,.map-container .summary .selected{pointer-events:none}.map-container .summary>g,.map-container .topiclinks>g{cursor:pointer;pointer-events:stroke}.map-container .lines,.map-container .subLines{pointer-events:none;z-index:-1}.map-container .topiclinks *,.map-container .linkcontroller *{z-index:100}.map-container #input-box{position:absolute;top:0;left:0;width:max-content;max-width:35em;z-index:11;direction:ltr;-webkit-user-select:auto;user-select:auto;pointer-events:auto;color:var(--color);background-color:var(--bgcolor)}.map-container me-tpc{display:block;max-width:35em;white-space:pre-wrap;pointer-events:all}.map-container me-tpc>*{pointer-events:none}.map-container me-tpc>a,.map-container me-tpc>iframe{pointer-events:auto}.map-container me-tpc>.text{display:inline-block}.map-container me-tpc>.text a{pointer-events:auto}.map-container me-tpc>img{display:block;margin-bottom:8px;object-fit:cover}.map-container .circle{position:absolute;height:10px;width:10px;margin-top:-5px;margin-left:-5px;border-radius:100%;background:#757575;border:2px solid #ffffff;z-index:10;cursor:pointer}.map-container .tags{direction:ltr}.map-container .tags span{display:inline-block;border-radius:3px;padding:2px 4px;background:#d6f0f8;color:#276f86;margin:2px 4px 0 0;font-size:12px;line-height:1.3em}.map-container .icons{display:inline-block;direction:ltr;margin-left:5px}.map-container .icons span{display:inline-block;line-height:1.3em}.map-container .mind-elixir-ghost{position:fixed;top:-100%;left:-100%;box-sizing:content-box;opacity:.5;background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);max-width:200px;width:fit-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;border-radius:6px}.map-container .selection-area{background:#4f90f22d;border:1px solid #4f90f2}.map-container .context-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.map-container .context-menu .menu-list{position:fixed;list-style:none;margin:0;padding:0;color:var(--panel-color);box-shadow:0 12px 15px #0003;border-radius:5px;overflow:hidden}.map-container .context-menu .menu-list li{min-width:200px;overflow:hidden;white-space:nowrap;padding:6px 10px;background:var(--panel-bgcolor);border-bottom:1px solid var(--panel-border-color);cursor:pointer}.map-container .context-menu .menu-list li span{line-height:20px}.map-container .context-menu .menu-list li a{color:#333;text-decoration:none}.map-container .context-menu .menu-list li.disabled{display:none}.map-container .context-menu .menu-list li:hover{filter:brightness(.95)}.map-container .context-menu .menu-list li:last-child{border-bottom:0}.map-container .context-menu .menu-list li span:last-child{float:right}.map-container .context-menu .key{font-size:10px;background-color:#f1f1f1;color:#333;padding:2px 5px;border-radius:3px}.map-container .tips{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--panel-color);background:var(--panel-bgcolor);opacity:.8;padding:5px 10px;border-radius:5px;font-weight:700}.mind-elixir-toolbar{position:absolute;color:var(--panel-color);background:var(--panel-bgcolor);padding:10px;border-radius:5px;box-shadow:0 1px 2px #0003}.mind-elixir-toolbar svg{display:inline-block}.mind-elixir-toolbar span:active{opacity:.5}.mind-elixir-toolbar.rb{right:20px;bottom:20px}.mind-elixir-toolbar.rb span+span{margin-left:10px}.mind-elixir-toolbar.lt{font-size:20px;left:20px;top:20px}.mind-elixir-toolbar.lt span{display:block}.mind-elixir-toolbar.lt span+span{margin-top:10px}
+.map-container{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;-webkit-user-select:none;user-select:none;height:100%;width:100%;overflow:hidden;font-size:15px;outline:none;touch-action:none;background-color:var(--bgcolor)}.map-container *{box-sizing:border-box}.map-container::-webkit-scrollbar{width:0px;height:0px}.map-container .selected{outline:2px solid var(--selected);outline-offset:1px}.map-container .hyper-link{text-decoration:none;margin-left:.3em}.map-container me-main>me-wrapper>me-parent>me-epd{top:50%;transform:translateY(-50%)}.map-container me-epd{top:100%;transform:translateY(-50%)}.map-container .lhs{direction:rtl}.map-container .lhs>me-wrapper>me-parent>me-epd{left:-10px}.map-container .lhs me-epd{left:5px}.map-container .lhs me-tpc{direction:ltr}.map-container .rhs>me-wrapper>me-parent>me-epd{right:-10px}.map-container .rhs me-epd{right:5px}.map-container .map-canvas{position:relative;-webkit-user-select:none;user-select:none;width:fit-content;transform:scale(1)}.map-container .map-canvas me-nodes{position:relative;display:flex;justify-content:center;align-items:center;height:max-content;width:max-content;padding:var(--map-padding)}.map-container me-main>me-wrapper{position:relative;margin:var(--main-gap-y) var(--main-gap-x)}.map-container me-main>me-wrapper>me-parent{margin:10px;padding:0}.map-container me-main>me-wrapper>me-parent>me-tpc{border-radius:var(--main-radius);background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);padding:8px 25px}.map-container me-wrapper{display:block;pointer-events:none;width:fit-content}.map-container me-children,.map-container me-parent{display:inline-block;vertical-align:middle}.map-container me-root{position:relative;margin:45px 0;z-index:10}.map-container me-root me-tpc{font-size:25px;color:var(--root-color);padding:10px 30px;border-radius:var(--root-radius);border:var(--root-border-color) 2px solid;background-color:var(--root-bgcolor)}.map-container me-parent{position:relative;cursor:pointer;padding:6px var(--node-gap-x);margin-top:var(--node-gap-y);z-index:10}.map-container me-parent me-tpc{position:relative;border-radius:3px;color:var(--color);padding:var(--topic-padding)}.map-container me-parent me-tpc .insert-preview{position:absolute;width:100%;left:0;z-index:9}.map-container me-parent me-tpc .show{background:#7ad5ff;pointer-events:none;opacity:.7;border-radius:3px}.map-container me-parent me-tpc .before{height:14px;top:-14px}.map-container me-parent me-tpc .in{height:100%;top:0}.map-container me-parent me-tpc .after{height:14px;bottom:-14px}.map-container me-parent me-epd{position:absolute;height:18px;width:18px;opacity:.8;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHQ9IjE2NTY2NTQ3MTcyNDIiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiDQogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+DQogICAgPHBhdGggZD0iTTUxMiA3NC42NjY2NjdDMjcwLjkzMzMzMyA3NC42NjY2NjcgNzQuNjY2NjY3IDI3MC45MzMzMzMgNzQuNjY2NjY3IDUxMlMyNzAuOTMzMzMzIDk0OS4zMzMzMzMgNTEyIDk0OS4zMzMzMzMgOTQ5LjMzMzMzMyA3NTMuMDY2NjY3IDk0OS4zMzMzMzMgNTEyIDc1My4wNjY2NjcgNzQuNjY2NjY3IDUxMiA3NC42NjY2Njd6IiBzdHJva2Utd2lkdGg9IjU0IiBzdHJva2U9J2JsYWNrJyBmaWxsPSd3aGl0ZScgPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNjgyLjY2NjY2NyA0ODBoLTEzOC42NjY2NjdWMzQxLjMzMzMzM2MwLTE3LjA2NjY2Ny0xNC45MzMzMzMtMzItMzItMzJzLTMyIDE0LjkzMzMzMy0zMiAzMnYxMzguNjY2NjY3SDM0MS4zMzMzMzNjLTE3LjA2NjY2NyAwLTMyIDE0LjkzMzMzMy0zMiAzMnMxNC45MzMzMzMgMzIgMzIgMzJoMTM4LjY2NjY2N1Y2ODIuNjY2NjY3YzAgMTcuMDY2NjY3IDE0LjkzMzMzMyAzMiAzMiAzMnMzMi0xNC45MzMzMzMgMzItMzJ2LTEzOC42NjY2NjdINjgyLjY2NjY2N2MxNy4wNjY2NjcgMCAzMi0xNC45MzMzMzMgMzItMzJzLTE0LjkzMzMzMy0zMi0zMi0zMnoiPjwvcGF0aD4NCjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:all;z-index:9}.map-container me-parent me-epd.minus{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHQ9IjE2NTY2NTU1NjQ5ODUiIGNsYXNzPSJpY29uIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiDQogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIg0KICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+DQogICAgPHBhdGggZD0iTTUxMiA3NC42NjY2NjdDMjcwLjkzMzMzMyA3NC42NjY2NjcgNzQuNjY2NjY3IDI3MC45MzMzMzMgNzQuNjY2NjY3IDUxMlMyNzAuOTMzMzMzIDk0OS4zMzMzMzMgNTEyIDk0OS4zMzMzMzMgOTQ5LjMzMzMzMyA3NTMuMDY2NjY3IDk0OS4zMzMzMzMgNTEyIDc1My4wNjY2NjcgNzQuNjY2NjY3IDUxMiA3NC42NjY2Njd6IiBzdHJva2Utd2lkdGg9IjU0IiBzdHJva2U9J2JsYWNrJyBmaWxsPSd3aGl0ZScgPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNjgyLjY2NjY2NyA1NDRIMzQxLjMzMzMzM2MtMTcuMDY2NjY3IDAtMzItMTQuOTMzMzMzLTMyLTMyczE0LjkzMzMzMy0zMiAzMi0zMmgzNDEuMzMzMzM0YzE3LjA2NjY2NyAwIDMyIDE0LjkzMzMzMyAzMiAzMnMtMTQuOTMzMzMzIDMyLTMyIDMyeiI+PC9wYXRoPg0KPC9zdmc+)!important;transition:opacity .3s;opacity:0}@media (hover: hover){.map-container me-parent me-epd.minus:hover{opacity:.8}}@media (hover: none){.map-container me-parent me-epd.minus{opacity:.8}}.map-container .icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.map-container .lines,.map-container .summary,.map-container .subLines,.map-container .topiclinks,.map-container .linkcontroller{position:absolute;height:102%;width:100%;top:0;left:0}.map-container .topiclinks,.map-container .linkcontroller,.map-container .summary{pointer-events:none;z-index:20}.map-container .summary>g,.map-container .topiclinks>g{cursor:pointer;pointer-events:stroke;z-index:20}.map-container .lines,.map-container .subLines{pointer-events:none}.map-container #input-box{position:absolute;top:0;left:0;width:max-content;max-width:35em;direction:ltr;-webkit-user-select:auto;user-select:auto;pointer-events:auto;color:var(--color);background-color:var(--bgcolor);z-index:100}.map-container me-tpc{display:block;max-width:35em;white-space:pre-wrap;pointer-events:all}.map-container me-tpc>*{pointer-events:none}.map-container me-tpc>a,.map-container me-tpc>iframe{pointer-events:auto}.map-container me-tpc>.text{display:inline-block}.map-container me-tpc>.text a{pointer-events:auto}.map-container me-tpc>img{display:block;margin-bottom:8px;object-fit:cover}.map-container .circle{position:absolute;height:10px;width:10px;margin-top:-5px;margin-left:-5px;border-radius:100%;background:#757575;border:2px solid #ffffff;z-index:50;cursor:pointer}.map-container .tags{direction:ltr}.map-container .tags span{display:inline-block;border-radius:3px;padding:2px 4px;background:#d6f0f8;color:#276f86;margin:2px 4px 0 0;font-size:12px;line-height:1.3em}.map-container .icons{display:inline-block;direction:ltr;margin-left:5px}.map-container .icons span{display:inline-block;line-height:1.3em}.map-container .mind-elixir-ghost{position:fixed;top:-100%;left:-100%;box-sizing:content-box;opacity:.5;background-color:var(--main-bgcolor);border:2px solid var(--main-color);color:var(--main-color);max-width:200px;width:fit-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:8px 16px;border-radius:6px}.map-container .selection-area{background:#4f90f22d;border:1px solid #4f90f2}.map-container .svg-label{position:absolute;left:0;top:0;display:flex;align-items:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2;padding:2px;pointer-events:auto;cursor:pointer;z-index:10;max-width:200px;border-radius:3px;padding:var(--topic-padding)}.map-container .context-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.map-container .context-menu .menu-list{position:fixed;list-style:none;margin:0;padding:0;color:var(--panel-color);box-shadow:0 12px 15px #0003;border-radius:5px;overflow:hidden}.map-container .context-menu .menu-list li{min-width:200px;overflow:hidden;white-space:nowrap;padding:6px 10px;background:var(--panel-bgcolor);border-bottom:1px solid var(--panel-border-color);cursor:pointer}.map-container .context-menu .menu-list li span{line-height:20px}.map-container .context-menu .menu-list li a{color:#333;text-decoration:none}.map-container .context-menu .menu-list li.disabled{display:none}.map-container .context-menu .menu-list li:hover{filter:brightness(.95)}.map-container .context-menu .menu-list li:last-child{border-bottom:0}.map-container .context-menu .menu-list li span:last-child{float:right}.map-container .context-menu .key{font-size:10px;background-color:#f1f1f1;color:#333;padding:2px 5px;border-radius:3px}.map-container .tips{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:var(--panel-color);background:var(--panel-bgcolor);opacity:.8;padding:5px 10px;border-radius:5px;font-weight:700}.mind-elixir-toolbar{position:absolute;color:var(--panel-color);background:var(--panel-bgcolor);padding:10px;border-radius:5px;box-shadow:0 1px 2px #0003}.mind-elixir-toolbar svg{display:inline-block}.mind-elixir-toolbar span:active{opacity:.5}.mind-elixir-toolbar.rb{right:20px;bottom:20px}.mind-elixir-toolbar.rb span+span{margin-left:10px}.mind-elixir-toolbar.lt{font-size:20px;left:20px;top:20px}.mind-elixir-toolbar.lt span{display:block}.mind-elixir-toolbar.lt span+span{margin-top:10px}

package/dist/types/{arrow.d.ts → src/arrow.d.ts}

@@ -82,7 +82,7 @@ export type 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 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/src/dev.d.ts

@@ -0,0 +1 @@
+import 'katex/dist/katex.min.css';

package/dist/types/src/exampleData/1.d.ts

@@ -0,0 +1,3 @@
+import type { MindElixirData } from '../index';
+declare const _default: MindElixirData;
+export default _default;

package/dist/types/{index.d.ts → src/index.d.ts}

@@ -7,8 +7,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) => Blob;
-        exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string) => Promise<Blob | null>;
+        exportSvg: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Blob;
+        exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Promise<Blob | null>;
         createSummary: (this: MindElixirInstance) => void;
         createSummaryFrom: (this: MindElixirInstance, summary: Omit<import("./summary").Summary, "id">) => void;
         removeSummary: (this: MindElixirInstance, id: string) => void;
@@ -21,7 +21,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) => void;
+        removeArrow: (this: MindElixirInstance, linkSvg?: import("./docs").CustomSvg | undefined) => void;
         selectArrow: (this: MindElixirInstance, link: import("./docs").CustomSvg) => void;
         unselectArrow: (this: MindElixirInstance) => void;
         rmSubline: (this: MindElixirInstance, tpc: Topic) => Promise<void>;
@@ -40,7 +40,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, e?: MouseEvent) => void;
+        selectNode: (this: MindElixirInstance, tpc: Topic, isNewNode?: boolean | undefined, e?: MouseEvent | undefined) => void;
         selectNodes: (this: MindElixirInstance, tpc: Topic[]) => void;
         unselectNodes: (this: MindElixirInstance, tpc: Topic[]) => void;
         clearSelection: (this: MindElixirInstance) => void;
@@ -48,8 +48,7 @@ declare namespace MindElixir {
         getData: (this: MindElixirInstance) => MindElixirData;
         enableEdit: (this: MindElixirInstance) => void;
         disableEdit: (this: MindElixirInstance) => void;
-        scale: (this: MindElixirInstance, scaleVal: number, // summary container
-        offset?: {
+        scale: (this: MindElixirInstance, scaleVal: number, offset?: {
             x: number;
             y: number;
         }) => void;
@@ -63,15 +62,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) => void;
-        expandNodeAll: (this: MindElixirInstance, el: Topic, isExpand?: boolean) => void;
-        refresh: (this: MindElixirInstance, data?: MindElixirData) => 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;
         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) => void;
+        linkDiv: (this: MindElixirInstance, mainNode?: import("./docs").Wrapper | undefined) => void;
         editTopic: (this: MindElixirInstance, el: Topic) => void;
-        createWrapper: (this: MindElixirInstance, nodeObj: import("./docs").NodeObj, omitChildren?: boolean) => {
+        createWrapper: (this: MindElixirInstance, nodeObj: import("./docs").NodeObj, omitChildren?: boolean | undefined) => {
             grp: import("./docs").Wrapper;
             top: import("./docs").Parent;
             tpc: Topic;
@@ -82,7 +81,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) => Topic;
+        findEle: (this: MindElixirInstance, id: string, el?: HTMLElement | undefined) => Topic;
         changeTheme: (this: MindElixirInstance, theme: import("./docs").Theme, shouldRefresh?: boolean) => void;
     };
     export var LEFT: number;
@@ -90,8 +89,8 @@ declare namespace MindElixir {
     export var SIDE: number;
     export var THEME: import("./docs").Theme;
     export var DARK_THEME: import("./docs").Theme;
-    export var version: any;
-    export var E: (this: MindElixirInstance, id: string, el?: HTMLElement) => Topic;
+    export var version: string;
+    export var E: (this: MindElixirInstance, id: string, el?: HTMLElement | undefined) => Topic;
     var _a: (topic: string) => MindElixirData;
     export { _a as new };
 }

package/dist/types/{methods.d.ts → src/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) => Blob;
-    exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string) => Promise<Blob | null>;
+    exportSvg: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Blob;
+    exportPng: (this: MindElixirInstance, noForeignObject?: boolean, injectCss?: string | undefined) => Promise<Blob | null>;
     createSummary: (this: MindElixirInstance) => void;
     createSummaryFrom: (this: MindElixirInstance, summary: Omit<summary.Summary, "id">) => void;
     removeSummary: (this: MindElixirInstance, id: string) => void;
@@ -27,7 +27,7 @@ declare const methods: {
     tidyArrow(this: MindElixirInstance): void;
     createArrow: (this: MindElixirInstance, from: import("./index").Topic, to: import("./index").Topic, options?: arrow.ArrowOptions) => void;
     createArrowFrom: (this: MindElixirInstance, arrow: Omit<arrow.Arrow, "id">) => void;
-    removeArrow: (this: MindElixirInstance, linkSvg?: import("./index").CustomSvg) => void;
+    removeArrow: (this: MindElixirInstance, linkSvg?: import("./index").CustomSvg | undefined) => void;
     selectArrow: (this: MindElixirInstance, link: import("./index").CustomSvg) => void;
     unselectArrow: (this: MindElixirInstance) => void;
     rmSubline: (this: MindElixirInstance, tpc: import("./index").Topic) => Promise<void>;
@@ -46,7 +46,7 @@ declare const methods: {
     beginEdit: (this: MindElixirInstance, el?: import("./index").Topic | undefined) => Promise<void>;
     setNodeTopic: (this: MindElixirInstance, el: import("./index").Topic, topic: string) => Promise<void>;
     scrollIntoView: (this: MindElixirInstance, el: HTMLElement) => void;
-    selectNode: (this: MindElixirInstance, tpc: import("./index").Topic, isNewNode?: boolean, e?: MouseEvent) => 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;
     clearSelection: (this: MindElixirInstance) => void;
@@ -68,15 +68,15 @@ declare const methods: {
     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) => void;
-    expandNodeAll: (this: MindElixirInstance, el: import("./index").Topic, isExpand?: boolean) => void;
-    refresh: (this: MindElixirInstance, data?: MindElixirData) => 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;
     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) => 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) => {
+    createWrapper: (this: MindElixirInstance, nodeObj: import("./types").NodeObj, omitChildren?: boolean | undefined) => {
         grp: import("./index").Wrapper;
         top: import("./index").Parent;
         tpc: import("./index").Topic;
@@ -87,7 +87,7 @@ declare const methods: {
     };
     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) => import("./index").Topic;
+    findEle: (this: MindElixirInstance, id: string, el?: HTMLElement | undefined) => import("./index").Topic;
     changeTheme: (this: MindElixirInstance, theme: import("./types").Theme, shouldRefresh?: boolean) => void;
 };
 export default methods;

package/dist/types/{nodeOperation.d.ts → src/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 → src/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 → src/summary.d.ts}

@@ -19,11 +19,12 @@ export interface Summary {
     end: number;
 }
 export type SummarySvgGroup = SVGGElement & {
-    children: [SVGPathElement, SVGTextElement];
+    children: [SVGPathElement, SVGForeignObjectElement];
     summaryObj: Summary;
+    labelElement?: HTMLDivElement;
 };
 export declare const createSummary: (this: MindElixirInstance) => 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 → src/types}/dom.d.ts

@@ -46,7 +46,8 @@ export type CustomLine = SVGPathElement;
 export type CustomArrow = SVGPathElement;
 export interface CustomSvg extends SVGGElement {
     arrowObj: Arrow;
-    label: SVGTextElement;
+    label: SVGForeignObjectElement;
+    labelElement?: HTMLDivElement;
     line: SVGPathElement;
     arrow1: SVGPathElement;
     arrow2: SVGPathElement;

package/dist/types/{types → src/types}/index.d.ts

@@ -42,6 +42,7 @@ export type Theme = {
         '--color': string;
         '--bgcolor': string;
         '--selected': string;
+        '--accent-color': string;
         '--root-color': string;
         '--root-bgcolor': string;
         '--root-border-color': string;
@@ -64,7 +65,7 @@ export interface KeypressOptions {
  * @public
  */
 export interface MindElixirInstance extends Omit<Required<Options>, 'markdown' | 'imageProxy'>, MindElixirMethods {
-    markdown?: (markdown: string) => string;
+    markdown?: (markdown: string, obj: NodeObj) => string;
     imageProxy?: (url: string) => string;
     dragged: Topic[] | null;
     el: HTMLElement;
@@ -88,6 +89,7 @@ export interface MindElixirInstance extends Omit<Required<Options>, 'markdown' |
     lines: SVGElement;
     summarySvg: SVGElement;
     linkController: SVGElement;
+    labelContainer: HTMLElement;
     P2: HTMLElement;
     P3: HTMLElement;
     line1: SVGElement;
@@ -142,7 +144,7 @@ export interface Options {
      * If not provided, markdown will be disabled
      * @default undefined
      */
-    markdown?: (markdown: string) => string;
+    markdown?: (markdown: string, obj: NodeObj) => string;
     /**
      * Image proxy function to handle image URLs, mainly used to solve CORS issues
      * If provided, all image URLs will be processed through this function before setting to img src