mind-elixir 4.3.5 → 4.3.7

package/dist/example.iife.js

@@ -1,3 +1,3 @@
-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:"Use without JavaScript framework",id:"c1f06e4cbcf16463",expanded:!0,children:[]},{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:"Easy to use",id:"c1f0723c07b408d7",expanded:!0,children:[{topic:"Use it like other mind map application",id:"c1f09612fd89920d"}]}]},{topic:"Basics",id:"bd1b66c4b56754d9",direction:0,expanded:!0,children:[{topic:"tab - Create a child node",id:"bd1b6892bcab126a"},{topic:"enter - Create a sibling node",id:"bd1b6b632a434b27"},{topic:"del - Remove a node",id:"bd1b983085187c0a"}]},{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:"Node style",id:"bd1c217f9d0b20bd",direction:0,expanded:!0,children:[{topic:"Font Size",id:"bd1c24420cd2c2f5",style:{fontSize:"32",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:"Use without JavaScript framework",id:"c1f06e4cbcf16463",expanded:!0,children:[]},{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:"Easy to use",id:"c1f0723c07b408d7",expanded:!0,children:[{topic:"Use it like other mind map application",id:"c1f09612fd89920d"}]}]},{topic:"Basics",id:"bd1b66c4b56754d9",direction:0,expanded:!0,children:[{topic:"tab - Create a child node",id:"bd1b6892bcab126a"},{topic:"enter - Create a sibling node",id:"bd1b6b632a434b27"},{topic:"del - Remove a node",id:"bd1b983085187c0a"}]},{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:"32",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 data",id:"beeb7586973430db",direction:1,expanded:!0,children:[{topic:"JSON",id:"beeb784cc189375f"},{topic:"HTML",id:"beeb7a6bec2d68f5"},{topic:"SVG",id:"beeb7a6bec2d68e6"}]},{topic:"dangerouslySetInnerHTML",id:"c00a1cf60baa44f0",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>'}]}]},{topic:"Caution",id:"bd42dad21aaf6bae",direction:0,style:{background:"#f1c40e"},expanded:!0,children:[{topic:"Only save manually",id:"bd42e1d0163ebf04",expanded:!0,children:[{topic:"Save button in the top-right corner",id:"bd42e619051878b3",branchColor:"green",expanded:!0,children:[]},{topic:"ctrl + S",id:"bd42e97d7ac35e99"}]}]}],expanded:!0},arrows:[{id:"ac5fb1df7345e9c4",label:"Render",from:"beeb784cc189375f",to:"beeb7a6bec2d68f5",delta1:{x:142.8828125,y:-57},delta2:{x:146.1171875,y:45}}],summaries:[{id:"a5e68e6a2ce1b648",parent:"bd42e1d0163ebf04",start:0,end:1,text:"summary"},{id:"a5e6978f1bc69f4a",parent:"bd4313fbac40284b",start:3,end:5,text:"summary"}],direction:2,theme:{name:"Latte",palette:["#dd7878","#ea76cb","#8839ef","#e64553","#fe640b","#df8e1d","#40a02b","#209fb5","#1e66f5","#7287fd"],cssVar:{"--main-color":"#444446","--main-bgcolor":"#ffffff","--color":"#777777","--bgcolor":"#f6f6f6","--panel-color":"#444446","--panel-bgcolor":"#ffffff","--panel-border-color":"#eaeaea"}}}}();
+<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>'}]},{topic:"Video",id:"c00a2264ffadw19",children:[{topic:"",id:"c00a2264f453fv14",dangerouslySetInnerHTML:'<iframe src="//player.bilibili.com/player.html?bvid=BV1aTxMehEjK&poster=1&autoplay=0&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>'}]}],direction:1},{topic:"Caution",id:"bd42dad21aaf6bae",direction:0,style:{background:"#f1c40e"},expanded:!0,children:[{topic:"Only save manually",id:"bd42e1d0163ebf04",expanded:!0,children:[{topic:"Save button in the top-right corner",id:"bd42e619051878b3",branchColor:"green",expanded:!0,children:[]},{topic:"ctrl + S",id:"bd42e97d7ac35e99"}]}]}],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}],summaries:[{id:"a5e68e6a2ce1b648",parent:"bd42e1d0163ebf04",start:0,end:1,text:"summary"},{id:"a5e6978f1bc69f4a",parent:"bd4313fbac40284b",start:3,end:5,text:"summary"}],direction:2,theme:{name:"Latte",palette:["#dd7878","#ea76cb","#8839ef","#e64553","#fe640b","#df8e1d","#40a02b","#209fb5","#1e66f5","#7287fd"],cssVar:{"--main-color":"#444446","--main-bgcolor":"#ffffff","--color":"#777777","--bgcolor":"#f6f6f6","--panel-color":"#444446","--panel-bgcolor":"#ffffff","--panel-border-color":"#eaeaea"}}}}();

package/dist/example.js

@@ -1,5 +1,4 @@
-const s = '<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>', a = `<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>`, e = '<div><style>.title{font-size:50px}</style><div class="title">Title</div><div style="color: red; font-size: 20px;">Hello world</div></div>', t = {
+const a = {
   nodeData: {
     id: "me-root",
     topic: "Mind Elixir",
@@ -178,6 +177,14 @@ const s = '<div class="math math-display"><span class="katex-display"><span clas
           {
             topic: "Modify link with control points",
             id: "bd1c0c4a487bd036"
+          },
+          {
+            topic: "Bidirectional link is",
+            id: "4da8dbbc7b71be99"
+          },
+          {
+            topic: "Also available.",
+            id: "4da8ded27033a710"
           }
         ]
       },
@@ -279,7 +286,7 @@ and the former one will become a child node of latter one`,
               {
                 topic: "",
                 id: "c00a2264f4532612",
-                dangerouslySetInnerHTML: s
+                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>'
               }
             ]
           },
@@ -290,7 +297,8 @@ and the former one will become a child node of latter one`,
               {
                 topic: "",
                 id: "c00a2264f4532613",
-                dangerouslySetInnerHTML: a
+                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>`
               }
             ]
           },
@@ -301,11 +309,23 @@ and the former one will become a child node of latter one`,
               {
                 topic: "",
                 id: "c00a2264f4532614",
-                dangerouslySetInnerHTML: e
+                dangerouslySetInnerHTML: '<div><style>.title{font-size:50px}</style><div class="title">Title</div><div style="color: red; font-size: 20px;">Hello world</div></div>'
+              }
+            ]
+          },
+          {
+            topic: "Video",
+            id: "c00a2264ffadw19",
+            children: [
+              {
+                topic: "",
+                id: "c00a2264f453fv14",
+                dangerouslySetInnerHTML: '<iframe src="//player.bilibili.com/player.html?bvid=BV1aTxMehEjK&poster=1&autoplay=0&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>'
               }
             ]
           }
-        ]
+        ],
+        direction: 1
       },
       {
         topic: "Caution",
@@ -352,7 +372,23 @@ and the former one will become a child node of latter one`,
       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
     }
   ],
   summaries: [
@@ -387,5 +423,5 @@ and the former one will become a child node of latter one`,
   }
 };
 export {
-  t as default
+  a as default
 };

package/dist/types/arrow.d.ts

@@ -1,5 +1,12 @@
 import type { CustomSvg, Topic } from './types/dom';
 import type { MindElixirInstance, Uid } from './index';
+/**
+ * FYI
+ * p1: starting point
+ * p2: control point of starting point
+ * p3: control point of ending point
+ * p4: ending point
+ */
 export type Arrow = {
     id: string;
     label: string;
@@ -13,6 +20,7 @@ export type Arrow = {
         x: number;
         y: number;
     };
+    bidirectional?: boolean;
 };
 export type DivData = {
     cx: number;
@@ -22,7 +30,10 @@ export type DivData = {
     ctrlX: number;
     ctrlY: number;
 };
-export declare const createArrow: (this: MindElixirInstance, from: Topic, to: Topic) => void;
+export type ArrowOptions = {
+    bidirectional?: boolean;
+};
+export declare const createArrow: (this: MindElixirInstance, from: Topic, to: Topic, options?: ArrowOptions) => 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/index.d.ts

@@ -22,7 +22,7 @@ declare namespace MindElixir {
         renderArrow(this: MindElixirInstance): void;
         editArrowLabel(this: MindElixirInstance, el: import("./types/dom").CustomSvg): void;
         tidyArrow(this: MindElixirInstance): void;
-        createArrow: (this: MindElixirInstance, from: import("./types/dom").Topic, to: import("./types/dom").Topic) => void;
+        createArrow: (this: MindElixirInstance, from: import("./types/dom").Topic, to: import("./types/dom").Topic, options?: import("./arrow").ArrowOptions) => void;
         removeArrow: (this: MindElixirInstance, linkSvg?: import("./types/dom").CustomSvg) => void;
         selectArrow: (this: MindElixirInstance, link: import("./types/dom").CustomSvg) => void;
         unselectArrow: (this: MindElixirInstance) => void;

package/dist/types/linkDiv.d.ts

@@ -1,5 +1,5 @@
 import type { Wrapper } from './types/dom';
-import type { MindElixirInstance } from './types/index';
+import { type MindElixirInstance } from './types/index';
 /**
  * Link nodes with svg,
  * only link specific node if `mainNode` is present

package/dist/types/methods.d.ts

@@ -1,5 +1,6 @@
 import type { MindElixirInstance, MindElixirData } from './index';
 import * as nodeOperation from './nodeOperation';
+import * as arrow from './arrow';
 import * as summary from './summary';
 export type OperationMap = typeof nodeOperation;
 export type Operations = keyof OperationMap;
@@ -23,7 +24,7 @@ declare const methods: {
     renderArrow(this: MindElixirInstance): void;
     editArrowLabel(this: MindElixirInstance, el: import("./index").CustomSvg): void;
     tidyArrow(this: MindElixirInstance): void;
-    createArrow: (this: MindElixirInstance, from: import("./index").Topic, to: import("./index").Topic) => void;
+    createArrow: (this: MindElixirInstance, from: import("./index").Topic, to: import("./index").Topic, options?: arrow.ArrowOptions) => void;
     removeArrow: (this: MindElixirInstance, linkSvg?: import("./index").CustomSvg) => void;
     selectArrow: (this: MindElixirInstance, link: import("./index").CustomSvg) => void;
     unselectArrow: (this: MindElixirInstance) => void;

package/dist/types/nodeOperation.d.ts

@@ -1,5 +1,5 @@
 import type { Topic } from './types/dom';
-import type { MindElixirInstance, NodeObj } from './types/index';
+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;

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

@@ -1,6 +1,6 @@
 import type { MindElixirInstance } from '../types/index';
 import './contextMenu.less';
-type Options = {
+export type ContextMenuOption = {
     focus?: boolean;
     link?: boolean;
     extend?: {
@@ -9,5 +9,4 @@ type Options = {
         onclick: (e: MouseEvent) => void;
     }[];
 };
-export default function (mind: MindElixirInstance, option: Options): () => void;
-export {};
+export default function (mind: MindElixirInstance, option?: ContextMenuOption): () => void;

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

@@ -46,5 +46,5 @@ export type CustomLine = SVGPathElement;
 export type CustomArrow = SVGPathElement;
 export interface CustomSvg extends SVGGElement {
     arrowObj: Arrow;
-    children: HTMLCollection & [CustomLine, CustomArrow, SVGTextElement];
+    children: HTMLCollection & [CustomLine, CustomArrow, CustomArrow, SVGTextElement];
 }

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

@@ -8,7 +8,12 @@ import type { Summary, SummarySvgGroup } from '../summary';
 import type SelectionArea from '@viselect/vanilla';
 import type { MainLineParams, SubLineParams } from '../utils/generateBranch';
 import type { Locale } from '../i18n';
-export * from '../methods';
+import type { ContextMenuOption } from '../plugin/contextMenu';
+export { type MindElixirMethods } from '../methods';
+export declare enum DirectionClass {
+    LHS = "lhs",
+    RHS = "rhs"
+}
 type Before = Partial<{
     [K in Operations]: (...args: Parameters<OperationMap[K]>) => Promise<boolean> | boolean;
 }>;
@@ -72,7 +77,7 @@ export interface MindElixirInstance extends MindElixirMethods {
     draggable: boolean;
     editable: boolean;
     contextMenu: boolean;
-    contextMenuOption: object;
+    contextMenuOption?: ContextMenuOption;
     toolBar: boolean;
     keypress: boolean;
     mouseSelectionButton: 0 | 2;
@@ -124,7 +129,7 @@ export type Options = {
     draggable?: boolean;
     editable?: boolean;
     contextMenu?: boolean;
-    contextMenuOption?: any;
+    contextMenuOption?: ContextMenuOption;
     toolBar?: boolean;
     keypress?: boolean;
     mouseSelectionButton?: 0 | 2;

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

@@ -1,5 +1,6 @@
 import type { MindElixirInstance } from '..';
-export type MainLineParams = {
+import { DirectionClass } from '..';
+export interface MainLineParams {
     pT: number;
     pL: number;
     pW: number;
@@ -8,10 +9,10 @@ export type MainLineParams = {
     cL: number;
     cW: number;
     cH: number;
-    direction: 'lhs' | 'rhs';
+    direction: DirectionClass;
     containerHeight: number;
-};
-export type SubLineParams = {
+}
+export interface SubLineParams {
     pT: number;
     pL: number;
     pW: number;
@@ -20,8 +21,8 @@ export type SubLineParams = {
     cL: number;
     cW: number;
     cH: number;
-    direction: 'lhs' | 'rhs';
+    direction: DirectionClass;
     isFirst: boolean | undefined;
-};
+}
 export declare function main({ pT, pL, pW, pH, cT, cL, cW, cH, direction, containerHeight }: MainLineParams): string;
 export declare function sub(this: MindElixirInstance, { pT, pL, pW, pH, cT, cL, cW, cH, direction, isFirst }: SubLineParams): string;

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

@@ -1,4 +1,4 @@
 import type { Children } from '../types/dom';
-import type { MindElixirInstance, NodeObj } from '../types/index';
+import { type MindElixirInstance, type NodeObj } from '../types/index';
 export declare const layout: (this: MindElixirInstance) => void;
 export declare const layoutChildren: (mei: MindElixirInstance, data: NodeObj[]) => Children;

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

@@ -3,5 +3,5 @@ import type { CustomSvg } from '../types/dom';
 export declare const createPath: (d: string, color: string, width: string) => SVGPathElement;
 export declare const createLinkSvg: (klass: string) => SVGSVGElement;
 export declare const createLine: () => SVGLineElement;
-export declare const createSvgGroup: (d: string, arrowd: string) => CustomSvg;
+export declare const createSvgGroup: (d: string, arrowd1: string, arrowd2: string) => CustomSvg;
 export declare const editSvgText: (mei: MindElixirInstance, textEl: SVGTextElement, onblur: (div: HTMLDivElement) => void) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "4.3.5",
+  "version": "4.3.7",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [
@@ -77,7 +77,7 @@
     "@types/node": "^20.14.2",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
-    "@viselect/vanilla": "^3.5.1",
+    "@viselect/vanilla": "3.5.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-prettier": "^4.2.1",
@@ -89,4 +89,4 @@
     "vite": "^4.5.3",
     "vite-plugin-css-injected-by-js": "^3.5.1"
   }
-}
+}

package/readme.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <a href="mind-elixir.com" target="_blank" rel="noopener noreferrer">
+  <a href="https://docs.mind-elixir.com" target="_blank" rel="noopener noreferrer">
     <img width="150" src="https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/logo2.png" alt="mindelixir logo2">
   </a>
   <h1 align="center">Mind Elixir</h1>
@@ -23,7 +23,13 @@
   </a>
 </p>
 
-[中文 README](https://github.com/ssshooter/mind-elixir-core/blob/master/readme.cn.md)
+[English](/readme.md)
+[中文](/readme/zh.md)
+[Español](/readme/es.md)
+[Français](/readme/fr.md)
+[Português](/readme/pt.md)
+[Русский](/readme/ru.md)
+[日本語](/readme/ja.md)
 
 Mind elixir is a open source JavaScript mind map core. You can use it with any frontend framework you like.
 
@@ -62,9 +68,10 @@ Features:
 - [APIs](#apis)
 - [Theme](#theme)
 - [Shortcuts](#shortcuts)
-- [Not only core](#not-only-core)
+- [Ecosystem](#ecosystem)
 - [Development](#development)
 - [Thanks](#thanks)
+- [Contributors](#contributors)
 
 </details>
 
@@ -379,7 +386,7 @@ Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`.
 | Ctrl + "-"         | Zoom Out Mind Map                |
 | Ctrl + 0           | Reset Zoom Level                 |
 
-## Not only core
+## Ecosystem
 
 - [@mind-elixir/node-menu](https://github.com/ssshooter/node-menu)
 - [@mind-elixir/node-menu-neo](https://github.com/ssshooter/node-menu-neo)
@@ -387,6 +394,8 @@ Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`.
 - [@mind-elixir/export-html](https://github.com/ssshooter/export-html)
 - [mind-elixir-react](https://github.com/ssshooter/mind-elixir-react)
 
+PRs are welcome!
+
 ## Development
 
 ```
@@ -415,3 +424,11 @@ pnpm doc:md
 ## Thanks
 
 - [@viselect/vanilla](https://github.com/simonwep/selection/tree/master/packages/vanilla)
+
+## Contributors
+
+Thanks for your contributions to Mind Elixir! Your support and dedication make this project better.
+
+<a href="https://github.com/SSShooter/mind-elixir-core/graphs/contributors">
+  <img src="https://contrib.rocks/image?repo=SSShooter/mind-elixir-core&columns=6" />
+</a>

package/readme.cn.md

@@ -1,207 +0,0 @@
-<p align="center"><a href="mind-elixir.com" target="_blank" rel="noopener noreferrer"><img width="150" src="https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/logo2.png" alt="mindelixir logo2"></a></p>
-
-<p align="center">
-  <a href="https://www.npmjs.com/package/mind-elixir">
-    <img src="https://img.shields.io/npm/v/mind-elixir" alt="version">
-  </a>
-  <img src="https://img.shields.io/npm/l/mind-elixir" alt="license">
-  <a href="https://app.codacy.com/gh/ssshooter/mind-elixir-core?utm_source=github.com&utm_medium=referral&utm_content=ssshooter/mind-elixir-core&utm_campaign=Badge_Grade_Settings">
-    <img src="https://api.codacy.com/project/badge/Grade/09fadec5bf094886b30cea6aabf3a88b" alt="code quality">
-  </a>
-  <a href="https://bundlephobia.com/result?p=mind-elixir">
-    <img src="https://badgen.net/bundlephobia/dependency-count/mind-elixir" alt="dependency-count">
-  </a>
-  <a href="https://packagephobia.com/result?p=mind-elixir">
-    <img src="https://packagephobia.com/badge?p=mind-elixir" alt="dependency-count">
-  </a>
-</p>
-
-Mind elixir 是一个无框架依赖的思维导图内核
-
-[English](https://github.com/ssshooter/mind-elixir-core/blob/master/readme.md)
-
-## 立即尝试
-
-![mindelixir](https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/screenshot2.png)
-
-https://mind-elixir.com/#/
-
-### Playground
-
-https://codepen.io/ssshooter/pen/GVQRYK
-
-with React https://codesandbox.io/s/mind-elixir-react-9sisb
-
-with Vue https://codesandbox.io/s/mind-elixir-vue-nqjjl
-
-## 如何使用
-
-### 安装
-
-#### NPM
-
-```bash
-npm i mind-elixir -S
-```
-
-```javascript
-import MindElixir, { E } from 'mind-elixir'
-```
-
-#### Script 标签
-
-```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/mind-elixir/dist/mind-elixir.js"></script>
-```
-
-### HTML 结构
-
-```html
-<div id="map"></div>
-<style>
-  #map {
-    height: 500px;
-    width: 100%;
-  }
-</style>
-```
-
-### 初始化
-
-```javascript
-import MindElixir, { E } from 'mind-elixir'
-import { exportSvg, exportPng } from '../dist/painter'
-import example from '../dist/example1'
-
-let options = {
-  el: '#map',
-  direction: MindElixir.LEFT,
-  // create new map data
-  data: MindElixir.new('new topic') or example,
-  // the data return from `.getData()`
-  draggable: true, // default true
-  contextMenu: true, // default true
-  toolBar: true, // default true
-  nodeMenu: true, // default true
-  keypress: true, // default true
-  locale: 'en', // [zh_CN,zh_TW,en,ja,pt] waiting for PRs
-  overflowHidden: false, // default false
-  mainLinkStyle: 2, // [1,2] default 1
-  contextMenuOption: {
-    focus: true,
-    link: true,
-    extend: [
-      {
-        name: 'Node edit',
-        onclick: () => {
-          alert('extend menu')
-        },
-      },
-    ],
-  },
-  allowUndo: false,
-  before: {
-    insertSibling(el, obj) {
-      return true
-    },
-    async addChild(el, obj) {
-      await sleep()
-      return true
-    },
-  },
-}
-
-let mind = new MindElixir(options)
-mind.init()
-
-// get a node
-E('node-id')
-
-```
-
-### 数据结构
-
-```javascript
-// whole node data structure up to now
-{
-  topic: 'node topic',
-  id: 'bd1c24420cd2c2f5',
-  style: { fontSize: '32', color: '#3298db', background: '#ecf0f1' },
-  parent: null,
-  tags: ['Tag'],
-  icons: ['😀'],
-  hyperLink: 'https://github.com/ssshooter/mind-elixir-core',
-}
-```
-
-### 事件处理
-
-```javascript
-mind.bus.addListener('operation', operation => {
-  console.log(operation)
-  // return {
-  //   name: action name,
-  //   obj: target object
-  // }
-
-  // name: [insertSibling|addChild|removeNode|beginEdit|finishEdit]
-  // obj: target
-
-  // name: moveNode
-  // obj: {from:target1,to:target2}
-})
-
-mind.bus.addListener('selectNode', node => {
-  console.log(node)
-})
-
-mind.bus.addListener('expandNode', node => {
-  console.log('expandNode: ', node)
-})
-```
-
-### 数据导出
-
-```javascript
-mind.getData() // javascript object, see src/example.js
-mind.getDataString() // stringify object
-mind.getDataMd() // markdown
-```
-
-### 输出图片
-
-**WIP**
-
-```javascript
-import painter from 'mind-elixir/dist/painter'
-painter.exportSvg()
-painter.exportPng()
-```
-
-### 操作拦截
-
-```javascript
-let mind = new MindElixir({
-  ...
-  before: {
-    insertSibling(el, obj) {
-      console.log(el, obj)
-      if (this.currentNode.nodeObj.parent.root) {
-        return false
-      }
-      return true
-    },
-    async addChild(el, obj) {
-      await sleep()
-      if (this.currentNode.nodeObj.parent.root) {
-        return false
-      }
-      return true
-    },
-  },
-})
-```
-
-## 文档
-
-https://docs.mind-elixir.com/zh-Hans/