mind-elixir 5.0.0-beta.9 → 5.0.1

package/dist/MindElixir.js

@@ -1,108 +1,100 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".map-container{--gap: 30px;--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;-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}.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 .lhs{direction:rtl}.map-container .lhs me-tpc{direction:ltr}.map-container .map-canvas{height:20000px;width:20000px;position:relative;-webkit-user-select:none;user-select:none;transform:scale(1);background-color:var(--bgcolor)}.map-container .map-canvas me-nodes{position:absolute;display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content}.map-container .map-canvas me-root{position:relative}.map-container .map-canvas me-root me-tpc{display:block;font-size:25px;color:var(--root-color);padding:10px var(--gap);border-radius:var(--root-radius);border:var(--root-border-color) 2px solid;white-space:pre-wrap;background-color:var(--root-bgcolor)}.map-container me-main>me-wrapper{position:relative;margin:45px 65px}.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-parent{position:relative;cursor:pointer;padding:6px var(--gap);margin-top:10px}.map-container me-parent me-tpc{position:relative;display:block;border-radius:3px;color:var(--color);pointer-events:all;max-width:35em;white-space:pre-wrap;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}.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}.map-container me-parent me-epd.minus:hover{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;background-color:var(--bgcolor)}.map-container me-tpc>*{pointer-events:none}.map-container me-tpc>a,.map-container me-tpc>iframe{pointer-events:auto}.map-container me-tpc>img{display:block;margin-bottom:8px;object-fit:cover}.map-container me-tpc>.text{display:inline-block}.map-container .circle{position:absolute;height:10px;width:10px;margin-top:-5px;margin-left:-5px;border-radius:100%;background:#757575;border:2px solid #ffffff;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:20px;left:50%;transform:translate(-50%);color:var(--panel-color);font-weight:bolder}.mind-elixir-toolbar{font-family:iconfont;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}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-var nt = Object.defineProperty;
-var ot = (e, t, n) => t in e ? nt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var G = (e, t, n) => (ot(e, typeof t != "symbol" ? t + "" : t, n), n);
-(function(e) {
-  var t, n, o, s, i, r, c = '<svg><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M423.765333 128a42.666667 42.666667 0 0 1 3.2 85.205333L423.765333 213.333333H234.666667a64 64 0 0 0-63.872 60.245334L170.666667 277.333333v512a64 64 0 0 0 60.245333 63.872L234.666667 853.333333h512a64 64 0 0 0 63.872-60.245333L810.666667 789.333333v-189.098666a42.666667 42.666667 0 0 1 85.205333-3.2l0.128 3.2V789.333333a149.333333 149.333333 0 0 1-144.213333 149.248L746.666667 938.666667h-512a149.333333 149.333333 0 0 1-149.248-144.213334L85.333333 789.333333v-512a149.333333 149.333333 0 0 1 144.213334-149.248L234.666667 128h189.098666z m324.949334-53.248a42.666667 42.666667 0 0 1 60.330666 0l150.869334 150.869333a42.666667 42.666667 0 0 1 0 60.330667l-329.386667 329.386667a42.666667 42.666667 0 0 1-29.44 12.458666l-153.386667 2.517334a42.666667 42.666667 0 0 1-43.349333-43.349334l2.56-153.386666a42.666667 42.666667 0 0 1 12.458667-29.44z m30.165333 90.496L491.946667 452.266667l-1.493334 91.989333 92.032-1.493333 286.976-286.976-90.538666-90.538667z"  ></path></symbol><symbol id="icon-rising" viewBox="0 0 1024 1024"><path d="M553.173333 803.84h-64l0.021334-474.581333-224.021334 224-45.269333-45.226667L521.6 206.293333l301.717333 301.696-45.269333 45.269334-224.853333-224.896v475.477333z"  ></path></symbol><symbol id="icon-falling" viewBox="0 0 1024 1024"><path d="M553.173333 238.314667h-64l0.021334 474.602666-224.021334-224-45.269333 45.226667L521.6 835.861333l301.717333-301.717333-45.269333-45.226667-224.853333 224.853334V238.336z"  ></path></symbol><symbol id="icon-shanchu2" viewBox="0 0 1024 1024"><path d="M516.60601807 107.93026734c-82.64382935 0-149.71865844 65.51751709-152.5729065 147.77160644H171.37136841c-21.40603638 0-38.92044068 17.38504028-38.92044068 38.92126465 0 21.40686036 17.38504028 38.92208862 38.92126466 38.92208862h42.94308471v435.40136719c0 81.73498536 55.39828492 148.55026245 123.90106201 148.55026245h348.99444581c68.37341309 0 123.90106201-66.42553711 123.901062-148.55026245V333.80477906h38.92126465c21.40686036 0 38.92126464-17.38586426 38.92126465-38.92208863 0-21.40686036-17.38504028-38.92126464-38.92126465-38.92126465H668.91854859C666.45321656 173.44860839 599.24902344 107.93109131 516.60601807 107.93109131z m-79.65939331 147.77160644c2.85424805-42.16442872 37.2354126-74.85809326 79.78875732-74.85809326s76.93450927 32.82302857 79.39984131 74.85809326H436.94662476z m-98.86047364 589.01165771c-24.2611084 0-50.98754883-31.13717651-50.98754883-75.76693725V333.80477906h450.97036744V769.33551026c0 44.50039673-26.72644043 75.76776123-50.98754884 75.76776122H338.08615112v-0.38973999z m0 0"  ></path><path d="M390.37063599 751.17263794c17.77313232 0 32.43411255-17.7739563 32.43411255-40.08883667V482.35504151c0-22.31488037-14.53079224-40.08966065-32.43411255-40.08966065-17.77478027 0-32.43493653 17.77478027-32.43493653 40.08966065v228.72875976c0 22.18469239 14.27124023 40.08883667 32.43493653 40.08883667z m117.41308594 0c17.7739563 0 32.43411255-17.7739563 32.43411255-40.08883667V482.35504151c0-22.31488037-14.53079224-40.08966065-32.43411255-40.08966065-17.7739563 0-32.43493653 17.77478027-32.43493653 40.08966065v228.72875976c0 22.18469239 14.66098023 40.08883667 32.43493653 40.08883667z m123.51049804 0c17.7739563 0 32.43493653-17.7739563 32.43493652-40.08883667V482.35504151c0-22.31488037-14.53079224-40.08966065-32.43493652-40.08966065-17.7739563 0-32.43411255 17.77478027-32.43411255 40.08966065v228.72875976c0 22.18469239 14.14105224 40.08883667 32.43411255 40.08883667z m0 0"  ></path></symbol><symbol id="icon-zijiedian" viewBox="0 0 1024 1024"><path d="M312.208 472c19.568-157.856 153.432-280 315.656-280 175.68 0 318.112 143.272 318.112 320S803.552 832 627.864 832c-162.224 0-296.08-122.144-315.656-280H120a40 40 0 0 1 0-80h192.208zM632 752c132.552 0 240-107.448 240-240 0-132.552-107.448-240-240-240-132.552 0-240 107.448-240 240 0 132.552 107.448 240 240 240z m-40-280v-80a40 40 0 0 1 80 0v80h80a40 40 0 0 1 0 80h-80v80a40 40 0 0 1-80 0v-80h-80a40 40 0 0 1 0-80h80z"  ></path></symbol><symbol id="icon-tongjijiedian-" viewBox="0 0 1024 1024"><path d="M803.84 131.626667H410.24A59.733333 59.733333 0 0 0 350.506667 192v45.226667H199.68a51.626667 51.626667 0 0 0-51.626667 51.626666v465.92a51.626667 51.626667 0 0 0 51.626667 51.626667h187.52v-55.466667h-162.133333a21.333333 21.333333 0 0 1-21.333334-21.333333V313.386667a21.333333 21.333333 0 0 1 21.333334-21.333334h125.653333v64a59.733333 59.733333 0 0 0 59.733333 59.733334h393.386667a59.733333 59.733333 0 0 0 59.733333-59.733334V192a59.733333 59.733333 0 0 0-59.733333-60.373333z m4.266667 224.64a4.266667 4.266667 0 0 1-4.266667 4.266666H410.24a4.266667 4.266667 0 0 1-4.266667-4.266666V192a4.266667 4.266667 0 0 1 4.266667-4.266667h393.6a4.266667 4.266667 0 0 1 4.266667 4.266667zM716.16 749.44h-81.28v-81.493333a27.733333 27.733333 0 0 0-55.466667 0v81.28h-81.493333a27.733333 27.733333 0 1 0 0 55.466666h81.28v81.28a27.733333 27.733333 0 1 0 55.466667 0v-81.066666h81.28a27.733333 27.733333 0 0 0 0-55.466667z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M557.312 513.248l265.28-263.904c12.544-12.48 12.608-32.704 0.128-45.248-12.512-12.576-32.704-12.608-45.248-0.128L512.128 467.904l-263.04-263.84c-12.448-12.48-32.704-12.544-45.248-0.064-12.512 12.48-12.544 32.736-0.064 45.28l262.976 263.776L201.6 776.8c-12.544 12.48-12.608 32.704-0.128 45.248a31.937 31.937 0 0 0 22.688 9.44c8.16 0 16.32-3.104 22.56-9.312l265.216-263.808 265.44 266.24c6.24 6.272 14.432 9.408 22.656 9.408a31.94 31.94 0 0 0 22.592-9.344c12.512-12.48 12.544-32.704 0.064-45.248L557.312 513.248z" fill="" ></path></symbol><symbol id="icon-menu" viewBox="0 0 1024 1024"><path d="M109.714 292.571h804.572c21.943 0 36.571-21.942 36.571-43.885 0-14.629-14.628-29.257-36.571-29.257H109.714c-21.943 0-36.571 14.628-36.571 36.571 0 14.629 14.628 36.571 36.571 36.571zM914.286 512H109.714c-21.943 0-36.571 14.629-36.571 36.571 0 14.629 14.628 36.572 36.571 36.572h804.572c21.943 0 36.571-21.943 36.571-43.886 0-14.628-14.628-29.257-36.571-29.257z m0 292.571H109.714c-21.943 0-36.571 14.629-36.571 36.572s14.628 36.571 36.571 36.571h804.572c21.943 0 36.571-21.943 36.571-36.571 0-21.943-14.628-36.572-36.571-36.572z"  ></path></symbol><symbol id="icon-right" viewBox="0 0 1024 1024"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="" ></path></symbol><symbol id="icon-left" viewBox="0 0 1024 1024"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="" ></path></symbol><symbol id="icon-side" viewBox="0 0 1024 1024"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z"  ></path></symbol><symbol id="icon-B" viewBox="0 0 1024 1024"><path d="M98.067692 65.457231H481.28c75.854769 0 132.411077 3.150769 169.668923 9.452307 37.336615 6.301538 70.656 19.534769 100.036923 39.620924 29.459692 20.007385 53.956923 46.710154 73.570462 80.029538 19.692308 33.398154 29.459692 70.734769 29.459692 112.167385 0 44.898462-12.130462 86.094769-36.233846 123.588923a224.886154 224.886154 0 0 1-98.461539 84.283077c58.368 17.092923 103.266462 46.08 134.695385 87.04 31.350154 40.96 47.025231 89.088 47.025231 144.462769 0 43.638154-10.082462 86.016-30.404923 127.212308-20.243692 41.196308-47.891692 74.043077-83.02277 98.697846-35.052308 24.654769-78.296615 39.778462-129.732923 45.449846-32.295385 3.465846-110.119385 5.671385-233.472 6.537846H98.067692V65.457231z m193.536 159.507692V446.621538h126.818462c75.460923 0 122.328615-1.024 140.603077-3.229538 33.083077-3.938462 59.155692-15.36 78.139077-34.343385 18.904615-18.904615 28.435692-43.874462 28.435692-74.830769 0-29.696-8.192-53.720615-24.497231-72.310154-16.384-18.510769-40.644923-29.696-72.940307-33.634461-19.140923-2.205538-74.279385-3.308308-165.415385-3.308308h-111.064615z m0 381.243077v256.315077h179.2c69.710769 0 113.979077-1.969231 132.726154-5.907692 28.750769-5.198769 52.145231-17.959385 70.262154-38.281847 18.116923-20.243692 27.096615-47.340308 27.096615-81.368615 0-28.750769-6.931692-53.169231-20.873846-73.255385a118.232615 118.232615 0 0 0-60.494769-43.795692c-26.387692-9.137231-83.574154-13.705846-171.638154-13.705846H291.603692z"  ></path></symbol><symbol id="icon-a" viewBox="0 0 1024 1024"><path d="M757.76 665.6q0 20.48 1.536 34.304t7.68 22.016 18.944 12.288 34.304 4.096q-3.072 25.6-15.36 44.032-11.264 16.384-33.28 29.696t-62.976 13.312q-11.264 0-20.48-0.512t-17.408-2.56l-6.144-2.048-1.024 0q-4.096-1.024-10.24-4.096-2.048-2.048-4.096-2.048-1.024-1.024-2.048-1.024-14.336-8.192-23.552-17.408t-14.336-17.408q-6.144-10.24-9.216-20.48-63.488 75.776-178.176 75.776-48.128 0-88.064-15.36t-69.12-44.032-45.056-68.096-15.872-88.576 16.896-89.088 47.616-67.584 74.24-42.496 96.768-14.848q48.128 0 88.576 17.408t66.048 49.152q0-8.192 0.512-16.384t0.512-15.36q0-71.68-39.936-104.448t-128-32.768q-43.008 0-84.992 6.656t-84.992 17.92q14.336-28.672 25.088-47.616t24.064-29.184q30.72-24.576 158.72-24.576 79.872 0 135.168 13.824t90.624 43.52 51.2 75.264 15.872 108.032l0 200.704zM487.424 743.424q50.176 0 79.872-33.28t29.696-95.744q0-61.44-28.672-93.696t-76.8-32.256q-52.224 0-82.944 33.28t-30.72 94.72q0 58.368 31.744 92.672t77.824 34.304z"  ></path></symbol><symbol id="icon-full" viewBox="0 0 1024 1024"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z"  ></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z"  ></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z"  ></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z"  ></path></symbol><symbol id="icon-add" viewBox="0 0 1024 1024"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z"  ></path></symbol><symbol id="icon-move" viewBox="0 0 1024 1024"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z"  ></path></symbol><symbol id="icon-living" viewBox="0 0 1024 1024"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="" ></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="" ></path></symbol></svg>', l = (l = document.getElementsByTagName("script"))[l.length - 1].getAttribute("data-injectcss");
-  if (l && !e.__iconfont__svg__cssinject__) {
-    e.__iconfont__svg__cssinject__ = !0;
-    try {
-      document.write(
-        "<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>"
-      );
-    } catch {
-    }
-  }
-  function d() {
-    i || (i = !0, o());
-  }
-  t = function() {
-    var a, u, h, p;
-    (p = document.createElement("div")).innerHTML = c, c = null, (h = p.getElementsByTagName("svg")[0]) && (h.setAttribute("aria-hidden", "true"), h.style.position = "absolute", h.style.width = 0, h.style.height = 0, h.style.overflow = "hidden", a = h, (u = document.body).firstChild ? (p = a, (h = u.firstChild).parentNode.insertBefore(p, h)) : u.appendChild(a));
-  }, document.addEventListener ? ~["complete", "loaded", "interactive"].indexOf(document.readyState) ? setTimeout(t, 0) : (n = function() {
-    document.removeEventListener("DOMContentLoaded", n, !1), t();
-  }, document.addEventListener("DOMContentLoaded", n, !1)) : document.attachEvent && (o = t, s = e.document, i = !1, (r = function() {
-    try {
-      s.documentElement.doScroll("left");
-    } catch {
-      return void setTimeout(r, 50);
-    }
-    d();
-  })(), s.onreadystatechange = function() {
-    s.readyState == "complete" && (s.onreadystatechange = null, d());
-  });
-})(window);
-const A = 0, H = 1, ae = 2, Re = {
+var lt = Object.defineProperty;
+var at = (e, t, n) => t in e ? lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var q = (e, t, n) => (at(e, typeof t != "symbol" ? t + "" : t, n), n);
+const fe = {
   name: "Latte",
   type: "light",
   palette: ["#dd7878", "#ea76cb", "#8839ef", "#e64553", "#fe640b", "#df8e1d", "#40a02b", "#209fb5", "#1e66f5", "#7287fd"],
   cssVar: {
-    "--gap": "30px",
+    "--node-gap-x": "30px",
+    "--node-gap-y": "10px",
+    "--main-gap-x": "65px",
+    "--main-gap-y": "45px",
+    "--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"
+    "--panel-border-color": "#eaeaea",
+    "--map-padding": "50px"
   }
-}, ze = {
+}, pe = {
   name: "Dark",
   type: "dark",
   palette: ["#848FA0", "#748BE9", "#D2F9FE", "#4145A5", "#789AFA", "#706CF4", "#EF987F", "#775DD5", "#FCEECF", "#DA7FBC"],
   cssVar: {
+    "--node-gap-x": "30px",
+    "--node-gap-y": "10px",
+    "--main-gap-x": "65px",
+    "--main-gap-y": "45px",
+    "--root-radius": "30px",
+    "--main-radius": "20px",
+    "--root-color": "#ffffff",
+    "--root-bgcolor": "#2d3748",
+    "--root-border-color": "rgba(255, 255, 255, 0.1)",
     "--main-color": "#ffffff",
     "--main-bgcolor": "#4c4f69",
+    "--topic-padding": "3px",
     "--color": "#cccccc",
     "--bgcolor": "#252526",
+    "--selected": "#4dc4ff",
     "--panel-color": "#ffffff",
     "--panel-bgcolor": "#2d3748",
-    "--panel-border-color": "#696969"
+    "--panel-border-color": "#696969",
+    "--map-padding": "50px 80px"
   }
 };
-function se(e) {
+function te(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
 }
-const ie = function(e, t) {
+const ne = function(e, t) {
   if (t.id === e)
     return t;
   if (t.children && t.children.length) {
     for (let n = 0; n < t.children.length; n++) {
-      const o = ie(e, t.children[n]);
+      const o = ne(e, t.children[n]);
       if (o)
         return o;
     }
     return null;
   } else
     return null;
-}, P = (e, t) => {
+}, $ = (e, t) => {
   if (e.parent = t, e.children)
     for (let n = 0; n < e.children.length; n++)
-      P(e.children[n], e);
+      $(e.children[n], e);
 };
-function pe(e) {
+function ge(e) {
   if (e.id = V(), e.children)
     for (let t = 0; t < e.children.length; t++)
-      pe(e.children[t]);
+      ge(e.children[t]);
 }
-function re(e, t, n, o) {
-  const s = o - t, i = e - n;
-  let r = Math.atan(Math.abs(s) / Math.abs(i)) / 3.14 * 180;
+function oe(e, t, n, o) {
+  const i = o - t, s = e - n;
+  let r = Math.atan(Math.abs(i) / Math.abs(s)) / 3.14 * 180;
   if (isNaN(r))
     return;
-  i < 0 && s > 0 && (r = 180 - r), i < 0 && s < 0 && (r = 180 + r), i > 0 && s < 0 && (r = 360 - r);
-  const c = 12, l = 30, d = r + l, a = r - l;
+  s < 0 && i > 0 && (r = 180 - r), s < 0 && i < 0 && (r = 180 + r), s > 0 && i < 0 && (r = 360 - r);
+  const c = 12, u = 30, a = r + u, f = r - u;
   return {
-    x1: n + Math.cos(Math.PI * d / 180) * c,
-    y1: o - Math.sin(Math.PI * d / 180) * c,
-    x2: n + Math.cos(Math.PI * a / 180) * c,
-    y2: o - Math.sin(Math.PI * a / 180) * c
+    x1: n + Math.cos(Math.PI * a / 180) * c,
+    y1: o - Math.sin(Math.PI * a / 180) * c,
+    x2: n + Math.cos(Math.PI * f / 180) * c,
+    y2: o - Math.sin(Math.PI * f / 180) * c
   };
 }
 function V() {
   return ((/* @__PURE__ */ new Date()).getTime().toString(16) + Math.random().toString(16).substr(2)).substr(2, 16);
 }
-const st = function() {
+const dt = function() {
   const e = V();
   return {
     topic: this.newTopicName,
@@ -117,7 +109,7 @@ function me(e) {
     })
   );
 }
-const B = (e, t) => {
+const H = (e, t) => {
   let n = 0, o = 0;
   for (; t && t !== e; )
     n += t.offsetLeft, o += t.offsetTop, t = t.offsetParent;
@@ -125,29 +117,160 @@ const B = (e, t) => {
 }, S = (e, t) => {
   for (const n in t)
     e.setAttribute(n, t[n]);
-}, he = (e) => e ? e.tagName === "ME-TPC" : !1, de = (e) => e.filter((t) => {
-  for (let n = 0; n < e.length; n++) {
-    if (t === e[n])
+}, ae = (e) => e ? e.tagName === "ME-TPC" : !1, ce = (e) => e.filter((t) => t.nodeObj.parent).filter((t, n, o) => {
+  for (let i = 0; i < o.length; i++) {
+    if (t === o[i])
       continue;
-    if (e[n].parentElement.parentElement.contains(t))
+    const { parent: s } = t.nodeObj;
+    if (s === o[i].nodeObj)
       return !1;
   }
   return !0;
-}), Fe = (e) => {
+}), Ye = (e) => {
   const t = /translate\(([^,]+),\s*([^)]+)\)/, n = e.match(t);
   return n ? { x: parseFloat(n[1]), y: parseFloat(n[2]) } : { x: 0, y: 0 };
+}, ve = function(e) {
+  for (let t = 0; t < e.length; t++) {
+    const { dom: n, evt: o, func: i } = e[t];
+    n.addEventListener(o, i);
+  }
+  return function() {
+    for (let n = 0; n < e.length; n++) {
+      const { dom: o, evt: i, func: s } = e[n];
+      o.removeEventListener(i, s);
+    }
+  };
 };
-function it(e) {
-  const { dragMoveHelper: t } = e;
-  e.map.addEventListener("click", (n) => {
-    var i, r, c;
-    if (n.button !== 0)
+var M = /* @__PURE__ */ ((e) => (e.LHS = "lhs", e.RHS = "rhs", e))(M || {});
+const ht = (e) => {
+  const t = e.map.querySelectorAll(".lhs>me-wrapper>me-parent>me-tpc");
+  e.selectNode(t[Math.ceil(t.length / 2) - 1]);
+}, ut = (e) => {
+  const t = e.map.querySelectorAll(".rhs>me-wrapper>me-parent>me-tpc");
+  e.selectNode(t[Math.ceil(t.length / 2) - 1]);
+}, ft = (e) => {
+  e.selectNode(e.map.querySelector("me-root>me-tpc"));
+}, pt = function(e, t) {
+  const n = t.parentElement.parentElement.parentElement.previousSibling;
+  if (n) {
+    const o = n.firstChild;
+    e.selectNode(o);
+  }
+}, gt = function(e, t) {
+  const n = t.parentElement.nextSibling;
+  if (n && n.firstChild) {
+    const o = n.firstChild.firstChild.firstChild;
+    e.selectNode(o);
+  }
+}, _e = function(e, t) {
+  var s, r;
+  const n = e.currentNode || ((s = e.currentNodes) == null ? void 0 : s[0]);
+  if (!n)
+    return;
+  const o = n.nodeObj, i = n.offsetParent.offsetParent.parentElement;
+  o.parent ? i.className === t ? gt(e, n) : (r = o.parent) != null && r.parent ? pt(e, n) : ft(e) : t === M.LHS ? ht(e) : ut(e);
+}, ke = function(e, t) {
+  const n = e.currentNode;
+  if (!n || !n.nodeObj.parent)
+    return;
+  const i = t + "Sibling", s = n.parentElement.parentElement[i];
+  s ? e.selectNode(s.firstChild.firstChild) : e.selectNode(n);
+}, ie = function(e, t, n) {
+  const { scaleVal: o, scaleSensitivity: i } = e;
+  switch (t) {
+    case "in":
+      if (o > 1.6)
+        return;
+      e.scale(o + i, n);
+      break;
+    case "out":
+      if (o < 0.6)
+        return;
+      e.scale(o - i, n);
+  }
+};
+function mt(e, t) {
+  t = t === !0 ? {} : t;
+  const n = () => {
+    e.currentArrow ? e.removeArrow() : e.currentSummary ? e.removeSummary(e.currentSummary.summaryObj.id) : e.currentNodes && e.removeNodes(e.currentNodes);
+  }, o = {
+    Enter: (i) => {
+      i.shiftKey ? e.insertSibling("before") : i.ctrlKey ? e.insertParent() : e.insertSibling("after");
+    },
+    Tab: () => {
+      e.addChild();
+    },
+    F1: () => {
+      e.toCenter();
+    },
+    F2: () => {
+      e.beginEdit();
+    },
+    ArrowUp: (i) => {
+      if (i.altKey)
+        e.moveUpNode();
+      else {
+        if (i.metaKey || i.ctrlKey)
+          return e.initSide();
+        ke(e, "previous");
+      }
+    },
+    ArrowDown: (i) => {
+      i.altKey ? e.moveDownNode() : ke(e, "next");
+    },
+    ArrowLeft: (i) => {
+      if (i.metaKey || i.ctrlKey)
+        return e.initLeft();
+      _e(e, M.LHS);
+    },
+    ArrowRight: (i) => {
+      if (i.metaKey || i.ctrlKey)
+        return e.initRight();
+      _e(e, M.RHS);
+    },
+    PageUp: () => e.moveUpNode(),
+    PageDown: () => {
+      e.moveDownNode();
+    },
+    c: (i) => {
+      (i.metaKey || i.ctrlKey) && (e.waitCopy = e.currentNodes);
+    },
+    x: (i) => {
+      (i.metaKey || i.ctrlKey) && (e.waitCopy = e.currentNodes, n());
+    },
+    v: (i) => {
+      !e.waitCopy || !e.currentNode || (i.metaKey || i.ctrlKey) && (e.waitCopy.length === 1 ? e.copyNode(e.waitCopy[0], e.currentNode) : e.copyNodes(e.waitCopy, e.currentNode));
+    },
+    "=": (i) => {
+      (i.metaKey || i.ctrlKey) && ie(e, "in");
+    },
+    "-": (i) => {
+      (i.metaKey || i.ctrlKey) && ie(e, "out");
+    },
+    0: (i) => {
+      (i.metaKey || i.ctrlKey) && e.scale(1);
+    },
+    Delete: n,
+    Backspace: n,
+    ...t
+  };
+  e.container.onkeydown = (i) => {
+    if (i.preventDefault(), !e.editable || i.target !== i.currentTarget)
+      return;
+    const s = o[i.key];
+    s && s(i);
+  };
+}
+function vt(e) {
+  const { dragMoveHelper: t } = e, n = (d) => {
+    var m, v, b;
+    if (d.button !== 0)
       return;
-    if ((i = e.helper1) != null && i.moved) {
+    if ((m = e.helper1) != null && m.moved) {
       e.helper1.clear();
       return;
     }
-    if ((r = e.helper2) != null && r.moved) {
+    if ((v = e.helper2) != null && v.moved) {
       e.helper2.clear();
       return;
     }
@@ -155,41 +278,74 @@ function it(e) {
       t.clear();
       return;
     }
-    e.clearSelection();
-    const o = n.target;
-    if (o.tagName === "ME-EPD")
-      e.expandNode(o.previousSibling);
-    else if (he(o))
-      e.selectNode(o, !1, n);
+    const l = d.target;
+    if (l.tagName === "ME-EPD")
+      d.ctrlKey || d.metaKey ? e.expandNodeAll(l.previousSibling) : e.expandNode(l.previousSibling);
+    else if (l.tagName === "ME-TPC" && e.currentNodes.length > 1)
+      e.selectNode(l);
     else if (!e.editable)
       return;
-    const s = (c = o.parentElement) == null ? void 0 : c.parentElement;
-    s.getAttribute("class") === "topiclinks" ? e.selectArrow(o.parentElement) : s.getAttribute("class") === "summary" && e.selectSummary(o.parentElement);
-  }), e.map.addEventListener("dblclick", (n) => {
-    var i;
+    const p = (b = l.parentElement) == null ? void 0 : b.parentElement;
+    p.getAttribute("class") === "topiclinks" ? e.selectArrow(l.parentElement) : p.getAttribute("class") === "summary" && e.selectSummary(l.parentElement);
+  }, o = (d) => {
+    var m;
     if (!e.editable)
       return;
-    const o = n.target;
-    he(o) && e.beginEdit(o);
-    const s = (i = o.parentElement) == null ? void 0 : i.parentElement;
-    s.getAttribute("class") === "topiclinks" ? e.editArrowLabel(o.parentElement) : s.getAttribute("class") === "summary" && e.editSummary(o.parentElement);
-  }), e.map.addEventListener("mousedown", (n) => {
-    const o = e.mouseSelectionButton === 0 ? 2 : 0;
-    n.button === o && n.target.contentEditable === "inherit" && (t.moved = !1, t.mousedown = !0, e.map.style.transition = "none");
-  }), document.addEventListener("mousemove", (n) => {
-    n.target.contentEditable === "inherit" && t.onMove(n), t.x = n.clientX, t.y = n.clientY;
-  }), document.addEventListener("mouseup", (n) => {
-    const o = e.mouseSelectionButton === 0 ? 2 : 0;
-    n.button === o && t.clear();
-  }), document.addEventListener("contextmenu", (n) => {
-    t.moved && n.preventDefault();
-  });
+    const l = d.target;
+    ae(l) && e.beginEdit(l);
+    const p = (m = l.parentElement) == null ? void 0 : m.parentElement;
+    p.getAttribute("class") === "topiclinks" ? e.editArrowLabel(l.parentElement) : p.getAttribute("class") === "summary" && e.editSummary(l.parentElement);
+  };
+  let i = 0;
+  const s = (d) => {
+    if (d.pointerType === "mouse")
+      return;
+    const l = (/* @__PURE__ */ new Date()).getTime(), p = l - i;
+    p < 300 && p > 0 && o(d), i = l;
+  }, r = (d) => {
+    t.moved = !1;
+    const l = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (d.button !== l && d.pointerType === "mouse")
+      return;
+    t.x = d.clientX, t.y = d.clientY;
+    const p = d.target;
+    p.className !== "circle" && p.contentEditable !== "plaintext-only" && (t.mousedown = !0, e.map.style.transition = "none", p.setPointerCapture(d.pointerId));
+  }, c = (d) => {
+    if (d.target.contentEditable !== "plaintext-only") {
+      const l = d.clientX - t.x, p = d.clientY - t.y;
+      t.onMove(l, p);
+    }
+    t.x = d.clientX, t.y = d.clientY;
+  }, u = (d) => {
+    const l = e.mouseSelectionButton === 0 ? 2 : 0;
+    if (d.button !== l && d.pointerType === "mouse")
+      return;
+    const p = d.target;
+    p.hasPointerCapture && p.hasPointerCapture(d.pointerId) && p.releasePointerCapture(d.pointerId), t.clear();
+  }, a = (d) => {
+    if (d.preventDefault(), d.button !== 2 || !e.editable)
+      return;
+    const l = d.target;
+    ae(l) && !l.classList.contains("selected") && e.selectNode(l), setTimeout(() => {
+      e.dragMoveHelper.moved || e.bus.fire("showContextMenu", d);
+    }, 200);
+  }, f = (d) => {
+    d.stopPropagation(), d.preventDefault(), d.ctrlKey || d.metaKey ? d.deltaY < 0 ? ie(e, "in", e.dragMoveHelper) : e.scaleVal - e.scaleSensitivity > 0 && ie(e, "out", e.dragMoveHelper) : d.shiftKey ? e.move(-d.deltaY, 0) : (e.map.style.transition = "none", e.move(-d.deltaX, -d.deltaY), e.map.style.transition = "transform 0.3s");
+  }, { container: h } = e;
+  return ve([
+    { dom: h, evt: "pointerdown", func: r },
+    { dom: h, evt: "pointermove", func: c },
+    { dom: h, evt: "pointerup", func: u },
+    { dom: h, evt: "pointerup", func: s },
+    { dom: h, evt: "click", func: n },
+    { dom: h, evt: "dblclick", func: o },
+    { dom: h, evt: "contextmenu", func: a },
+    { dom: h, evt: "wheel", func: f }
+  ]);
 }
-function rt() {
+function bt() {
   return {
     handlers: {},
-    showHandler: function() {
-    },
     addListener: function(e, t) {
       this.handlers[e] === void 0 && (this.handlers[e] = []), this.handlers[e].push(t);
     },
@@ -212,105 +368,109 @@ function rt() {
     }
   };
 }
-var M = /* @__PURE__ */ ((e) => (e.LHS = "lhs", e.RHS = "rhs", e))(M || {});
-const ce = document, ct = function() {
+const se = document, yt = function() {
   this.nodes.innerHTML = "";
   const e = this.createTopic(this.nodeData);
-  ge(e, this.nodeData), e.draggable = !1;
-  const t = ce.createElement("me-root");
+  be(e, this.nodeData), e.draggable = !1;
+  const t = se.createElement("me-root");
   t.appendChild(e);
   const n = this.nodeData.children || [];
-  if (this.direction === ae) {
-    let o = 0, s = 0;
-    n.map((i) => {
-      i.direction === A ? o += 1 : i.direction === H ? s += 1 : o <= s ? (i.direction = A, o += 1) : (i.direction = H, s += 1);
+  if (this.direction === 2) {
+    let o = 0, i = 0;
+    n.map((s) => {
+      s.direction === 0 ? o += 1 : s.direction === 1 ? i += 1 : o <= i ? (s.direction = 0, o += 1) : (s.direction = 1, i += 1);
     });
   }
-  lt(this, n, t);
-}, lt = function(e, t, n) {
-  const o = ce.createElement("me-main");
+  wt(this, n, t);
+}, wt = function(e, t, n) {
+  const o = se.createElement("me-main");
   o.className = M.LHS;
-  const s = ce.createElement("me-main");
-  s.className = M.RHS;
-  for (let i = 0; i < t.length; i++) {
-    const r = t[i], { grp: c } = e.createWrapper(r);
-    e.direction === ae ? r.direction === A ? o.appendChild(c) : s.appendChild(c) : e.direction === A ? o.appendChild(c) : s.appendChild(c);
-  }
-  e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(s), e.nodes.appendChild(e.lines);
-}, at = function(e, t) {
-  const n = ce.createElement("me-children");
+  const i = se.createElement("me-main");
+  i.className = M.RHS;
+  for (let s = 0; s < t.length; s++) {
+    const r = t[s], { grp: c } = e.createWrapper(r);
+    e.direction === 2 ? r.direction === 0 ? o.appendChild(c) : i.appendChild(c) : e.direction === 0 ? o.appendChild(c) : i.appendChild(c);
+  }
+  e.nodes.appendChild(o), e.nodes.appendChild(n), e.nodes.appendChild(i), e.nodes.appendChild(e.lines);
+}, xt = function(e, t) {
+  const n = se.createElement("me-children");
   for (let o = 0; o < t.length; o++) {
-    const s = t[o], { grp: i } = e.createWrapper(s);
-    n.appendChild(i);
+    const i = t[o], { grp: s } = e.createWrapper(i);
+    n.appendChild(s);
   }
   return n;
-}, k = document, E = (e, t) => {
-  const o = (t ? t.mindElixirBox : k).querySelector(`[data-nodeid=me${e}]`);
+}, A = document, Ge = function(e, t) {
+  const o = (this != null && this.el ? this.el : t || document).querySelector(`[data-nodeid=me${e}]`);
   if (!o)
     throw new Error(`FindEle: Node ${e} not found, maybe it's collapsed.`);
   return o;
-}, ge = function(e, t) {
-  if (e.innerHTML = "", t.style && (e.style.color = t.style.color || "", e.style.background = t.style.background || "", e.style.fontSize = t.style.fontSize + "px", e.style.fontWeight = t.style.fontWeight || "normal"), t.dangerouslySetInnerHTML) {
+}, be = function(e, t) {
+  if (e.innerHTML = "", t.style) {
+    const n = t.style;
+    for (const o in n)
+      e.style[o] = n[o];
+  }
+  if (t.dangerouslySetInnerHTML) {
     e.innerHTML = t.dangerouslySetInnerHTML;
     return;
   }
   if (t.image) {
     const n = t.image;
     if (n.url && n.width && n.height) {
-      const o = k.createElement("img");
+      const o = A.createElement("img");
       o.src = n.url, o.style.width = n.width + "px", o.style.height = n.height + "px", n.fit && (o.style.objectFit = n.fit), e.appendChild(o), e.image = o;
     }
   } else
     e.image && (e.image = void 0);
   {
-    const n = k.createElement("span");
+    const n = A.createElement("span");
     n.className = "text", n.textContent = t.topic, e.appendChild(n), e.text = n;
   }
   if (t.hyperLink) {
-    const n = k.createElement("a");
+    const n = A.createElement("a");
     n.className = "hyper-link", n.target = "_blank", n.innerText = "🔗", n.href = t.hyperLink, e.appendChild(n), e.link = n;
   } else
     e.link && (e.link = void 0);
   if (t.icons && t.icons.length) {
-    const n = k.createElement("span");
-    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${se(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
+    const n = A.createElement("span");
+    n.className = "icons", n.innerHTML = t.icons.map((o) => `<span>${te(o)}</span>`).join(""), e.appendChild(n), e.icons = n;
   } else
     e.icons && (e.icons = void 0);
   if (t.tags && t.tags.length) {
-    const n = k.createElement("div");
-    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${se(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
+    const n = A.createElement("div");
+    n.className = "tags", n.innerHTML = t.tags.map((o) => `<span>${te(o)}</span>`).join(""), e.appendChild(n), e.tags = n;
   } else
     e.tags && (e.tags = void 0);
-}, dt = function(e, t) {
-  const n = k.createElement("me-wrapper"), { p: o, tpc: s } = this.createParent(e);
+}, Et = function(e, t) {
+  const n = A.createElement("me-wrapper"), { p: o, tpc: i } = this.createParent(e);
   if (n.appendChild(o), !t && e.children && e.children.length > 0) {
-    const i = ve(e.expanded);
-    if (o.appendChild(i), e.expanded !== !1) {
-      const r = at(this, e.children);
+    const s = ye(e.expanded);
+    if (o.appendChild(s), e.expanded !== !1) {
+      const r = xt(this, e.children);
       n.appendChild(r);
     }
   }
-  return { grp: n, top: o, tpc: s };
-}, ht = function(e) {
-  const t = k.createElement("me-parent"), n = this.createTopic(e);
-  return ge(n, e), t.appendChild(n), { p: t, tpc: n };
-}, ut = function(e) {
-  const t = k.createElement("me-children");
+  return { grp: n, top: o, tpc: i };
+}, Ct = function(e) {
+  const t = A.createElement("me-parent"), n = this.createTopic(e);
+  return be(n, e), t.appendChild(n), { p: t, tpc: n };
+}, St = function(e) {
+  const t = A.createElement("me-children");
   return t.append(...e), t;
-}, ft = function(e) {
-  const t = k.createElement("me-tpc");
+}, Nt = function(e) {
+  const t = A.createElement("me-tpc");
   return t.nodeObj = e, t.dataset.nodeid = "me" + e.id, t.draggable = this.draggable, t;
 };
-function qe(e) {
-  const t = k.createRange();
+function Ke(e) {
+  const t = A.createRange();
   t.selectNodeContents(e);
   const n = window.getSelection();
   n && (n.removeAllRanges(), n.addRange(t));
 }
-const pt = function(e) {
+const _t = function(e) {
   if (!e)
     return;
-  const t = k.createElement("div"), n = e.text.textContent;
+  const t = A.createElement("div"), n = e.text.textContent;
   e.appendChild(t), t.id = "input-box", t.textContent = n, t.contentEditable = "plaintext-only", t.spellcheck = !1;
   const o = getComputedStyle(e);
   t.style.cssText = `min-width:${e.offsetWidth - 8}px;
@@ -319,47 +479,47 @@ const pt = function(e) {
   margin:${o.margin};
   font:${o.font};
   background-color:${o.backgroundColor !== "rgba(0, 0, 0, 0)" && o.backgroundColor};
-  border-radius:${o.borderRadius};`, this.direction === A && (t.style.right = "0"), t.focus(), qe(t), this.bus.fire("operation", {
+  border-radius:${o.borderRadius};`, this.direction === 0 && (t.style.right = "0"), Ke(t), this.bus.fire("operation", {
     name: "beginEdit",
     obj: e.nodeObj
-  }), t.addEventListener("keydown", (s) => {
-    s.stopPropagation();
-    const i = s.key;
-    if (i === "Enter" || i === "Tab") {
-      if (s.shiftKey)
+  }), t.addEventListener("keydown", (i) => {
+    i.stopPropagation();
+    const s = i.key;
+    if (s === "Enter" || s === "Tab") {
+      if (i.shiftKey)
         return;
-      s.preventDefault(), t.blur(), this.map.focus();
+      i.preventDefault(), t.blur(), this.container.focus();
     }
   }), t.addEventListener("blur", () => {
     var r;
     if (!t)
       return;
-    const s = e.nodeObj, i = ((r = t.textContent) == null ? void 0 : r.trim()) || "";
-    i === "" ? s.topic = n : s.topic = i, t.remove(), i !== n && (e.text.textContent = s.topic, this.linkDiv(), this.bus.fire("operation", {
+    const i = e.nodeObj, s = ((r = t.textContent) == null ? void 0 : r.trim()) || "";
+    s === "" ? i.topic = n : i.topic = s, t.remove(), s !== n && (e.text.textContent = i.topic, this.linkDiv(), this.bus.fire("operation", {
       name: "finishEdit",
-      obj: s,
+      obj: i,
       origin: n
     }));
   });
-}, ve = function(e) {
-  const t = k.createElement("me-epd");
+}, ye = function(e) {
+  const t = A.createElement("me-epd");
   return t.expanded = e !== !1, t.className = e !== !1 ? "minus" : "", t;
-}, q = document, Y = "http://www.w3.org/2000/svg", Ve = function(e, t, n) {
-  const o = q.createElementNS(Y, "path");
+}, W = document, k = "http://www.w3.org/2000/svg", qe = function(e, t, n) {
+  const o = W.createElementNS(k, "path");
   return S(o, {
     d: e,
     stroke: t || "#666",
     fill: "none",
     "stroke-width": n
   }), o;
-}, Z = function(e) {
-  const t = q.createElementNS(Y, "svg");
+}, U = function(e) {
+  const t = W.createElementNS(k, "svg");
   return t.setAttribute("class", e), t.setAttribute("overflow", "visible"), t;
-}, Ce = function() {
-  const e = q.createElementNS(Y, "line");
-  return e.setAttribute("stroke", "#bbb"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e;
-}, mt = function(e, t, n) {
-  const o = q.createElementNS(Y, "g");
+}, Te = function() {
+  const e = W.createElementNS(k, "line");
+  return e.setAttribute("stroke", "#4dc4ff"), e.setAttribute("fill", "none"), e.setAttribute("stroke-width", "2"), e.setAttribute("opacity", "0.45"), e;
+}, kt = function(e, t, n, o) {
+  const i = W.createElementNS(k, "g");
   return [
     {
       name: "line",
@@ -373,52 +533,52 @@ const pt = function(e) {
       name: "arrow2",
       d: n
     }
-  ].forEach((i, r) => {
-    const c = i.d, l = q.createElementNS(Y, "path");
-    S(l, {
-      d: c,
-      stroke: "rgb(235, 95, 82)",
+  ].forEach((r, c) => {
+    const u = r.d, a = W.createElementNS(k, "path"), f = {
+      d: u,
+      stroke: (o == null ? void 0 : o.stroke) || "rgb(235, 95, 82)",
       fill: "none",
-      "stroke-linecap": "cap",
-      "stroke-width": "2"
-    }), r === 0 && l.setAttribute("stroke-dasharray", "8,2");
-    const a = q.createElementNS(Y, "path");
-    S(a, {
-      d: c,
+      "stroke-linecap": (o == null ? void 0 : o.strokeLinecap) || "cap",
+      "stroke-width": String((o == null ? void 0 : o.strokeWidth) || "2")
+    };
+    (o == null ? void 0 : o.opacity) !== void 0 && (f.opacity = String(o.opacity)), S(a, f), c === 0 && a.setAttribute("stroke-dasharray", (o == null ? void 0 : o.strokeDasharray) || "8,2");
+    const h = W.createElementNS(k, "path");
+    S(h, {
+      d: u,
       stroke: "transparent",
       fill: "none",
       "stroke-width": "15"
-    }), o.appendChild(a), o.appendChild(l), o[i.name] = l;
-  }), o;
-}, Ie = function(e, t, n) {
+    }), i.appendChild(h), i.appendChild(a), i[r.name] = a;
+  }), i;
+}, ze = function(e, t, n) {
   if (!t)
     return;
-  const o = q.createElement("div");
+  const o = W.createElement("div");
   e.nodes.appendChild(o);
-  const s = t.innerHTML;
-  o.id = "input-box", o.textContent = s, o.contentEditable = "plaintext-only", o.spellcheck = !1;
-  const i = t.getBBox();
+  const i = t.innerHTML;
+  o.id = "input-box", o.textContent = i, o.contentEditable = "plaintext-only", o.spellcheck = !1;
+  const s = t.getBBox();
   o.style.cssText = `
-    min-width:${Math.max(88, i.width)}px;
+    min-width:${Math.max(88, s.width)}px;
     position:absolute;
-    left:${i.x}px;
-    top:${i.y}px;
+    left:${s.x}px;
+    top:${s.y}px;
     padding: 2px 4px;
     margin: -2px -4px; 
-  `, o.focus(), qe(o), o.addEventListener("keydown", (r) => {
+  `, Ke(o), e.scrollIntoView(o), o.addEventListener("keydown", (r) => {
     r.stopPropagation();
     const c = r.key;
     if (c === "Enter" || c === "Tab") {
       if (r.shiftKey)
         return;
-      r.preventDefault(), o.blur(), e.map.focus();
+      r.preventDefault(), o.blur(), e.container.focus();
     }
   }), o.addEventListener("blur", () => {
     var c;
     if (!o)
       return;
     const r = ((c = o.textContent) == null ? void 0 : c.trim()) || "";
-    r === "" ? n.label = s : n.label = r, o.remove(), r !== s && (t.innerHTML = n.label, e.linkDiv(), "parent" in n ? e.bus.fire("operation", {
+    r === "" ? n.label = i : n.label = r, o.remove(), r !== i && (t.innerHTML = n.label, e.linkDiv(), "parent" in n ? e.bus.fire("operation", {
       name: "finishEditSummary",
       obj: n
     }) : e.bus.fire("operation", {
@@ -426,38 +586,34 @@ const pt = function(e) {
       obj: n
     }));
   });
-}, gt = function(e) {
-  const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, s = t.offsetWidth, i = t.offsetHeight, c = this.map.querySelector("me-nodes").offsetWidth;
-  this.nodes.style.top = `${1e4 - this.nodes.offsetHeight / 2}px`, this.alignment === "root" ? this.nodes.style.left = `${1e4 - o - s / 2}px` : this.nodes.style.left = `${1e4 - c / 2}px`;
-  const l = this.map.querySelectorAll("me-main > me-wrapper");
+}, Tt = function(e) {
+  const t = this.map.querySelector("me-root"), n = t.offsetTop, o = t.offsetLeft, i = t.offsetWidth, s = t.offsetHeight, r = this.map.querySelectorAll("me-main > me-wrapper");
   this.lines.innerHTML = "";
-  for (let d = 0; d < l.length; d++) {
-    const a = l[d], u = a.querySelector("me-tpc"), { offsetLeft: h, offsetTop: p } = B(this.nodes, u), g = u.offsetWidth, v = u.offsetHeight, m = a.parentNode.className, f = this.generateMainBranch({ pT: n, pL: o, pW: s, pH: i, cT: p, cL: h, cW: g, cH: v, direction: m, containerHeight: this.nodes.offsetHeight }), y = this.theme.palette, x = u.nodeObj.branchColor || y[d % y.length];
-    u.style.borderColor = x, this.lines.appendChild(Ve(f, x, "3"));
-    const N = a.children[0].children[1];
-    if (N && (N.style.top = (N.parentNode.offsetHeight - N.offsetHeight) / 2 + "px", m === M.LHS ? N.style.left = "-10px" : N.style.right = "-10px"), e && e !== a)
+  for (let c = 0; c < r.length; c++) {
+    const u = r[c], a = u.querySelector("me-tpc"), { offsetLeft: f, offsetTop: h } = H(this.nodes, a), g = a.offsetWidth, d = a.offsetHeight, l = u.parentNode.className, p = this.generateMainBranch({ pT: n, pL: o, pW: i, pH: s, cT: h, cL: f, cW: g, cH: d, direction: l, containerHeight: this.nodes.offsetHeight }), m = this.theme.palette, v = a.nodeObj.branchColor || m[c % m.length];
+    if (a.style.borderColor = v, this.lines.appendChild(qe(p, v, "3")), e && e !== u)
       continue;
-    const b = Z("subLines"), w = a.lastChild;
-    w.tagName === "svg" && w.remove(), a.appendChild(b), Ke(this, b, x, a, m, !0);
+    const b = U("subLines"), y = u.lastChild;
+    y.tagName === "svg" && y.remove(), u.appendChild(b), Ue(this, b, v, u, l, !0);
   }
   this.renderArrow(), this.renderSummary(), this.bus.fire("linkDiv");
-}, Ke = function(e, t, n, o, s, i) {
+}, Ue = function(e, t, n, o, i, s) {
   const r = o.firstChild, c = o.children[1].children;
   if (c.length === 0)
     return;
-  const l = r.offsetTop, d = r.offsetLeft, a = r.offsetWidth, u = r.offsetHeight;
-  for (let h = 0; h < c.length; h++) {
-    const p = c[h], g = p.firstChild, v = g.offsetTop, m = g.offsetLeft, f = g.offsetWidth, y = g.offsetHeight, x = g.firstChild.nodeObj.branchColor || n, N = e.generateSubBranch({ pT: l, pL: d, pW: a, pH: u, cT: v, cL: m, cW: f, cH: y, direction: s, isFirst: i });
-    t.appendChild(Ve(N, x, "2"));
-    const b = g.children[1];
-    if (b) {
-      if (b.style.bottom = -(b.offsetHeight / 2) + "px", s === M.LHS ? b.style.left = "10px" : s === M.RHS && (b.style.right = "10px"), !b.expanded)
+  const u = r.offsetTop, a = r.offsetLeft, f = r.offsetWidth, h = r.offsetHeight;
+  for (let g = 0; g < c.length; g++) {
+    const d = c[g], l = d.firstChild, p = l.offsetTop, m = l.offsetLeft, v = l.offsetWidth, b = l.offsetHeight, y = l.firstChild.nodeObj.branchColor || n, E = e.generateSubBranch({ pT: u, pL: a, pW: f, pH: h, cT: p, cL: m, cW: v, cH: b, direction: i, isFirst: s });
+    t.appendChild(qe(E, y, "2"));
+    const N = l.children[1];
+    if (N) {
+      if (!N.expanded)
         continue;
     } else
       continue;
-    Ke(e, t, x, p, s);
+    Ue(e, t, y, d, i);
   }
-}, Se = {
+}, Ae = {
   addChild: "插入子节点",
   addParent: "插入父节点",
   addSibling: "插入同级节点",
@@ -469,9 +625,9 @@ const pt = function(e) {
   link: "连接",
   clickTips: "请点击目标节点",
   summary: "摘要"
-}, _e = {
-  cn: Se,
-  zh_CN: Se,
+}, Le = {
+  cn: Ae,
+  zh_CN: Ae,
   zh_TW: {
     addChild: "插入子節點",
     addParent: "插入父節點",
@@ -590,221 +746,105 @@ const pt = function(e) {
     summary: "요약"
   }
 };
-function vt(e, t) {
-  const n = (b) => {
-    const w = document.createElement("div");
-    return w.innerText = b, w.className = "tips", w;
-  }, o = (b, w, _) => {
-    const L = document.createElement("li");
-    return L.id = b, L.innerHTML = `<span>${se(w)}</span><span ${_ ? 'class="key"' : ""}>${se(_)}</span>`, L;
-  }, s = _e[e.locale] ? e.locale : "en", i = _e[s], r = o("cm-add_child", i.addChild, "Tab"), c = o("cm-add_parent", i.addParent, "Ctrl + Enter"), l = o("cm-add_sibling", i.addSibling, "Enter"), d = o("cm-remove_child", i.removeNode, "Delete"), a = o("cm-fucus", i.focus, ""), u = o("cm-unfucus", i.cancelFocus, ""), h = o("cm-up", i.moveUp, "PgUp"), p = o("cm-down", i.moveDown, "Pgdn"), g = o("cm-link", i.link, ""), v = o("cm-link-bidirectional", "Bidreactional Link", ""), m = o("cm-summary", i.summary, ""), f = document.createElement("ul");
-  if (f.className = "menu-list", f.appendChild(r), f.appendChild(c), f.appendChild(l), f.appendChild(d), (!t || t.focus) && (f.appendChild(a), f.appendChild(u)), f.appendChild(h), f.appendChild(p), f.appendChild(m), (!t || t.link) && (f.appendChild(g), f.appendChild(v)), t && t.extend)
-    for (let b = 0; b < t.extend.length; b++) {
-      const w = t.extend[b], _ = o(w.name, w.name, w.key || "");
-      f.appendChild(_), _.onclick = (L) => {
-        w.onclick(L);
+function At(e, t) {
+  t = t === !0 ? {
+    focus: !0,
+    link: !0
+  } : t;
+  const n = (w) => {
+    const x = document.createElement("div");
+    return x.innerText = w, x.className = "tips", x;
+  }, o = (w, x, C) => {
+    const _ = document.createElement("li");
+    return _.id = w, _.innerHTML = `<span>${te(x)}</span><span ${C ? 'class="key"' : ""}>${te(C)}</span>`, _;
+  }, i = Le[e.locale] ? e.locale : "en", s = Le[i], r = o("cm-add_child", s.addChild, "Tab"), c = o("cm-add_parent", s.addParent, "Ctrl + Enter"), u = o("cm-add_sibling", s.addSibling, "Enter"), a = o("cm-remove_child", s.removeNode, "Delete"), f = o("cm-fucus", s.focus, ""), h = o("cm-unfucus", s.cancelFocus, ""), g = o("cm-up", s.moveUp, "PgUp"), d = o("cm-down", s.moveDown, "Pgdn"), l = o("cm-link", s.link, ""), p = o("cm-link-bidirectional", "Bidirectional Link", ""), m = o("cm-summary", s.summary, ""), v = document.createElement("ul");
+  if (v.className = "menu-list", v.appendChild(r), v.appendChild(c), v.appendChild(u), v.appendChild(a), t.focus && (v.appendChild(f), v.appendChild(h)), v.appendChild(g), v.appendChild(d), v.appendChild(m), t.link && (v.appendChild(l), v.appendChild(p)), t && t.extend)
+    for (let w = 0; w < t.extend.length; w++) {
+      const x = t.extend[w], C = o(x.name, x.name, x.key || "");
+      v.appendChild(C), C.onclick = (_) => {
+        x.onclick(_);
       };
     }
-  const y = document.createElement("div");
-  y.className = "context-menu", y.appendChild(f), y.hidden = !0, e.container.append(y);
-  let x = !0;
-  e.container.oncontextmenu = function(b) {
-    if (b.preventDefault(), !e.editable || e.dragMoveHelper.moved)
-      return;
-    const w = b.target;
-    if (he(w)) {
-      w.parentElement.tagName === "ME-ROOT" ? x = !0 : x = !1, x ? (a.className = "disabled", h.className = "disabled", p.className = "disabled", c.className = "disabled", l.className = "disabled", d.className = "disabled") : (a.className = "", h.className = "", p.className = "", c.className = "", l.className = "", d.className = ""), e.currentNodes || e.selectNode(w), y.hidden = !1, f.style.top = "", f.style.bottom = "", f.style.left = "", f.style.right = "";
-      const _ = f.getBoundingClientRect(), L = f.offsetHeight, $ = f.offsetWidth, R = b.clientY - _.top, X = b.clientX - _.left;
-      L + R > window.innerHeight ? (f.style.top = "", f.style.bottom = "0px") : (f.style.bottom = "", f.style.top = R + 15 + "px"), $ + X > window.innerWidth ? (f.style.left = "", f.style.right = "0px") : (f.style.right = "", f.style.left = X + 10 + "px");
+  const b = document.createElement("div");
+  b.className = "context-menu", b.appendChild(v), b.hidden = !0, e.container.append(b);
+  let y = !0;
+  const E = (w) => {
+    const x = w.target;
+    if (ae(x)) {
+      x.parentElement.tagName === "ME-ROOT" ? y = !0 : y = !1, y ? (f.className = "disabled", g.className = "disabled", d.className = "disabled", c.className = "disabled", u.className = "disabled", a.className = "disabled") : (f.className = "", g.className = "", d.className = "", c.className = "", u.className = "", a.className = ""), b.hidden = !1, v.style.top = "", v.style.bottom = "", v.style.left = "", v.style.right = "";
+      const C = v.getBoundingClientRect(), _ = v.offsetHeight, O = v.offsetWidth, B = w.clientY - C.top, R = w.clientX - C.left;
+      _ + B > window.innerHeight ? (v.style.top = "", v.style.bottom = "0px") : (v.style.bottom = "", v.style.top = B + 15 + "px"), O + R > window.innerWidth ? (v.style.left = "", v.style.right = "0px") : (v.style.right = "", v.style.left = R + 10 + "px");
     }
-  }, y.onclick = (b) => {
-    b.target === y && (y.hidden = !0);
+  };
+  e.bus.addListener("showContextMenu", E), b.onclick = (w) => {
+    w.target === b && (b.hidden = !0);
   }, r.onclick = () => {
-    e.addChild(), y.hidden = !0;
+    e.addChild(), b.hidden = !0;
   }, c.onclick = () => {
-    e.insertParent(), y.hidden = !0;
-  }, l.onclick = () => {
-    x || (e.insertSibling("after"), y.hidden = !0);
-  }, d.onclick = () => {
-    x || (e.removeNode(), y.hidden = !0);
-  }, a.onclick = () => {
-    x || (e.focusNode(e.currentNode), y.hidden = !0);
+    e.insertParent(), b.hidden = !0;
   }, u.onclick = () => {
-    e.cancelFocus(), y.hidden = !0;
+    y || (e.insertSibling("after"), b.hidden = !0);
+  }, a.onclick = () => {
+    y || (e.removeNodes(e.currentNodes || []), b.hidden = !0);
+  }, f.onclick = () => {
+    y || (e.focusNode(e.currentNode), b.hidden = !0);
   }, h.onclick = () => {
-    x || (e.moveUpNode(), y.hidden = !0);
-  }, p.onclick = () => {
-    x || (e.moveDownNode(), y.hidden = !0);
+    e.cancelFocus(), b.hidden = !0;
+  }, g.onclick = () => {
+    y || (e.moveUpNode(), b.hidden = !0);
+  }, d.onclick = () => {
+    y || (e.moveDownNode(), b.hidden = !0);
   };
-  const N = (b) => {
-    y.hidden = !0;
-    const w = e.currentNode, _ = n(i.clickTips);
-    e.container.appendChild(_), e.map.addEventListener(
+  const N = (w) => {
+    b.hidden = !0;
+    const x = e.currentNode, C = n(s.clickTips);
+    e.container.appendChild(C), e.map.addEventListener(
       "click",
-      (L) => {
-        L.preventDefault(), _.remove();
-        const $ = L.target;
-        ($.parentElement.tagName === "ME-PARENT" || $.parentElement.tagName === "ME-ROOT") && e.createArrow(w, $, b);
+      (_) => {
+        _.preventDefault(), C.remove();
+        const O = _.target;
+        (O.parentElement.tagName === "ME-PARENT" || O.parentElement.tagName === "ME-ROOT") && e.createArrow(x, O, w);
       },
       {
         once: !0
       }
     );
   };
-  return g.onclick = () => N(), v.onclick = () => N({ bidirectional: !0 }), m.onclick = () => {
-    y.hidden = !0, e.createSummary(), e.unselectNodes();
+  return l.onclick = () => N(), p.onclick = () => N({ bidirectional: !0 }), m.onclick = () => {
+    b.hidden = !0, e.createSummary(), e.unselectNodes(e.currentNodes);
   }, () => {
-    r.onclick = null, c.onclick = null, l.onclick = null, d.onclick = null, a.onclick = null, u.onclick = null, h.onclick = null, p.onclick = null, g.onclick = null, m.onclick = null, y.onclick = null, e.container.oncontextmenu = null;
-  };
-}
-const yt = (e) => {
-  const t = e.map.querySelectorAll(".lhs>me-wrapper>me-parent>me-tpc");
-  e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, bt = (e) => {
-  const t = e.map.querySelectorAll(".rhs>me-wrapper>me-parent>me-tpc");
-  e.selectNode(t[Math.ceil(t.length / 2) - 1]);
-}, xt = (e) => {
-  e.selectNode(e.map.querySelector("me-root>me-tpc"));
-}, wt = function(e, t) {
-  const n = t.parentElement.parentElement.parentElement.previousSibling;
-  if (n) {
-    const o = n.firstChild;
-    e.selectNode(o);
-  }
-}, Et = function(e, t) {
-  const n = t.parentElement.nextSibling;
-  if (n && n.firstChild) {
-    const o = n.firstChild.firstChild.firstChild;
-    e.selectNode(o);
-  }
-}, Me = function(e, t) {
-  var i, r;
-  const n = e.currentNode || ((i = e.currentNodes) == null ? void 0 : i[0]);
-  if (!n)
-    return;
-  const o = n.nodeObj, s = n.offsetParent.offsetParent.parentElement;
-  o.parent ? s.className === t ? Et(e, n) : (r = o.parent) != null && r.parent ? wt(e, n) : xt(e) : t === M.LHS ? yt(e) : bt(e);
-}, Le = function(e, t) {
-  var r;
-  const n = e.currentNode || ((r = e.currentNodes) == null ? void 0 : r[0]);
-  if (!n || !n.nodeObj.parent)
-    return;
-  const s = t + "Sibling", i = n.parentElement.parentElement[s];
-  i && e.selectNode(i.firstChild.firstChild);
-}, ee = function(e, t, n) {
-  switch (t) {
-    case "in":
-      if (e.scaleVal > 1.6)
-        return;
-      e.scale(e.scaleVal + 0.2, n);
-      break;
-    case "out":
-      if (e.scaleVal < 0.6)
-        return;
-      e.scale(e.scaleVal - 0.2, n);
-  }
-};
-function Nt(e) {
-  const t = () => {
-    e.currentArrow ? e.removeArrow() : e.currentSummary ? e.removeSummary(e.currentSummary.summaryObj.id) : e.currentNode ? e.removeNode() : e.currentNodes && e.removeNodes(e.currentNodes);
-  }, n = {
-    Enter: (o) => {
-      o.shiftKey ? e.insertSibling("before") : o.ctrlKey ? e.insertParent() : e.insertSibling("after");
-    },
-    Tab: () => {
-      e.addChild();
-    },
-    F1: () => {
-      e.toCenter();
-    },
-    F2: () => {
-      e.beginEdit();
-    },
-    ArrowUp: (o) => {
-      if (o.altKey)
-        e.moveUpNode();
-      else {
-        if (o.metaKey || o.ctrlKey)
-          return e.initSide();
-        Le(e, "previous");
-      }
-    },
-    ArrowDown: (o) => {
-      o.altKey ? e.moveDownNode() : Le(e, "next");
-    },
-    ArrowLeft: (o) => {
-      if (o.metaKey || o.ctrlKey)
-        return e.initLeft();
-      Me(e, M.LHS);
-    },
-    ArrowRight: (o) => {
-      if (o.metaKey || o.ctrlKey)
-        return e.initRight();
-      Me(e, M.RHS);
-    },
-    PageUp: () => e.moveUpNode(),
-    PageDown: () => {
-      e.moveDownNode();
-    },
-    c: (o) => {
-      (o.metaKey || o.ctrlKey) && (e.currentNode ? e.waitCopy = [e.currentNode] : e.currentNodes && (e.waitCopy = e.currentNodes));
-    },
-    x: (o) => {
-      (o.metaKey || o.ctrlKey) && (e.currentNode ? e.waitCopy = [e.currentNode] : e.currentNodes && (e.waitCopy = e.currentNodes), t());
-    },
-    v: (o) => {
-      !e.waitCopy || !e.currentNode || (o.metaKey || o.ctrlKey) && (e.waitCopy.length === 1 ? e.copyNode(e.waitCopy[0], e.currentNode) : e.copyNodes(e.waitCopy, e.currentNode));
-    },
-    "=": (o) => {
-      (o.metaKey || o.ctrlKey) && ee(e, "in");
-    },
-    "-": (o) => {
-      (o.metaKey || o.ctrlKey) && ee(e, "out");
-    },
-    0: (o) => {
-      (o.metaKey || o.ctrlKey) && e.scale(1);
-    },
-    Delete: t,
-    Backspace: t
-  };
-  e.map.onkeydown = (o) => {
-    if (o.preventDefault(), !e.editable || o.target !== o.currentTarget)
-      return;
-    const s = n[o.key];
-    s && s(o);
-  }, e.map.onwheel = (o) => {
-    o.stopPropagation(), o.preventDefault(), o.ctrlKey || o.metaKey ? o.deltaY < 0 ? ee(e, "in", e.dragMoveHelper) : e.scaleVal - 0.2 > 0 && ee(e, "out", e.dragMoveHelper) : o.shiftKey ? e.move(-o.deltaY, 0) : e.move(0, -o.deltaY);
+    r.onclick = null, c.onclick = null, u.onclick = null, a.onclick = null, f.onclick = null, h.onclick = null, g.onclick = null, d.onclick = null, l.onclick = null, m.onclick = null, b.onclick = null, e.container.oncontextmenu = null;
   };
 }
-const ue = document, Ct = function(e, t) {
+const de = document, Lt = function(e, t) {
   if (!t)
-    return fe(e), e;
+    return he(e), e;
   let n = e.querySelector(".insert-preview");
   const o = `insert-preview ${t} show`;
-  return n || (n = ue.createElement("div"), e.appendChild(n)), n.className = o, e;
-}, fe = function(e) {
+  return n || (n = de.createElement("div"), e.appendChild(n)), n.className = o, e;
+}, he = function(e) {
   if (!e)
     return;
   const t = e.querySelectorAll(".insert-preview");
   for (const n of t || [])
     n.remove();
-}, ke = function(e, t) {
+}, Me = function(e, t) {
   for (const n of t) {
     const o = n.parentElement.parentElement.contains(e);
     if (!(e && e.tagName === "ME-TPC" && e !== n && !o && e.nodeObj.parent))
       return !1;
   }
   return !0;
-}, St = function(e) {
+}, Mt = function(e) {
   const t = document.createElement("div");
-  return t.className = "mind-elixir-ghost", e.map.appendChild(t), t;
+  return t.className = "mind-elixir-ghost", e.container.appendChild(t), t;
 };
-class _t {
+class Dt {
   constructor(t) {
-    G(this, "mind");
-    G(this, "isMoving", !1);
-    G(this, "interval", null);
-    G(this, "speed", 20);
+    q(this, "mind");
+    q(this, "isMoving", !1);
+    q(this, "interval", null);
+    q(this, "speed", 20);
     this.mind = t;
   }
   move(t, n) {
@@ -816,50 +856,59 @@ class _t {
     this.isMoving = !1, clearInterval(this.interval);
   }
 }
-function Mt(e) {
-  let t = null, n = null, o = null;
-  const s = St(e), i = 12, r = new _t(e);
-  e.map.addEventListener("dragstart", (c) => {
-    var d;
-    const l = c.target;
-    if ((l == null ? void 0 : l.tagName) !== "ME-TPC") {
-      c.preventDefault();
+function Ot(e) {
+  let t = null, n = null;
+  const o = Mt(e), i = new Dt(e), s = (a) => {
+    e.selection.cancel();
+    const f = a.target;
+    if ((f == null ? void 0 : f.tagName) !== "ME-TPC") {
+      a.preventDefault();
       return;
     }
-    (d = e.currentNodes) != null && d.includes(l) || (e.unselectNodes(), e.selectNode(l)), e.currentNodes ? (t = e.currentNodes, s.innerHTML = e.currentNodes.length + "") : (t = [l], s.innerHTML = l.innerHTML);
-    for (const a of t)
-      a.parentElement.parentElement.style.opacity = "0.5";
-    c.dataTransfer.setDragImage(s, 0, 0), c.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
-  }), e.map.addEventListener("dragend", async (c) => {
-    if (!t)
+    let h = e.currentNodes;
+    h != null && h.includes(f) || (e.selectNode(f), h = e.currentNodes), e.dragged = h, h.length > 1 ? o.innerHTML = h.length + "" : o.innerHTML = f.innerHTML;
+    for (const g of h)
+      g.parentElement.parentElement.style.opacity = "0.5";
+    a.dataTransfer.setDragImage(o, 0, 0), a.dataTransfer.dropEffect = "move", e.dragMoveHelper.clear();
+  }, r = (a) => {
+    const { dragged: f } = e;
+    if (!f)
       return;
-    for (const d of t)
-      d.parentElement.parentElement.style.opacity = "1";
-    const l = c.target;
-    l.style.opacity = "", o && (fe(o), n === "before" ? e.moveNodeBefore(t, o) : n === "after" ? e.moveNodeAfter(t, o) : n === "in" && e.moveNodeIn(t, o), t = null);
-  }), e.map.addEventListener("dragover", function(c) {
-    if (c.preventDefault(), !t)
+    i.stop();
+    for (const g of f)
+      g.parentElement.parentElement.style.opacity = "1";
+    const h = a.target;
+    h.style.opacity = "", n && (he(n), t === "before" ? e.moveNodeBefore(f, n) : t === "after" ? e.moveNodeAfter(f, n) : t === "in" && e.moveNodeIn(f, n), e.dragged = null);
+  }, c = (a) => {
+    a.preventDefault();
+    const f = 12 * e.scaleVal, { dragged: h } = e;
+    if (!h)
       return;
-    const l = e.container.getBoundingClientRect();
-    c.clientX < l.x + 50 ? r.move(1, 0) : c.clientX > l.x + l.width - 50 ? r.move(-1, 0) : c.clientY < l.y + 50 ? r.move(0, 1) : c.clientY > l.y + l.height - 50 ? r.move(0, -1) : r.stop(), fe(o);
-    const d = ue.elementFromPoint(c.clientX, c.clientY - i);
-    if (ke(d, t)) {
-      o = d;
-      const a = d.getBoundingClientRect().y;
-      c.clientY > a + d.clientHeight ? n = "after" : n = "in";
+    const g = e.container.getBoundingClientRect();
+    a.clientX < g.x + 50 ? i.move(1, 0) : a.clientX > g.x + g.width - 50 ? i.move(-1, 0) : a.clientY < g.y + 50 ? i.move(0, 1) : a.clientY > g.y + g.height - 50 ? i.move(0, -1) : i.stop(), he(n);
+    const d = de.elementFromPoint(a.clientX, a.clientY - f);
+    if (Me(d, h)) {
+      n = d;
+      const l = d.getBoundingClientRect(), p = l.y;
+      a.clientY > p + l.height ? t = "after" : t = "in";
     } else {
-      const a = ue.elementFromPoint(c.clientX, c.clientY + i);
-      if (ke(a, t)) {
-        o = a;
-        const u = a.getBoundingClientRect().y;
-        c.clientY < u ? n = "before" : n = "in";
+      const l = de.elementFromPoint(a.clientX, a.clientY + f), p = l.getBoundingClientRect();
+      if (Me(l, h)) {
+        n = l;
+        const m = p.y;
+        a.clientY < m ? t = "before" : t = "in";
       } else
-        n = o = null;
+        t = n = null;
     }
-    o && Ct(o, n);
-  });
+    n && Lt(n, t);
+  };
+  return ve([
+    { dom: e.map, evt: "dragstart", func: s },
+    { dom: e.map, evt: "dragend", func: r },
+    { dom: e.map, evt: "dragover", func: c }
+  ]);
 }
-const Lt = function(e) {
+const jt = function(e) {
   return ["createSummary", "removeSummary", "finishEditSummary"].includes(e.name) ? {
     type: "summary",
     value: e.obj.id
@@ -874,20 +923,14 @@ const Lt = function(e) {
     value: e.obj.id
   };
 };
-function kt(e) {
+function Pt(e) {
   let t = [], n = -1, o = e.getData();
-  e.bus.addListener("operation", (s) => {
-    if (s.name === "beginEdit")
-      return;
-    t = t.slice(0, n + 1);
-    const i = e.getData();
-    t.push({ prev: o, currentObject: Lt(s), next: i }), o = i, n = t.length - 1;
-  }), e.undo = function() {
+  e.undo = function() {
     if (n > -1) {
-      const s = t[n];
-      o = s.prev, e.refresh(s.prev);
+      const r = t[n];
+      o = r.prev, e.refresh(r.prev);
       try {
-        s.currentObject.type === "node" ? e.selectNode(E(s.currentObject.value)) : s.currentObject.type === "nodes" && e.selectNodes(s.currentObject.value.map((i) => E(i)));
+        r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && e.selectNodes(r.currentObject.value.map((c) => this.findEle(c)));
       } catch {
       } finally {
         n--;
@@ -896,49 +939,65 @@ function kt(e) {
   }, e.redo = function() {
     if (n < t.length - 1) {
       n++;
-      const s = t[n];
-      o = s.next, e.refresh(s.next), s.currentObject.type === "node" ? e.selectNode(E(s.currentObject.value)) : s.currentObject.type === "nodes" && e.selectNodes(s.currentObject.value.map((i) => E(i)));
+      const r = t[n];
+      o = r.next, e.refresh(r.next), r.currentObject.type === "node" ? e.selectNode(this.findEle(r.currentObject.value)) : r.currentObject.type === "nodes" && (e.unselectNodes(this.currentNodes), e.selectNodes(r.currentObject.value.map((c) => this.findEle(c))));
     }
-  }, e.map.addEventListener("keydown", (s) => {
-    (s.metaKey || s.ctrlKey) && (s.shiftKey && s.key === "Z" || s.key === "y") ? e.redo() : (s.metaKey || s.ctrlKey) && s.key === "z" && e.undo();
-  });
+  };
+  const i = function(r) {
+    if (r.name === "beginEdit")
+      return;
+    t = t.slice(0, n + 1);
+    const c = e.getData();
+    t.push({ prev: o, currentObject: jt(r), next: c }), o = c, n = t.length - 1;
+  }, s = function(r) {
+    (r.metaKey || r.ctrlKey) && (r.shiftKey && r.key === "Z" || r.key === "y") ? e.redo() : (r.metaKey || r.ctrlKey) && r.key === "z" && e.undo();
+  };
+  return e.bus.addListener("operation", i), e.map.addEventListener("keydown", s), () => {
+    e.bus.removeListener("operation", i), e.map.removeEventListener("keydown", s);
+  };
 }
-const F = (e, t) => {
+const $t = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169394918" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2021" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M851.91168 328.45312c-59.97056 0-108.6208 48.47104-108.91264 108.36992l-137.92768 38.4a109.14304 109.14304 0 0 0-63.46752-46.58688l1.39264-137.11872c47.29344-11.86816 82.31936-54.66624 82.31936-105.64096 0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.76288-108.91776 108.91776c0 49.18784 32.60928 90.75712 77.38368 104.27392l-1.41312 138.87488a109.19936 109.19936 0 0 0-63.50336 48.55808l-138.93632-39.48544 0.01024-0.72704c0-60.15488-48.76288-108.91776-108.91776-108.91776s-108.91776 48.75776-108.91776 108.91776c0 60.15488 48.76288 108.91264 108.91776 108.91264 39.3984 0 73.91232-20.92032 93.03552-52.2496l139.19232 39.552-0.00512 0.2304c0 25.8304 9.00096 49.5616 24.02816 68.23424l-90.14272 132.63872a108.7488 108.7488 0 0 0-34.2528-5.504c-60.15488 0-108.91776 48.768-108.91776 108.91776 0 60.16 48.76288 108.91776 108.91776 108.91776 60.16 0 108.92288-48.75776 108.92288-108.91776 0-27.14624-9.9328-51.968-26.36288-71.04l89.04704-131.03104a108.544 108.544 0 0 0 37.6832 6.70208 108.672 108.672 0 0 0 36.48512-6.272l93.13792 132.57216a108.48256 108.48256 0 0 0-24.69888 69.0688c0 60.16 48.768 108.92288 108.91776 108.92288 60.16 0 108.91776-48.76288 108.91776-108.92288 0-60.14976-48.75776-108.91776-108.91776-108.91776a108.80512 108.80512 0 0 0-36.69504 6.3488l-93.07136-132.48a108.48768 108.48768 0 0 0 24.79616-72.22784l136.09984-37.888c18.99008 31.93856 53.84192 53.3504 93.69088 53.3504 60.16 0 108.92288-48.75776 108.92288-108.91264-0.00512-60.15488-48.77312-108.92288-108.92288-108.92288z" p-id="2022"></path></svg>', Ht = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169375313" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1775" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639 463.30000001L639 285.1c0-36.90000001-26.4-68.5-61.3-68.5l-150.2 0c-1.5 0-3 0.1-4.5 0.3-10.2-38.7-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c42 0 77.3-28.6 87.5-67.39999999 1.4 0.3 2.9 0.4 4.5 0.39999999L577.7 263.6c6.8 0 14.3 8.9 14.3 21.49999999l0 427.00000001c0 12.7-7.40000001 21.5-14.30000001 21.5l-150.19999999 0c-1.5 0-3 0.2-4.5 0.4-10.2-38.8-45.5-67.3-87.5-67.3-50 0-90.5 40.5-90.5 90.4 0 49.9 40.5 90.6 90.5 90.59999999 42 0 77.3-28.6 87.5-67.39999999 1.4 0.2 2.9 0.4 4.49999999 0.4L577.7 780.7c34.80000001 0 61.3-31.6 61.3-68.50000001L639 510.3l79.1 0c10.4 38.5 45.49999999 67 87.4 67 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-41.79999999 0-77.00000001 28.4-87.4 67L639 463.30000001z" fill="currentColor" p-id="1776"></path></svg>', Bt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169667709" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3037" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M385 560.69999999L385 738.9c0 36.90000001 26.4 68.5 61.3 68.5l150.2 0c1.5 0 3-0.1 4.5-0.3 10.2 38.7 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.5s-40.5-90.5-90.5-90.5c-42 0-77.3 28.6-87.5 67.39999999-1.4-0.3-2.9-0.4-4.5-0.39999999L446.3 760.4c-6.8 0-14.3-8.9-14.3-21.49999999l0-427.00000001c0-12.7 7.40000001-21.5 14.30000001-21.5l150.19999999 0c1.5 0 3-0.2 4.5-0.4 10.2 38.8 45.5 67.3 87.5 67.3 50 0 90.5-40.5 90.5-90.4 0-49.9-40.5-90.6-90.5-90.59999999-42 0-77.3 28.6-87.5 67.39999999-1.4-0.2-2.9-0.4-4.49999999-0.4L446.3 243.3c-34.80000001 0-61.3 31.6-61.3 68.50000001L385 513.7l-79.1 0c-10.4-38.5-45.49999999-67-87.4-67-50 0-90.5 40.5-90.5 90.5s40.5 90.5 90.5 90.5c41.79999999 0 77.00000001-28.4 87.4-67L385 560.69999999z" fill="currentColor" p-id="3038"></path></svg>', Rt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169402629" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2170" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M639.328 416c8.032 0 16.096-3.008 22.304-9.056l202.624-197.184-0.8 143.808c-0.096 17.696 14.144 32.096 31.808 32.192 0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808l1.248-222.208c0-0.672-0.352-1.248-0.384-1.92 0.032-0.512 0.288-0.896 0.288-1.408 0.032-17.664-14.272-32-31.968-32.032L671.552 96l-0.032 0c-17.664 0-31.968 14.304-32 31.968C639.488 145.632 653.824 160 671.488 160l151.872 0.224-206.368 200.8c-12.672 12.32-12.928 32.608-0.64 45.248C622.656 412.736 630.976 416 639.328 416z" p-id="2171"></path><path d="M896.032 639.552 896.032 639.552c-17.696 0-32 14.304-32.032 31.968l-0.224 151.872-200.832-206.4c-12.32-12.64-32.576-12.96-45.248-0.64-12.672 12.352-12.928 32.608-0.64 45.248l197.184 202.624-143.808-0.8c-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808-0.096 17.696 14.144 32.096 31.808 32.192l222.24 1.248c0.064 0 0.128 0 0.192 0 0.64 0 1.12-0.32 1.76-0.352 0.512 0.032 0.896 0.288 1.408 0.288l0.032 0c17.664 0 31.968-14.304 32-31.968L928 671.584C928.032 653.952 913.728 639.584 896.032 639.552z" p-id="2172"></path><path d="M209.76 159.744l143.808 0.8c0.064 0 0.128 0 0.192 0 17.6 0 31.904-14.208 32-31.808 0.096-17.696-14.144-32.096-31.808-32.192L131.68 95.328c-0.064 0-0.128 0-0.192 0-0.672 0-1.248 0.352-1.888 0.384-0.448 0-0.8-0.256-1.248-0.256 0 0-0.032 0-0.032 0-17.664 0-31.968 14.304-32 31.968L96 352.448c-0.032 17.664 14.272 32 31.968 32.032 0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968l0.224-151.936 200.832 206.4c6.272 6.464 14.624 9.696 22.944 9.696 8.032 0 16.096-3.008 22.304-9.056 12.672-12.32 12.96-32.608 0.64-45.248L209.76 159.744z" p-id="2173"></path><path d="M362.368 617.056l-202.624 197.184 0.8-143.808c0.096-17.696-14.144-32.096-31.808-32.192-0.064 0-0.128 0-0.192 0-17.6 0-31.904 14.208-32 31.808l-1.248 222.24c0 0.704 0.352 1.312 0.384 2.016 0 0.448-0.256 0.832-0.256 1.312-0.032 17.664 14.272 32 31.968 32.032L352.448 928c0 0 0.032 0 0.032 0 17.664 0 31.968-14.304 32-31.968s-14.272-32-31.968-32.032l-151.936-0.224 206.4-200.832c12.672-12.352 12.96-32.608 0.64-45.248S375.008 604.704 362.368 617.056z" p-id="2174"></path></svg>', Ft = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169573443" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2883" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M514.133333 488.533333m-106.666666 0a106.666667 106.666667 0 1 0 213.333333 0 106.666667 106.666667 0 1 0-213.333333 0Z" fill="currentColor" p-id="2884"></path><path d="M512 64C264.533333 64 64 264.533333 64 512c0 236.8 183.466667 428.8 416 445.866667v-134.4c-53.333333-59.733333-200.533333-230.4-200.533333-334.933334 0-130.133333 104.533333-234.666667 234.666666-234.666666s234.666667 104.533333 234.666667 234.666666c0 61.866667-49.066667 153.6-145.066667 270.933334l-59.733333 68.266666V960C776.533333 942.933333 960 748.8 960 512c0-247.466667-200.533333-448-448-448z" fill="currentColor" p-id="2885"></path></svg>', It = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169419447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2480" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.328 482.56l-317.344-1.12L545.984 162.816c0-17.664-14.336-32-32-32s-32 14.336-32 32l0 318.4L159.616 480.064c-0.032 0-0.064 0-0.096 0-17.632 0-31.936 14.24-32 31.904C127.424 529.632 141.728 544 159.392 544.064l322.592 1.152 0 319.168c0 17.696 14.336 32 32 32s32-14.304 32-32l0-318.944 317.088 1.12c0.064 0 0.096 0 0.128 0 17.632 0 31.936-14.24 32-31.904C895.264 496.992 880.96 482.624 863.328 482.56z" p-id="2481"></path></svg>', Wt = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1750169426515" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2730" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M863.744 544 163.424 544c-17.664 0-32-14.336-32-32s14.336-32 32-32l700.32 0c17.696 0 32 14.336 32 32S881.44 544 863.744 544z" p-id="2731"></path></svg>';
+const Vt = {
+  side: $t,
+  left: Ht,
+  right: Bt,
+  full: Rt,
+  living: Ft,
+  zoomin: It,
+  zoomout: Wt
+}, I = (e, t) => {
   const n = document.createElement("span");
-  return n.id = e, n.innerHTML = `<svg class="icon" aria-hidden="true">
-    <use xlink:href="#icon-${t}"></use>
-  </svg>`, n;
+  return n.id = e, n.innerHTML = Vt[t], n;
 };
-function Tt(e) {
-  const t = document.createElement("div"), n = F("fullscreen", "full"), o = F("toCenter", "living"), s = F("zoomout", "move"), i = F("zoomin", "add"), r = document.createElement("span");
-  return r.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(s), t.appendChild(i), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
-    e.mindElixirBox.requestFullscreen();
+function Yt(e) {
+  const t = document.createElement("div"), n = I("fullscreen", "full"), o = I("toCenter", "living"), i = I("zoomout", "zoomout"), s = I("zoomin", "zoomin"), r = document.createElement("span");
+  return r.innerText = "100%", t.appendChild(n), t.appendChild(o), t.appendChild(i), t.appendChild(s), t.className = "mind-elixir-toolbar rb", n.onclick = () => {
+    document.fullscreenElement === e.el ? document.exitFullscreen() : e.el.requestFullscreen();
   }, o.onclick = () => {
     e.toCenter();
-  }, s.onclick = () => {
-    e.scaleVal < 0.6 || e.scale(e.scaleVal - 0.2);
   }, i.onclick = () => {
-    e.scaleVal > 1.6 || e.scale(e.scaleVal + 0.2);
+    e.scaleVal < 0.6 || e.scale(e.scaleVal - e.scaleSensitivity);
+  }, s.onclick = () => {
+    e.scaleVal > 1.6 || e.scale(e.scaleVal + e.scaleSensitivity);
   }, t;
 }
-function At(e) {
-  const t = document.createElement("div"), n = F("tbltl", "left"), o = F("tbltr", "right"), s = F("tblts", "side");
-  return t.appendChild(n), t.appendChild(o), t.appendChild(s), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
+function Gt(e) {
+  const t = document.createElement("div"), n = I("tbltl", "left"), o = I("tbltr", "right"), i = I("tblts", "side");
+  return t.appendChild(n), t.appendChild(o), t.appendChild(i), t.className = "mind-elixir-toolbar lt", n.onclick = () => {
     e.initLeft();
   }, o.onclick = () => {
     e.initRight();
-  }, s.onclick = () => {
+  }, i.onclick = () => {
     e.initSide();
   }, t;
 }
-function $t(e) {
-  e.container.append(Tt(e)), e.container.append(At(e));
+function Kt(e) {
+  e.container.append(Yt(e)), e.container.append(Gt(e));
 }
-/*! @viselect/vanilla v3.5.1 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
-var jt = Object.defineProperty, Dt = (e, t, n) => t in e ? jt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, C = (e, t, n) => (Dt(e, typeof t != "symbol" ? t + "" : t, n), n);
-class Ot {
+/*! @viselect/vanilla v3.9.0 MIT | https://github.com/Simonwep/selection/tree/master/packages/vanilla */
+class qt {
   constructor() {
-    C(this, "_listeners", /* @__PURE__ */ new Map()), C(this, "on", this.addEventListener), C(this, "off", this.removeEventListener), C(this, "emit", this.dispatchEvent);
+    this._listeners = /* @__PURE__ */ new Map(), this.on = this.addEventListener, this.off = this.removeEventListener, this.emit = this.dispatchEvent;
   }
   addEventListener(t, n) {
     const o = this._listeners.get(t) ?? /* @__PURE__ */ new Set();
@@ -950,103 +1009,76 @@ class Ot {
   }
   dispatchEvent(t, ...n) {
     let o = !0;
-    for (const s of this._listeners.get(t) ?? [])
-      o = s(...n) !== !1 && o;
+    for (const i of this._listeners.get(t) ?? [])
+      o = i(...n) !== !1 && o;
     return o;
   }
   unbindAllListeners() {
     this._listeners.clear();
   }
 }
-const Te = (e, t = "px") => typeof e == "number" ? e + t : e;
-function D({ style: e }, t, n) {
+const De = (e, t = "px") => typeof e == "number" ? e + t : e, j = ({ style: e }, t, n) => {
   if (typeof t == "object")
-    for (const [o, s] of Object.entries(t))
-      s !== void 0 && (e[o] = Te(s));
+    for (const [o, i] of Object.entries(t))
+      i !== void 0 && (e[o] = De(i));
   else
-    n !== void 0 && (e[t] = Te(n));
-}
-const We = (e) => (t, n, o, s = {}) => {
-  t instanceof HTMLCollection || t instanceof NodeList ? t = Array.from(t) : Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
-  for (const i of t)
-    if (i)
-      for (const r of n)
-        i[e](r, o, { capture: !1, ...s });
-  return [t, n, o, s];
-}, I = We("addEventListener"), O = We("removeEventListener"), te = (e) => {
-  var t;
-  const { clientX: n, clientY: o, target: s } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
-  return { x: n, y: o, target: s };
-};
-function Ae(e, t, n = "touch") {
-  switch (n) {
-    case "center": {
-      const o = t.left + t.width / 2, s = t.top + t.height / 2;
-      return o >= e.left && o <= e.right && s >= e.top && s <= e.bottom;
-    }
-    case "cover":
-      return t.left >= e.left && t.top >= e.top && t.right <= e.right && t.bottom <= e.bottom;
-    case "touch":
-      return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
-  }
-}
-function K(e, t = document) {
-  const n = Array.isArray(e) ? e : [e];
-  let o = [];
-  for (let s = 0, i = n.length; s < i; s++) {
-    const r = n[s];
-    typeof r == "string" ? o = o.concat(Array.from(t.querySelectorAll(r))) : r instanceof Element && o.push(r);
-  }
-  return o;
-}
-const Ht = () => matchMedia("(hover: none), (pointer: coarse)").matches, Pt = () => "safari" in window, Bt = (e) => {
+    n !== void 0 && (e[t] = De(n));
+}, Oe = (e = 0, t = 0, n = 0, o = 0) => {
+  const i = { x: e, y: t, width: n, height: o, top: t, left: e, right: e + n, bottom: t + o };
+  return { ...i, toJSON: () => JSON.stringify(i) };
+}, zt = (e) => {
   let t, n = -1, o = !1;
   return {
-    next(...s) {
-      t = s, o || (o = !0, n = requestAnimationFrame(() => {
+    next: (...i) => {
+      t = i, o || (o = !0, n = requestAnimationFrame(() => {
         e(...t), o = !1;
       }));
     },
-    cancel() {
+    cancel: () => {
       cancelAnimationFrame(n), o = !1;
     }
   };
-};
-function Rt(e, t) {
-  for (const n of t) {
-    if (typeof n == "number")
-      return e.button === n;
-    if (typeof n == "object") {
-      const o = n.button === e.button, s = n.modifiers.every((i) => {
-        switch (i) {
-          case "alt":
-            return e.altKey;
-          case "ctrl":
-            return e.ctrlKey || e.metaKey;
-          case "shift":
-            return e.shiftKey;
-        }
-      });
-      return o && s;
+}, je = (e, t, n = "touch") => {
+  switch (n) {
+    case "center": {
+      const o = t.left + t.width / 2, i = t.top + t.height / 2;
+      return o >= e.left && o <= e.right && i >= e.top && i <= e.bottom;
     }
+    case "cover":
+      return t.left >= e.left && t.top >= e.top && t.right <= e.right && t.bottom <= e.bottom;
+    case "touch":
+      return e.right >= t.left && e.left <= t.right && e.bottom >= t.top && e.top <= t.bottom;
   }
-  return !1;
-}
-const { abs: z, max: $e, min: je, ceil: De } = Math;
-class Ye extends Ot {
+}, Ut = () => matchMedia("(hover: none), (pointer: coarse)").matches, Xt = () => "safari" in window, ue = (e) => Array.isArray(e) ? e : [e], Xe = (e) => (t, n, o, i = {}) => {
+  (t instanceof HTMLCollection || t instanceof NodeList) && (t = Array.from(t)), n = ue(n), t = ue(t);
+  for (const s of t)
+    if (s)
+      for (const r of n)
+        s[e](r, o, { capture: !1, ...i });
+}, P = Xe("addEventListener"), L = Xe("removeEventListener"), J = (e) => {
+  var t;
+  const { clientX: n, clientY: o, target: i } = ((t = e.touches) == null ? void 0 : t[0]) ?? e;
+  return { x: n, y: o, target: i };
+}, Y = (e, t = document) => ue(e).map(
+  (n) => typeof n == "string" ? Array.from(t.querySelectorAll(n)) : n instanceof Element ? n : null
+).flat().filter(Boolean), Jt = (e, t) => t.some((n) => typeof n == "number" ? e.button === n : typeof n == "object" ? n.button !== e.button ? !1 : n.modifiers.every((o) => {
+  switch (o) {
+    case "alt":
+      return e.altKey;
+    case "ctrl":
+      return e.ctrlKey || e.metaKey;
+    case "shift":
+      return e.shiftKey;
+  }
+}) : !1), { abs: F, max: Pe, min: $e, ceil: He } = Math, Be = (e = []) => ({
+  stored: e,
+  selected: [],
+  touched: [],
+  changed: { added: [], removed: [] }
+}), Je = class extends qt {
   constructor(t) {
-    var n, o, s, i, r;
-    super(), C(this, "_options"), C(this, "_selection", {
-      stored: [],
-      selected: [],
-      touched: [],
-      changed: {
-        added: [],
-        // Added elements since last selection
-        removed: []
-        // Removed elements since last selection
-      }
-    }), C(this, "_area"), C(this, "_clippingElement"), C(this, "_targetElement"), C(this, "_targetRect"), C(this, "_selectables", []), C(this, "_latestElement"), C(this, "_areaRect", new DOMRect()), C(this, "_areaLocation", { y1: 0, x2: 0, y2: 0, x1: 0 }), C(this, "_singleClick", !0), C(this, "_frame"), C(this, "_scrollAvailable", !0), C(this, "_scrollingActive", !1), C(this, "_scrollSpeed", { x: 0, y: 0 }), C(this, "_scrollDelta", { x: 0, y: 0 }), C(this, "disable", this._bindStartEvents.bind(this, !1)), C(this, "enable", this._bindStartEvents), this._options = {
+    var n, o, i, s, r;
+    super(), this._selection = Be(), this._targetBoundaryScrolled = !0, this._selectables = [], this._areaLocation = { y1: 0, x2: 0, y2: 0, x1: 0 }, this._areaRect = Oe(), this._singleClick = !0, this._scrollAvailable = !0, this._scrollingActive = !1, this._scrollSpeed = { x: 0, y: 0 }, this._scrollDelta = { x: 0, y: 0 }, this._lastMousePosition = { x: 0, y: 0 }, this.enable = this._toggleStartEvents, this.disable = this._toggleStartEvents.bind(this, !1), this._options = {
       selectionAreaClass: "selection-area",
       selectionContainerClass: void 0,
       selectables: [],
@@ -1068,13 +1100,14 @@ class Ye extends Ot {
           startScrollMargins: {
             x: 0,
             y: 0,
-            ...(i = (s = t.behaviour) == null ? void 0 : s.scrolling) == null ? void 0 : i.startScrollMargins
+            ...(s = (i = t.behaviour) == null ? void 0 : i.scrolling) == null ? void 0 : s.startScrollMargins
           }
         }
       },
       features: {
         range: !0,
         touch: !0,
+        deselectOnBlur: !1,
         ...t.features,
         singleTap: {
           allow: !0,
@@ -1083,180 +1116,192 @@ class Ye extends Ot {
         }
       }
     };
-    for (const a of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
-      typeof this[a] == "function" && (this[a] = this[a].bind(this));
-    const { document: c, selectionAreaClass: l, selectionContainerClass: d } = this._options;
-    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(l), d && this._clippingElement.classList.add(d), D(this._area, {
+    for (const f of Object.getOwnPropertyNames(Object.getPrototypeOf(this)))
+      typeof this[f] == "function" && (this[f] = this[f].bind(this));
+    const { document: c, selectionAreaClass: u, selectionContainerClass: a } = this._options;
+    this._area = c.createElement("div"), this._clippingElement = c.createElement("div"), this._clippingElement.appendChild(this._area), this._area.classList.add(u), a && this._clippingElement.classList.add(a), j(this._area, {
       willChange: "top, left, bottom, right, width, height",
       top: 0,
       left: 0,
       position: "fixed"
-    }), D(this._clippingElement, {
+    }), j(this._clippingElement, {
       overflow: "hidden",
       position: "fixed",
       transform: "translate3d(0, 0, 0)",
       // https://stackoverflow.com/a/38268846
       pointerEvents: "none",
       zIndex: "1"
-    }), this._frame = Bt((a) => {
-      this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", a), this._redrawSelectionArea();
+    }), this._frame = zt((f) => {
+      this._recalculateSelectionAreaRect(), this._updateElementSelection(), this._emitEvent("move", f), this._redrawSelectionArea();
     }), this.enable();
   }
-  _bindStartEvents(t = !0) {
-    const { document: n, features: o } = this._options, s = t ? I : O;
-    s(n, "mousedown", this._onTapStart), o.touch && s(n, "touchstart", this._onTapStart, {
-      passive: !1
-    });
+  _toggleStartEvents(t = !0) {
+    const { document: n, features: o } = this._options, i = t ? P : L;
+    i(n, "mousedown", this._onTapStart), o.touch && i(n, "touchstart", this._onTapStart, { passive: !1 });
   }
   _onTapStart(t, n = !1) {
-    const { x: o, y: s, target: i } = te(t), { _options: r } = this, { document: c } = this._options, l = i.getBoundingClientRect();
-    if (t instanceof MouseEvent && !Rt(t, r.behaviour.triggers))
+    const { x: o, y: i, target: s } = J(t), { document: r, startAreas: c, boundaries: u, features: a, behaviour: f } = this._options, h = s.getBoundingClientRect();
+    if (t instanceof MouseEvent && !Jt(t, f.triggers))
       return;
-    const d = K(r.startAreas, r.document), a = K(r.boundaries, r.document);
-    this._targetElement = a.find(
-      (p) => Ae(p.getBoundingClientRect(), l)
+    const g = Y(c, r), d = Y(u, r);
+    this._targetElement = d.find(
+      (v) => je(v.getBoundingClientRect(), h)
     );
-    const u = t.composedPath();
-    if (!this._targetElement || !d.find((p) => u.includes(p)) || !a.find((p) => u.includes(p)) || !n && this._emitEvent("beforestart", t) === !1)
+    const l = t.composedPath(), p = g.find((v) => l.includes(v));
+    if (this._targetBoundary = d.find((v) => l.includes(v)), !this._targetElement || !p || !this._targetBoundary || !n && this._emitEvent("beforestart", t) === !1)
       return;
-    this._areaLocation = { x1: o, y1: s, x2: 0, y2: 0 };
-    const h = c.scrollingElement ?? c.body;
-    this._scrollDelta = { x: h.scrollLeft, y: h.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), I(c, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), I(c, ["mouseup", "touchcancel", "touchend"], this._onTapStop), I(c, "scroll", this._onScroll);
+    this._areaLocation = { x1: o, y1: i, x2: 0, y2: 0 };
+    const m = r.scrollingElement ?? r.body;
+    this._scrollDelta = { x: m.scrollLeft, y: m.scrollTop }, this._singleClick = !0, this.clearSelection(!1, !0), P(r, ["touchmove", "mousemove"], this._delayedTapMove, { passive: !1 }), P(r, ["mouseup", "touchcancel", "touchend"], this._onTapStop), P(r, "scroll", this._onScroll), a.deselectOnBlur && (this._targetBoundaryScrolled = !1, P(this._targetBoundary, "scroll", this._onStartAreaScroll));
   }
   _onSingleTap(t) {
-    const { singleTap: { intersect: n }, range: o } = this._options.features, s = te(t);
-    let i;
+    const { singleTap: { intersect: n }, range: o } = this._options.features, i = J(t);
+    let s;
     if (n === "native")
-      i = s.target;
+      s = i.target;
     else if (n === "touch") {
       this.resolveSelectables();
-      const { x: c, y: l } = s;
-      i = this._selectables.find((d) => {
-        const { right: a, left: u, top: h, bottom: p } = d.getBoundingClientRect();
-        return c < a && c > u && l < p && l > h;
+      const { x: c, y: u } = i;
+      s = this._selectables.find((a) => {
+        const { right: f, left: h, top: g, bottom: d } = a.getBoundingClientRect();
+        return c < f && c > h && u < d && u > g;
       });
     }
-    if (!i)
+    if (!s)
       return;
-    for (this.resolveSelectables(); !this._selectables.includes(i); ) {
-      if (!i.parentElement)
+    for (this.resolveSelectables(); !this._selectables.includes(s); )
+      if (s.parentElement)
+        s = s.parentElement;
+      else {
+        this._targetBoundaryScrolled || this.clearSelection();
         return;
-      i = i.parentElement;
-    }
+      }
     const { stored: r } = this._selection;
     if (this._emitEvent("start", t), t.shiftKey && o && this._latestElement) {
-      const c = this._latestElement, [l, d] = c.compareDocumentPosition(i) & 4 ? [i, c] : [c, i], a = [...this._selectables.filter(
-        (u) => u.compareDocumentPosition(l) & 4 && u.compareDocumentPosition(d) & 2
-      ), l, d];
-      this.select(a), this._latestElement = c;
+      const c = this._latestElement, [u, a] = c.compareDocumentPosition(s) & 4 ? [s, c] : [c, s], f = [...this._selectables.filter(
+        (h) => h.compareDocumentPosition(u) & 4 && h.compareDocumentPosition(a) & 2
+      ), u, a];
+      this.select(f), this._latestElement = c;
     } else
-      r.includes(i) && (r.length === 1 || t.ctrlKey || r.every((c) => this._selection.stored.includes(c))) ? this.deselect(i) : (this.select(i), this._latestElement = i);
+      r.includes(s) && (r.length === 1 || t.ctrlKey || r.every((c) => this._selection.stored.includes(c))) ? this.deselect(s) : (this.select(s), this._latestElement = s);
   }
   _delayedTapMove(t) {
-    const { container: n, document: o, behaviour: { startThreshold: s } } = this._options, { x1: i, y1: r } = this._areaLocation, { x: c, y: l } = te(t);
+    const { container: n, document: o, behaviour: { startThreshold: i } } = this._options, { x1: s, y1: r } = this._areaLocation, { x: c, y: u } = J(t);
     if (
       // Single number for both coordinates
-      typeof s == "number" && z(c + l - (i + r)) >= s || // Different x and y threshold
-      typeof s == "object" && z(c - i) >= s.x || z(l - r) >= s.y
+      typeof i == "number" && F(c + u - (s + r)) >= i || // Different x and y threshold
+      typeof i == "object" && F(c - s) >= i.x || F(u - r) >= i.y
     ) {
-      if (O(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
-        O(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
+      if (L(o, ["mousemove", "touchmove"], this._delayedTapMove, { passive: !1 }), this._emitEvent("beforedrag", t) === !1) {
+        L(o, ["mouseup", "touchcancel", "touchend"], this._onTapStop);
         return;
       }
-      I(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), D(this._area, "display", "block"), K(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (I(this._targetElement, "wheel", this._manualScroll, { passive: !1 }), this._selectables = this._selectables.filter((d) => this._targetElement.contains(d))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
+      P(o, ["mousemove", "touchmove"], this._onTapMove, { passive: !1 }), j(this._area, "display", "block"), Y(n, o)[0].appendChild(this._clippingElement), this.resolveSelectables(), this._singleClick = !1, this._targetRect = this._targetElement.getBoundingClientRect(), this._scrollAvailable = this._targetElement.scrollHeight !== this._targetElement.clientHeight || this._targetElement.scrollWidth !== this._targetElement.clientWidth, this._scrollAvailable && (P(this._targetElement, "wheel", this._wheelScroll, { passive: !1 }), P(this._options.document, "keydown", this._keyboardScroll, { passive: !1 }), this._selectables = this._selectables.filter((a) => this._targetElement.contains(a))), this._setupSelectionArea(), this._emitEvent("start", t), this._onTapMove(t);
     }
     this._handleMoveEvent(t);
   }
   _setupSelectionArea() {
-    const { _clippingElement: t, _targetElement: n, _area: o } = this, s = this._targetRect = n.getBoundingClientRect();
-    this._scrollAvailable ? (D(t, {
-      top: s.top,
-      left: s.left,
-      width: s.width,
-      height: s.height
-    }), D(o, {
-      marginTop: -s.top,
-      marginLeft: -s.left
-    })) : (D(t, {
+    const { _clippingElement: t, _targetElement: n, _area: o } = this, i = this._targetRect = n.getBoundingClientRect();
+    this._scrollAvailable ? (j(t, {
+      top: i.top,
+      left: i.left,
+      width: i.width,
+      height: i.height
+    }), j(o, {
+      marginTop: -i.top,
+      marginLeft: -i.left
+    })) : (j(t, {
       top: 0,
       left: 0,
       width: "100%",
       height: "100%"
-    }), D(o, {
+    }), j(o, {
       marginTop: 0,
       marginLeft: 0
     }));
   }
   _onTapMove(t) {
-    const { x: n, y: o } = te(t), { _scrollSpeed: s, _areaLocation: i, _options: r, _frame: c } = this, { speedDivider: l } = r.behaviour.scrolling, d = this._targetElement;
-    if (i.x2 = n, i.y2 = o, this._scrollAvailable && !this._scrollingActive && (s.y || s.x)) {
+    const { _scrollSpeed: n, _areaLocation: o, _options: i, _frame: s } = this, { speedDivider: r } = i.behaviour.scrolling, c = this._targetElement, { x: u, y: a } = J(t);
+    if (o.x2 = u, o.y2 = a, this._lastMousePosition.x = u, this._lastMousePosition.y = a, this._scrollAvailable && !this._scrollingActive && (n.y || n.x)) {
       this._scrollingActive = !0;
-      const a = () => {
-        if (!s.x && !s.y) {
+      const f = () => {
+        if (!n.x && !n.y) {
           this._scrollingActive = !1;
           return;
         }
-        const { scrollTop: u, scrollLeft: h } = d;
-        s.y && (d.scrollTop += De(s.y / l), i.y1 -= d.scrollTop - u), s.x && (d.scrollLeft += De(s.x / l), i.x1 -= d.scrollLeft - h), c.next(t), requestAnimationFrame(a);
+        const { scrollTop: h, scrollLeft: g } = c;
+        n.y && (c.scrollTop += He(n.y / r), o.y1 -= c.scrollTop - h), n.x && (c.scrollLeft += He(n.x / r), o.x1 -= c.scrollLeft - g), s.next(t), requestAnimationFrame(f);
       };
-      requestAnimationFrame(a);
+      requestAnimationFrame(f);
     } else
-      c.next(t);
+      s.next(t);
     this._handleMoveEvent(t);
   }
   _handleMoveEvent(t) {
     const { features: n } = this._options;
-    (n.touch && Ht() || this._scrollAvailable && Pt()) && t.preventDefault();
+    (n.touch && Ut() || this._scrollAvailable && Xt()) && t.preventDefault();
   }
   _onScroll() {
-    const { _scrollDelta: t, _options: { document: n } } = this, { scrollTop: o, scrollLeft: s } = n.scrollingElement ?? n.body;
-    this._areaLocation.x1 += t.x - s, this._areaLocation.y1 += t.y - o, t.x = s, t.y = o, this._setupSelectionArea(), this._frame.next(null);
-  }
-  _manualScroll(t) {
-    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, s = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
-    this._scrollSpeed.y += o * n, this._scrollSpeed.x += s * n, this._onTapMove(t), t.preventDefault();
+    const { _scrollDelta: t, _options: { document: n } } = this, { scrollTop: o, scrollLeft: i } = n.scrollingElement ?? n.body;
+    this._areaLocation.x1 += t.x - i, this._areaLocation.y1 += t.y - o, t.x = i, t.y = o, this._setupSelectionArea(), this._frame.next(null);
+  }
+  _onStartAreaScroll() {
+    this._targetBoundaryScrolled = !0, L(this._targetElement, "scroll", this._onStartAreaScroll);
+  }
+  _wheelScroll(t) {
+    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.deltaY ? t.deltaY > 0 ? 1 : -1 : 0, i = t.deltaX ? t.deltaX > 0 ? 1 : -1 : 0;
+    this._scrollSpeed.y += o * n, this._scrollSpeed.x += i * n, this._onTapMove(t), t.preventDefault();
+  }
+  _keyboardScroll(t) {
+    const { manualSpeed: n } = this._options.behaviour.scrolling, o = t.key === "ArrowLeft" ? -1 : t.key === "ArrowRight" ? 1 : 0, i = t.key === "ArrowUp" ? -1 : t.key === "ArrowDown" ? 1 : 0;
+    this._scrollSpeed.x += Math.sign(o) * n, this._scrollSpeed.y += Math.sign(i) * n, t.preventDefault(), this._onTapMove({
+      clientX: this._lastMousePosition.x,
+      clientY: this._lastMousePosition.y,
+      preventDefault: () => {
+      }
+    });
   }
   _recalculateSelectionAreaRect() {
-    const { _scrollSpeed: t, _areaLocation: n, _areaRect: o, _targetElement: s, _options: i } = this, { scrollTop: r, scrollHeight: c, clientHeight: l, scrollLeft: d, scrollWidth: a, clientWidth: u } = s, h = this._targetRect, { x1: p, y1: g } = n;
-    let { x2: v, y2: m } = n;
-    const { behaviour: { scrolling: { startScrollMargins: f } } } = i;
-    v < h.left + f.x ? (t.x = d ? -z(h.left - v + f.x) : 0, v = v < h.left ? h.left : v) : v > h.right - f.x ? (t.x = a - d - u ? z(h.left + h.width - v - f.x) : 0, v = v > h.right ? h.right : v) : t.x = 0, m < h.top + f.y ? (t.y = r ? -z(h.top - m + f.y) : 0, m = m < h.top ? h.top : m) : m > h.bottom - f.y ? (t.y = c - r - l ? z(h.top + h.height - m - f.y) : 0, m = m > h.bottom ? h.bottom : m) : t.y = 0;
-    const y = je(p, v), x = je(g, m), N = $e(p, v), b = $e(g, m);
-    o.x = y, o.y = x, o.width = N - y, o.height = b - x;
+    const { _scrollSpeed: t, _areaLocation: n, _targetElement: o, _options: i } = this, { scrollTop: s, scrollHeight: r, clientHeight: c, scrollLeft: u, scrollWidth: a, clientWidth: f } = o, h = this._targetRect, { x1: g, y1: d } = n;
+    let { x2: l, y2: p } = n;
+    const { behaviour: { scrolling: { startScrollMargins: m } } } = i;
+    l < h.left + m.x ? (t.x = u ? -F(h.left - l + m.x) : 0, l = l < h.left ? h.left : l) : l > h.right - m.x ? (t.x = a - u - f ? F(h.left + h.width - l - m.x) : 0, l = l > h.right ? h.right : l) : t.x = 0, p < h.top + m.y ? (t.y = s ? -F(h.top - p + m.y) : 0, p = p < h.top ? h.top : p) : p > h.bottom - m.y ? (t.y = r - s - c ? F(h.top + h.height - p - m.y) : 0, p = p > h.bottom ? h.bottom : p) : t.y = 0;
+    const v = $e(g, l), b = $e(d, p), y = Pe(g, l), E = Pe(d, p);
+    this._areaRect = Oe(v, b, y - v, E - b);
   }
   _redrawSelectionArea() {
-    const { x: t, y: n, width: o, height: s } = this._areaRect, { style: i } = this._area;
-    i.left = `${t}px`, i.top = `${n}px`, i.width = `${o}px`, i.height = `${s}px`;
+    const { x: t, y: n, width: o, height: i } = this._areaRect, { style: s } = this._area;
+    s.left = `${t}px`, s.top = `${n}px`, s.width = `${o}px`, s.height = `${i}px`;
   }
   _onTapStop(t, n) {
     var o;
-    const { document: s, features: i } = this._options, { _singleClick: r } = this;
-    O(s, ["mousemove", "touchmove"], this._delayedTapMove), O(s, ["touchmove", "mousemove"], this._onTapMove), O(s, ["mouseup", "touchcancel", "touchend"], this._onTapStop), O(s, "scroll", this._onScroll), this._keepSelection(), t && r && i.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, O(this._targetElement, "wheel", this._manualScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), D(this._area, "display", "none");
+    const { document: i, features: s } = this._options, { _singleClick: r } = this;
+    L(this._targetElement, "scroll", this._onStartAreaScroll), L(i, ["mousemove", "touchmove"], this._delayedTapMove), L(i, ["touchmove", "mousemove"], this._onTapMove), L(i, ["mouseup", "touchcancel", "touchend"], this._onTapStop), L(i, "scroll", this._onScroll), this._keepSelection(), t && r && s.singleTap.allow ? this._onSingleTap(t) : !r && !n && (this._updateElementSelection(), this._emitEvent("stop", t)), this._scrollSpeed.x = 0, this._scrollSpeed.y = 0, L(this._targetElement, "wheel", this._wheelScroll, { passive: !0 }), L(this._options.document, "keydown", this._keyboardScroll, { passive: !0 }), this._clippingElement.remove(), (o = this._frame) == null || o.cancel(), j(this._area, "display", "none");
   }
   _updateElementSelection() {
-    const { _selectables: t, _options: n, _selection: o, _areaRect: s } = this, { stored: i, selected: r, touched: c } = o, { intersect: l, overlap: d } = n.behaviour, a = d === "invert", u = [], h = [], p = [];
-    for (let v = 0; v < t.length; v++) {
-      const m = t[v];
-      if (Ae(s, m.getBoundingClientRect(), l)) {
+    const { _selectables: t, _options: n, _selection: o, _areaRect: i } = this, { stored: s, selected: r, touched: c } = o, { intersect: u, overlap: a } = n.behaviour, f = a === "invert", h = [], g = [], d = [];
+    for (let p = 0; p < t.length; p++) {
+      const m = t[p];
+      if (je(i, m.getBoundingClientRect(), u)) {
         if (r.includes(m))
-          i.includes(m) && !c.includes(m) && c.push(m);
-        else if (a && i.includes(m)) {
-          p.push(m);
+          s.includes(m) && !c.includes(m) && c.push(m);
+        else if (f && s.includes(m)) {
+          d.push(m);
           continue;
         } else
-          h.push(m);
-        u.push(m);
+          g.push(m);
+        h.push(m);
       }
     }
-    a && h.push(...i.filter((v) => !r.includes(v)));
-    const g = d === "keep";
-    for (let v = 0; v < r.length; v++) {
-      const m = r[v];
-      !u.includes(m) && !// Check if user wants to keep previously selected elements, e.g.
+    f && g.push(...s.filter((p) => !r.includes(p)));
+    const l = a === "keep";
+    for (let p = 0; p < r.length; p++) {
+      const m = r[p];
+      !h.includes(m) && !// Check if the user wants to keep previously selected elements, e.g.,
       // not make them part of the current selection as soon as they're touched.
-      (g && i.includes(m)) && p.push(m);
+      (l && s.includes(m)) && d.push(m);
     }
-    o.selected = u, o.changed = { added: h, removed: p }, this._latestElement = void 0;
+    o.selected = h, o.changed = { added: g, removed: d }, this._latestElement = void 0;
   }
   _emitEvent(t, n) {
     return this.emit(t, {
@@ -1266,12 +1311,12 @@ class Ye extends Ot {
     });
   }
   _keepSelection() {
-    const { _options: t, _selection: n } = this, { selected: o, changed: s, touched: i, stored: r } = n, c = o.filter((l) => !r.includes(l));
+    const { _options: t, _selection: n } = this, { selected: o, changed: i, touched: s, stored: r } = n, c = o.filter((u) => !r.includes(u));
     switch (t.behaviour.overlap) {
       case "drop": {
         n.stored = [
           ...c,
-          ...r.filter((l) => !i.includes(l))
+          ...r.filter((u) => !s.includes(u))
           // Elements not touched
         ];
         break;
@@ -1279,7 +1324,7 @@ class Ye extends Ot {
       case "invert": {
         n.stored = [
           ...c,
-          ...r.filter((l) => !s.removed.includes(l))
+          ...r.filter((u) => !i.removed.includes(u))
           // Elements not removed from selection
         ];
         break;
@@ -1287,7 +1332,7 @@ class Ye extends Ot {
       case "keep": {
         n.stored = [
           ...r,
-          ...o.filter((l) => !r.includes(l))
+          ...o.filter((u) => !r.includes(u))
           // Newly added
         ];
         break;
@@ -1296,35 +1341,30 @@ class Ye extends Ot {
   }
   /**
    * Manually triggers the start of a selection
-   * @param evt A MouseEvent / TouchEvent -like object
-   * @param silent If beforestart should be fired,
+   * @param evt A MouseEvent / TouchEvent-like object
+   * @param silent If beforestart should be fired
    */
   trigger(t, n = !0) {
     this._onTapStart(t, n);
   }
   /**
-   * Can be used if during a selection elements have been added.
-   * Will update everything which can be selected.
+   * Can be used if during a selection elements have been added
+   * Will update everything that can be selected
    */
   resolveSelectables() {
-    this._selectables = K(this._options.selectables, this._options.document);
+    this._selectables = Y(this._options.selectables, this._options.document);
   }
   /**
-   * Same as deselect, but for all elements currently selected.
+   * Same as deselecting, but for all elements currently selected
    * @param includeStored If the store should also get cleared
    * @param quiet If move / stop events should be fired
    */
   clearSelection(t = !0, n = !1) {
-    const { selected: o, stored: s, changed: i } = this._selection;
-    i.added = [], i.removed.push(
+    const { selected: o, stored: i, changed: s } = this._selection;
+    s.added = [], s.removed.push(
       ...o,
-      ...t ? s : []
-    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = {
-      stored: t ? [] : s,
-      selected: [],
-      touched: [],
-      changed: { added: [], removed: [] }
-    };
+      ...t ? i : []
+    ), n || (this._emitEvent("move", null), this._emitEvent("stop", null)), this._selection = Be(t ? [] : i);
   }
   /**
    * @returns {Array} Selected elements
@@ -1339,8 +1379,27 @@ class Ye extends Ot {
     return this._area;
   }
   /**
-   * Cancel the current selection process.
-   * @param keepEvent {boolean} true to fire a stop event after cancel.
+   * @returns {Element[]} Available selectable elements for current selection
+   */
+  getSelectables() {
+    return this._selectables;
+  }
+  /**
+   * Set the location of the selection area
+   * @param location A partial AreaLocation object
+   */
+  setAreaLocation(t) {
+    Object.assign(this._areaLocation, t), this._redrawSelectionArea();
+  }
+  /**
+   * @returns {AreaLocation} The current location of the selection area
+   */
+  getAreaLocation() {
+    return this._areaLocation;
+  }
+  /**
+   * Cancel the current selection process, pass true to fire a stop event after cancel
+   * @param keepEvent If a stop event should be fired
    */
   cancel(t = !1) {
     this._onTapStop(null, !t);
@@ -1353,35 +1412,40 @@ class Ye extends Ot {
   }
   /**
    * Adds elements to the selection
-   * @param query - CSS Query, can be an array of queries
-   * @param quiet - If this should not trigger the move event
+   * @param query CSS Query, can be an array of queries
+   * @param quiet If this should not trigger the move event
    */
   select(t, n = !1) {
-    const { changed: o, selected: s, stored: i } = this._selection, r = K(t, this._options.document).filter(
-      (c) => !s.includes(c) && !i.includes(c)
+    const { changed: o, selected: i, stored: s } = this._selection, r = Y(t, this._options.document).filter(
+      (c) => !i.includes(c) && !s.includes(c)
     );
-    return i.push(...r), s.push(...r), o.added.push(...r), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), r;
+    return s.push(...r), i.push(...r), o.added.push(...r), o.removed = [], this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)), r;
   }
   /**
-   * Removes a particular element from the selection.
-   * @param query - CSS Query, can be an array of queries
-   * @param quiet - If this should not trigger the move event
+   * Removes a particular element from the selection
+   * @param query CSS Query, can be an array of queries
+   * @param quiet If this should not trigger the move event
    */
   deselect(t, n = !1) {
-    const { selected: o, stored: s, changed: i } = this._selection, r = K(t, this._options.document).filter(
-      (c) => o.includes(c) || s.includes(c)
+    const { selected: o, stored: i, changed: s } = this._selection, r = Y(t, this._options.document).filter(
+      (c) => o.includes(c) || i.includes(c)
     );
-    r.length && (this._selection.stored = s.filter((c) => !r.includes(c)), this._selection.selected = o.filter((c) => !r.includes(c)), this._selection.changed.added = [], this._selection.changed.removed.push(
-      ...r.filter((c) => !i.removed.includes(c))
-    ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null)));
+    this._selection.stored = i.filter((c) => !r.includes(c)), this._selection.selected = o.filter((c) => !r.includes(c)), this._selection.changed.added = [], this._selection.changed.removed.push(
+      ...r.filter((c) => !s.removed.includes(c))
+    ), this._latestElement = void 0, n || (this._emitEvent("move", null), this._emitEvent("stop", null));
   }
-}
-C(Ye, "version", "3.5.1");
-function zt(e) {
-  const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new Ye({
+};
+Je.version = "3.9.0";
+let Zt = Je;
+function Qt(e) {
+  const t = e.mouseSelectionButton === 2 ? [2] : [0], n = new Zt({
     selectables: [".map-container me-tpc"],
     boundaries: [e.container],
     container: e.selectionContainer,
+    features: {
+      // deselectOnBlur: true,
+      touch: !1
+    },
     behaviour: {
       triggers: t,
       // Scroll configuration.
@@ -1399,334 +1463,329 @@ function zt(e) {
       }
     }
   }).on("beforestart", ({ event: o }) => {
-    if (o.target.tagName === "ME-TPC" || o.target.id === "input-box" || o.target.className === "circle")
+    var r;
+    const i = o.target;
+    if (i.id === "input-box" || i.className === "circle" || (r = e.container.querySelector(".context-menu")) != null && r.contains(i))
       return !1;
+    if (!o.ctrlKey && !o.metaKey) {
+      if (i.tagName === "ME-TPC" && i.classList.contains("selected"))
+        return !1;
+      e.clearSelection();
+    }
     const s = n.getSelectionArea();
     return s.style.background = "#4f90f22d", s.style.border = "1px solid #4f90f2", s.parentElement && (s.parentElement.style.zIndex = "9999"), !0;
-  }).on("start", ({ event: o }) => {
-    !o.ctrlKey && !o.metaKey && (e.clearSelection(), n.clearSelection(!0, !0));
   }).on(
     "move",
     ({
       store: {
-        changed: { added: o, removed: s }
+        changed: { added: o, removed: i }
       }
     }) => {
-      e.dragMoveHelper.moved = !0;
-      for (const i of o)
-        i.classList.add("selected");
-      for (const i of s)
-        i.classList.remove("selected");
+      if (o.length > 0 || i.length > 0, o.length > 0) {
+        for (const s of o)
+          s.className = "selected";
+        e.currentNodes = [...e.currentNodes, ...o], e.bus.fire(
+          "selectNodes",
+          o.map((s) => s.nodeObj)
+        );
+      }
+      if (i.length > 0) {
+        for (const s of i)
+          s.classList.remove("selected");
+        e.currentNodes = e.currentNodes.filter((s) => !(i != null && i.includes(s))), e.bus.fire(
+          "unselectNodes",
+          i.map((s) => s.nodeObj)
+        );
+      }
     }
-  ).on("stop", ({ store: { stored: o } }) => {
-    e.selectNodes(o);
-  });
+  );
   e.selection = n;
 }
-const Ft = function(e, t = !0) {
+const en = function(e, t = !0) {
   this.theme = e;
-  const n = this.theme.cssVar, o = Object.keys(n);
-  this.container.style.cssText = "";
-  for (let s = 0; s < o.length; s++) {
-    const i = o[s];
-    this.container.style.setProperty(i, n[i]);
-  }
-  e.cssVar["--gap"] || this.container.style.setProperty("--gap", "30px"), t && this.refresh();
-}, U = (e) => {
+  const o = {
+    ...(e.type === "dark" ? pe : fe).cssVar,
+    ...e.cssVar
+  }, i = Object.keys(o);
+  for (let s = 0; s < i.length; s++) {
+    const r = i[s];
+    this.container.style.setProperty(r, o[r]);
+  }
+  t && this.refresh();
+}, K = (e) => {
   var o;
   const t = (o = e.parent) == null ? void 0 : o.children, n = (t == null ? void 0 : t.indexOf(e)) ?? 0;
   return { siblings: t, index: n };
 };
-function qt(e) {
-  const { siblings: t, index: n } = U(e);
+function tn(e) {
+  const { siblings: t, index: n } = K(e);
   if (t === void 0)
     return;
   const o = t[n];
   n === 0 ? (t[n] = t[t.length - 1], t[t.length - 1] = o) : (t[n] = t[n - 1], t[n - 1] = o);
 }
-function Vt(e) {
-  const { siblings: t, index: n } = U(e);
+function nn(e) {
+  const { siblings: t, index: n } = K(e);
   if (t === void 0)
     return;
   const o = t[n];
   n === t.length - 1 ? (t[n] = t[0], t[0] = o) : (t[n] = t[n + 1], t[n + 1] = o);
 }
-function ye(e) {
-  const { siblings: t, index: n } = U(e);
+function Ze(e) {
+  const { siblings: t, index: n } = K(e);
   return t === void 0 ? 0 : (t.splice(n, 1), t.length);
 }
-function It(e, t, n) {
-  const { siblings: o, index: s } = U(n);
-  o !== void 0 && (t === "before" ? o.splice(s, 0, e) : o.splice(s + 1, 0, e));
+function on(e, t, n) {
+  const { siblings: o, index: i } = K(n);
+  o !== void 0 && (t === "before" ? o.splice(i, 0, e) : o.splice(i + 1, 0, e));
 }
-function Kt(e, t) {
-  const { siblings: n, index: o } = U(e);
+function sn(e, t) {
+  const { siblings: n, index: o } = K(e);
   n !== void 0 && (n[o] = t, t.children = [e]);
 }
-function Ue(e, t, n) {
+function Qe(e, t, n) {
   var o;
-  if (ye(t), (o = n.parent) != null && o.parent || (t.direction = n.direction), e === "in")
+  if (Ze(t), (o = n.parent) != null && o.parent || (t.direction = n.direction), e === "in")
     n.children ? n.children.push(t) : n.children = [t];
   else {
     t.direction !== void 0 && (t.direction = n.direction);
-    const { siblings: s, index: i } = U(n);
-    if (s === void 0)
+    const { siblings: i, index: s } = K(n);
+    if (i === void 0)
       return;
-    e === "before" ? s.splice(i, 0, t) : s.splice(i + 1, 0, t);
+    e === "before" ? i.splice(s, 0, t) : i.splice(s + 1, 0, t);
   }
 }
-const Wt = function({ map: e, direction: t }, n) {
-  var o, s;
-  if (t === A)
-    return A;
-  if (t === H)
-    return H;
-  if (t === ae) {
-    const i = ((o = e.querySelector(".lhs")) == null ? void 0 : o.childElementCount) || 0, r = ((s = e.querySelector(".rhs")) == null ? void 0 : s.childElementCount) || 0;
-    return i <= r ? (n.direction = A, A) : (n.direction = H, H);
-  }
-}, Xe = function(e, t, n) {
-  var i, r;
-  const o = n.children[0].children[0], s = t.parentElement;
-  if (s.tagName === "ME-PARENT") {
-    if (Q(o), s.children[1])
-      s.nextSibling.appendChild(n);
+const rn = function({ map: e, direction: t }, n) {
+  var o, i;
+  if (t === 0)
+    return 0;
+  if (t === 1)
+    return 1;
+  if (t === 2) {
+    const s = ((o = e.querySelector(".lhs")) == null ? void 0 : o.childElementCount) || 0, r = ((i = e.querySelector(".rhs")) == null ? void 0 : i.childElementCount) || 0;
+    return s <= r ? (n.direction = 0, 0) : (n.direction = 1, 1);
+  }
+}, et = function(e, t, n) {
+  var s, r;
+  const o = n.children[0].children[0], i = t.parentElement;
+  if (i.tagName === "ME-PARENT") {
+    if (X(o), i.children[1])
+      i.nextSibling.appendChild(n);
     else {
       const c = e.createChildren([n]);
-      s.appendChild(ve(!0)), s.insertAdjacentElement("afterend", c);
+      i.appendChild(ye(!0)), i.insertAdjacentElement("afterend", c);
     }
     e.linkDiv(n.offsetParent);
   } else
-    s.tagName === "ME-ROOT" && (Wt(e, o.nodeObj) === A ? (i = e.container.querySelector(".lhs")) == null || i.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
-}, Ge = function(e, t) {
+    i.tagName === "ME-ROOT" && (rn(e, o.nodeObj) === 0 ? (s = e.container.querySelector(".lhs")) == null || s.appendChild(n) : (r = e.container.querySelector(".rhs")) == null || r.appendChild(n), e.linkDiv());
+}, cn = function(e, t) {
   const n = e.parentNode;
   if (t === 0) {
     const o = n.parentNode.parentNode;
     o.tagName !== "ME-MAIN" && (o.previousSibling.children[1].remove(), o.remove());
   }
   n.parentNode.remove();
-}, Je = {
+}, tt = {
   before: "beforebegin",
   after: "afterend"
-}, Q = function(e) {
+}, X = function(e) {
   const n = e.parentElement.parentElement.lastElementChild;
   (n == null ? void 0 : n.tagName) === "svg" && (n == null || n.remove());
-}, Yt = function(e, t) {
+}, ln = function(e, t) {
   const n = e.nodeObj, o = me(n);
   o.style && t.style && (t.style = Object.assign(o.style, t.style));
-  const s = Object.assign(n, t);
-  ge(e, s), this.linkDiv(), this.bus.fire("operation", {
+  const i = Object.assign(n, t);
+  be(e, i), this.linkDiv(), this.bus.fire("operation", {
     name: "reshapeNode",
-    obj: s,
+    obj: i,
     origin: o
   });
-}, be = function(e, t, n) {
+}, we = function(e, t, n) {
   if (!t)
     return null;
   const o = t.nodeObj;
-  o.expanded === !1 && (e.expandNode(t, !0), t = E(o.id));
-  const s = n || e.generateNewObj();
-  o.children ? o.children.push(s) : o.children = [s], P(e.nodeData);
-  const { grp: i, top: r } = e.createWrapper(s);
-  return Xe(e, t, i), { newTop: r, newNodeObj: s };
-}, Ut = function(e, t, n) {
-  var d, a, u, h;
+  o.expanded === !1 && (e.expandNode(t, !0), t = e.findEle(o.id));
+  const i = n || e.generateNewObj();
+  o.children ? o.children.push(i) : o.children = [i], $(e.nodeData);
+  const { grp: s, top: r } = e.createWrapper(i);
+  return et(e, t, s), { newTop: r, newNodeObj: i };
+}, an = function(e, t, n) {
+  var a, f, h, g;
   const o = t || this.currentNode;
   if (!o)
     return;
-  const s = o.nodeObj;
-  if (s.parent) {
-    if (!((d = s.parent) != null && d.parent) && ((u = (a = s.parent) == null ? void 0 : a.children) == null ? void 0 : u.length) === 1) {
-      this.addChild(E(s.parent.id), n);
+  const i = o.nodeObj;
+  if (i.parent) {
+    if (!((a = i.parent) != null && a.parent) && ((h = (f = i.parent) == null ? void 0 : f.children) == null ? void 0 : h.length) === 1 && this.direction === 2) {
+      this.addChild(this.findEle(i.parent.id), n);
       return;
     }
   } else {
     this.addChild();
     return;
   }
-  const i = n || this.generateNewObj();
-  if (!((h = s.parent) != null && h.parent)) {
-    const p = o.closest("me-main").className === M.LHS ? A : H;
-    i.direction = p;
+  const s = n || this.generateNewObj();
+  if (!((g = i.parent) != null && g.parent)) {
+    const d = o.closest("me-main").className === M.LHS ? 0 : 1;
+    s.direction = d;
   }
-  It(i, e, s), P(this.nodeData);
-  const r = o.parentElement, { grp: c, top: l } = this.createWrapper(i);
-  r.parentElement.insertAdjacentElement(Je[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(l.firstChild), this.selectNode(l.firstChild, !0), this.bus.fire("operation", {
+  on(s, e, i), $(this.nodeData);
+  const r = o.parentElement, { grp: c, top: u } = this.createWrapper(s);
+  r.parentElement.insertAdjacentElement(tt[e], c), this.linkDiv(c.offsetParent), n || this.editTopic(u.firstChild), this.selectNode(u.firstChild, !0), this.bus.fire("operation", {
     name: "insertSibling",
     type: e,
-    obj: i
+    obj: s
   });
-}, Xt = function(e, t) {
+}, dn = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  Q(n);
+  X(n);
   const o = n.nodeObj;
   if (!o.parent)
     return;
-  const s = t || this.generateNewObj();
-  Kt(o, s), P(this.nodeData);
-  const i = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(s, !0);
-  c.appendChild(ve(!0)), i.insertAdjacentElement("afterend", r);
-  const l = this.createChildren([i]);
-  c.insertAdjacentElement("afterend", l), this.linkDiv(), t || this.editTopic(c.firstChild), this.selectNode(c.firstChild, !0), this.bus.fire("operation", {
+  const i = t || this.generateNewObj();
+  sn(o, i), $(this.nodeData);
+  const s = n.parentElement.parentElement, { grp: r, top: c } = this.createWrapper(i, !0);
+  c.appendChild(ye(!0)), s.insertAdjacentElement("afterend", r);
+  const u = this.createChildren([s]);
+  c.insertAdjacentElement("afterend", u), this.linkDiv(), t || this.editTopic(c.firstChild), this.selectNode(c.firstChild, !0), this.bus.fire("operation", {
     name: "insertParent",
-    obj: s
+    obj: i
   });
-}, Gt = function(e, t) {
+}, hn = function(e, t) {
   const n = e || this.currentNode;
   if (!n)
     return;
-  const o = be(this, n, t);
+  const o = we(this, n, t);
   if (!o)
     return;
-  const { newTop: s, newNodeObj: i } = o;
+  const { newTop: i, newNodeObj: s } = o;
   this.bus.fire("operation", {
     name: "addChild",
-    obj: i
-  }), t || this.editTopic(s.firstChild), this.selectNode(s.firstChild, !0);
-}, Jt = function(e, t) {
+    obj: s
+  }), t || this.editTopic(i.firstChild), this.selectNode(i.firstChild, !0);
+}, un = function(e, t) {
   const n = me(e.nodeObj);
-  pe(n);
-  const o = be(this, t, n);
+  ge(n);
+  const o = we(this, t, n);
   if (!o)
     return;
-  const { newNodeObj: s } = o;
-  this.selectNode(E(s.id)), this.bus.fire("operation", {
+  const { newNodeObj: i } = o;
+  this.selectNode(this.findEle(i.id)), this.bus.fire("operation", {
     name: "copyNode",
-    obj: s
+    obj: i
   });
-}, Zt = function(e, t) {
-  e = de(e);
+}, fn = function(e, t) {
+  e = ce(e);
   const n = [];
   for (let o = 0; o < e.length; o++) {
-    const s = e[o], i = me(s.nodeObj);
-    pe(i);
-    const r = be(this, t, i);
+    const i = e[o], s = me(i.nodeObj);
+    ge(s);
+    const r = we(this, t, s);
     if (!r)
       return;
     const { newNodeObj: c } = r;
     n.push(c);
   }
-  this.selectNodes(n.map((o) => E(o.id))), this.bus.fire("operation", {
+  this.unselectNodes(this.currentNodes), this.selectNodes(n.map((o) => this.findEle(o.id))), this.bus.fire("operation", {
     name: "copyNodes",
     objs: n
   });
-}, Qt = function(e) {
+}, pn = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  qt(n);
+  tn(n);
   const o = t.parentNode.parentNode;
   o.parentNode.insertBefore(o, o.previousSibling), this.linkDiv(), this.bus.fire("operation", {
     name: "moveUpNode",
     obj: n
   });
-}, en = function(e) {
+}, gn = function(e) {
   const t = e || this.currentNode;
   if (!t)
     return;
   const n = t.nodeObj;
-  Vt(n);
+  nn(n);
   const o = t.parentNode.parentNode;
   o.nextSibling ? o.nextSibling.insertAdjacentElement("afterend", o) : o.parentNode.prepend(o), this.linkDiv(), this.bus.fire("operation", {
     name: "moveDownNode",
     obj: n
   });
-}, tn = function(e) {
-  var r;
-  const t = e || this.currentNode;
-  if (!t)
+}, mn = function(e) {
+  if (e.length === 0)
     return;
-  const n = t.nodeObj;
-  if (!n.parent)
-    throw new Error("Can not remove root node");
-  const o = n.parent.children, s = o.findIndex((c) => c === n), i = ye(n);
-  if (Ge(t, i), o.length !== 0) {
-    const c = o[s] || o[s - 1];
-    this.selectNode(E(c.id));
-  } else
-    this.selectNode(E(n.parent.id));
-  this.linkDiv(), this.bus.fire("operation", {
-    name: "removeNode",
-    obj: n,
-    originIndex: s,
-    originParentId: (r = n == null ? void 0 : n.parent) == null ? void 0 : r.id
-  });
-}, nn = function(e) {
-  e = de(e);
-  for (const t of e) {
-    const n = t.nodeObj;
-    if (!n.parent)
-      continue;
-    const o = ye(n);
-    Ge(t, o);
+  e = ce(e);
+  for (const n of e) {
+    const o = n.nodeObj, i = Ze(o);
+    cn(n, i);
   }
-  this.linkDiv(), this.bus.fire("operation", {
+  const t = e[e.length - 1];
+  this.selectNode(this.findEle(t.nodeObj.parent.id)), this.linkDiv(), this.bus.fire("operation", {
     name: "removeNodes",
-    objs: e.map((t) => t.nodeObj)
+    objs: e.map((n) => n.nodeObj)
   });
-}, on = function(e, t) {
-  e = de(e);
+}, vn = function(e, t) {
+  e = ce(e);
   const n = t.nodeObj;
-  n.expanded === !1 && (this.expandNode(t, !0), t = E(n.id));
+  n.expanded === !1 && (this.expandNode(t, !0), t = this.findEle(n.id));
   for (const o of e) {
-    const s = o.nodeObj;
-    Ue("in", s, n), P(this.nodeData);
-    const i = o.parentElement;
-    Xe(this, t, i.parentElement);
+    const i = o.nodeObj;
+    Qe("in", i, n), $(this.nodeData);
+    const s = o.parentElement;
+    et(this, t, s.parentElement);
   }
   this.linkDiv(), this.bus.fire("operation", {
     name: "moveNodeIn",
     objs: e.map((o) => o.nodeObj),
     toObj: n
   });
-}, Ze = (e, t, n, o) => {
-  e = de(e), t === "after" && (e = e.reverse());
-  const s = n.nodeObj, i = [];
+}, nt = (e, t, n, o) => {
+  e = ce(e), t === "after" && (e = e.reverse());
+  const i = n.nodeObj, s = [];
   for (const r of e) {
     const c = r.nodeObj;
-    Ue(t, c, s), P(o.nodeData), Q(r);
-    const l = r.parentElement.parentNode;
-    i.includes(l.parentElement) || i.push(l.parentElement), n.parentElement.parentNode.insertAdjacentElement(Je[t], l);
+    Qe(t, c, i), $(o.nodeData), X(r);
+    const u = r.parentElement.parentNode;
+    s.includes(u.parentElement) || s.push(u.parentElement), n.parentElement.parentNode.insertAdjacentElement(tt[t], u);
   }
-  for (const r of i)
+  for (const r of s)
     r.childElementCount === 0 && r.tagName !== "ME-MAIN" && (r.previousSibling.children[1].remove(), r.remove());
   o.linkDiv(), o.bus.fire("operation", {
     name: t === "before" ? "moveNodeBefore" : "moveNodeAfter",
     objs: e.map((r) => r.nodeObj),
-    toObj: s
+    toObj: i
   });
-}, sn = function(e, t) {
-  Ze(e, "before", t, this);
-}, rn = function(e, t) {
-  Ze(e, "after", t, this);
-}, cn = function(e) {
+}, bn = function(e, t) {
+  nt(e, "before", t, this);
+}, yn = function(e, t) {
+  nt(e, "after", t, this);
+}, wn = function(e) {
   const t = e || this.currentNode;
   t && (t.nodeObj.dangerouslySetInnerHTML || this.editTopic(t));
-}, ln = function(e, t) {
+}, xn = function(e, t) {
   e.text.textContent = t, e.nodeObj.topic = t, this.linkDiv();
-}, Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ot = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  addChild: Gt,
-  beginEdit: cn,
-  copyNode: Jt,
-  copyNodes: Zt,
-  insertParent: Xt,
-  insertSibling: Ut,
-  moveDownNode: en,
-  moveNodeAfter: rn,
-  moveNodeBefore: sn,
-  moveNodeIn: on,
-  moveUpNode: Qt,
-  removeNode: tn,
-  removeNodes: nn,
-  reshapeNode: Yt,
-  rmSubline: Q,
-  setNodeTopic: ln
+  addChild: hn,
+  beginEdit: wn,
+  copyNode: un,
+  copyNodes: fn,
+  insertParent: dn,
+  insertSibling: an,
+  moveDownNode: gn,
+  moveNodeAfter: yn,
+  moveNodeBefore: bn,
+  moveNodeIn: vn,
+  moveUpNode: pn,
+  removeNodes: mn,
+  reshapeNode: ln,
+  rmSubline: X,
+  setNodeTopic: xn
 }, Symbol.toStringTag, { value: "Module" }));
-function an(e) {
+function En(e) {
   return {
     nodeData: e.isFocusMode ? e.nodeDataBackup : e.nodeData,
     arrows: e.arrows,
@@ -1735,150 +1794,202 @@ function an(e) {
     theme: e.theme
   };
 }
-const dn = function(e, t, n) {
-  if (e) {
-    if (this.clearSelection(), typeof e == "string") {
-      const o = E(e);
-      return o ? this.selectNode(o) : void 0;
-    }
-    e.className = "selected", e.scrollIntoView({ block: "nearest", inline: "nearest" }), this.currentNode = e, t ? this.bus.fire("selectNewNode", e.nodeObj) : this.bus.fire("selectNode", e.nodeObj, n);
-  }
-}, hn = function() {
-  this.currentNode && (this.currentNode.className = ""), this.currentNode = null, this.bus.fire("unselectNode");
-}, un = function(e) {
-  this.clearSelection();
-  for (const t of e)
-    t.className = "selected";
-  this.currentNodes = e, this.bus.fire(
-    "selectNodes",
-    e.map((t) => t.nodeObj)
-  );
-}, fn = function() {
-  if (this.currentNodes)
-    for (const e of this.currentNodes)
-      e.classList.remove("selected");
-  this.currentNodes = null, this.bus.fire("unselectNodes");
-}, pn = function() {
-  this.unselectNode(), this.unselectNodes(), this.unselectSummary(), this.unselectArrow();
-}, mn = function() {
-  const e = an(this);
+const Cn = function(e) {
+  const t = this.container, n = e.getBoundingClientRect(), o = t.getBoundingClientRect();
+  if (n.top > o.bottom || n.bottom < o.top || n.left > o.right || n.right < o.left) {
+    const s = n.left + n.width / 2, r = n.top + n.height / 2, c = o.left + o.width / 2, u = o.top + o.height / 2, a = s - c, f = r - u;
+    this.move(-a, -f);
+  }
+}, Sn = function(e, t, n) {
+  this.clearSelection(), this.scrollIntoView(e), this.selection.select(e), t && this.bus.fire("selectNewNode", e.nodeObj);
+}, Nn = function(e) {
+  this.selection.select(e);
+}, _n = function(e) {
+  this.selection.deselect(e);
+}, kn = function() {
+  this.unselectNodes(this.currentNodes), this.unselectSummary(), this.unselectArrow();
+}, Tn = function() {
+  const e = En(this);
   return JSON.stringify(e, (t, n) => {
     if (!(t === "parent" && typeof n != "string"))
       return n;
   });
-}, gn = function() {
+}, An = function() {
   return JSON.parse(this.getDataString());
-}, vn = function() {
+}, Ln = function() {
   this.editable = !0;
-}, yn = function() {
+}, Mn = function() {
   this.editable = !1;
-}, bn = function(e, t = { x: 0, y: 0 }) {
-  const n = this.container.getBoundingClientRect(), o = n.width / 2 - 1e4, s = n.height / 2 - 1e4, i = this.scaleVal, r = this.map.style.transform, { x: c, y: l } = Fe(r), d = c - (t.x - n.left - n.width / 2), a = l - (t.y - n.top - n.height / 2), u = (o - d) * (1 - e / i), h = (s - a) * (1 - e / i);
-  this.map.style.transform = `translate(${c + u}px, ${l + h}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
-}, xn = function() {
+}, Dn = function(e, t = { x: 0, y: 0 }) {
+  const n = this.container.getBoundingClientRect(), o = t.x ? t.x - n.left - n.width / 2 : 0, i = t.y ? t.y - n.top - n.height / 2 : 0, { dx: s, dy: r } = it(this), c = this.map.style.transform, { x: u, y: a } = Ye(c), f = u - s, h = a - r, g = this.scaleVal, d = (-o + f) * (1 - e / g), l = (-i + h) * (1 - e / g);
+  this.map.style.transform = `translate(${u - d}px, ${a - l}px) scale(${e})`, this.scaleVal = e, this.bus.fire("scale", e);
+}, On = function() {
   const e = this.nodes.offsetHeight / this.container.offsetHeight, t = this.nodes.offsetWidth / this.container.offsetWidth, n = 1 / Math.max(1, Math.max(e, t));
   this.scaleVal = n, this.map.style.transform = "scale(" + n + ")", this.bus.fire("scale", n);
-}, wn = function(e, t) {
-  const { map: n, scaleVal: o, container: s, bus: i } = this, r = n.style.transform, { x: c, y: l } = Fe(r), d = c + e, a = l + t, u = (1 - o) * 1e4, h = 0 - u, p = -2e4 + s.offsetWidth + u, g = -2e4 + s.offsetHeight + u, v = Math.min(h, Math.max(p, d)), m = Math.min(h, Math.max(g, a));
-  n.style.transform = `translate(${v}px, ${m}px) scale(${o})`, i.fire("move", { dx: e, dy: t });
-}, En = function() {
-  const e = this.container.getBoundingClientRect(), t = e.width / 2 - 1e4, n = e.height / 2 - 1e4;
-  this.map.style.transform = `translate(${t}px, ${n}px) scale(${this.scaleVal})`;
-}, Nn = function(e) {
+}, jn = function(e, t) {
+  const { map: n, scaleVal: o, bus: i } = this, s = n.style.transform;
+  let { x: r, y: c } = Ye(s);
+  r += e, c += t, n.style.transform = `translate(${r}px, ${c}px) scale(${o})`, i.fire("move", { dx: e, dy: t });
+}, it = (e) => {
+  const { container: t, map: n, nodes: o } = e, i = n.querySelector("me-root"), s = i.offsetTop, r = i.offsetLeft, c = i.offsetWidth, u = i.offsetHeight;
+  let a, f;
+  return e.alignment === "root" ? (a = t.offsetWidth / 2 - r - c / 2, f = t.offsetHeight / 2 - s - u / 2, n.style.transformOrigin = `${r + c / 2}px 50%`) : (a = (t.offsetWidth - o.offsetWidth) / 2, f = (t.offsetHeight - o.offsetHeight) / 2, n.style.transformOrigin = "50% 50%"), { dx: a, dy: f };
+}, Pn = function() {
+  const { map: e } = this, { dx: t, dy: n } = it(this);
+  e.style.transform = `translate(${t}px, ${n}px) scale(${this.scaleVal})`;
+}, $n = function(e) {
   e(this);
-}, Cn = function(e) {
-  e.nodeObj.parent && (this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.initRight(), this.toCenter());
-}, Sn = function() {
+}, Hn = function(e) {
+  e.nodeObj.parent && (this.clearSelection(), this.tempDirection === null && (this.tempDirection = this.direction), this.isFocusMode || (this.nodeDataBackup = this.nodeData, this.isFocusMode = !0), this.nodeData = e.nodeObj, this.initRight(), this.toCenter());
+}, Bn = function() {
   this.isFocusMode = !1, this.tempDirection !== null && (this.nodeData = this.nodeDataBackup, this.direction = this.tempDirection, this.tempDirection = null, this.refresh(), this.toCenter());
-}, _n = function() {
-  this.direction = 0, this.refresh();
-}, Mn = function() {
-  this.direction = 1, this.refresh();
-}, Ln = function() {
-  this.direction = 2, this.refresh();
-}, kn = function(e) {
+}, Rn = function() {
+  this.direction = 0, this.refresh(), this.toCenter();
+}, Fn = function() {
+  this.direction = 1, this.refresh(), this.toCenter();
+}, In = function() {
+  this.direction = 2, this.refresh(), this.toCenter();
+}, Wn = function(e) {
   this.locale = e, this.refresh();
-}, Tn = function(e, t) {
+}, Vn = function(e, t) {
   const n = e.nodeObj;
   typeof t == "boolean" ? n.expanded = t : n.expanded !== !1 ? n.expanded = !1 : n.expanded = !0;
-  const o = e.parentNode, s = o.children[1];
-  if (s.expanded = n.expanded, s.className = n.expanded ? "minus" : "", Q(e), n.expanded) {
-    const l = this.createChildren(
-      n.children.map((d) => this.createWrapper(d).grp)
+  const o = e.parentNode, i = o.children[1];
+  if (i.expanded = n.expanded, i.className = n.expanded ? "minus" : "", X(e), n.expanded) {
+    const u = this.createChildren(
+      n.children.map((a) => this.createWrapper(a).grp)
     );
-    o.parentNode.appendChild(l);
+    o.parentNode.appendChild(u);
   } else
     o.parentNode.children[1].remove();
   this.linkDiv(e.closest("me-main > me-wrapper"));
-  const i = e.getBoundingClientRect(), r = this.container.getBoundingClientRect();
-  (i.bottom > r.bottom || i.top < r.top || i.right > r.right || i.left < r.left) && e.scrollIntoView({ block: "center", inline: "center" }), this.bus.fire("expandNode", n);
-}, An = function(e) {
-  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), P(this.nodeData), this.layout(), this.linkDiv();
-}, $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  const s = e.getBoundingClientRect(), r = this.container.getBoundingClientRect();
+  (s.bottom > r.bottom || s.top < r.top || s.right > r.right || s.left < r.left) && this.scrollIntoView(e), this.bus.fire("expandNode", n);
+}, Yn = function(e, t) {
+  const n = e.nodeObj, o = (i, s) => {
+    i.expanded = s, i.children && i.children.forEach((r) => {
+      o(r, s);
+    });
+  };
+  typeof t == "boolean" ? o(n, t) : n.expanded !== !1 ? o(n, !1) : o(n, !0), this.refresh();
+}, Gn = function(e) {
+  e && (e = JSON.parse(JSON.stringify(e)), this.nodeData = e.nodeData, this.arrows = e.arrows || [], this.summaries = e.summaries || []), $(this.nodeData), this.layout(), this.linkDiv();
+}, Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  cancelFocus: Sn,
-  clearSelection: pn,
-  disableEdit: yn,
-  enableEdit: vn,
-  expandNode: Tn,
-  focusNode: Cn,
-  getData: gn,
-  getDataString: mn,
-  initLeft: _n,
-  initRight: Mn,
-  initSide: Ln,
-  install: Nn,
-  move: wn,
-  refresh: An,
-  scale: bn,
-  scaleFit: xn,
-  selectNode: dn,
-  selectNodes: un,
-  setLocale: kn,
-  toCenter: En,
-  unselectNode: hn,
-  unselectNodes: fn
-}, Symbol.toStringTag, { value: "Module" })), jn = function(e) {
+  cancelFocus: Bn,
+  clearSelection: kn,
+  disableEdit: Mn,
+  enableEdit: Ln,
+  expandNode: Vn,
+  expandNodeAll: Yn,
+  focusNode: Hn,
+  getData: An,
+  getDataString: Tn,
+  initLeft: Rn,
+  initRight: Fn,
+  initSide: In,
+  install: $n,
+  move: jn,
+  refresh: Gn,
+  scale: Dn,
+  scaleFit: On,
+  scrollIntoView: Cn,
+  selectNode: Sn,
+  selectNodes: Nn,
+  setLocale: Wn,
+  toCenter: Pn,
+  unselectNodes: _n
+}, Symbol.toStringTag, { value: "Module" })), qn = function(e) {
   return {
     dom: e,
     moved: !1,
-    // diffrentiate click and move
-    mousedown: !1,
-    handleMouseMove(t) {
-      this.mousedown && (this.moved = !0, this.cb && this.cb(t.movementX, t.movementY));
+    // differentiate click and move
+    pointerdown: !1,
+    lastX: 0,
+    lastY: 0,
+    handlePointerMove(t) {
+      if (this.pointerdown) {
+        this.moved = !0;
+        const n = t.clientX - this.lastX, o = t.clientY - this.lastY;
+        this.lastX = t.clientX, this.lastY = t.clientY, this.cb && this.cb(n, o);
+      }
     },
-    handleMouseDown(t) {
-      t.button === 0 && (this.mousedown = !0);
+    handlePointerDown(t) {
+      t.button === 0 && (this.pointerdown = !0, this.lastX = t.clientX, this.lastY = t.clientY, this.dom.setPointerCapture(t.pointerId));
     },
     handleClear(t) {
-      this.mousedown = !1;
+      this.pointerdown = !1, t.pointerId !== void 0 && this.dom.releasePointerCapture(t.pointerId);
     },
     cb: null,
     init(t, n) {
-      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handleMouseMove = this.handleMouseMove.bind(this), this.handleMouseDown = this.handleMouseDown.bind(this), t.addEventListener("mousemove", this.handleMouseMove), t.addEventListener("mouseleave", this.handleClear), t.addEventListener("mouseup", this.handleClear), this.dom.addEventListener("mousedown", this.handleMouseDown);
-    },
-    destory(t) {
-      t.removeEventListener("mousemove", this.handleMouseMove), t.removeEventListener("mouseleave", this.handleClear), t.removeEventListener("mouseup", this.handleClear), this.dom.removeEventListener("mousedown", this.handleMouseDown);
+      this.cb = n, this.handleClear = this.handleClear.bind(this), this.handlePointerMove = this.handlePointerMove.bind(this), this.handlePointerDown = this.handlePointerDown.bind(this), this.destroy = ve([
+        { dom: t, evt: "pointermove", func: this.handlePointerMove },
+        { dom: t, evt: "pointerleave", func: this.handleClear },
+        { dom: t, evt: "pointerup", func: this.handleClear },
+        { dom: this.dom, evt: "pointerdown", func: this.handlePointerDown }
+      ]);
     },
+    destroy: null,
     clear() {
-      this.moved = !1, this.mousedown = !1;
+      this.moved = !1, this.pointerdown = !1;
     }
   };
-}, Oe = {
-  create: jn
-};
-function le(e, t, n) {
-  const { offsetLeft: o, offsetTop: s } = B(e.nodes, t), i = t.offsetWidth, r = t.offsetHeight, c = o + i / 2, l = s + r / 2, d = c + n.x, a = l + n.y;
+}, Re = {
+  create: qn
+}, zn = "#4dc4ff";
+function st(e, t, n, o, i, s, r, c) {
   return {
-    w: i,
+    x: e / 8 + n * 3 / 8 + i * 3 / 8 + r / 8,
+    y: t / 8 + o * 3 / 8 + s * 3 / 8 + c / 8
+  };
+}
+function Un(e, t, n) {
+  S(e, {
+    x: t + "",
+    y: n + ""
+  });
+}
+function Z(e, t, n, o, i) {
+  S(e, {
+    x1: t + "",
+    y1: n + "",
+    x2: o + "",
+    y2: i + ""
+  });
+}
+function Fe(e, t, n, o, i, s, r, c, u, a) {
+  var d;
+  if (e.line.setAttribute("d", `M ${t} ${n} C ${o} ${i} ${s} ${r} ${c} ${u}`), a.style) {
+    const l = a.style;
+    l.stroke && e.line.setAttribute("stroke", l.stroke), l.strokeWidth && e.line.setAttribute("stroke-width", String(l.strokeWidth)), l.strokeDasharray && e.line.setAttribute("stroke-dasharray", l.strokeDasharray), l.strokeLinecap && e.line.setAttribute("stroke-linecap", l.strokeLinecap), l.opacity !== void 0 && e.line.setAttribute("opacity", String(l.opacity));
+  }
+  const f = oe(s, r, c, u);
+  if (f && (e.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${c} ${u} L ${f.x2} ${f.y2}`), a.style)) {
+    const l = a.style;
+    l.stroke && e.arrow1.setAttribute("stroke", l.stroke), l.strokeWidth && e.arrow1.setAttribute("stroke-width", String(l.strokeWidth)), l.strokeLinecap && e.arrow1.setAttribute("stroke-linecap", l.strokeLinecap), l.opacity !== void 0 && e.arrow1.setAttribute("opacity", String(l.opacity));
+  }
+  if (a.bidirectional) {
+    const l = oe(o, i, t, n);
+    if (l && (e.arrow2.setAttribute("d", `M ${l.x1} ${l.y1} L ${t} ${n} L ${l.x2} ${l.y2}`), a.style)) {
+      const p = a.style;
+      p.stroke && e.arrow2.setAttribute("stroke", p.stroke), p.strokeWidth && e.arrow2.setAttribute("stroke-width", String(p.strokeWidth)), p.strokeLinecap && e.arrow2.setAttribute("stroke-linecap", p.strokeLinecap), p.opacity !== void 0 && e.arrow2.setAttribute("opacity", String(p.opacity));
+    }
+  }
+  const { x: h, y: g } = st(t, n, o, i, s, r, c, u);
+  Un(e.label, h, g), (d = a.style) != null && d.labelColor && e.label.setAttribute("fill", a.style.labelColor), io(e);
+}
+function re(e, t, n) {
+  const { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = t.offsetWidth, r = t.offsetHeight, c = o + s / 2, u = i + r / 2, a = c + n.x, f = u + n.y;
+  return {
+    w: s,
     h: r,
     cx: c,
-    cy: l,
-    ctrlX: d,
-    ctrlY: a
+    cy: u,
+    ctrlX: a,
+    ctrlY: f
   };
 }
-function W(e) {
+function G(e) {
   let t, n;
   const o = (e.cy - e.ctrlY) / (e.ctrlX - e.cx);
   return o > e.h / e.w || o < -e.h / e.w ? e.cy - e.ctrlY < 0 ? (t = e.cx - e.h / 2 / o, n = e.cy + e.h / 2) : (t = e.cx + e.h / 2 / o, n = e.cy - e.h / 2) : e.cx - e.ctrlX < 0 ? (t = e.cx + e.w / 2, n = e.cy - e.w * o / 2) : (t = e.cx - e.w / 2, n = e.cy + e.w * o / 2), {
@@ -1886,32 +1997,32 @@ function W(e) {
     y: n
   };
 }
-const Dn = function(e, t, n, o) {
-  const s = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return S(s, {
+const Xn = function(e, t, n, o) {
+  const i = document.createElementNS(k, "text");
+  return S(i, {
     "text-anchor": "middle",
     x: t + "",
     y: n + "",
-    fill: o || "#666"
-  }), s.dataset.type = "custom-link", s.innerHTML = e, s;
-}, xe = function(e, t, n, o, s) {
+    fill: o || "rgb(235, 95, 82)"
+  }), i.dataset.type = "custom-link", i.innerHTML = e, i;
+}, xe = function(e, t, n, o, i) {
+  var x;
   if (!t || !n)
     return;
-  performance.now();
-  const i = le(e, t, o.delta1), r = le(e, n, o.delta2), { x: c, y: l } = W(i), { ctrlX: d, ctrlY: a } = i, { ctrlX: u, ctrlY: h } = r, { x: p, y: g } = W(r), v = re(u, h, p, g);
-  if (!v)
+  const s = re(e, t, o.delta1), r = re(e, n, o.delta2), { x: c, y: u } = G(s), { ctrlX: a, ctrlY: f } = s, { ctrlX: h, ctrlY: g } = r, { x: d, y: l } = G(r), p = oe(h, g, d, l);
+  if (!p)
     return;
-  const m = `M ${v.x1} ${v.y1} L ${p} ${g} L ${v.x2} ${v.y2}`;
-  let f = "";
+  const m = `M ${p.x1} ${p.y1} L ${d} ${l} L ${p.x2} ${p.y2}`;
+  let v = "";
   if (o.bidirectional) {
-    const w = re(d, a, c, l);
-    if (!w)
+    const C = oe(a, f, c, u);
+    if (!C)
       return;
-    f = `M ${w.x1} ${w.y1} L ${c} ${l} L ${w.x2} ${w.y2}`;
+    v = `M ${C.x1} ${C.y1} L ${c} ${u} L ${C.x2} ${C.y2}`;
   }
-  const y = mt(`M ${c} ${l} C ${d} ${a} ${u} ${h} ${p} ${g}`, m, f), x = c / 8 + d * 3 / 8 + u * 3 / 8 + p / 8, N = l / 8 + a * 3 / 8 + h * 3 / 8 + g / 8, b = Dn(o.label, x, N, e.theme.cssVar["--color"]);
-  y.appendChild(b), y.label = b, y.arrowObj = o, y.dataset.linkid = o.id, e.linkSvgGroup.appendChild(y), s || (e.arrows.push(o), e.currentArrow = y, et(e, o, i, r)), performance.now();
-}, On = function(e, t, n = {}) {
+  const b = kt(`M ${c} ${u} C ${a} ${f} ${h} ${g} ${d} ${l}`, m, v, o.style), { x: y, y: E } = st(c, u, a, f, h, g, d, l), N = (x = o.style) == null ? void 0 : x.labelColor, w = Xn(o.label, y, E, N);
+  b.appendChild(w), b.label = w, b.arrowObj = o, b.dataset.linkid = o.id, e.linkSvgGroup.appendChild(b), i || (e.arrows.push(o), e.currentArrow = b, rt(e, o, s, r));
+}, Jn = function(e, t, n = {}) {
   const o = {
     id: V(),
     label: "Custom Link",
@@ -1931,17 +2042,17 @@ const Dn = function(e, t, n, o) {
     name: "createArrow",
     obj: o
   });
-}, Hn = function(e) {
+}, Zn = function(e) {
   const t = { ...e, id: V() };
-  xe(this, E(t.from), E(t.to), t), this.bus.fire("operation", {
+  xe(this, this.findEle(t.from), this.findEle(t.to), t), this.bus.fire("operation", {
     name: "createArrow",
     obj: t
   });
-}, Pn = function(e) {
+}, Qn = function(e) {
   let t;
   if (e ? t = e : t = this.currentArrow, !t)
     return;
-  we(this);
+  Ee(this);
   const n = t.arrowObj.id;
   this.arrows = this.arrows.filter((o) => o.id !== n), t.remove(), this.bus.fire("operation", {
     name: "removeArrow",
@@ -1949,146 +2060,139 @@ const Dn = function(e, t, n, o) {
       id: n
     }
   });
-}, Bn = function(e) {
+}, eo = function(e) {
   this.currentArrow = e;
-  const t = e.arrowObj, n = E(t.from), o = E(t.to), s = le(this, n, t.delta1), i = le(this, o, t.delta2);
-  et(this, t, s, i);
-}, Rn = function() {
-  this.currentArrow = null, we(this);
-}, we = function(e) {
+  const t = e.arrowObj, n = this.findEle(t.from), o = this.findEle(t.to), i = re(this, n, t.delta1), s = re(this, o, t.delta2);
+  rt(this, t, i, s);
+}, to = function() {
+  Ee(this), this.currentArrow = null;
+}, le = function(e, t) {
+  const n = document.createElementNS(k, "path");
+  return S(n, {
+    d: e,
+    stroke: t,
+    fill: "none",
+    "stroke-width": "6",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }), n;
+}, no = function(e, t) {
+  const n = document.createElementNS(k, "g");
+  n.setAttribute("class", "arrow-highlight"), n.setAttribute("opacity", "0.45");
+  const o = le(e.line.getAttribute("d"), t);
+  n.appendChild(o);
+  const i = le(e.arrow1.getAttribute("d"), t);
+  if (n.appendChild(i), e.arrow2.getAttribute("d")) {
+    const s = le(e.arrow2.getAttribute("d"), t);
+    n.appendChild(s);
+  }
+  e.insertBefore(n, e.firstChild);
+}, oo = function(e) {
+  const t = e.querySelector(".arrow-highlight");
+  t && t.remove();
+}, io = function(e) {
+  const t = e.querySelector(".arrow-highlight");
+  if (!t)
+    return;
+  const n = t.querySelectorAll("path");
+  n.length >= 1 && n[0].setAttribute("d", e.line.getAttribute("d")), n.length >= 2 && n[1].setAttribute("d", e.arrow1.getAttribute("d")), n.length >= 3 && e.arrow2.getAttribute("d") && n[2].setAttribute("d", e.arrow2.getAttribute("d"));
+}, Ee = function(e) {
   var t, n;
-  (t = e.helper1) == null || t.destory(e.map), (n = e.helper2) == null || n.destory(e.map), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none";
-}, et = function(e, t, n, o) {
-  e.linkController.style.display = "initial", e.P2.style.display = "initial", e.P3.style.display = "initial", e.nodes.appendChild(e.linkController), e.nodes.appendChild(e.P2), e.nodes.appendChild(e.P3);
-  let { x: s, y: i } = W(n), { ctrlX: r, ctrlY: c } = n, { ctrlX: l, ctrlY: d } = o, { x: a, y: u } = W(o);
-  e.P2.style.cssText = `top:${c}px;left:${r}px;`, e.P3.style.cssText = `top:${d}px;left:${l}px;`, S(e.line1, {
-    x1: s + "",
-    y1: i + "",
-    x2: r + "",
-    y2: c + ""
-  }), S(e.line2, {
-    x1: l + "",
-    y1: d + "",
-    x2: a + "",
-    y2: u + ""
-  }), e.helper1 = Oe.create(e.P2), e.helper2 = Oe.create(e.P3), e.helper1.init(e.map, (h, p) => {
-    if (!e.currentArrow)
-      return;
-    r = r + h / e.scaleVal, c = c + p / e.scaleVal;
-    const g = W({ ...n, ctrlX: r, ctrlY: c });
-    s = g.x, i = g.y;
-    const v = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, m = i / 8 + c * 3 / 8 + d * 3 / 8 + u / 8;
-    if (e.P2.style.top = c + "px", e.P2.style.left = r + "px", e.currentArrow.line.setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${d} ${a} ${u}`), t.bidirectional) {
-      const f = re(r, c, s, i);
-      if (!f)
-        return;
-      e.currentArrow.arrow2.setAttribute("d", `M ${f.x1} ${f.y1} L ${s} ${i} L ${f.x2} ${f.y2}`);
-    }
-    S(e.currentArrow.label, {
-      x: v + "",
-      y: m + ""
-    }), S(e.line1, {
-      x1: s + "",
-      y1: i + "",
-      x2: r + "",
-      y2: c + ""
-    }), t.delta1.x = r - n.cx, t.delta1.y = c - n.cy, e.bus.fire("updateArrowDelta", t);
-  }), e.helper2.init(e.map, (h, p) => {
-    if (!e.currentArrow)
-      return;
-    l = l + h / e.scaleVal, d = d + p / e.scaleVal;
-    const g = W({ ...o, ctrlX: l, ctrlY: d });
-    a = g.x, u = g.y;
-    const v = s / 8 + r * 3 / 8 + l * 3 / 8 + a / 8, m = i / 8 + c * 3 / 8 + d * 3 / 8 + u / 8, f = re(l, d, a, u);
-    f && (e.P3.style.top = d + "px", e.P3.style.left = l + "px", e.currentArrow.line.setAttribute("d", `M ${s} ${i} C ${r} ${c} ${l} ${d} ${a} ${u}`), e.currentArrow.arrow1.setAttribute("d", `M ${f.x1} ${f.y1} L ${a} ${u} L ${f.x2} ${f.y2}`), S(e.currentArrow.label, {
-      x: v + "",
-      y: m + ""
-    }), S(e.line2, {
-      x1: l + "",
-      y1: d + "",
-      x2: a + "",
-      y2: u + ""
-    }), t.delta2.x = l - o.cx, t.delta2.y = d - o.cy, e.bus.fire("updateArrowDelta", t));
+  (t = e.helper1) == null || t.destroy(), (n = e.helper2) == null || n.destroy(), e.linkController.style.display = "none", e.P2.style.display = "none", e.P3.style.display = "none", e.currentArrow && oo(e.currentArrow);
+}, rt = function(e, t, n, o) {
+  const { linkController: i, P2: s, P3: r, line1: c, line2: u, nodes: a, map: f, currentArrow: h, bus: g } = e;
+  if (!h)
+    return;
+  i.style.display = "initial", s.style.display = "initial", r.style.display = "initial", a.appendChild(i), a.appendChild(s), a.appendChild(r), no(h, zn);
+  let { x: d, y: l } = G(n), { ctrlX: p, ctrlY: m } = n, { ctrlX: v, ctrlY: b } = o, { x: y, y: E } = G(o);
+  s.style.cssText = `top:${m}px;left:${p}px;`, r.style.cssText = `top:${b}px;left:${v}px;`, Z(c, d, l, p, m), Z(u, v, b, y, E), e.helper1 = Re.create(s), e.helper2 = Re.create(r), e.helper1.init(f, (N, w) => {
+    p = p + N / e.scaleVal, m = m + w / e.scaleVal;
+    const x = G({ ...n, ctrlX: p, ctrlY: m });
+    d = x.x, l = x.y, s.style.top = m + "px", s.style.left = p + "px", Fe(h, d, l, p, m, v, b, y, E, t), Z(c, d, l, p, m), t.delta1.x = p - n.cx, t.delta1.y = m - n.cy, g.fire("updateArrowDelta", t);
+  }), e.helper2.init(f, (N, w) => {
+    v = v + N / e.scaleVal, b = b + w / e.scaleVal;
+    const x = G({ ...o, ctrlX: v, ctrlY: b });
+    y = x.x, E = x.y, r.style.top = b + "px", r.style.left = v + "px", Fe(h, d, l, p, m, v, b, y, E, t), Z(u, v, b, y, E), t.delta2.x = v - o.cx, t.delta2.y = b - o.cy, g.fire("updateArrowDelta", t);
   });
 };
-function zn() {
+function so() {
   this.linkSvgGroup.innerHTML = "";
   for (let e = 0; e < this.arrows.length; e++) {
     const t = this.arrows[e];
     try {
-      xe(this, E(t.from), E(t.to), t, !0);
+      xe(this, this.findEle(t.from), this.findEle(t.to), t, !0);
     } catch {
     }
   }
   this.nodes.appendChild(this.linkSvgGroup);
 }
-function Fn(e) {
-  if (we(this), !e)
+function ro(e) {
+  if (Ee(this), !e)
     return;
   const t = e.label;
-  Ie(this, t, e.arrowObj);
+  ze(this, t, e.arrowObj);
 }
-function qn() {
-  this.arrows = this.arrows.filter((e) => ie(e.from, this.nodeData) && ie(e.to, this.nodeData));
+function co() {
+  this.arrows = this.arrows.filter((e) => ne(e.from, this.nodeData) && ne(e.to, this.nodeData));
 }
-const Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createArrow: On,
-  createArrowFrom: Hn,
-  editArrowLabel: Fn,
-  removeArrow: Pn,
-  renderArrow: zn,
-  selectArrow: Bn,
-  tidyArrow: qn,
-  unselectArrow: Rn
-}, Symbol.toStringTag, { value: "Module" })), In = function(e) {
-  var l, d;
+  createArrow: Jn,
+  createArrowFrom: Zn,
+  editArrowLabel: ro,
+  removeArrow: Qn,
+  renderArrow: so,
+  selectArrow: eo,
+  tidyArrow: co,
+  unselectArrow: to
+}, Symbol.toStringTag, { value: "Module" })), ao = function(e) {
+  var u, a;
   if (e.length === 0)
     throw new Error("No selected node.");
   if (e.length === 1) {
-    const a = e[0].nodeObj, u = e[0].nodeObj.parent;
-    if (!u)
+    const f = e[0].nodeObj, h = e[0].nodeObj.parent;
+    if (!h)
       throw new Error("Can not select root node.");
-    const h = u.children.findIndex((p) => a === p);
+    const g = h.children.findIndex((d) => f === d);
     return {
-      parent: u.id,
-      start: h,
-      end: h
+      parent: h.id,
+      start: g,
+      end: g
     };
   }
   let t = 0;
-  const n = e.map((a) => {
-    let u = a.nodeObj;
-    const h = [];
-    for (; u.parent; ) {
-      const p = u.parent, g = p.children, v = g == null ? void 0 : g.indexOf(u);
-      u = p, h.unshift({ node: u, index: v });
+  const n = e.map((f) => {
+    let h = f.nodeObj;
+    const g = [];
+    for (; h.parent; ) {
+      const d = h.parent, l = d.children, p = l == null ? void 0 : l.indexOf(h);
+      h = d, g.unshift({ node: h, index: p });
     }
-    return h.length > t && (t = h.length), h;
+    return g.length > t && (t = g.length), g;
   });
   let o = 0;
   e:
     for (; o < t; o++) {
-      const a = (l = n[0][o]) == null ? void 0 : l.node;
-      for (let u = 1; u < n.length; u++)
-        if (((d = n[u][o]) == null ? void 0 : d.node) !== a)
+      const f = (u = n[0][o]) == null ? void 0 : u.node;
+      for (let h = 1; h < n.length; h++)
+        if (((a = n[h][o]) == null ? void 0 : a.node) !== f)
           break e;
     }
   if (!o)
     throw new Error("Can not select root node.");
-  const s = n.map((a) => a[o - 1].index).sort(), i = s[0] || 0, r = s[s.length - 1] || 0, c = n[0][o - 1].node;
+  const i = n.map((f) => f[o - 1].index).sort(), s = i[0] || 0, r = i[i.length - 1] || 0, c = n[0][o - 1].node;
   if (!c.parent)
     throw new Error("Please select nodes in the same main topic.");
   return {
     parent: c.id,
-    start: i,
+    start: s,
     end: r
   };
-}, Kn = function(e) {
-  const t = document.createElementNS("http://www.w3.org/2000/svg", "g");
+}, ho = function(e) {
+  const t = document.createElementNS(k, "g");
   return t.setAttribute("id", e), t;
-}, He = function(e, t) {
-  const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
+}, Ie = function(e, t) {
+  const n = document.createElementNS(k, "path");
   return S(n, {
     d: e,
     stroke: t || "#666",
@@ -2096,58 +2200,58 @@ const Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     "stroke-linecap": "round",
     "stroke-width": "2"
   }), n;
-}, Pe = function(e, t, n, o, s) {
-  const i = document.createElementNS("http://www.w3.org/2000/svg", "text");
-  return S(i, {
+}, We = function(e, t, n, o, i) {
+  const s = document.createElementNS(k, "text");
+  return S(s, {
     "text-anchor": o,
     x: t + "",
     y: n + "",
-    fill: s || "#666"
-  }), i.innerHTML = e, i;
-}, Wn = (e) => E(e).parentElement.parentElement, Yn = function({ parent: e, start: t }) {
-  const n = E(e), o = n.nodeObj;
+    fill: i || "#666"
+  }), s.innerHTML = e, s;
+}, uo = (e) => e.parentElement.parentElement, fo = function(e, { parent: t, start: n }) {
+  const o = e.findEle(t), i = o.nodeObj;
   let s;
-  return o.parent ? s = n.closest("me-main").className : s = E(o.children[t].id).closest("me-main").className, s;
-}, Ee = function(e, t) {
-  var w;
-  const { id: n, label: o, parent: s, start: i, end: r } = t, c = e.nodes, d = E(s).nodeObj, a = Yn(t);
-  let u = 1 / 0, h = 0, p = 0, g = 0;
-  for (let _ = i; _ <= r; _++) {
-    const L = (w = d.children) == null ? void 0 : w[_];
-    if (!L)
+  return i.parent ? s = o.closest("me-main").className : s = e.findEle(i.children[n].id).closest("me-main").className, s;
+}, Ce = function(e, t) {
+  var C;
+  const { id: n, label: o, parent: i, start: s, end: r } = t, { nodes: c, theme: u, summarySvg: a } = e, h = e.findEle(i).nodeObj, g = fo(e, t);
+  let d = 1 / 0, l = 0, p = 0, m = 0;
+  for (let _ = s; _ <= r; _++) {
+    const O = (C = h.children) == null ? void 0 : C[_];
+    if (!O)
       return e.removeSummary(n), null;
-    const $ = Wn(L.id), { offsetLeft: R, offsetTop: X } = B(c, $), Ne = i === r ? 10 : 20;
-    _ === i && (p = X + Ne), _ === r && (g = X + $.offsetHeight - Ne), R < u && (u = R), $.offsetWidth + R > h && (h = $.offsetWidth + R);
-  }
-  let v, m;
-  const f = p + 10, y = g + 10, x = (f + y) / 2, N = e.theme.cssVar["--color"];
-  a === M.LHS ? (v = He(`M ${u + 10} ${f} c -5 0 -10 5 -10 10 L ${u} ${y - 10} c 0 5 5 10 10 10 M ${u} ${x} h -10`, N), m = Pe(o, u - 20, x + 6, "end", N)) : (v = He(`M ${h - 10} ${f} c 5 0 10 5 10 10 L ${h} ${y - 10} c 0 5 -5 10 -10 10 M ${h} ${x} h 10`, N), m = Pe(o, h + 20, x + 6, "start", N));
-  const b = Kn("s-" + n);
-  return b.appendChild(v), b.appendChild(m), b.summaryObj = t, e.summarySvg.appendChild(b), b;
-}, Un = function() {
-  let e = [];
-  this.currentNode ? e = [this.currentNode] : this.currentNodes && (e = this.currentNodes);
-  const { parent: t, start: n, end: o } = In(e), s = { id: V(), parent: t, start: n, end: o, label: "summary" }, i = Ee(this, s);
-  this.summaries.push(s), this.editSummary(i), this.bus.fire("operation", {
+    const B = uo(e.findEle(O.id)), { offsetLeft: R, offsetTop: Se } = H(c, B), Ne = s === r ? 10 : 20;
+    _ === s && (p = Se + Ne), _ === r && (m = Se + B.offsetHeight - Ne), R < d && (d = R), B.offsetWidth + R > l && (l = B.offsetWidth + R);
+  }
+  let v, b;
+  const y = p + 10, E = m + 10, N = (y + E) / 2, w = u.cssVar["--color"];
+  g === M.LHS ? (v = Ie(`M ${d + 10} ${y} c -5 0 -10 5 -10 10 L ${d} ${E - 10} c 0 5 5 10 10 10 M ${d} ${N} h -10`, w), b = We(o, d - 20, N + 6, "end", w)) : (v = Ie(`M ${l - 10} ${y} c 5 0 10 5 10 10 L ${l} ${E - 10} c 0 5 -5 10 -10 10 M ${l} ${N} h 10`, w), b = We(o, l + 20, N + 6, "start", w));
+  const x = ho("s-" + n);
+  return x.appendChild(v), x.appendChild(b), x.summaryObj = t, a.appendChild(x), x;
+}, po = function() {
+  if (!this.currentNodes)
+    return;
+  const { currentNodes: e, summaries: t, bus: n } = this, { parent: o, start: i, end: s } = ao(e), r = { id: V(), parent: o, start: i, end: s, label: "summary" }, c = Ce(this, r);
+  t.push(r), this.editSummary(c), n.fire("operation", {
     name: "createSummary",
-    obj: s
+    obj: r
   });
-}, Xn = function(e) {
+}, go = function(e) {
   const t = V(), n = { ...e, id: t };
-  Ee(this, n), this.summaries.push(n), this.bus.fire("operation", {
+  Ce(this, n), this.summaries.push(n), this.bus.fire("operation", {
     name: "createSummary",
     obj: n
   });
-}, Gn = function(e) {
+}, mo = function(e) {
   var n;
   const t = this.summaries.findIndex((o) => o.id === e);
   t > -1 && (this.summaries.splice(t, 1), (n = document.querySelector("#s-" + e)) == null || n.remove()), this.bus.fire("operation", {
     name: "removeSummary",
     obj: { id: e }
   });
-}, Jn = function(e) {
-  const t = e.children[1].getBBox(), n = 6, o = 3, s = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-  S(s, {
+}, vo = function(e) {
+  const t = e.children[1].getBBox(), n = 6, o = 3, i = document.createElementNS(k, "rect");
+  S(i, {
     x: t.x - n + "",
     y: t.y - n + "",
     width: t.width + n * 2 + "",
@@ -2156,33 +2260,33 @@ const Vn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     stroke: this.theme.cssVar["--selected"] || "#4dc4ff",
     "stroke-width": "2",
     fill: "none"
-  }), e.appendChild(s), this.currentSummary = e;
-}, Zn = function() {
+  }), e.appendChild(i), this.currentSummary = e;
+}, bo = function() {
   var e, t;
   (t = (e = this.currentSummary) == null ? void 0 : e.querySelector("rect")) == null || t.remove(), this.currentSummary = null;
-}, Qn = function() {
+}, yo = function() {
   this.summarySvg.innerHTML = "", this.summaries.forEach((e) => {
     try {
-      Ee(this, e);
+      Ce(this, e);
     } catch {
     }
   }), this.nodes.insertAdjacentElement("beforeend", this.summarySvg);
-}, eo = function(e) {
+}, wo = function(e) {
   if (!e)
     return;
   const t = e.childNodes[1];
-  Ie(this, t, e.summaryObj);
-}, to = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  ze(this, t, e.summaryObj);
+}, xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createSummary: Un,
-  createSummaryFrom: Xn,
-  editSummary: eo,
-  removeSummary: Gn,
-  renderSummary: Qn,
-  selectSummary: Jn,
-  unselectSummary: Zn
+  createSummary: po,
+  createSummaryFrom: go,
+  editSummary: wo,
+  removeSummary: mo,
+  renderSummary: yo,
+  selectSummary: vo,
+  unselectSummary: bo
 }, Symbol.toStringTag, { value: "Module" })), T = "http://www.w3.org/2000/svg";
-function no(e, t) {
+function Eo(e, t) {
   const n = document.createElementNS(T, "svg");
   return S(n, {
     version: "1.1",
@@ -2191,32 +2295,32 @@ function no(e, t) {
     width: t
   }), n;
 }
-function oo(e, t) {
+function Co(e, t) {
   return (parseInt(e) - parseInt(t)) / 2;
 }
-function so(e, t, n, o) {
-  const s = document.createElementNS(T, "g");
-  let i = "";
-  return e.text ? i = e.text.textContent : i = e.childNodes[0].textContent, i.split(`
-`).forEach((c, l) => {
-    const d = document.createElementNS(T, "text");
-    S(d, {
+function So(e, t, n, o) {
+  const i = document.createElementNS(T, "g");
+  let s = "";
+  return e.text ? s = e.text.textContent : s = e.childNodes[0].textContent, s.split(`
+`).forEach((c, u) => {
+    const a = document.createElementNS(T, "text");
+    S(a, {
       x: n + parseInt(t.paddingLeft) + "",
-      y: o + parseInt(t.paddingTop) + oo(t.lineHeight, t.fontSize) * (l + 1) + parseFloat(t.fontSize) * (l + 1) + "",
+      y: o + parseInt(t.paddingTop) + Co(t.lineHeight, t.fontSize) * (u + 1) + parseFloat(t.fontSize) * (u + 1) + "",
       "text-anchor": "start",
       "font-family": t.fontFamily,
       "font-size": `${t.fontSize}`,
       "font-weight": `${t.fontWeight}`,
       fill: `${t.color}`
-    }), d.innerHTML = c, s.appendChild(d);
-  }), s;
+    }), a.innerHTML = c, i.appendChild(a);
+  }), i;
 }
-function io(e, t, n, o) {
+function No(e, t, n, o) {
   var c;
-  let s = "";
-  (c = e.nodeObj) != null && c.dangerouslySetInnerHTML ? s = e.nodeObj.dangerouslySetInnerHTML : e.text ? s = e.text.textContent : s = e.childNodes[0].textContent;
-  const i = document.createElementNS(T, "foreignObject");
-  S(i, {
+  let i = "";
+  (c = e.nodeObj) != null && c.dangerouslySetInnerHTML ? i = e.nodeObj.dangerouslySetInnerHTML : e.text ? i = e.text.textContent : i = e.childNodes[0].textContent;
+  const s = document.createElementNS(T, "foreignObject");
+  S(s, {
     x: n + parseInt(t.paddingLeft) + "",
     y: o + parseInt(t.paddingTop) + "",
     width: t.width,
@@ -2226,13 +2330,13 @@ function io(e, t, n, o) {
   return S(r, {
     xmlns: "http://www.w3.org/1999/xhtml",
     style: `font-family: ${t.fontFamily}; font-size: ${t.fontSize}; font-weight: ${t.fontWeight}; color: ${t.color}; white-space: pre-wrap;`
-  }), r.innerHTML = s, i.appendChild(r), i;
+  }), r.innerHTML = i, s.appendChild(r), s;
 }
-function ro(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = B(e.nodes, t), i = document.createElementNS(T, "rect");
-  return S(i, {
+function _o(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "rect");
+  return S(s, {
     x: o + "",
-    y: s + "",
+    y: i + "",
     rx: n.borderRadius,
     ry: n.borderRadius,
     width: n.width,
@@ -2240,13 +2344,13 @@ function ro(e, t) {
     fill: n.backgroundColor,
     stroke: n.borderColor,
     "stroke-width": n.borderWidth
-  }), i;
+  }), s;
 }
-function ne(e, t, n = !1) {
-  const o = getComputedStyle(t), { offsetLeft: s, offsetTop: i } = B(e.nodes, t), r = document.createElementNS(T, "rect");
+function Q(e, t, n = !1) {
+  const o = getComputedStyle(t), { offsetLeft: i, offsetTop: s } = H(e.nodes, t), r = document.createElementNS(T, "rect");
   S(r, {
-    x: s + "",
-    y: i + "",
+    x: i + "",
+    y: s + "",
     rx: o.borderRadius,
     ry: o.borderRadius,
     width: o.width,
@@ -2257,212 +2361,212 @@ function ne(e, t, n = !1) {
   });
   const c = document.createElementNS(T, "g");
   c.appendChild(r);
-  let l;
-  return n ? l = io(t, o, s, i) : l = so(t, o, s, i), c.appendChild(l), c;
+  let u;
+  return n ? u = No(t, o, i, s) : u = So(t, o, i, s), c.appendChild(u), c;
 }
-function co(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = B(e.nodes, t), i = document.createElementNS(T, "a"), r = document.createElementNS(T, "text");
+function ko(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "a"), r = document.createElementNS(T, "text");
   return S(r, {
     x: o + "",
-    y: s + parseInt(n.fontSize) + "",
+    y: i + parseInt(n.fontSize) + "",
     "text-anchor": "start",
     "font-family": n.fontFamily,
     "font-size": `${n.fontSize}`,
     "font-weight": `${n.fontWeight}`,
     fill: `${n.color}`
-  }), r.innerHTML = t.textContent, i.appendChild(r), i.setAttribute("href", t.href), i;
+  }), r.innerHTML = t.textContent, s.appendChild(r), s.setAttribute("href", t.href), s;
 }
-function lo(e, t) {
-  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: s } = B(e.nodes, t), i = document.createElementNS(T, "image");
-  return S(i, {
+function To(e, t) {
+  const n = getComputedStyle(t), { offsetLeft: o, offsetTop: i } = H(e.nodes, t), s = document.createElementNS(T, "image");
+  return S(s, {
     x: o + "",
-    y: s + "",
+    y: i + "",
     width: n.width + "",
     height: n.height + "",
     href: t.src
-  }), i;
+  }), s;
 }
-const oe = 100, ao = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">', ho = (e, t = !1) => {
-  var u, h, p;
-  const n = e.nodes, o = n.offsetHeight + oe * 2, s = n.offsetWidth + oe * 2, i = no(o + "px", s + "px"), r = document.createElementNS(T, "svg"), c = document.createElementNS(T, "rect");
+const ee = 100, Ao = '<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">', Lo = (e, t = !1) => {
+  var h, g, d;
+  const n = e.nodes, o = n.offsetHeight + ee * 2, i = n.offsetWidth + ee * 2, s = Eo(o + "px", i + "px"), r = document.createElementNS(T, "svg"), c = document.createElementNS(T, "rect");
   S(c, {
     x: "0",
     y: "0",
-    width: `${s}`,
+    width: `${i}`,
     height: `${o}`,
     fill: e.theme.cssVar["--bgcolor"]
-  }), i.appendChild(c), n.querySelectorAll(".subLines").forEach((g) => {
-    const v = g.cloneNode(!0), { offsetLeft: m, offsetTop: f } = B(n, g.parentElement);
-    v.setAttribute("x", `${m}`), v.setAttribute("y", `${f}`), r.appendChild(v);
+  }), s.appendChild(c), n.querySelectorAll(".subLines").forEach((l) => {
+    const p = l.cloneNode(!0), { offsetLeft: m, offsetTop: v } = H(n, l.parentElement);
+    p.setAttribute("x", `${m}`), p.setAttribute("y", `${v}`), r.appendChild(p);
   });
-  const l = (u = n.querySelector(".lines")) == null ? void 0 : u.cloneNode(!0);
-  l && r.appendChild(l);
-  const d = (h = n.querySelector(".topiclinks")) == null ? void 0 : h.cloneNode(!0);
-  d && r.appendChild(d);
-  const a = (p = n.querySelector(".summary")) == null ? void 0 : p.cloneNode(!0);
-  return a && r.appendChild(a), n.querySelectorAll("me-tpc").forEach((g) => {
-    g.nodeObj.dangerouslySetInnerHTML ? r.appendChild(ne(e, g, !t)) : (r.appendChild(ro(e, g)), r.appendChild(ne(e, g.text, !t)));
-  }), n.querySelectorAll(".tags > span").forEach((g) => {
-    r.appendChild(ne(e, g));
-  }), n.querySelectorAll(".icons > span").forEach((g) => {
-    r.appendChild(ne(e, g));
-  }), n.querySelectorAll(".hyper-link").forEach((g) => {
-    r.appendChild(co(e, g));
-  }), n.querySelectorAll("img").forEach((g) => {
-    r.appendChild(lo(e, g));
+  const u = (h = n.querySelector(".lines")) == null ? void 0 : h.cloneNode(!0);
+  u && r.appendChild(u);
+  const a = (g = n.querySelector(".topiclinks")) == null ? void 0 : g.cloneNode(!0);
+  a && r.appendChild(a);
+  const f = (d = n.querySelector(".summary")) == null ? void 0 : d.cloneNode(!0);
+  return f && r.appendChild(f), n.querySelectorAll("me-tpc").forEach((l) => {
+    l.nodeObj.dangerouslySetInnerHTML ? r.appendChild(Q(e, l, !t)) : (r.appendChild(_o(e, l)), r.appendChild(Q(e, l.text, !t)));
+  }), n.querySelectorAll(".tags > span").forEach((l) => {
+    r.appendChild(Q(e, l));
+  }), n.querySelectorAll(".icons > span").forEach((l) => {
+    r.appendChild(Q(e, l));
+  }), n.querySelectorAll(".hyper-link").forEach((l) => {
+    r.appendChild(ko(e, l));
+  }), n.querySelectorAll("img").forEach((l) => {
+    r.appendChild(To(e, l));
   }), S(r, {
-    x: oe + "",
-    y: oe + "",
+    x: ee + "",
+    y: ee + "",
     overflow: "visible"
-  }), i.appendChild(r), i;
-}, uo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), ao + e.outerHTML);
-function fo(e) {
+  }), s.appendChild(r), s;
+}, Mo = (e, t) => (t && e.insertAdjacentHTML("afterbegin", "<style>" + t + "</style>"), Ao + e.outerHTML);
+function Do(e) {
   return new Promise((t, n) => {
     const o = new FileReader();
-    o.onload = (s) => {
-      t(s.target.result);
-    }, o.onerror = (s) => {
-      n(s);
+    o.onload = (i) => {
+      t(i.target.result);
+    }, o.onerror = (i) => {
+      n(i);
     }, o.readAsDataURL(e);
   });
 }
-const po = function(e = !1, t) {
-  const n = ho(this, e), o = uo(n, t);
+const Oo = function(e = !1, t) {
+  const n = Lo(this, e), o = Mo(n, t);
   return new Blob([o], { type: "image/svg+xml" });
-}, mo = async function(e = !1, t) {
-  const n = this.exportSvg(e, t), o = await fo(n);
-  return new Promise((s, i) => {
+}, jo = async function(e = !1, t) {
+  const n = this.exportSvg(e, t), o = await Do(n);
+  return new Promise((i, s) => {
     const r = new Image();
     r.setAttribute("crossOrigin", "anonymous"), r.onload = () => {
       const c = document.createElement("canvas");
-      c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(s, "image/png", 1);
-    }, r.src = o, r.onerror = i;
+      c.width = r.width, c.height = r.height, c.getContext("2d").drawImage(r, 0, 0), c.toBlob(i, "image/png", 1);
+    }, r.src = o, r.onerror = s;
   });
-}, go = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  exportPng: mo,
-  exportSvg: po
+  exportPng: jo,
+  exportSvg: Oo
 }, Symbol.toStringTag, { value: "Module" }));
-function vo(e, t) {
+function $o(e, t) {
   return async function(...n) {
     const o = this.before[t];
     o && !await o.apply(this, n) || e.apply(this, n);
   };
 }
-const Be = Object.keys(Qe), tt = {};
-for (let e = 0; e < Be.length; e++) {
-  const t = Be[e];
-  tt[t] = vo(Qe[t], t);
+const Ve = Object.keys(ot), ct = {};
+for (let e = 0; e < Ve.length; e++) {
+  const t = Ve[e];
+  ct[t] = $o(ot[t], t);
 }
-const yo = {
-  getObjById: ie,
-  generateNewObj: st,
-  layout: ct,
-  linkDiv: gt,
-  editTopic: pt,
-  createWrapper: dt,
-  createParent: ht,
-  createChildren: ut,
-  createTopic: ft,
-  findEle: E,
-  changeTheme: Ft,
-  ...$n,
-  ...tt,
-  ...Vn,
-  ...to,
-  ...go,
+const Ho = {
+  getObjById: ne,
+  generateNewObj: dt,
+  layout: yt,
+  linkDiv: Tt,
+  editTopic: _t,
+  createWrapper: Et,
+  createParent: Ct,
+  createChildren: St,
+  createTopic: Nt,
+  findEle: Ge,
+  changeTheme: en,
+  ...Kn,
+  ...ct,
+  ...lo,
+  ...xo,
+  ...Po,
   init(e) {
     if (e = JSON.parse(JSON.stringify(e)), !e || !e.nodeData)
       return new Error("MindElixir: `data` is required");
-    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, P(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && $t(this), this.keypress && Nt(this), this.editable && zt(this), this.contextMenu && this.disposable.push(vt(this, this.contextMenuOption)), this.draggable && Mt(this), this.allowUndo && kt(this), this.toCenter(), this.layout(), this.linkDiv();
+    e.direction !== void 0 && (this.direction = e.direction), this.changeTheme(e.theme || this.theme, !1), this.nodeData = e.nodeData, $(this.nodeData), this.arrows = e.arrows || [], this.summaries = e.summaries || [], this.tidyArrow(), this.toolBar && Kt(this), this.keypress && mt(this, this.keypress), this.editable && Qt(this), this.contextMenu && this.disposable.push(At(this, this.contextMenu)), this.draggable && this.disposable.push(Ot(this)), this.allowUndo && this.disposable.push(Pt(this)), this.layout(), this.linkDiv(), this.toCenter();
   },
   destroy() {
     var e;
-    this.disposable.forEach((t) => t()), this.mindElixirBox && (this.mindElixirBox.innerHTML = ""), this.mindElixirBox = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNode = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (e = this.selection) == null || e.destroy(), this.selection = void 0;
+    this.disposable.forEach((t) => t()), this.el && (this.el.innerHTML = ""), this.el = void 0, this.nodeData = void 0, this.arrows = void 0, this.summaries = void 0, this.currentArrow = void 0, this.currentNodes = void 0, this.currentSummary = void 0, this.waitCopy = void 0, this.theme = void 0, this.direction = void 0, this.bus = void 0, this.container = void 0, this.map = void 0, this.lines = void 0, this.linkController = void 0, this.linkSvgGroup = void 0, this.P2 = void 0, this.P3 = void 0, this.line1 = void 0, this.line2 = void 0, this.nodes = void 0, (e = this.selection) == null || e.destroy(), this.selection = void 0;
   }
 };
-function bo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, containerHeight: d }) {
-  let a = t + n / 2;
-  const u = e + o / 2;
-  let h;
-  l === M.LHS ? h = i + r : h = i;
-  const p = s + c / 2, v = (1 - Math.abs(p - u) / d) * 0.25 * (n / 2);
-  return l === M.LHS ? a = a - n / 10 - v : a = a + n / 10 + v, `M ${a} ${u} Q ${a} ${p} ${h} ${p}`;
+function Bo({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: u, containerHeight: a }) {
+  let f = t + n / 2;
+  const h = e + o / 2;
+  let g;
+  u === M.LHS ? g = s + r : g = s;
+  const d = i + c / 2, p = (1 - Math.abs(d - h) / a) * 0.25 * (n / 2);
+  return u === M.LHS ? f = f - n / 10 - p : f = f + n / 10 + p, `M ${f} ${h} Q ${f} ${d} ${g} ${d}`;
 }
-function xo({ pT: e, pL: t, pW: n, pH: o, cT: s, cL: i, cW: r, cH: c, direction: l, isFirst: d }) {
-  const a = parseInt(this.container.style.getPropertyValue("--gap"));
-  let u = 0, h = 0;
-  d ? u = e + o / 2 : u = e + o;
-  const p = s + c;
-  let g = 0, v = 0, m = 0;
-  const f = Math.abs(u - p) / 300 * a;
-  return l === M.LHS ? (m = t, g = m + a, v = m - a, h = i + a, `M ${g} ${u} C ${m} ${u} ${m + f} ${p} ${v} ${p} H ${h}`) : (m = t + n, g = m - a, v = m + a, h = i + r - a, `M ${g} ${u} C ${m} ${u} ${m - f} ${p} ${v} ${p} H ${h}`);
+function Ro({ pT: e, pL: t, pW: n, pH: o, cT: i, cL: s, cW: r, cH: c, direction: u, isFirst: a }) {
+  const f = parseInt(this.container.style.getPropertyValue("--node-gap-x"));
+  let h = 0, g = 0;
+  a ? h = e + o / 2 : h = e + o;
+  const d = i + c;
+  let l = 0, p = 0, m = 0;
+  const v = Math.abs(h - d) / 300 * f;
+  return u === M.LHS ? (m = t, l = m + f, p = m - f, g = s + f, `M ${l} ${h} C ${m} ${h} ${m + v} ${d} ${p} ${d} H ${g}`) : (m = t + n, l = m - f, p = m + f, g = s + r - f, `M ${l} ${h} C ${m} ${h} ${m - v} ${d} ${p} ${d} H ${g}`);
 }
-const wo = "5.0.0-beta.9";
-function Eo(e) {
+const Fo = "5.0.1";
+function Io(e) {
   return {
     x: 0,
     y: 0,
     moved: !1,
     // diffrentiate click and move
     mousedown: !1,
-    onMove(t) {
-      if (this.mousedown) {
-        this.moved = !0;
-        const n = t.movementX, o = t.movementY;
-        e.move(n, o);
-      }
+    onMove(t, n) {
+      this.mousedown && (this.moved = !0, e.move(t, n));
     },
     clear() {
-      setTimeout(() => {
-        this.moved = !1, this.mousedown = !1, e.map.style.transition = "transform 0.3s";
-      }, 0);
+      this.mousedown = !1, e.map.style.transition = "transform 0.3s";
     }
   };
 }
-const J = document;
-function j({
+const z = document;
+function D({
   el: e,
   direction: t,
   locale: n,
   draggable: o,
-  editable: s,
-  contextMenu: i,
-  contextMenuOption: r,
-  toolBar: c,
-  keypress: l,
-  mouseSelectionButton: d,
+  editable: i,
+  contextMenu: s,
+  toolBar: r,
+  keypress: c,
+  mouseSelectionButton: u,
   selectionContainer: a,
-  before: u,
+  before: f,
   newTopicName: h,
-  allowUndo: p,
-  generateMainBranch: g,
-  generateSubBranch: v,
-  overflowHidden: m,
-  theme: f,
-  alignment: y
+  allowUndo: g,
+  generateMainBranch: d,
+  generateSubBranch: l,
+  overflowHidden: p,
+  theme: m,
+  alignment: v,
+  scaleSensitivity: b
 }) {
-  let x = null;
-  const N = Object.prototype.toString.call(e);
-  if (N === "[object HTMLDivElement]" ? x = e : N === "[object String]" && (x = document.querySelector(e)), !x)
+  let y = null;
+  const E = Object.prototype.toString.call(e);
+  if (E === "[object HTMLDivElement]" ? y = e : E === "[object String]" && (y = document.querySelector(e)), !y)
     throw new Error("MindElixir: el is not a valid element");
-  x.style.position = "relative", x.innerHTML = "", this.mindElixirBox = x, this.disposable = [], this.before = u || {}, this.locale = n || "en", this.contextMenuOption = r, this.contextMenu = i === void 0 ? !0 : i, this.toolBar = c === void 0 ? !0 : c, this.keypress = l === void 0 ? !0 : l, this.mouseSelectionButton = d || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = h || "new node", this.editable = s === void 0 ? !0 : s, this.allowUndo = p === void 0 ? !1 : p, this.currentNode = null, this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = g || bo, this.generateSubBranch = v || xo, this.overflowHidden = m || !1, this.dragMoveHelper = Eo(this), this.bus = rt(), this.container = J.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
-  const b = window.matchMedia("(prefers-color-scheme: dark)");
-  this.theme = f || (b.matches ? ze : Re);
-  const w = J.createElement("div");
+  y.style.position = "relative", y.innerHTML = "", this.el = y, this.disposable = [], this.before = f || {}, this.locale = n || "en", this.contextMenu = s === void 0 ? !0 : s, this.toolBar = r === void 0 ? !0 : r, this.keypress = c === void 0 ? !0 : c, this.mouseSelectionButton = u || 0, this.direction = typeof t == "number" ? t : 1, this.draggable = o === void 0 ? !0 : o, this.newTopicName = h || "new node", this.editable = i === void 0 ? !0 : i, this.allowUndo = g === void 0 ? !1 : g, this.scaleSensitivity = typeof b == "number" ? b : 0.2, this.currentNodes = [], this.currentArrow = null, this.scaleVal = 1, this.tempDirection = null, this.generateMainBranch = d || Bo, this.generateSubBranch = l || Ro, this.overflowHidden = p || !1, this.dragMoveHelper = Io(this), this.bus = bt(), this.container = z.createElement("div"), this.selectionContainer = a || this.container, this.container.className = "map-container";
+  const N = window.matchMedia("(prefers-color-scheme: dark)");
+  this.theme = m || (N.matches ? pe : fe);
+  const w = z.createElement("div");
   w.className = "map-canvas", setTimeout(() => {
     w.style.transition = "all 0.3s";
-  }, 300), this.map = w, this.map.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.mindElixirBox.appendChild(this.container), this.nodes = J.createElement("me-nodes"), this.nodes.className = "main-node-container", this.lines = Z("lines"), this.summarySvg = Z("summary"), this.linkController = Z("linkcontroller"), this.P2 = J.createElement("div"), this.P3 = J.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Ce(), this.line2 = Ce(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = Z("topiclinks"), this.alignment = y ?? "root", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : it(this);
+  }, 300), this.map = w, this.container.setAttribute("tabindex", "0"), this.container.appendChild(this.map), this.el.appendChild(this.container), this.nodes = z.createElement("me-nodes"), this.lines = U("lines"), this.summarySvg = U("summary"), this.linkController = U("linkcontroller"), this.P2 = z.createElement("div"), this.P3 = z.createElement("div"), this.P2.className = this.P3.className = "circle", this.P2.style.display = this.P3.style.display = "none", this.line1 = Te(), this.line2 = Te(), this.linkController.appendChild(this.line1), this.linkController.appendChild(this.line2), this.linkSvgGroup = U("topiclinks"), this.alignment = v ?? "root", this.map.appendChild(this.nodes), this.overflowHidden ? this.container.style.overflow = "hidden" : this.disposable.push(vt(this));
 }
-j.prototype = yo;
-j.LEFT = A;
-j.RIGHT = H;
-j.SIDE = ae;
-j.THEME = Re;
-j.DARK_THEME = ze;
-j.version = wo;
-j.E = E;
-j.new = (e) => ({
+D.prototype = Ho;
+Object.defineProperty(D.prototype, "currentNode", {
+  get() {
+    return this.currentNodes[this.currentNodes.length - 1];
+  },
+  enumerable: !0
+});
+D.LEFT = 0;
+D.RIGHT = 1;
+D.SIDE = 2;
+D.THEME = fe;
+D.DARK_THEME = pe;
+D.version = Fo;
+D.E = Ge;
+D.new = (e) => ({
   nodeData: {
     id: V(),
     topic: e || "new topic",
@@ -2470,5 +2574,5 @@ j.new = (e) => ({
   }
 });
 export {
-  j as default
+  D as default
 };