@relation-graph/vue3 3.0.7 → 3.0.8

package/relation-graph.mjs

@@ -1,21 +1,21 @@
 (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@charset \"UTF-8\";.relation-graph{box-sizing:border-box;position:relative;min-width:200px;min-height:200px;--editor-main-color: rgb(64, 165, 248);--editor-light-color: rgb(125, 192, 248);--editor-light2-color: rgb(168, 212, 248);--editor-light-opacity: rgba(57, 144, 216, .1);--rg-node-opacity: 1;--rg-node-font-size: 1rem;--rg-node-font-color: #000000;--rg-node-color: #eeeeee;--rg-node-border-color: #333333;--rg-node-border-width: 1px;--rg-node-border-radius: 3px;--rg-node-width: fit-content;--rg-node-height: fit-content;--rg-node-text-px: 10px;--rg-node-text-py: 3px;--rg-background-color: transparent;--rg-line-color: #888888;--rg-line-width: 1px;--rg-line-fontcolor: var(--rg-line-color, #666666);--rg-line-fontsize: 12px;--rg-line-opacity: 1;--rg-checked-item-bg-color: rgba(150, 150, 150, .2);--rg-checked-line-text-bg-color: rgb(234, 232, 232)}.relation-graph:focus{outline:none}.relation-graph .rg-graph-plugs{position:absolute;left:0px;top:0px;z-index:90;width:100%;height:100%;pointer-events:none;user-select:none}.relation-graph .rg-graph-plugs .rg-view-slot{position:relative;width:100%;height:100%}.relation-graph .rg-watermark{position:absolute;--watermark-width: 200px;--watermark-height: 100px;z-index:1200;overflow:visible;min-height:100px;min-width:100px;width:var(--watermark-width);height:var(--watermark-height);box-sizing:border-box}.relation-graph .rg-watermark div{box-sizing:border-box}.relation-graph .rg-watermark.rg-watermark-top{left:calc((100% - var(--watermark-width)) / 2);top:10px}.relation-graph .rg-watermark.rg-watermark-bottom{left:calc((100% - var(--watermark-width)) / 2);bottom:10px}.relation-graph .rg-watermark.rg-watermark-left{left:10px;top:calc((100% - var(--watermark-height)) / 2)}.relation-graph .rg-watermark.rg-watermark-right{right:10px;top:calc((100% - var(--watermark-height)) / 2)}.relation-graph .rg-watermark.rg-watermark-tl{left:10px;top:10px}.relation-graph .rg-watermark.rg-watermark-tr{right:10px;top:10px}.relation-graph .rg-watermark.rg-watermark-bl{left:10px;bottom:10px}.relation-graph .rg-watermark.rg-watermark-br{right:10px;bottom:10px}.relation-graph .rg-lines-container svg{overflow:visible}.relation-graph .rg-lines-svg{overflow:visible;width:10px;height:10px;position:absolute;left:0px;top:0px}.relation-graph .rg-lines-container{overflow:visible;position:absolute;z-index:40;width:100%;top:0px;left:0px;pointer-events:none}.relation-graph .rg-lines-container-el-lines{z-index:80;pointer-events:none}.relation-graph .rg-lines-container-el-lines .rg-line-bg{pointer-events:stroke}.relation-graph .rg-lines-container-el-lines .rg-line-text{pointer-events:all}.relation-graph .rg-lines-svg-el-lines{overflow:visible;width:10px;height:10px;position:absolute;left:0px;top:0px}.relation-graph .rg-nodes-container-wrapper{position:absolute;width:100%;top:0px;left:0px;z-index:50}.relation-graph .rg-nodes-container{position:relative;overflow:visible}.relation-graph .rg-map{background-color:var(--rg-background-color);overflow:hidden;cursor:default;user-select:none;opacity:.01;transition:none;width:100%;height:100%;position:relative}.relation-graph .rg-map-background{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.relation-graph.rg-move-mode .rg-map{cursor:grab}.relation-graph .rg-map-ready{opacity:1;transition:opacity .5s ease;will-change:opacity}.relation-graph .rg-map-background-norepeat{background-repeat:no-repeat;background-position:right bottom}.relation-graph .rg-map-canvas{position:relative;user-select:none;pointer-events:none;top:0;left:0;border:none;z-index:3;overflow:visible;white-space:nowrap;transform-origin:0 0;will-change:transform}.relation-graph .rg-map-canvas .rg-events-all{pointer-events:all}.relation-graph.rg-enable-node-xy-animation .rg-node-peel{transition:transform .15s ease}.relation-graph.rg-enable-node-xy-animation .rg-line-peel{transition:none}.relation-graph.rg-enable-canvas-animation .rg-map-canvas{transition:transform .5s ease}.relation-graph.rg-enable-canvas-animation .rg-editing-ctrl,.relation-graph.rg-enable-canvas-animation .rg-editing-line-ctrl,.relation-graph.rg-enable-canvas-animation .rg-editing-connect-ctrl{opacity:0}.relation-graph .rg-canvas-behind{z-index:2;position:absolute}.relation-graph .rg-canvas-above{z-index:5;position:absolute}.relation-graph .rg-canvas-slot{overflow:visible;position:absolute;margin-top:0;margin-left:0}.relation-graph .rg-canvas-slot-behind{z-index:30;overflow:visible}.relation-graph .rg-canvas-slot-above{z-index:70;overflow:visible}.relation-graph .rg-single-graph{position:relative;overflow:visible}.relation-graph .rg-map img{-webkit-user-drag:none;-webkit-user-select:none}.relation-graph .rg-line-text{fill:var(--rg-line-fontcolor, #888888);font-size:var(--rg-line-fontsize);paint-order:stroke;pointer-events:all}.relation-graph .rg-linetext-container{position:absolute;pointer-events:none;user-select:none;overflow:visible;left:0;top:0;z-index:45;display:block}.relation-graph .rg-linetext-container .rg-line-peel{width:fit-content}.relation-graph .rg-linetext-container .rg-line-peel .rg-line-label-on-path{--rg-line-text-bg-color: #ffffff}.relation-graph .rg-linetext-container .rg-line-peel .rg-line-label{display:block;color:var(--rg-line-fontcolor, #888888);font-size:var(--rg-line-fontsize);transform-origin:0 0;position:absolute;user-select:none;pointer-events:all;box-sizing:border-box;padding:2px 6px;border-radius:5px;white-space:nowrap;background-color:var(--rg-line-text-bg-color)}.relation-graph .rg-linetext-container .rg-line-checked .rg-line-label{background-color:var(--rg-checked-line-text-bg-color);color:#0f172a}.relation-graph .rg-line-peel{pointer-events:none;cursor:default;transition:opacity .2s ease-in;opacity:var(--rg-line-opacity, 1)}.relation-graph .rg-line{fill-rule:nonzero;stroke-linecap:round;stroke:var(--rg-line-color);stroke-width:var(--rg-line-width);pointer-events:none;fill:none;marker-end:var(--rg-line-marker-end);marker-start:var(--rg-line-marker-start)}.relation-graph .rg-line-bg{stroke:#fff;opacity:.01;fill:none;fill-rule:nonzero;stroke-linecap:round;pointer-events:stroke;stroke-width:calc(var(--rg-line-width) + 6px)}.relation-graph .rg-line-bg:hover{opacity:.7;stroke:var(--rg-checked-item-bg-color)}.relation-graph .rg-line-checked .rg-line-bg{stroke:var(--rg-checked-item-bg-color);opacity:1}.relation-graph .rg-line-checked .rg-line{z-index:100}.relation-graph .rg-line-checked .rg-line-text{stroke:var(--rg-checked-item-bg-color);stroke-width:2}.relation-graph .rg-line-disable-events{pointer-events:none!important}.relation-graph .rg-line-disable-events .rg-line-bg,.relation-graph .rg-line-disable-events .rg-line-text,.relation-graph .rg-linetext-container .rg-line-disable-events .rg-line-bg,.relation-graph .rg-linetext-container .rg-line-disable-events .rg-line-label{pointer-events:none}.relation-graph .rg-line-dashtype-1{stroke-dasharray:2,2,2;stroke-dashoffset:3px;stroke-linecap:butt;stroke-linejoin:bevel}.relation-graph .rg-line-dashtype-2{stroke-dasharray:5,5,5;stroke-dashoffset:3px;stroke-linecap:butt;stroke-linejoin:bevel}.relation-graph .rg-line-dashtype-3{stroke-dasharray:9,9,9;stroke-dashoffset:3px;stroke-linecap:butt;stroke-linejoin:bevel}.relation-graph .rg-line-dashtype-4{stroke-dasharray:5,5,15;stroke-dashoffset:3px;stroke-linecap:butt;stroke-linejoin:bevel}@keyframes ACTRGLineChecked{0%{stroke-dashoffset:352px;stroke-dasharray:5,5,5}50%{stroke-dasharray:5,5,5;stroke-dashoffset:3px}to{stroke-dashoffset:352px;stroke-dasharray:5,5,5}}@keyframes rg-line-anm1{0%{stroke-dashoffset:100px;stroke-dasharray:5,5,5}to{stroke-dasharray:5,5,5;stroke-dashoffset:3px}}@keyframes rg-line-anm2{0%{stroke-dashoffset:0;stroke-dasharray:4,4,4}to{stroke-dashoffset:10px;stroke-dasharray:20,20,20}}@keyframes rg-line-anm3{0%{stroke-opacity:1}50%{stroke-opacity:.2}to{stroke-opacity:1}}@keyframes rg-line-anm4{0%{stroke-dasharray:0,100%}to{stroke-dasharray:100%,0}}.relation-graph .rg-line-anm-1{animation:rg-line-anm1 10s infinite;animation-fill-mode:forwards;animation-timing-function:linear}.relation-graph .rg-line-anm-2{animation:rg-line-anm2 3s infinite}.relation-graph .rg-line-anm-3{animation:rg-line-anm3 1s infinite}.relation-graph .rg-line-anm-4{animation:rg-line-anm4 3s infinite}@keyframes deform1{0%{stroke-dashoffset:0}to{stroke-dashoffset:100%}}.relation-graph .rg-icon{width:19px;height:19px;vertical-align:0px;fill:currentColor;overflow:hidden}.relation-graph .rg-node-peel{padding:0;position:absolute;pointer-events:none;box-sizing:border-box;opacity:var(--rg-node-opacity);z-index:var(--rg-node-z-index);will-change:transform;transform-origin:0 0;cursor:default}.relation-graph .rg-node-peel .rg-node{pointer-events:all;text-align:center;border-style:solid;box-sizing:border-box;overflow:visible;transform-origin:0 0;font-size:var(--rg-node-font-size);color:var(--rg-node-font-color);background-color:var(--rg-node-color);border-color:var(--rg-node-border-color);border-width:var(--rg-node-border-width);width:var(--rg-node-width);height:var(--rg-node-height)}.relation-graph .rg-node-disable-events{pointer-events:none}.relation-graph .rg-node-shape-0>.rg-node{border-radius:50%}.relation-graph .rg-node-shape-1>.rg-node{border-radius:var(--rg-node-border-radius)}.relation-graph .rg-node-checked{z-index:800}.relation-graph .rg-node-checked>.rg-node{box-shadow:0 0 0 4px var(--rg-checked-item-bg-color)}.relation-graph .rg-node-selected>.rg-node{box-shadow:0 0 0 2px var(--editor-main-color)}.relation-graph img,.relation-graph svg,.relation-graph video,.relation-graph canvas,.relation-graph audio,.relation-graph iframe,.relation-graph embed,.relation-graph object{display:unset;vertical-align:unset}.relation-graph .rg-node-text{color:var(--rg-node-font-color);font-size:var(--rg-node-font-size);padding:var(--rg-node-text-py) var(--rg-node-text-px);height:100%;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.relation-graph .rg-node-type-button{border-radius:25px;color:#00f;cursor:pointer}.relation-graph .rg-editing-referline{user-select:none;position:absolute;z-index:999;pointer-events:none;width:100%;height:100%;left:0px;top:0px}.relation-graph .rg-editing-referline .rg-referline{position:absolute;display:flex;place-items:center;justify-content:center;overflow:visible;transform-origin:0 0;--rg-refer-offset: -3px}.relation-graph .rg-editing-referline .rg-referline .referline{display:flex;place-items:center;justify-content:center}.relation-graph .rg-editing-referline .rg-referline .referline>div{background-color:var(--editor-main-color);font-size:8px;border-radius:3px;color:#fff;width:fit-content;height:fit-content;padding:2px 5px}.relation-graph .rg-editing-referline .rg-referline-v{top:0px;width:6px;height:100%}.relation-graph .rg-editing-referline .rg-referline-v .referline{width:1px;height:100%;background-color:var(--editor-main-color)}.relation-graph .rg-editing-referline .rg-referline-v:before{content:\"\";position:absolute;width:5px;height:5px;background-color:var(--editor-main-color);border-radius:50%;top:0;transform:translateY(-50%)}.relation-graph .rg-editing-referline .rg-referline-v:after{content:\"\";position:absolute;width:5px;height:5px;background-color:var(--editor-main-color);border-radius:50%;bottom:0;transform:translateY(50%)}.relation-graph .rg-editing-referline .rg-referline-h{left:0px;width:100%;height:6px}.relation-graph .rg-editing-referline .rg-referline-h .referline{width:100%;height:1px;background-color:var(--editor-main-color)}.relation-graph .rg-editing-referline .rg-referline-h:before{content:\"\";position:absolute;width:5px;height:5px;background-color:var(--editor-main-color);border-radius:50%;left:0;transform:translate(-50%)}.relation-graph .rg-editing-referline .rg-referline-h:after{content:\"\";position:absolute;width:5px;height:5px;background-color:var(--editor-main-color);border-radius:50%;right:0;transform:translate(50%)}.relation-graph .rg-editing-line-ctrl{position:absolute;left:0px;top:0px;z-index:500;pointer-events:none;user-select:none;width:100%;height:100%}.relation-graph .rg-editing-line-ctrl .rg-edt-ctrl-svg{position:absolute;pointer-events:none;left:0px;top:0px;overflow:visible}.relation-graph .rg-editing-line-ctrl .rg-edt-ctrl-svg path{stroke:var(--editor-main-color);stroke-width:1px}.relation-graph .rg-editing-line-ctrl .rg-line-ctrl-dot{--rg-ctl-x: 0px;--rg-ctl-y: 0px;pointer-events:auto;user-select:none;width:10px;height:10px;background-color:#fff;box-shadow:0 0 0 1px var(--editor-main-color);position:absolute;border-radius:50%;cursor:move;z-index:1;transform-origin:0 0}.relation-graph .rg-editing-line-ctrl .start-dot,.relation-graph .rg-editing-line-ctrl .end-dot,.relation-graph .rg-editing-line-ctrl .ctrl-dot{transform-origin:0 0;transform:translate(-50%,-50%) translate(var(--rg-ctl-x),var(--rg-ctl-y))}.relation-graph .rg-editing-line-ctrl .ctrl-split,.relation-graph .rg-editing-line-ctrl .ctrl-split-core{background-color:#fff}.relation-graph .rg-editing-line-ctrl .ctrl-split-h{width:12px;height:5px;border-radius:3px;cursor:row-resize;transform:translate(-50%,-50%) translate(var(--rg-ctl-x),var(--rg-ctl-y))}.relation-graph .rg-editing-line-ctrl .ctrl-split-v{width:5px;height:12px;border-radius:3px;cursor:col-resize;transform:translate(-50%,-50%) translate(var(--rg-ctl-x),var(--rg-ctl-y))}.relation-graph .rg-editing-line-ctrl .rg-line-ctrl-text{--rg-ctl-x: 0px;--rg-ctl-y: 0px;--font-size: .8rem;pointer-events:auto;background-color:#fff;box-shadow:0 0 0 1px var(--editor-main-color);position:absolute;border-radius:3px;cursor:move;z-index:1;white-space:nowrap;color:#000;padding:3px 10px;display:flex;place-items:center;justify-content:center;box-sizing:border-box;text-shadow:none;font-size:var(--font-size, 12px);min-height:20px;max-height:30px;transform-origin:0 0;transform:translate(-50%,-50%) translate(var(--rg-ctl-x),var(--rg-ctl-y));min-width:50px;max-width:220px}.relation-graph .rg-editing-line-ctrl .rg-line-ctrl-text p{font-size:var(--font-size, 12px);color:#333}.relation-graph .rg-editing-line-ctrl .rg-line-ctrl-text p.empty-text{font-size:10px;color:#888}.relation-graph .rg-editing-line-ctrl .rg-line-ctrl-text .rg-line-text-input{white-space:nowrap;pointer-events:auto;user-select:auto;background-color:transparent;color:#000;border-radius:3px;height:100%;padding:3px 0;width:100px;text-shadow:none;font-size:var(--font-size, 12px);text-align:center;box-sizing:border-box;border:none;outline:none}.relation-graph .rg-editing-line-ctrl .rg-line-ctrl-text-editing{background-color:#faf191}.relation-graph .rg-editing-ctrl,.relation-graph .rg-editing-connect-ctrl{user-select:none;position:absolute;z-index:500;box-shadow:0 0 0 1px var(--editor-main-color);border-radius:0;pointer-events:none;transform-origin:0 0}.relation-graph .rg-editing-bar{user-select:none;pointer-events:none;position:absolute;border-radius:5px;padding:3px;box-sizing:border-box;display:flex;place-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.relation-graph .rg-editing-bar .rg-gee-icon{background-color:#d603f680;pointer-events:auto;min-width:20px;min-height:20px;border-radius:5px;box-sizing:border-box;display:flex;place-items:center;justify-content:center;cursor:pointer}.relation-graph .rg-editing-bar .rg-gee-icon:hover{background-color:#d603f6;color:#fff}.relation-graph .rg-connect-source-handle{pointer-events:auto;width:fit-content;height:fit-content}.relation-graph .rg-editing-bar-top{width:fit-content;height:fit-content;left:50%;transform:translate(-50%) translateY(-100%);top:-15px}.relation-graph .rg-editing-bar-bottom{width:fit-content;height:fit-content;left:50%;transform:translate(-50%) translateY(100%);bottom:-15px}.relation-graph .rg-editing-bar-left{width:fit-content;height:fit-content;left:-15px;top:50%;transform:translate(-100%) translateY(-50%)}.relation-graph .rg-editing-bar-right{width:fit-content;height:fit-content;right:-15px;top:50%;transform:translate(100%) translateY(-50%)}.relation-graph .rg-editing-bar-tl{width:30px;height:30px;right:calc(100% + 10px);top:-40px}.relation-graph .rg-editing-bar-tr{width:30px;height:30px;left:calc(100% + 10px);top:-40px}.relation-graph .rg-editing-bar-bl{width:30px;height:30px;right:calc(100% + 10px);bottom:-40px}.relation-graph .rg-editing-bar-br{width:30px;height:30px;left:calc(100% + 10px);bottom:-40px}.relation-graph .rg-resize-ctl{user-select:none;position:relative;height:100%;width:100%;--resize-handler-size: 10px;--resize-handler-offset: -5px}.relation-graph .rg-resize-ctl .rg-resize-ctl-handler{pointer-events:auto;width:var(--resize-handler-size);height:var(--resize-handler-size);background-color:#fff;position:absolute;border-radius:2px;box-shadow:inset 0 0 0 1px var(--editor-main-color)}.relation-graph .rg-resize-ctl .rg-resize-ctl-tl{cursor:nwse-resize;left:var(--resize-handler-offset);top:var(--resize-handler-offset)}.relation-graph .rg-resize-ctl .rg-resize-ctl-tr{cursor:nesw-resize;right:var(--resize-handler-offset);top:var(--resize-handler-offset)}.relation-graph .rg-resize-ctl .rg-resize-ctl-bl{cursor:nesw-resize;left:var(--resize-handler-offset);bottom:var(--resize-handler-offset)}.relation-graph .rg-resize-ctl .rg-resize-ctl-br{cursor:nwse-resize;right:var(--resize-handler-offset);bottom:var(--resize-handler-offset)}.relation-graph .rg-resize-ctl .rg-resize-ctl-t{cursor:n-resize;top:var(--resize-handler-offset);left:50%;transform:translate(-50%)}.relation-graph .rg-resize-ctl .rg-resize-ctl-b{cursor:s-resize;bottom:var(--resize-handler-offset);left:50%;transform:translate(-50%)}.relation-graph .rg-resize-ctl .rg-resize-ctl-l{cursor:w-resize;left:var(--resize-handler-offset);top:50%;transform:translateY(-50%)}.relation-graph .rg-resize-ctl .rg-resize-ctl-r{cursor:e-resize;right:var(--resize-handler-offset);top:50%;transform:translateY(-50%)}.relation-graph .rg-editing-connect-ctrl{position:absolute;user-select:none;pointer-events:none;left:0;top:0;z-index:1400;--hander-border-radius: 5px;border-radius:var(--hander-border-radius);--border-handler-width: 8px;--hv-handler-width: 10px;--center-handler-width: 10px;--border-point-width: 10px;--border-point-height: 10px;--hander-color: var(--editor-light2-color);--hander-border-color: var(--editor-main-color);--hander-shadow-color: rgba(57, 144, 216, .1);box-shadow:0 0 0 var(--border-handler-width) var(--hander-shadow-color)}.relation-graph .rg-connect-ctl{width:100%;height:100%;pointer-events:none;user-select:none;border:none;position:relative}.relation-graph .rg-connect-ctl-handler{pointer-events:auto;user-select:none;z-index:20;cursor:crosshair}.relation-graph .rg-connect-target{pointer-events:auto}.relation-graph .rg-connect-ctl-handler-style{background-color:var(--hander-color);border:var(--hander-border-color) solid 1px;position:absolute;border-radius:3px}.relation-graph .rg-connect-ctl-handler-style:hover{background-color:#fbe691}.relation-graph .rg-connect-ctl-center{width:var(--center-handler-width);height:var(--center-handler-width);border-radius:50%;top:calc((100% - var(--center-handler-width)) / 2);left:calc((100% - var(--center-handler-width)) / 2)}.relation-graph .rg-connect-ctl-t{width:var(--border-point-width);height:var(--border-point-height);top:calc(var(--border-point-height) / -2);left:calc((100% - var(--border-point-width)) / 2)}.relation-graph .rg-connect-ctl-b{width:var(--border-point-width);height:var(--border-point-height);bottom:calc(var(--border-point-height) / -2);left:calc((100% - var(--border-point-width)) / 2)}.relation-graph .rg-connect-ctl-l{width:var(--border-point-height);height:var(--border-point-width);left:calc(var(--border-point-height) / -2);top:calc((100% - var(--border-point-width)) / 2)}.relation-graph .rg-connect-ctl-r{width:var(--border-point-height);height:var(--border-point-width);right:calc(var(--border-point-height) / -2);top:calc((100% - var(--border-point-width)) / 2)}.relation-graph .rg-connect-ctl-lr{width:100%;height:var(--hv-handler-width);right:0px;top:calc((100% - var(--hv-handler-width)) / 2);z-index:11;opacity:.01}.relation-graph .rg-connect-ctl-lr:hover{opacity:1}.relation-graph .rg-connect-ctl-tb{width:var(--hv-handler-width);height:100%;top:0px;left:calc((100% - var(--hv-handler-width)) / 2);z-index:10;opacity:.01}.relation-graph .rg-connect-ctl-tb:hover{opacity:1}.relation-graph .rg-connect-ctl-bottom-bar{border:0px;border:none;width:100%;height:var(--border-handler-width);right:0px;top:100%;z-index:5;opacity:.1;box-shadow:none;background-color:var(--edit-ctl-light-color);border-radius:var(--hander-border-radius);border-top-left-radius:0;border-top-right-radius:0;overflow:hidden}.relation-graph .rg-connect-ctl-bottom-bar:hover{opacity:1}.relation-graph .rg-connect-ctl-top-bar{border:0px;border:none;width:100%;height:var(--border-handler-width);right:0px;top:calc(var(--border-handler-width) * -1);z-index:5;opacity:.1;box-shadow:none;background-color:var(--edit-ctl-light-color);border-radius:var(--hander-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;overflow:hidden}.relation-graph .rg-connect-ctl-top-bar:hover{opacity:1}.relation-graph .rg-connect-ctl-left-bar{border:0px;border:none;width:var(--border-handler-width);height:100%;left:calc(var(--border-handler-width) * -1);top:0;z-index:5;opacity:.1;box-shadow:none;background-color:var(--edit-ctl-light-color);border-radius:var(--hander-border-radius);border-bottom-right-radius:0;border-top-right-radius:0;overflow:hidden}.relation-graph .rg-connect-ctl-left-bar:hover{opacity:1}.relation-graph .rg-connect-ctl-right-bar{border:0px;width:var(--border-handler-width);height:100%;right:calc(var(--border-handler-width) * -1);top:0px;z-index:5;opacity:.1;box-shadow:none;background-color:var(--edit-ctl-light-color);border-radius:var(--hander-border-radius);border-bottom-left-radius:0;border-top-left-radius:0;overflow:hidden}.relation-graph .rg-connect-ctl-right-bar:hover{opacity:1}.relation-graph .rg-miniview{pointer-events:all;position:absolute;user-select:none;overflow:hidden;z-index:1100;min-height:100px;min-width:100px;--miniview-width: 200px;--miniview-height: 120px;height:var(--miniview-height);width:var(--miniview-width);border-radius:3px;display:flex;place-items:center;justify-content:center;background-color:#fff;box-shadow:0 0 0 1px #ccc;border:none}.relation-graph .rg-miniview .rg-miniview-container{position:relative;width:100%;height:100%;display:flex;place-items:center;justify-content:center}.relation-graph .rg-miniview canvas{opacity:1}.relation-graph .rg-miniview .rg-mv-canvas-reset{cursor:pointer}.relation-graph .rg-miniview .rg-mv-canvas-reset:hover{background-color:#bbf54794}.relation-graph .rg-miniview .rg-mv-visible-area{z-index:2;position:absolute;left:0;top:0;cursor:move;transform-origin:0 0;box-shadow:0 0 0 9999px #0003;border:#888 solid 1px;border-radius:3px;display:grid;place-items:center;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.relation-graph .rg-miniview.rg-miniview-top{left:calc((100% - var(--miniview-width)) / 2);top:10px}.relation-graph .rg-miniview.rg-miniview-bottom{left:calc((100% - var(--miniview-width)) / 2);bottom:10px}.relation-graph .rg-miniview.rg-miniview-left{left:10px;top:calc((100% - var(--miniview-height)) / 2)}.relation-graph .rg-miniview.rg-miniview-right{right:10px;top:calc((100% - var(--miniview-height)) / 2)}.relation-graph .rg-miniview.rg-miniview-tl{left:10px;top:10px}.relation-graph .rg-miniview.rg-miniview-tr{right:10px;top:10px}.relation-graph .rg-miniview.rg-miniview-bl{left:10px;bottom:10px}.relation-graph .rg-miniview.rg-miniview-br{right:10px;bottom:10px}.relation-graph .rg-node-flashing{animation:ACTRGNodeFlashing 2s infinite}.relation-graph .rg-node-vtree-2{transform-origin:0 0;transform:rotate(30deg) translate(0)}.relation-graph .rg-node-vtree{width:130px;height:45px;text-align:left}.relation-graph .rg-node-expand-holder{position:absolute;height:fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;user-select:none;pointer-events:none;color:#000}.relation-graph .rg-node-expand-holder .rg-node-expand-button{width:16px;height:16px;border-radius:15px;cursor:pointer;pointer-events:all;border:#666 solid 1px;background-color:#fff;display:flex;align-items:center;justify-content:center}.relation-graph .rg-node-expand-holder .rg-icon{width:14px;height:14px}.relation-graph .c-expand-positon-hide{display:none}.relation-graph .c-expand-positon-left{transform:translate(-100%) translateY(-50%);left:-5px;top:50%}.relation-graph .c-expand-positon-right{transform:translate(5px) translateY(-50%);left:100%;top:50%}.relation-graph .c-expand-positon-bottom{transform:translate(-50%);left:50%;top:calc(100% + 5px)}.relation-graph .c-expand-positon-top{transform:translate(-50%) translateY(-100%);left:50%;top:-5px}.relation-graph .rg-setting-panel{--height: 300px;--width: 200px;width:300px;height:200px;position:absolute;left:10px;top:5px;font-size:12px;color:#3a5bb2;padding:60px 10px 10px;overflow:hidden;box-shadow:0 0 5px #999;border-radius:5px;z-index:1000;background-color:#fff;border:#999999 solid 1px}.relation-graph .rg-setting-panel-button{height:35px;width:35px;font-size:8px;line-height:35px;text-align:center;border-radius:50%;position:absolute;margin-left:25px;margin-top:20px;background-color:#3a5bb2;color:#fff;cursor:pointer;z-index:1001;box-shadow:0 0 8px #999}.relation-graph .rg-setting-panel-button:hover{box-shadow:0 0 20px #ffa20a;border:#ffffff solid 1px;color:#ffa20a;-moz-transform:rotate(-89deg) translateX(-190px);animation-timing-function:linear;animation:flashButton 2s infinite}@keyframes flashButton{0%{box-shadow:0 0 8px #2e4e8f}30%{box-shadow:0 0 20px #ffa20a}to{box-shadow:0 0 8px #2e4e8f}}.relation-graph .c-debug-tools-row{text-align:left}.relation-graph .rg-operate{pointer-events:none;user-select:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:180}.relation-graph .rg-operate .rg-node{cursor:move}.relation-graph .rg-operate .rg-creating-container{pointer-events:none;position:relative}.relation-graph .rg-operate .rg-creating-container *{pointer-events:none!important}.relation-graph .rg-selection{pointer-events:none;position:absolute;user-select:none;background-color:var(--editor-light-opacity);border:var(--editor-main-color) solid 1px;transform-origin:0 0}.relation-graph .rg-graph-loading{position:absolute;z-index:1600;left:0px;top:0px;height:100%;width:100%;background-color:#ffffffe6}.relation-graph .rg-graph-loading .rg-graph-loading-icon{width:16px;height:16px;vertical-align:-3px;fill:currentColor;overflow:hidden;animation:turn 1s linear infinite}.relation-graph .rg-graph-loading .rg-graph-loading-message{position:absolute;padding:2px 15px;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;font-size:12px;background-color:#fff;border:#666 solid 1px;color:#666;display:flex;place-items:center;justify-content:center;gap:8px}.relation-graph .rg-graph-loading-hide{display:none}@keyframes slowHide{0%{opacity:1}to{opacity:0;display:none}}.relation-graph .rg-easy-view{overflow:visible;height:100%;width:100%;background-color:transparent;position:absolute;left:0px;top:0px;z-index:3;pointer-events:none}.relation-graph .rg-easy-view canvas{opacity:0;width:100%;height:100%}.relation-graph .rg-easy-view-active{pointer-events:all}.relation-graph .rg-easy-view-active canvas{opacity:1}.relation-graph .rg-move-operator{position:absolute;width:100%;height:100%;pointer-events:none;user-select:none;left:0px;top:0px;z-index:6666}.relation-graph .rg-move-operator .rg-move-touchpad{display:none;background-color:var(--edit-ctl-light2-color);height:100%;width:100%;pointer-events:all}.relation-graph .rg-move-operator.rg-move-operator-active{pointer-events:all;cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBQUFYTlNSMElBcnM0YzZRQUFDWlpKUkVGVWVGN3RXZ3RNVk5rWi9xYThabkZ4QkVIQWlCV3lFa0drUEcwRW1paWdGVVZzcFZxTmlsSmZRVEV4c2k2eDFqZHRMVnVEeGpoTlJDc0JzeHBOZktEV0J4Q05QTFFpaUNoRzBTQkxKZHBTYUFWNXlHaW4rOTNjdzQ2enVEc0Rkd1lUT01uSm5XRXU5NTcvKy8vLyt4L25xRERJaDJxUXk0OGhBSVlzWUpBak1PUUNnOXdBaGtod3lBV0dYR0NRSXpEa0FnTmtBQUo0UXdYbzViV0lxMVdXWm0wTDRQdCtCTUJHdnZJN0o0WG0vQitBZC9MVktrQllBd0FocEJEY3RyS3lNc3pYMTNlcG5aMWRvTDI5ZlhoM2QzZTVUcWVycnEydHpRc0pDYmtENEswUkVCWUR3NUlBR0dxYkdyY0ZZSGYvL3YxWkV5Wk0rTE90cmEyN3NZMi9mZnYybjQ4ZVBmcDgwcVJKZndPZ2s0RWdHTFFNVHNXQnNBUUFRdU1VMkxhc3JDekF6ODh2U2ExV0I2dlY2Z2doOUtWTGw4QjU0TUFCckYrL0huRnhjZElVUTZmVFBlN3M3THgyK1BEaFA2U2xwZjNieUNvVTR3ZExBRUJ0YzlxM3RMUnNkWFoyL3NKNHRRME5EUWdNRE1TclY2OTZmdEpvTktpdXJzYllzV1BmdTEybjB6MjRjZVBHNnRqWTJHb0EzUWF1b1FnSVNnUEE1OWxSZUsxVzY1T1NrbktQcXp4eTVBaU9IajJLMHRKU1RKMDZGY09HRGNQRml4ZXhZOGNPYk4rK0hUdDM3cFErejU0OUcrM3Q3YmgrL1RvaUl5T1JuSnlNRlN0V29MdTd1elkzTjNmK3FsV3I2bVFRaEZ2MEd3U2xBYURtSFFBNHZuang0azhlSGg2L29URFRwazNyZGFGNi9iY3VyVkwxdnBScjE2NUpvTDE4K2ZLdm5wNmV2d1hRQ2VDTjdCTDk1Z1dsQWFEMkhRRTR0YmEyWG5CeWN2cEpSRVFFYnQ2OCtSMXRFNUhlQURDMmlpbFRwcUNzckV3Q3NLT2o0MjVYVjFkNWZuNStWbkp5Y29OTWxDSnM5c2thbEFTQXo2TDJod0VZb2Rmcm4zSkZRck85Q2R1WHYvR1pPcDN1SC9YMTllbSt2cjc1QnRHQzFtRDJVQklBeG5rMXRRL0FSYS9YUDFRS2dISGp4cUcrdnY0N3ZKQ2Vudjd6ZmZ2Mk5SbndndGxoVWtrQTZQK2ZBQmdPWUtSZXJ5ZHJLMklCeG1vVnZORFkyTGh2ekpneHUyVmVFQkhDTEN0UUVnREdmZnEvUmdiZ3JsSUFmSWdYMnRyYWJnOGZQdnlYQU5vQWRNbnVZSFVBYVBvRTB0NElnTnRLQWZCOVhLRlNxWHdBTUtGb2wxM0JMRGZvandWUWNKSGYyeFFWRlFXTUh6OStiazFOemRkeGNYRVA5WHA5c1pVQThBUFFBdUMxYkFWbWtXRmZBYURnVXFwYlYxY1g3Kzd1L2l0SFI4ZjV2ZG1lMGxIQStIa3FsU29RUURPQVZwa0xHQlpOSG4wQlFBaHZYMUZSTVRVa0pPUVUyWjhzZmV2V0xYUjFkU0VoSVFFdUxpN1NJcXdBUUpBTUFOMmdRMDZWTFFZQUFaT3l2ZFRVMUZGNzkrNHR0TGUzOThuSnlVRnFhcXFVeG5Jd245KzBhWlAwTnlzQUVBS0F4WklBZ0dteXljTmNDNkQyU1hhZkZCY1h4MGRGUmVVMk5UVmg4dVRKVXB4ZXVIQWgzcjE3aDFPbmFCVEF5Wk1uc1dEQkF1bXpJWkd4NkhuOCtESG16Ly9XYTBTNnpCQW5oaW5ncVZTcVVBRE1CYXdDQUxYUFpPZlR1cnE2MzNsN2U2ZHF0VnFzVzdjT3k1Y3Zsd29lamtPSERtSE5talVZT1hJa21wdnBudThEWUtwNkJKQ0dRUFhDQVFTQUZ2QmYyUVVzYWdITTlhVmtwN2k0ZUZsVVZGVEdpUk1uc0dqUklrbjd4NDhmNzVHTkdtVWhKSWFoQlpnS2dDbWtLbHVBVlFGZ3JxODVkdXhZM09MRmkvOUMwdzhJQ0lDTmpRMEtDd3NSSGg3ZXMrNVpzMlpKVFErUnlQUkg4QSs1eFlBQkFNQzFvYUhob0plWDEwODNidHlJckt3c1RKOCtIVmV2WGxWQ3pnOCs0d011WURVT0VPa3U4MzNYN096c09TdFhydHoxK3ZWclJFZEhvN3k4SEZ1M2JzV3VYYnNzQnNKQUF5QklrQldmTTRCUnQyL2Yvanc4UER6K3lwVXJtRGx6cGlUNGhRc1hwTzZPMHFPcXFnckJ3Y0VZUFhvMEdoc2I4ZWJObTFkcXRacmRGcXVIUVJZOUkxajBCQVVGalNzb0tQalMxZFgxeDl1MmJjUHUzYnVsUmJLSm9WWXpZQ2czbUcrd1RSWWFHb283ZCs2Z3RiWDFhNDFHOHdzREFOZ3RzbWdVb0RTTUJHeDhTSFUvWFVHcjFjYWxwS1NrODBmMjhpaDhSa1lHdG16Wm9wejAzK1M1NmVucHlNek14TnExYTNIdzRFRTBOVFhkR3pWcVZKSkJKa2dBckpJS2k5WVhTMStDNEZaWldmbEZjSEJ3OUprelp6QnYzanhKOEljUEg4TFBqN1dLTW1QdTNMbkl6OC9IK2ZQbkVSOGZqOU9uVC84eE1USHhLNk5hd0NyRkVNbVFWdkNwY0lVTkd6Wk16c3pNM0dOblorZVFsSlNFdkx3OGFaRmNyQkpEY0F6OW44QTZPanAyUmtkSEx5Z3BLV0hyamRVZ2V3SnNsbG9GQU5IK1psTFU0d3FGaFlXclkySmlmczFVbDY3QTZFQ056Wmt6cDk4WWVIbDU0Zm56NXowNVJVMU56WldBZ0lDZEFQNGxaNEVzaDlrVnNtby9RR3FCaXk2UWs1T1RlMjF0YlphSGg4ZG5vdGRQeWZ1YkJTNWJ0Z3k1dWJtWU9IRWlDZ29LNE9ucGljMmJONi9mczJkUHFVeUFMSVZaQ1hJN3pheGhiakZrK0hCUkdZcEdLS09DSU1UTnZKRmNRRTVnVkNncEthSFptclU0M2h3Ykc0dWlvaUpKZUJaWC92Nyt1SGZ2WGtGUVVGQ0dYQVFaTmtQTUlrQSt2ejhBOFA5WkhmYlVCd3lMbktXbHBlc2pJaUlTZUFQMyt5NWZ2Z3huWjJka1oyY2pNVEhSSkJBWTh0TFMwdERTMHZLZThNM056UTJ1cnE1clpPRlphWWtxMEd6elZ3SUFQa1BzQmtrMWdnQ2hycTd1OTk3ZTNteFc5R3g5OFhOWVdCaVdMbDBLYm5pNHVibEprMXRsRHg0OGtHWk5UWTEwUFh2MnJBU1VvZWFsQmF0VWpQc1VYQlJBb2hWbVZ2d1hXdWl2QlFnUUdSV2tNbGxFQlliSGtwS1NsTWpJU0NrOUpDZWNPM2NPZCs5S3plSWZIR1Q3MWF0WFM1TSsvK3paczJvZkh4K1NIazJlOHo4eTh6UDIwL2ZOWW44bEFUQjJCVVlGa1IrTXlNdkxTMWl5Wk1rSzhVSUN3TWp3NU1rVFBIMzZWTHJTekNrd0JRMEtDcEtLcWhrelpraHV3L0ZONisxNldGallBWm50S1RocmYwRjhmZG9QVUJvQTRRcFN0MGkyQklKQVl0UmtabWIrTENZbVpvcS92MytvV3EwMmlRbDFPdDJicXFxcXYrZms1RnpWYXJYM1pZSHA3NXlNK1dSOUNrL1ROeXYwR1RQNUQ1cWppVGVJcUVBUWhEdlFHbGc1OGtyM1VPL2Z2ejh5SkNURTE4M056ZFhaMmRsVm85RzRPRGc0T0haMmRyWjFkSFMwdGJlM3R4VVhGNWRuWldXVlZWUlVNTWF6MFVpQk9hbDFmaGZDOTJ0alZDa1NOQVpVT2h3aHRzbmx6VklLVDVLa2RSQWNSZzd5aGpnc3hXZUlRMUxVS0RYTHJJNkNVbUF4K1owN1FJb2RsRkNDQkkwTlJGaUNTSmVaTEZGd0lUeS9Fd0FCQWtPcEFJQWFGUUJRVUU2U25EZ1RRRkFFNGZXSjlIcGJySWtXYnRadGhnZWtwQk1qOGhTZnBVMFZPWThRQVBBRkJJQ1RRbkpTWUdwYmZCY25RL3JzODlZQ1FMem52ZTB6c1p0a1lQcmlkMkVCRkV5QVFHSEZGTDZ1aU5ZdFJZTGZaeUxDSW9UQVlrTlZhSisvaThPU3ZSMllWRnh3UzRSQlUzMUU4STQ0VG1mOGY0WkFtUHJNUHQ5bkNSTHM4MklHNGgrSEFCZ0kxRCttZHc1WndNZWtqWUZZeTVBRkRBVHFIOU03QjcwRi9COEJrUXA5WU5iRzJRQUFBQUJKUlU1RXJrSmdnZz09IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 16 16,auto!important;cursor:-webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAACZZJREFUeF7tWgtMVNkZ/qa8ZnFxBEHAiBWyEkGkPG0EmiigFUVspVqNilJfQTExsi6x1jdtLVuDxjhNRCsBsxpNfKDWBxCNPLQiiChG0SBLJdpSaAV5yGin+93cw46zuDsDdwYTOMnJnWEu957/+///+x/nqDDIh2qQy48hAIYsYJAjMOQCg9wAhkhwyAWGXGCQIzDkAgNkAAJ4QwXo5bWIq1WWZm0L4Pt+BMBGvvI7J4Xm/B+Ad/LVKkBYAwAhpBDctrKyMszX13epnZ1doL29fXh3d3e5Tqerrq2tzQsJCbkD4K0REBYDw5IAGGqbGrcFYHf//v1ZEyZM+LOtra27sY2/ffv2n48ePfp80qRJfwOgk4EgGLQMTsWBsAQAQuMU2LasrCzAz88vSa1WB6vV6ggh9KVLl8B54MABrF+/HnFxcdIUQ6fTPe7s7Lx2+PDhP6Slpf3byCoU4wdLAEBtc9q3tLRsdXZ2/sJ4tQ0NDQgMDMSrV696ftJoNKiursbYsWPfu12n0z24cePG6tjY2GoA3QauoQgISgPA59lReK1W65OSknKPqzxy5AiOHj2K0tJSTJ06FcOGDcPFixexY8cObN++HTt37pQ+z549G+3t7bh+/ToiIyORnJyMFStWoLu7uzY3N3f+qlWr6mQQhFv0GwSlAaDmHQA4vnjx4k8eHh6/oTDTpk3rdaF6/bcurVL1vpRr165JoL18+fKvnp6evwXQCeCN7BL95gWlAaD2HQE4tba2XnBycvpJREQEbt68+R1tE5HeADC2iilTpqCsrEwCsKOj425XV1d5fn5+VnJycoNMlCJs9skalASAz6L2hwEYodfrn3JFQrO9CduXv/GZOp3uH/X19em+vr75BtGC1mD2UBIAxnk1tQ/ARa/XP1QKgHHjxqG+vv47vJCenv7zffv2NRnwgtlhUkkA6P+fABgOYKRerydrK2IBxmoVvNDY2LhvzJgxu2VeEBHCLCtQEgDGffq/RgbgrlIAfIgX2trabg8fPvyXANoAdMnuYHUAaPoE0t4IgNtKAfB9XKFSqXwAMKFol13BLDfojwVQcJHf2xQVFQWMHz9+bk1NzddxcXEP9Xp9sZUA8APQAuC1bAVmkWFfAaDgUqpbV1cX7+7u/itHR8f5vdme0lHA+HkqlSoQQDOAVpkLGBZNHn0BQAhvX1FRMTUkJOQU2Z8sfevWLXR1dSEhIQEuLi7SIqwAQJAMAN2gQ06VLQYAAZOyvdTU1FF79+4ttLe398nJyUFqaqqUxnIwn9+0aZP0NysAEAKAxZIAgGmyycNcC6D2SXafFBcXx0dFReU2NTVh8uTJUpxeuHAh3r17h1OnaBTAyZMnsWDBAumzIZGx6Hn8+DHmz//Wa0S6zBAnhingqVSqUADMBawCALXPZOfTurq633l7e6dqtVqsW7cOy5cvlwoejkOHDmHNmjUYOXIkmpvpnu8DYKp6BJCGQPXCAQSAFvBf2QUsagHM9aVkp7i4eFlUVFTGiRMnsGjRIkn7x48f75GNGmUhJIahBZgKgCmkKluAVQFgrq85duxY3OLFi/9C0w8ICICNjQ0KCwsRHh7es+5Zs2ZJTQ+RyPRH8A+5xYABAMC1oaHhoJeX1083btyIrKwsTJ8+HVevXlVCzg8+4wMuYDUOEOku833X7OzsOStXrtz1+vVrREdHo7y8HFu3bsWuXbssBsJAAyBIkBWfM4BRt2/f/jw8PDz+ypUrmDlzpiT4hQsXpO6O0qOqqgrBwcEYPXo0Ghsb8ebNm1dqtZrdFquHQRY9I1j0BAUFjSsoKPjS1dX1x9u2bcPu3bulRbKJoVYzYCg3mG+wTRYaGoo7d+6gtbX1a41G8wsDANgtsmgUoDSMBGx8SHU/XUGr1calpKSk80f28ih8RkYGtmzZopz03+S56enpyMzMxNq1a3Hw4EE0NTXdGzVqVJJBJkgArJIKi9YXS1+C4FZZWflFcHBw9JkzZzBv3jxJ8IcPH8LPj7WKMmPu3LnIz8/H+fPnER8fj9OnT/8xMTHxK6NawCrFEMmQVvCpcIUNGzZMzszM3GNnZ+eQlJSEvLw8aZFcrBJDcAz9n8A6Ojp2RkdHLygpKWHrjdUgewJslloFANH+ZlLU4wqFhYWrY2Jifs1Ul67A6ECNzZkzp98YeHl54fnz5z05RU1NzZWAgICdAP4lZ4Esh9kVsmo/QGqBiy6Qk5OTe21tbZaHh8dnotdPyfubBS5btgy5ubmYOHEiCgoK4Onpic2bN6/fs2dPqUyALIVZCXI7zaxhbjFk+HBRGYpGKKOCIMTNvJFcQE5gVCgpKaHZmrU43hwbG4uioiJJeBZX/v7+uHfvXkFQUFCGXAQZNkPMIkA+vz8A8P9ZHfbUBwyLnKWlpesjIiISeAP3+y5fvgxnZ2dkZ2cjMTHRJBAY8tLS0tDS0vKe8M3NzQ2urq5rZOFZaYkq0GzzVwIAPkPsBkk1ggChrq7u997e3mxW9Gx98XNYWBiWLl0Kbni4ublJk1tlDx48kGZNTY10PXv2rASUoealBatUjPsUXBRAohVmVvwXWuivBQgQGRWkMllEBYbHkpKSlMjISCk9JCecO3cOd+9KzeIfHGT71atXS5M+/+zZs2ofHx+SHk2e8z8y8zP20/fNYn8lATB2BUYFkR+MyMvLS1iyZMkK8UICwMjw5MkTPH36VLrSzCkwBQ0KCpKKqhkzZkhuw/FN6+16WFjYAZntKThrf0F8fdoPUBoA4QpSt0i2BIJAYtRkZmb+LCYmZoq/v3+oWq02iQl1Ot2bqqqqv+fk5FzVarX3ZYHp75yM+WR9Ck/TNyv0GTP5D5qjiTeIqEAQhDvQGlg58kr3UO/fvz8yJCTE183NzdXZ2dlVo9G4ODg4OHZ2drZ1dHS0tbe3txUXF5dnZWWVVVRUMMaz0UiBOal1fhfC92tjVCkSNAZUOhwhtsnlzVIKT5KkdRAcRg7yhjgsxWeIQ1LUKDXLrI6CUmAx+Z07QIodlFCCBI0NRFiCSJeZLFFwITy/EwABAkOpAIAaFQBQUE6SnDgTQFAE4fWJ9HpbrIkWbtZthgekpBMj8hSfpU0VOY8QAPAFBICTQnJSYGpbfBcnQ/rs89YCQLznve0zsZtkYPrid2EBFEyAQGHFFL6uiNYtRYLfZyLCIoTAYkNVaJ+/i8OSvR2YVFxwS4RBU31E8I44Tmf8f4ZAmPrMPt9nCRLs82IG4h+HABgI1D+mdw5ZwMekjYFYy5AFDATqH9M7B70F/B8BkQp9YNbG2QAAAABJRU5ErkJggg==) 2x,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAACZZJREFUeF7tWgtMVNkZ/qa8ZnFxBEHAiBWyEkGkPG0EmiigFUVspVqNilJfQTExsi6x1jdtLVuDxjhNRCsBsxpNfKDWBxCNPLQiiChG0SBLJdpSaAV5yGin+93cw46zuDsDdwYTOMnJnWEu957/+///+x/nqDDIh2qQy48hAIYsYJAjMOQCg9wAhkhwyAWGXGCQIzDkAgNkAAJ4QwXo5bWIq1WWZm0L4Pt+BMBGvvI7J4Xm/B+Ad/LVKkBYAwAhpBDctrKyMszX13epnZ1doL29fXh3d3e5Tqerrq2tzQsJCbkD4K0REBYDw5IAGGqbGrcFYHf//v1ZEyZM+LOtra27sY2/ffv2n48ePfp80qRJfwOgk4EgGLQMTsWBsAQAQuMU2LasrCzAz88vSa1WB6vV6ggh9KVLl8B54MABrF+/HnFxcdIUQ6fTPe7s7Lx2+PDhP6Slpf3byCoU4wdLAEBtc9q3tLRsdXZ2/sJ4tQ0NDQgMDMSrV696ftJoNKiursbYsWPfu12n0z24cePG6tjY2GoA3QauoQgISgPA59lReK1W65OSknKPqzxy5AiOHj2K0tJSTJ06FcOGDcPFixexY8cObN++HTt37pQ+z549G+3t7bh+/ToiIyORnJyMFStWoLu7uzY3N3f+qlWr6mQQhFv0GwSlAaDmHQA4vnjx4k8eHh6/oTDTpk3rdaF6/bcurVL1vpRr165JoL18+fKvnp6evwXQCeCN7BL95gWlAaD2HQE4tba2XnBycvpJREQEbt68+R1tE5HeADC2iilTpqCsrEwCsKOj425XV1d5fn5+VnJycoNMlCJs9skalASAz6L2hwEYodfrn3JFQrO9CduXv/GZOp3uH/X19em+vr75BtGC1mD2UBIAxnk1tQ/ARa/XP1QKgHHjxqG+vv47vJCenv7zffv2NRnwgtlhUkkA6P+fABgOYKRerydrK2IBxmoVvNDY2LhvzJgxu2VeEBHCLCtQEgDGffq/RgbgrlIAfIgX2trabg8fPvyXANoAdMnuYHUAaPoE0t4IgNtKAfB9XKFSqXwAMKFol13BLDfojwVQcJHf2xQVFQWMHz9+bk1NzddxcXEP9Xp9sZUA8APQAuC1bAVmkWFfAaDgUqpbV1cX7+7u/itHR8f5vdme0lHA+HkqlSoQQDOAVpkLGBZNHn0BQAhvX1FRMTUkJOQU2Z8sfevWLXR1dSEhIQEuLi7SIqwAQJAMAN2gQ06VLQYAAZOyvdTU1FF79+4ttLe398nJyUFqaqqUxnIwn9+0aZP0NysAEAKAxZIAgGmyycNcC6D2SXafFBcXx0dFReU2NTVh8uTJUpxeuHAh3r17h1OnaBTAyZMnsWDBAumzIZGx6Hn8+DHmz//Wa0S6zBAnhingqVSqUADMBawCALXPZOfTurq633l7e6dqtVqsW7cOy5cvlwoejkOHDmHNmjUYOXIkmpvpnu8DYKp6BJCGQPXCAQSAFvBf2QUsagHM9aVkp7i4eFlUVFTGiRMnsGjRIkn7x48f75GNGmUhJIahBZgKgCmkKluAVQFgrq85duxY3OLFi/9C0w8ICICNjQ0KCwsRHh7es+5Zs2ZJTQ+RyPRH8A+5xYABAMC1oaHhoJeX1083btyIrKwsTJ8+HVevXlVCzg8+4wMuYDUOEOku833X7OzsOStXrtz1+vVrREdHo7y8HFu3bsWuXbssBsJAAyBIkBWfM4BRt2/f/jw8PDz+ypUrmDlzpiT4hQsXpO6O0qOqqgrBwcEYPXo0Ghsb8ebNm1dqtZrdFquHQRY9I1j0BAUFjSsoKPjS1dX1x9u2bcPu3bulRbKJoVYzYCg3mG+wTRYaGoo7d+6gtbX1a41G8wsDANgtsmgUoDSMBGx8SHU/XUGr1calpKSk80f28ih8RkYGtmzZopz03+S56enpyMzMxNq1a3Hw4EE0NTXdGzVqVJJBJkgArJIKi9YXS1+C4FZZWflFcHBw9JkzZzBv3jxJ8IcPH8LPj7WKMmPu3LnIz8/H+fPnER8fj9OnT/8xMTHxK6NawCrFEMmQVvCpcIUNGzZMzszM3GNnZ+eQlJSEvLw8aZFcrBJDcAz9n8A6Ojp2RkdHLygpKWHrjdUgewJslloFANH+ZlLU4wqFhYWrY2Jifs1Ul67A6ECNzZkzp98YeHl54fnz5z05RU1NzZWAgICdAP4lZ4Esh9kVsmo/QGqBiy6Qk5OTe21tbZaHh8dnotdPyfubBS5btgy5ubmYOHEiCgoK4Onpic2bN6/fs2dPqUyALIVZCXI7zaxhbjFk+HBRGYpGKKOCIMTNvJFcQE5gVCgpKaHZmrU43hwbG4uioiJJeBZX/v7+uHfvXkFQUFCGXAQZNkPMIkA+vz8A8P9ZHfbUBwyLnKWlpesjIiISeAP3+y5fvgxnZ2dkZ2cjMTHRJBAY8tLS0tDS0vKe8M3NzQ2urq5rZOFZaYkq0GzzVwIAPkPsBkk1ggChrq7u997e3mxW9Gx98XNYWBiWLl0Kbni4ublJk1tlDx48kGZNTY10PXv2rASUoealBatUjPsUXBRAohVmVvwXWuivBQgQGRWkMllEBYbHkpKSlMjISCk9JCecO3cOd+9KzeIfHGT71atXS5M+/+zZs2ofHx+SHk2e8z8y8zP20/fNYn8lATB2BUYFkR+MyMvLS1iyZMkK8UICwMjw5MkTPH36VLrSzCkwBQ0KCpKKqhkzZkhuw/FN6+16WFjYAZntKThrf0F8fdoPUBoA4QpSt0i2BIJAYtRkZmb+LCYmZoq/v3+oWq02iQl1Ot2bqqqqv+fk5FzVarX3ZYHp75yM+WR9Ck/TNyv0GTP5D5qjiTeIqEAQhDvQGlg58kr3UO/fvz8yJCTE183NzdXZ2dlVo9G4ODg4OHZ2drZ1dHS0tbe3txUXF5dnZWWVVVRUMMaz0UiBOal1fhfC92tjVCkSNAZUOhwhtsnlzVIKT5KkdRAcRg7yhjgsxWeIQ1LUKDXLrI6CUmAx+Z07QIodlFCCBI0NRFiCSJeZLFFwITy/EwABAkOpAIAaFQBQUE6SnDgTQFAE4fWJ9HpbrIkWbtZthgekpBMj8hSfpU0VOY8QAPAFBICTQnJSYGpbfBcnQ/rs89YCQLznve0zsZtkYPrid2EBFEyAQGHFFL6uiNYtRYLfZyLCIoTAYkNVaJ+/i8OSvR2YVFxwS4RBU31E8I44Tmf8f4ZAmPrMPt9nCRLs82IG4h+HABgI1D+mdw5ZwMekjYFYy5AFDATqH9M7B70F/B8BkQp9YNbG2QAAAABJRU5ErkJggg==) 1x) 16 16,auto!important}.relation-graph .rg-move-operator.rg-move-operator-active .rg-move-touchpad{display:flex}.relation-graph.rg-creating-line .rg-connect-source-handle{pointer-events:none;opacity:.5}.rg-background{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:0;pointer-events:none}.rg-toolbar{user-select:none;pointer-events:all;display:flex;position:absolute;z-index:300;background-color:#fff;color:#333;--rg-toolbar-hover-bg-color: rgba(220, 220, 220, .5);box-shadow:0 1px 3px #0003,0 0 1px #0006;box-sizing:border-box;border-radius:5px;width:fit-content;height:fit-content;place-items:center;justify-content:center;gap:3px;backdrop-filter:blur(5px)}.rg-toolbar .rg-icon{flex-grow:1;width:16px;height:16px;fill:currentColor;overflow:hidden}.rg-toolbar .rg-mb-button svg{margin:auto}.rg-toolbar .rg-mb-button:hover{background-color:var(--rg-toolbar-hover-bg-color)}.rg-toolbar .rg-loading-icon{animation:turn 1s linear infinite}@keyframes turn{0%{-webkit-transform:rotate(0deg)}25%{-webkit-transform:rotate(90deg)}50%{-webkit-transform:rotate(180deg)}75%{-webkit-transform:rotate(270deg)}to{-webkit-transform:rotate(360deg)}}.rg-toolbar .rg-current-zoom{margin-top:0;font-size:10px;text-align:center;border-radius:3px;cursor:pointer}.rg-toolbar .rg-current-zoom:hover{background-color:var(--rg-toolbar-hover-bg-color)}.rg-toolbar .rg-mb-button{width:35px;height:35px;margin-top:0;opacity:1;cursor:pointer;font-size:18px;box-sizing:border-box;display:flex;align-items:center;justify-items:center;border-radius:3px}.rg-toolbar.rg-toolbar-v{flex-flow:column;padding:10px 3px}.rg-toolbar.rg-toolbar-v .rg-current-zoom{width:35px;height:25px;line-height:25px}.rg-toolbar.rg-toolbar-h{padding:3px 10px}.rg-toolbar.rg-toolbar-h .rg-current-zoom{width:fit-content;padding:0 5px;height:35px;line-height:35px}.rg-toolbar.rg-toolbar-h-right{right:15px}.rg-toolbar.rg-toolbar-h-left{left:15px}.rg-toolbar.rg-toolbar-h-center{left:50%;transform:translate(-50%)}.rg-toolbar.rg-toolbar-v-top{top:15px}.rg-toolbar.rg-toolbar-v-bottom{bottom:15px}.rg-toolbar.rg-toolbar-v-center{top:50%;transform:translateY(-50%)}.rg-toolbar.rg-xs-toolbar .rg-mb-button{width:25px;height:25px}.rg-toolbar.rg-xs-toolbar .rg-icon{width:14px;height:14px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-v{padding:3px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-v .rg-current-zoom{width:30px;height:25px;line-height:25px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-h{padding:3px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-h .rg-current-zoom{width:35px;height:25px;line-height:25px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-h .rg-mb-button{width:25px;height:25px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-h-right{right:10px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-h-left{left:10px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-h-center{left:50%;transform:translate(-50%)}.rg-toolbar.rg-xs-toolbar.rg-toolbar-v-top{top:10px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-v-bottom{bottom:10px}.rg-toolbar.rg-xs-toolbar.rg-toolbar-v-center{top:50%;transform:translateY(-50%)}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var tn = Object.defineProperty;
 var nn = (r, i, e) => i in r ? tn(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
 var w = (r, i, e) => (nn(r, typeof i != "symbol" ? i + "" : i, e), e);
-import { defineComponent as G, computed as E, openBlock as k, createElementBlock as D, normalizeClass as K, createElementVNode as I, withModifiers as ge, createBlock as re, inject as ut, ref as ee, onMounted as ae, onBeforeUnmount as Ee, withDirectives as Se, normalizeStyle as te, renderSlot as X, createVNode as oe, createCommentVNode as Y, toDisplayString as ue, vShow as Ie, Fragment as xe, renderList as tt, withCtx as ne, mergeProps as je, Teleport as on, withMemo as mt, normalizeProps as le, guardReactiveProps as de, createTextVNode as Ot, markRaw as Pt, provide as sn, h as De, defineEmits as an, watch as lt, unref as Me, onUnmounted as He, nextTick as ot } from "vue";
+import { defineComponent as G, computed as D, openBlock as R, createElementBlock as E, normalizeClass as Q, createElementVNode as I, withModifiers as ge, createBlock as re, inject as ut, ref as ee, onMounted as ae, onBeforeUnmount as De, withDirectives as Se, normalizeStyle as te, renderSlot as B, createVNode as oe, createCommentVNode as Y, toDisplayString as ue, vShow as Ie, Fragment as xe, renderList as tt, withCtx as ne, mergeProps as je, Teleport as on, withMemo as mt, normalizeProps as le, guardReactiveProps as de, createTextVNode as Ot, markRaw as Pt, provide as sn, h as Ee, defineEmits as an, watch as lt, unref as Me, onUnmounted as He, nextTick as ot } from "vue";
 /*!
- * relation-graph v3.0.7
+ * relation-graph v3.0.8
  * (c) 2026 WanLian <seeksdream@qq.com>
  * Released under the MIT License.
  * Repository: https://github.com/seeksdream/relation-graph
  */
-const Tt = "3.0.7", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey", be = (r) => {
+const Tt = "3.0.8", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey", be = (r) => {
   try {
     if ("touches" in r && r.touches || "targetTouches" in r && r.targetTouches)
       return !0;
   } catch {
   }
   return !1;
-}, Xe = (r) => {
+}, Be = (r) => {
   if (be(r)) {
     const i = r.touches || r.targetTouches;
     if (!i)
@@ -52,7 +52,7 @@ const Tt = "3.0.7", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey"
 }, ln = () => {
   const r = "c", i = "o", e = "n", t = "s", n = "o", o = "l", s = "e", a = new Date().getFullYear(), l = [];
   return a > 1 && l.push(r), a > 21 && l.push(i), a > 35 && l.push(e), a > 55 && l.push(t), a > 189 && l.push(n), a > 231 && l.push(o), a > 1234 && l.push(s), l.join("");
-}, xt = (r) => r.replace(/-/g, "").replace(/\*/g, "-"), Rt = (r) => {
+}, xt = (r) => r.replace(/-/g, "").replace(/\*/g, "-"), kt = (r) => {
   const i = ln(), e = rn(), t = "r-e-l-a-t-i-o-n*g-r-a-p-h", n = "h-t-t-p-s-:-/-/-g-i-t-h-u-b-.-c-o-m-/-s-e-e-k-s-d-r-e-a-m-/-r-e-l-a-t-i-o-n-*-g-r-a-p-h";
   window && window[i] && window[i][e](
     `%c ${xt(t)} %c Version v${Tt}(${r}) %c More info: ${xt(n)} %c`,
@@ -167,16 +167,16 @@ const Tt = "3.0.7", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey"
     className: {}
   },
   setup(r) {
-    const i = r, e = E(() => cn[i.iconName]);
-    return (t, n) => (k(), D("svg", {
-      class: K(["rg-icon", t.className]),
+    const i = r, e = D(() => cn[i.iconName]);
+    return (t, n) => (R(), E("svg", {
+      class: Q(["rg-icon", t.className]),
       viewBox: "0 0 1024 1024",
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg",
       innerHTML: e.value.data
     }, null, 10, hn));
   }
-}), kt = /* @__PURE__ */ G({
+}), Rt = /* @__PURE__ */ G({
   __name: "RGNodeExpandHolder",
   props: {
     node: {},
@@ -184,12 +184,12 @@ const Tt = "3.0.7", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey"
     expandHolderPosition: {}
   },
   setup(r) {
-    const i = r, e = E(() => i.node.expanded === !1 ? "c-expanded" : "c-collapsed");
-    return (t, n) => (k(), D("div", {
-      class: K(["rg-node-expand-holder", "c-expand-positon-" + t.expandHolderPosition])
+    const i = r, e = D(() => i.node.expanded === !1 ? "c-expanded" : "c-collapsed");
+    return (t, n) => (R(), E("div", {
+      class: Q(["rg-node-expand-holder", "c-expand-positon-" + t.expandHolderPosition])
     }, [
       I("div", {
-        class: K(["rg-node-expand-button", e.value]),
+        class: Q(["rg-node-expand-button", e.value]),
         onClick: n[0] || (n[0] = ge(
           (...o) => t.expandOrCollapseNode && t.expandOrCollapseNode(...o),
           ["stop"]
@@ -199,10 +199,10 @@ const Tt = "3.0.7", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey"
           ["stop"]
         ))
       }, [
-        t.node.expanded === !1 ? (k(), re(he, {
+        t.node.expanded === !1 ? (R(), re(he, {
           key: 0,
           iconName: "icon-fangda"
-        })) : (k(), re(he, {
+        })) : (R(), re(he, {
           key: 1,
           iconName: "icon-suoxiao"
         }))
@@ -225,16 +225,16 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
     checked: { type: Boolean }
   },
   setup(r) {
-    const i = W(), e = r, t = ee(), n = E(() => e.nodeProps.borderColor), o = E(() => e.nodeProps.borderWidth === void 0 ? void 0 : e.nodeProps.borderWidth + "px"), s = E(() => e.nodeProps.width ? e.nodeProps.width + "px" : void 0), a = E(() => e.nodeProps.height ? e.nodeProps.height + "px" : void 0), l = E(() => e.nodeProps.expandHolderPosition ? e.nodeProps.expandHolderPosition !== "hide" : e.defaultExpandHolderPosition && e.defaultExpandHolderPosition !== "hide" && e.nodeProps.rgChildrenSize > 0), c = E(() => e.nodeProps.rgCalcedVisibility), d = (u) => {
+    const i = W(), e = r, t = ee(), n = D(() => e.nodeProps.borderColor), o = D(() => e.nodeProps.borderWidth === void 0 ? void 0 : e.nodeProps.borderWidth + "px"), s = D(() => e.nodeProps.width ? e.nodeProps.width + "px" : void 0), a = D(() => e.nodeProps.height ? e.nodeProps.height + "px" : void 0), l = D(() => e.nodeProps.expandHolderPosition ? e.nodeProps.expandHolderPosition !== "hide" : e.defaultExpandHolderPosition && e.defaultExpandHolderPosition !== "hide" && e.nodeProps.rgChildrenSize > 0), c = D(() => e.nodeProps.rgCalcedVisibility), d = (u) => {
       i.expandOrCollapseNode(e.nodeProps, u);
     }, h = (u) => {
       i.onNodeDragStart(e.nodeProps, u);
     };
     return ae(() => {
       i.addNodeResizeListener(t.value, e.nodeProps);
-    }), Ee(() => {
+    }), De(() => {
       i.removeNodeResizeListener(t.value);
-    }), (u, g) => Se((k(), D("div", {
+    }), (u, g) => Se((R(), E("div", {
       ref_key: "nodePeelRef",
       ref: t,
       style: te({
@@ -250,7 +250,7 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
         "--rg-node-height": a.value,
         "--rg-node-opacity": u.nodeProps.opacity === void 0 ? void 0 : u.nodeProps.opacity
       }),
-      class: K([
+      class: Q([
         "rg-node-peel",
         u.nodeProps.selected && "rg-node-selected",
         u.dragging && "rg-node-dragging",
@@ -262,13 +262,13 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
       ]),
       "data-id": u.nodeProps.id
     }, [
-      l.value ? X(u.$slots, "node-expand-button", {
+      l.value ? B(u.$slots, "node-expand-button", {
         key: 0,
         node: u.nodeProps,
         expandOrCollapseNode: d,
         expandHolderPosition: u.nodeProps.expandHolderPosition || u.defaultExpandHolderPosition
       }, () => [
-        oe(kt, {
+        oe(Rt, {
           node: u.nodeProps,
           checked: u.checked,
           expandOrCollapseNode: d,
@@ -280,7 +280,7 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
         onMousedown: ge(h, ["left", "stop"]),
         onTouchstart: ge(h, ["stop"])
       }, [
-        X(u.$slots, "node", {
+        B(u.$slots, "node", {
           node: u.nodeProps,
           checked: u.checked,
           dragging: u.dragging
@@ -302,11 +302,11 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
     checkedNodeId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.getShouldRenderNodes(i.dataStores.shouldRenderNodesRef.value));
+    const i = W(), e = D(() => i.getShouldRenderNodes(i.dataStores.shouldRenderNodesRef.value));
     return ae(() => {
       x("[RGCanvas mounted]");
-    }), (t, n) => (k(), D("div", pn, [
-      (k(!0), D(xe, null, tt(e.value, (o) => (k(), re(Mt, {
+    }), (t, n) => (R(), E("div", pn, [
+      (R(!0), E(xe, null, tt(e.value, (o) => (R(), re(Mt, {
         key: o.id,
         "node-props": o,
         "default-expand-holder-position": t.defaultExpandHolderPosition,
@@ -314,10 +314,10 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
         checked: o.id === t.checkedNodeId
       }, {
         node: ne((s) => [
-          X(t.$slots, "node", je({ ref_for: !0 }, s))
+          B(t.$slots, "node", je({ ref_for: !0 }, s))
         ]),
         "node-expand-button": ne((s) => [
-          X(t.$slots, "node-expand-button", je({ ref_for: !0 }, s))
+          B(t.$slots, "node-expand-button", je({ ref_for: !0 }, s))
         ]),
         _: 2
       }, 1032, ["node-props", "default-expand-holder-position", "dragging", "checked"]))), 128))
@@ -329,8 +329,8 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
     forElementLines: { type: Boolean }
   },
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value);
-    return (t, n) => (k(), D("defs", null, [
+    const i = W(), e = D(() => i.dataStores.optionsRef.value);
+    return (t, n) => (R(), E("defs", null, [
       I("marker", {
         id: e.value.instanceId + "-arrow-default",
         markerWidth: e.value.defaultLineMarker.markerWidth,
@@ -361,7 +361,7 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
           d: e.value.defaultLineMarker.data
         }, null, 8, xn)
       ], 8, mn),
-      X(t.$slots, "default")
+      B(t.$slots, "default")
     ]));
   }
 });
@@ -374,14 +374,14 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     checked: { type: Boolean }
   },
   setup(r) {
-    const i = W(), e = E(() => {
+    const i = W(), e = D(() => {
       var n;
       return (n = r.lineConfig) == null ? void 0 : n.line;
-    }), t = E(() => e.value.isFakeLine ? i.dataStores.textContainer4FakeLineRef.value : i.dataStores.textContainer4NormalRef.value);
-    return (n, o) => e.value && t.value ? (k(), D("foreignObject", Cn, [
-      (k(), re(on, { to: t.value }, [
+    }), t = D(() => e.value.isFakeLine ? i.dataStores.textContainer4FakeLineRef.value : i.dataStores.textContainer4NormalRef.value);
+    return (n, o) => e.value && t.value ? (R(), E("foreignObject", Cn, [
+      (R(), re(on, { to: t.value }, [
         I("div", {
-          class: K([
+          class: Q([
             "rg-line-peel",
             e.value.className,
             n.checked && "rg-line-checked",
@@ -397,14 +397,14 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
             ...e.value.cssVars || {}
           })
         }, [
-          X(n.$slots, "default")
+          B(n.$slots, "default")
         ], 14, wn)
       ], 8, ["to"]))
-    ])) : (k(), D("g", _n, [
+    ])) : (R(), E("g", _n, [
       I("text", null, "Null-text-" + ue(!!e.value) + "-" + ue(!!t.value), 1)
     ]));
   }
-}), bn = ["data-id"], Nn = ["d"], On = ["id", "d"], Pn = { key: 0 }, Tn = ["dx", "dy"], Rn = ["xlink:href", "startOffset", "text-anchor"], Dt = /* @__PURE__ */ G({
+}), bn = ["data-id"], Nn = ["d"], On = ["id", "d"], Pn = { key: 0 }, Tn = ["dx", "dy"], kn = ["xlink:href", "startOffset", "text-anchor"], Et = /* @__PURE__ */ G({
   __name: "RGLinePath",
   props: {
     lineConfig: {},
@@ -415,11 +415,11 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
   },
   emits: ["onLineClick"],
   setup(r, { emit: i }) {
-    const e = W(), t = i, n = E(() => r.lineConfig.line), o = E(() => e.getArrowMarkerId(r.lineConfig.line, !0)), s = E(() => e.getArrowMarkerId(r.lineConfig.line, !1)), a = E(() => e.generateLineTextStyle4TextOnPath(r.lineConfig)), l = E(() => r.lineConfig.line.lineWidth ? r.lineConfig.line.lineWidth + "px" : void 0), c = E(() => r.graphInstanceId + "-" + r.lineConfig.line.id), d = (h) => {
+    const e = W(), t = i, n = D(() => r.lineConfig.line), o = D(() => e.getArrowMarkerId(r.lineConfig.line, !0)), s = D(() => e.getArrowMarkerId(r.lineConfig.line, !1)), a = D(() => e.generateLineTextStyle4TextOnPath(r.lineConfig)), l = D(() => r.lineConfig.line.lineWidth ? r.lineConfig.line.lineWidth + "px" : void 0), c = D(() => r.graphInstanceId + "-" + r.lineConfig.line.id), d = (h) => {
       t("onLineClick", h);
     };
-    return (h, u) => (k(), D("g", {
-      class: K([
+    return (h, u) => (R(), E("g", {
+      class: Q([
         "rg-line-peel",
         n.value.className,
         n.value.selected && "rg-line-selected",
@@ -446,12 +446,12 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       I("path", {
         id: c.value,
         d: h.linePathInfo.pathData,
-        class: K(["rg-line", [
+        class: Q(["rg-line", [
           n.value.dashType ? "rg-line-dashtype-" + n.value.dashType : void 0,
           n.value.animation ? "rg-line-anm-" + n.value.animation : void 0
         ]])
       }, null, 10, On),
-      h.useTextOnPath && a.value ? (k(), D("g", Pn, [
+      h.useTextOnPath && a.value ? (R(), E("g", Pn, [
         I("text", {
           class: "rg-line-text rg-line-text-on-path",
           dx: a.value.textOffset.x + "px",
@@ -465,13 +465,13 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
             "text-anchor": a.value.textAnchor,
             method: "align",
             spacing: "auto"
-          }, ue(a.value.text), 9, Rn)
+          }, ue(a.value.text), 9, kn)
         ], 40, Tn)
       ])) : Y("", !0),
-      X(h.$slots, "default")
+      B(h.$slots, "default")
     ], 14, bn));
   }
-}), Et = /* @__PURE__ */ G({
+}), Dt = /* @__PURE__ */ G({
   __name: "RGLineContent",
   props: {
     lineConfig: {},
@@ -480,11 +480,11 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.generateLinePath(r.lineConfig)), t = E(() => i.generateLineTextStyle(r.lineConfig, e.value)), n = E(() => r.lineConfig.line.useTextOnPath || r.defaultLineTextOnPath), o = E(() => n.value && r.lineConfig.line.lineShape !== j.StandardStraight), s = (a) => {
+    const i = W(), e = D(() => i.generateLinePath(r.lineConfig)), t = D(() => i.generateLineTextStyle(r.lineConfig, e.value)), n = D(() => r.lineConfig.line.useTextOnPath || r.defaultLineTextOnPath), o = D(() => n.value && r.lineConfig.line.lineShape !== j.StandardStraight), s = (a) => {
       i.onLineClick(r.lineConfig.line, a);
     };
-    return (a, l) => (k(), D(xe, null, [
-      oe(Dt, {
+    return (a, l) => (R(), E(xe, null, [
+      oe(Et, {
         lineConfig: a.lineConfig,
         linePathInfo: e.value,
         useTextOnPath: o.value,
@@ -492,7 +492,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
         checked: a.checked,
         onOnLineClick: s
       }, null, 8, ["lineConfig", "linePathInfo", "useTextOnPath", "graph-instance-id", "checked"]),
-      a.lineConfig.line.text && !o.value ? (k(), re(It, {
+      a.lineConfig.line.text && !o.value ? (R(), re(It, {
         key: 0,
         lineConfig: a.lineConfig,
         linePathInfo: e.value,
@@ -500,7 +500,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       }, {
         default: ne(() => [
           I("div", {
-            class: K(`rg-line-label ${n.value ? "rg-line-label-on-path" : ""}`),
+            class: Q(`rg-line-label ${n.value ? "rg-line-label-on-path" : ""}`),
             style: te({
               ...t.value.cssStyles
             }),
@@ -512,7 +512,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       }, 8, ["lineConfig", "linePathInfo", "checked"])) : Y("", !0)
     ], 64));
   }
-}), kn = { key: 0 }, At = /* @__PURE__ */ G({
+}), Rn = { key: 0 }, At = /* @__PURE__ */ G({
   __name: "RGLinePeel",
   props: {
     line: {},
@@ -521,15 +521,15 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => r.line.isFakeLine ? i.generateFakeLineConfig(r.line) : i.generateLineConfig(r.line));
-    return (t, n) => e.value ? (k(), D("g", kn, [
-      X(t.$slots, "line", {
+    const i = W(), e = D(() => r.line.isFakeLine ? i.generateFakeLineConfig(r.line) : i.generateLineConfig(r.line));
+    return (t, n) => e.value ? (R(), E("g", Rn, [
+      B(t.$slots, "line", {
         lineConfig: e.value,
         defaultLineTextOnPath: t.defaultLineTextOnPath,
         graphInstanceId: t.graphInstanceId,
         checked: t.checked
       }, () => [
-        oe(Et, {
+        oe(Dt, {
           "line-config": e.value,
           defaultLineTextOnPath: t.defaultLineTextOnPath,
           "graph-instance-id": t.graphInstanceId,
@@ -550,17 +550,17 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.getShouldRenderFakeLines(i.dataStores.shouldRenderFakeLinesRef.value));
+    const i = W(), e = D(() => i.getShouldRenderFakeLines(i.dataStores.shouldRenderFakeLinesRef.value));
     return ae(() => {
       x("[RGCanvas mounted]");
-    }), (t, n) => (k(), D("div", Mn, [
+    }), (t, n) => (R(), E("div", Mn, [
       n[0] || (n[0] = I("div", { class: "rg-linetext-container" }, null, -1)),
-      (k(), D("svg", Sn, [
+      (R(), E("svg", Sn, [
         oe(St, { "for-element-lines": !0 }),
-        t.showEasyView ? Y("", !0) : (k(!0), D(xe, { key: 0 }, tt(e.value, (o) => (k(), D(xe, {
+        t.showEasyView ? Y("", !0) : (R(!0), E(xe, { key: 0 }, tt(e.value, (o) => (R(), E(xe, {
           key: o.id
         }, [
-          o.hidden !== !0 ? (k(), re(At, {
+          o.hidden !== !0 ? (R(), re(At, {
             key: 0,
             line: o,
             defaultLineTextOnPath: t.defaultLineTextOnPath,
@@ -568,7 +568,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
             "graph-instance-id": t.graphInstanceId
           }, {
             line: ne((s) => [
-              X(t.$slots, "line", je({ ref_for: !0 }, s))
+              B(t.$slots, "line", je({ ref_for: !0 }, s))
             ]),
             _: 2
           }, 1032, ["line", "defaultLineTextOnPath", "checked", "graph-instance-id"])) : Y("", !0)
@@ -576,7 +576,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       ]))
     ]));
   }
-}), Dn = { class: "rg-lines-container rg-lines-container-el-lines" }, En = {
+}), En = { class: "rg-lines-container rg-lines-container-el-lines" }, Dn = {
   class: "rg-lines-svg rg-lines-svg-el-lines",
   xmlns: "http://www.w3.org/2000/svg"
 }, An = /* @__PURE__ */ G({
@@ -587,14 +587,14 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.generateCreatingLineConfig(i.dataStores.optionsRef.value));
+    const i = W(), e = D(() => i.generateCreatingLineConfig(i.dataStores.optionsRef.value));
     return ae(() => {
       x("[RGCanvas mounted]");
-    }), (t, n) => (k(), D("div", Dn, [
+    }), (t, n) => (R(), E("div", En, [
       n[0] || (n[0] = I("div", { class: "rg-linetext-container" }, null, -1)),
-      (k(), D("svg", En, [
-        X(t.$slots, "line", { lineConfig: e.value }, () => [
-          oe(Et, {
+      (R(), E("svg", Dn, [
+        B(t.$slots, "line", { lineConfig: e.value }, () => [
+          oe(Dt, {
             "line-config": e.value,
             defaultLineTextOnPath: t.defaultLineTextOnPath,
             "graph-instance-id": t.graphInstanceId
@@ -606,7 +606,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
 }), Vn = { class: "rg-lines-container rg-lines-container-normal-lines" }, zn = {
   class: "rg-lines-svg",
   xmlns: "http://www.w3.org/2000/svg"
-}, Xn = /* @__PURE__ */ G({
+}, Bn = /* @__PURE__ */ G({
   __name: "RGCanvasContent4Lines",
   props: {
     showEasyView: { type: Boolean },
@@ -615,17 +615,17 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.getShouldRenderLines(i.dataStores.shouldRenderLinesRef.value));
+    const i = W(), e = D(() => i.getShouldRenderLines(i.dataStores.shouldRenderLinesRef.value));
     return ae(() => {
       x("[RGCanvas mounted]");
-    }), (t, n) => (k(), D("div", Vn, [
+    }), (t, n) => (R(), E("div", Vn, [
       n[0] || (n[0] = I("div", { class: "rg-linetext-container" }, null, -1)),
-      (k(), D("svg", zn, [
+      (R(), E("svg", zn, [
         oe(St),
-        t.showEasyView ? Y("", !0) : (k(!0), D(xe, { key: 0 }, tt(e.value, (o) => (k(), D(xe, {
+        t.showEasyView ? Y("", !0) : (R(!0), E(xe, { key: 0 }, tt(e.value, (o) => (R(), E(xe, {
           key: o.id
         }, [
-          o.hidden !== !0 ? (k(), re(At, {
+          o.hidden !== !0 ? (R(), re(At, {
             key: "l-" + o.id,
             line: o,
             defaultLineTextOnPath: t.defaultLineTextOnPath,
@@ -633,7 +633,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
             "graph-instance-id": t.graphInstanceId
           }, {
             line: ne((s) => [
-              X(t.$slots, "line", je({ ref_for: !0 }, s))
+              B(t.$slots, "line", je({ ref_for: !0 }, s))
             ]),
             _: 2
           }, 1032, ["line", "defaultLineTextOnPath", "checked", "graph-instance-id"])) : Y("", !0)
@@ -641,7 +641,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       ]))
     ]));
   }
-}), Bn = { class: "rg-single-graph" }, Fn = { class: "rg-nodes-container-wrapper" }, Vt = /* @__PURE__ */ G({
+}), Xn = { class: "rg-single-graph" }, Fn = { class: "rg-nodes-container-wrapper" }, Vt = /* @__PURE__ */ G({
   __name: "RGCanvasContent",
   props: {
     showEasyView: { type: Boolean },
@@ -654,30 +654,30 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     defaultLineTextOnPath: { type: Boolean }
   },
   setup(r) {
-    return (i, e) => (k(), D("div", Bn, [
-      mt([i.defaultLineTextOnPath, i.checkedLineId], () => oe(Xn, {
+    return (i, e) => (R(), E("div", Xn, [
+      mt([i.defaultLineTextOnPath, i.checkedLineId], () => oe(Bn, {
         showEasyView: i.showEasyView,
         defaultLineTextOnPath: i.defaultLineTextOnPath,
         "checked-line-id": i.checkedLineId,
         "graph-instance-id": i.graphInstanceId
       }, {
         line: ne((t) => [
-          X(i.$slots, "line", le(de(t)))
+          B(i.$slots, "line", le(de(t)))
         ]),
         _: 3
       }, 8, ["showEasyView", "defaultLineTextOnPath", "checked-line-id", "graph-instance-id"]), e, 0),
       I("div", Fn, [
-        i.showEasyView ? Y("", !0) : mt([i.draggingNodeId, i.checkedNodeId, i.defaultExpandHolderPosition], () => (k(), re(gn, {
+        i.showEasyView ? Y("", !0) : mt([i.draggingNodeId, i.checkedNodeId, i.defaultExpandHolderPosition], () => (R(), re(gn, {
           key: 0,
           "default-expand-holder-position": i.defaultExpandHolderPosition,
           draggingNodeId: i.draggingNodeId,
           checkedNodeId: i.checkedNodeId
         }, {
           node: ne((t) => [
-            X(i.$slots, "node", le(de(t)))
+            B(i.$slots, "node", le(de(t)))
           ]),
           "node-expand-button": ne((t) => [
-            X(i.$slots, "node-expand-button", le(de(t)))
+            B(i.$slots, "node-expand-button", le(de(t)))
           ]),
           _: 3
         }, 8, ["default-expand-holder-position", "draggingNodeId", "checkedNodeId"])), e, 1)
@@ -689,17 +689,17 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
         "graph-instance-id": i.graphInstanceId
       }, {
         line: ne((t) => [
-          X(i.$slots, "line", le(de(t)))
+          B(i.$slots, "line", le(de(t)))
         ]),
         _: 3
       }, 8, ["showEasyView", "defaultLineTextOnPath", "checked-line-id", "graph-instance-id"]),
-      i.creatingLine ? (k(), re(An, {
+      i.creatingLine ? (R(), re(An, {
         key: 0,
         defaultLineTextOnPath: i.defaultLineTextOnPath,
         "checked-line-id": i.checkedLineId
       }, {
         line: ne((t) => [
-          X(i.$slots, "line", le(de(t)))
+          B(i.$slots, "line", le(de(t)))
         ]),
         _: 3
       }, 8, ["defaultLineTextOnPath", "checked-line-id"])) : Y("", !0)
@@ -708,11 +708,11 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
 }), Gn = /* @__PURE__ */ G({
   __name: "RGEasyView",
   setup(r) {
-    const i = W(), e = ee(), t = E(() => i.dataStores.optionsRef.value);
+    const i = W(), e = ee(), t = D(() => i.dataStores.optionsRef.value);
     return ae(() => {
       x("[RGEasyView mounted]"), i.setEasyViewCanvas && i.setEasyViewCanvas(e.value);
-    }), (n, o) => (k(), D("div", {
-      class: K(["rg-easy-view", { "rg-easy-view-active": t.value.showEasyView }])
+    }), (n, o) => (R(), E("div", {
+      class: Q(["rg-easy-view", { "rg-easy-view-active": t.value.showEasyView }])
     }, [
       I("canvas", {
         ref_key: "$rgEasyCanvas",
@@ -724,11 +724,11 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
 }), $n = { class: "rg-map-background" }, Yn = { class: "rg-canvas-slot rg-canvas-slot-behind" }, Hn = { class: "rg-canvas-slot rg-canvas-slot-above" }, Wn = /* @__PURE__ */ G({
   __name: "RGCanvas",
   setup(r) {
-    const i = ee(), e = W(), t = E(() => e.dataStores.optionsRef.value), n = (a) => {
+    const i = ee(), e = W(), t = D(() => e.dataStores.optionsRef.value), n = (a) => {
       e.onCanvasDragStart(a);
     }, o = (a) => {
       e.onContextmenu(a);
-    }, s = E(() => {
+    }, s = D(() => {
       const a = e.dataStores.optionsRef.value;
       return {
         width: `${a.canvasSize.width}px`,
@@ -739,8 +739,8 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     });
     return ae(() => {
       x("[RGCanvas mounted]"), e.setCanvasDom(i.value);
-    }), (a, l) => (k(), D("div", {
-      class: K(["rg-map", [
+    }), (a, l) => (R(), E("div", {
+      class: Q(["rg-map", [
         t.value.canvasOpacity === 1 && "rg-map-ready"
       ]]),
       onContextmenu: l[0] || (l[0] = ge((c) => o(c), ["prevent"])),
@@ -748,14 +748,14 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       onTouchstart: l[2] || (l[2] = (c) => n(c))
     }, [
       I("div", $n, [
-        X(a.$slots, "background")
+        B(a.$slots, "background")
       ]),
       I("div", {
         style: te(s.value),
         class: "rg-map-canvas rg-canvas-behind"
       }, [
         I("div", Yn, [
-          X(a.$slots, "canvas-plug-behind")
+          B(a.$slots, "canvas-plug-behind")
         ])
       ], 4),
       oe(Gn),
@@ -776,13 +776,13 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
           "graph-instance-id": t.value.instanceId
         }, {
           line: ne((c) => [
-            X(a.$slots, "line", le(de(c)))
+            B(a.$slots, "line", le(de(c)))
           ]),
           node: ne((c) => [
-            X(a.$slots, "node", le(de(c)))
+            B(a.$slots, "node", le(de(c)))
           ]),
           "node-expand-button": ne((c) => [
-            X(a.$slots, "node-expand-button", le(de(c)))
+            B(a.$slots, "node-expand-button", le(de(c)))
           ]),
           _: 3
         }, 8, ["show-easy-view", "creating-line", "default-expand-holder-position", "draggingNodeId", "checkedNodeId", "defaultLineTextOnPath", "checked-line-id", "graph-instance-id"])
@@ -792,7 +792,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
         class: "rg-map-canvas rg-canvas-above"
       }, [
         I("div", Hn, [
-          X(a.$slots, "canvas-plug-above")
+          B(a.$slots, "canvas-plug-above")
         ])
       ], 4)
     ], 34));
@@ -800,11 +800,11 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
 }), Un = /* @__PURE__ */ G({
   __name: "GraphMoveOperator",
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value), t = E(() => e.value.canvasMoveMode), n = (o) => {
+    const i = W(), e = D(() => i.dataStores.optionsRef.value), t = D(() => e.value.canvasMoveMode), n = (o) => {
       i.startMoveCanvas(o, !0);
     };
-    return (o, s) => (k(), D("div", {
-      class: K(["rg-move-operator", { "rg-move-operator-active": t.value }])
+    return (o, s) => (R(), E("div", {
+      class: Q(["rg-move-operator", { "rg-move-operator-active": t.value }])
     }, [
       I("div", {
         class: "rg-move-touchpad",
@@ -816,11 +816,11 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
 }), Jn = { class: "rg-graph-loading-message" }, jn = /* @__PURE__ */ G({
   __name: "GraphLoading",
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value), t = (n) => {
+    const i = W(), e = D(() => i.dataStores.optionsRef.value), t = (n) => {
       i.clearLoading();
     };
-    return (n, o) => (k(), D("div", {
-      class: K(["rg-graph-loading", { "rg-graph-loading-hide": !e.value.graphLoading }]),
+    return (n, o) => (R(), E("div", {
+      class: Q(["rg-graph-loading", { "rg-graph-loading-hide": !e.value.graphLoading }]),
       onClick: t
     }, [
       I("div", Jn, [
@@ -838,21 +838,21 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
 }, Zn = { class: "rg-creating-container" }, zt = /* @__PURE__ */ G({
   __name: "GraphOperateStuff",
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value);
-    return (t, n) => e.value ? (k(), D("div", qn, [
+    const i = W(), e = D(() => i.dataStores.optionsRef.value);
+    return (t, n) => e.value ? (R(), E("div", qn, [
       I("div", Zn, [
-        e.value.creatingNodePlot && e.value.showTemplateNode ? (k(), re(Mt, {
+        e.value.creatingNodePlot && e.value.showTemplateNode ? (R(), re(Mt, {
           key: 0,
           "node-props": e.value.newNodeTemplate
         }, {
           node: ne(() => [
-            X(t.$slots, "node", {
+            B(t.$slots, "node", {
               node: e.value.newNodeTemplate
             })
           ]),
           _: 3
         }, 8, ["node-props"])) : Y("", !0),
-        e.value.creatingSelection ? (k(), D("div", {
+        e.value.creatingSelection ? (R(), E("div", {
           key: 1,
           class: "rg-selection",
           style: te({
@@ -866,7 +866,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       oe(jn)
     ])) : Y("", !0);
   }
-}), Kn = ["title"], Xt = /* @__PURE__ */ G({
+}), Qn = ["title"], Bt = /* @__PURE__ */ G({
   __name: "GraphXsToolBar",
   props: {
     direction: {},
@@ -874,7 +874,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     positionV: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value), t = () => {
+    const i = W(), e = D(() => i.dataStores.optionsRef.value), t = () => {
       i.toggleAutoLayout();
     }, n = async () => {
       i.enableCanvasAnimation(), i.setZoom(100), i.moveToCenter(), i.zoomToFit(), setTimeout(() => {
@@ -885,8 +885,8 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     }, s = async () => {
       i.fullscreen();
     };
-    return (a, l) => (k(), D("div", {
-      class: K(["rg-toolbar rg-xs-toolbar", ["rg-toolbar-h-" + (a.positionH || e.value.toolBarPositionH || "left"), "rg-toolbar-v-" + (a.positionV || e.value.toolBarPositionV || "bottom"), "rg-toolbar-" + (a.direction || e.value.toolBarDirection || "h")]])
+    return (a, l) => (R(), E("div", {
+      class: Q(["rg-toolbar rg-xs-toolbar", ["rg-toolbar-h-" + (a.positionH || e.value.toolBarPositionH || "left"), "rg-toolbar-v-" + (a.positionV || e.value.toolBarPositionV || "bottom"), "rg-toolbar-" + (a.direction || e.value.toolBarDirection || "h")]])
     }, [
       I("div", {
         title: "Full Screen",
@@ -913,48 +913,47 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       }, [
         oe(he, { "icon-name": "icon-suoxiao" })
       ]),
-      e.value.layout.supportAutoLayout ? (k(), D("div", {
+      e.value.layout.supportAutoLayout ? (R(), E("div", {
         key: 0,
         title: e.value.layout.autoLayouting ? "Stop Force Layout" : "Start Force Layout",
-        class: K([{ "rg-mb-button-on": e.value.layout.autoLayouting }, "rg-mb-button"]),
+        class: Q([{ "rg-mb-button-on": e.value.layout.autoLayouting }, "rg-mb-button"]),
         onClick: t
       }, [
-        e.value.layout.autoLayouting ? (k(), re(he, {
+        e.value.layout.autoLayouting ? (R(), re(he, {
           key: 1,
           "icon-name": "icon-lianjiezhong",
           "class-name": "rg-loading-icon"
-        })) : (k(), re(he, {
+        })) : (R(), re(he, {
           key: 0,
           "icon-name": "icon-zidong"
         }))
-      ], 10, Kn)) : Y("", !0),
-      X(a.$slots, "default"),
+      ], 10, Qn)) : Y("", !0),
+      B(a.$slots, "default"),
       l[2] || (l[2] = I("div", { style: { clear: "both" } }, null, -1))
     ], 2));
   }
 });
-const Qn = ["id"], eo = { class: "rg-graph-plugs" }, to = { class: "rg-view-slot" }, no = /* @__PURE__ */ G({
+const Kn = ["id"], eo = { class: "rg-graph-plugs" }, to = { class: "rg-view-slot" }, no = /* @__PURE__ */ G({
   __name: "RelationGraphUI",
   setup(r) {
-    const i = W(), e = ee(), t = E(() => i.dataStores.optionsRef.value), n = ee(!1);
+    const i = W(), e = ee(), t = D(() => i.dataStores.optionsRef.value), n = ee(!1);
     ae(() => {
       i.setDom(e.value), n.value = !0;
-    }), Ee(() => {
+    }), De(() => {
       i.beforeUnmount();
     });
     const o = (s) => {
       i.onMouseWheel(s);
     };
-    return console.error("RelationView.vue"), ae(() => {
-      console.error("RelationView.vue mounted");
+    return ae(() => {
     }), (s, a) => {
       var l, c, d, h, u, g, f, p, y, v, m;
-      return k(), D("div", {
+      return R(), E("div", {
         ref_key: "relationGraphRef$",
         ref: e,
         id: "relation-graph-ins-" + ((l = t.value) == null ? void 0 : l.instanceId),
         tabindex: "1",
-        class: K([
+        class: Q([
           "relation-graph",
           t.value && t.value.creatingLinePlot ? "rg-creating-line" : "",
           t.value && t.value.dragEventAction === "move" ? "rg-move-mode" : "",
@@ -976,43 +975,43 @@ const Qn = ["id"], eo = { class: "rg-graph-plugs" }, to = { class: "rg-view-slot
         }),
         onWheel: o
       }, [
-        t.value && n.value ? (k(), D(xe, { key: 0 }, [
-          t.value.showToolBar ? (k(), re(Xt, { key: 0 })) : Y("", !0),
+        t.value && n.value ? (R(), E(xe, { key: 0 }, [
+          t.value.showToolBar ? (R(), re(Bt, { key: 0 })) : Y("", !0),
           oe(Wn, null, {
-            node: ne((L) => [
-              X(s.$slots, "node", le(de(L)))
+            node: ne((C) => [
+              B(s.$slots, "node", le(de(C)))
             ]),
-            line: ne((L) => [
-              X(s.$slots, "line", le(de(L)))
+            line: ne((C) => [
+              B(s.$slots, "line", le(de(C)))
             ]),
             "canvas-plug-behind": ne(() => [
-              X(s.$slots, "canvas"),
-              X(s.$slots, "default")
+              B(s.$slots, "canvas"),
+              B(s.$slots, "default")
             ]),
             "canvas-plug-above": ne(() => [
-              X(s.$slots, "canvas-above")
+              B(s.$slots, "canvas-above")
             ]),
-            "node-expand-button": ne((L) => [
-              X(s.$slots, "node-expand-button", le(de(L)))
+            "node-expand-button": ne((C) => [
+              B(s.$slots, "node-expand-button", le(de(C)))
             ]),
             background: ne(() => [
-              X(s.$slots, "background")
+              B(s.$slots, "background")
             ]),
             _: 3
           }),
           oe(zt, null, {
-            node: ne((L) => [
-              X(s.$slots, "node", le(de(L)))
+            node: ne((C) => [
+              B(s.$slots, "node", le(de(C)))
             ]),
             _: 3
           }),
           I("div", eo, [
             I("div", to, [
-              X(s.$slots, "view")
+              B(s.$slots, "view")
             ])
           ])
         ], 64)) : Y("", !0)
-      ], 46, Qn);
+      ], 46, Kn);
     };
   }
 });
@@ -1063,125 +1062,125 @@ class oo {
       return;
     let n = 0, o = 0, s = 0, a = 0, l = 0, c = 0, d = 0, h = 0, u = "";
     i.beginPath(), t.forEach((g) => {
-      const f = g.trim(), p = f.charAt(0), v = f.substring(1).trim().split(/[ ,]+/).filter((C) => C !== "").map(parseFloat);
-      let m = 0, L = 0, _ = 0, T = 0, O = 0, b = 0, N = 0, P = 0, M = 0, R = 0, S = 0;
+      const f = g.trim(), p = f.charAt(0), v = f.substring(1).trim().split(/[ ,]+/).filter((L) => L !== "").map(parseFloat);
+      let m = 0, C = 0, b = 0, T = 0, O = 0, _ = 0, N = 0, P = 0, M = 0, k = 0, S = 0;
       switch (p) {
         case "M":
           n = v[0], o = v[1], s = n, a = o, i.moveTo(n + this.offset.x, o + this.offset.y);
-          for (let C = 2; C < v.length; C += 2)
-            n = v[C], o = v[C + 1], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 2; L < v.length; L += 2)
+            n = v[L], o = v[L + 1], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "L":
-          for (let C = 0; C < v.length; C += 2)
-            n = v[C], o = v[C + 1], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 0; L < v.length; L += 2)
+            n = v[L], o = v[L + 1], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "l":
-          for (let C = 0; C < v.length; C += 2)
-            n += v[C], o += v[C + 1], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 0; L < v.length; L += 2)
+            n += v[L], o += v[L + 1], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "H":
-          for (let C = 0; C < v.length; C++)
-            n = v[C], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 0; L < v.length; L++)
+            n = v[L], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "h":
-          for (let C = 0; C < v.length; C++)
-            n += v[C], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 0; L < v.length; L++)
+            n += v[L], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "V":
-          for (let C = 0; C < v.length; C++)
-            o = v[C], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 0; L < v.length; L++)
+            o = v[L], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "v":
-          for (let C = 0; C < v.length; C++)
-            o += v[C], i.lineTo(n + this.offset.x, o + this.offset.y);
+          for (let L = 0; L < v.length; L++)
+            o += v[L], i.lineTo(n + this.offset.x, o + this.offset.y);
           break;
         case "C":
-          for (let C = 0; C < v.length; C += 6)
-            _ = v[C], T = v[C + 1], O = v[C + 2], b = v[C + 3], m = v[C + 4], L = v[C + 5], i.bezierCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 6)
+            b = v[L], T = v[L + 1], O = v[L + 2], _ = v[L + 3], m = v[L + 4], C = v[L + 5], i.bezierCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               O + this.offset.x,
-              b + this.offset.y,
+              _ + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), n = m, o = L, l = O, c = b;
+              C + this.offset.y
+            ), n = m, o = C, l = O, c = _;
           break;
         case "c":
-          for (let C = 0; C < v.length; C += 6)
-            _ = n + v[C], T = o + v[C + 1], O = n + v[C + 2], b = o + v[C + 3], m = n + v[C + 4], L = o + v[C + 5], i.bezierCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 6)
+            b = n + v[L], T = o + v[L + 1], O = n + v[L + 2], _ = o + v[L + 3], m = n + v[L + 4], C = o + v[L + 5], i.bezierCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               O + this.offset.x,
-              b + this.offset.y,
+              _ + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), l = O, c = b, n = m, o = L;
+              C + this.offset.y
+            ), l = O, c = _, n = m, o = C;
           break;
         case "S":
-          for (let C = 0; C < v.length; C += 4)
-            u.match(/[CS]/i) ? (_ = 2 * n - l, T = 2 * o - c) : (_ = n, T = o), O = v[C], b = v[C + 1], m = v[C + 2], L = v[C + 3], i.bezierCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 4)
+            u.match(/[CS]/i) ? (b = 2 * n - l, T = 2 * o - c) : (b = n, T = o), O = v[L], _ = v[L + 1], m = v[L + 2], C = v[L + 3], i.bezierCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               O + this.offset.x,
-              b + this.offset.y,
+              _ + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), n = m, o = L, l = O, c = b;
+              C + this.offset.y
+            ), n = m, o = C, l = O, c = _;
           break;
         case "s":
-          for (let C = 0; C < v.length; C += 4)
-            u.match(/[CS]/i) ? (_ = 2 * n - l, T = 2 * o - c) : (_ = n, T = o), O = n + v[C], b = o + v[C + 1], m = n + v[C + 2], L = o + v[C + 3], i.bezierCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 4)
+            u.match(/[CS]/i) ? (b = 2 * n - l, T = 2 * o - c) : (b = n, T = o), O = n + v[L], _ = o + v[L + 1], m = n + v[L + 2], C = o + v[L + 3], i.bezierCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               O + this.offset.x,
-              b + this.offset.y,
+              _ + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), l = O, c = b, n = m, o = L;
+              C + this.offset.y
+            ), l = O, c = _, n = m, o = C;
           break;
         case "Q":
-          for (let C = 0; C < v.length; C += 4)
-            _ = v[C], T = v[C + 1], m = v[C + 2], L = v[C + 3], i.quadraticCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 4)
+            b = v[L], T = v[L + 1], m = v[L + 2], C = v[L + 3], i.quadraticCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), n = m, o = L, d = _, h = T;
+              C + this.offset.y
+            ), n = m, o = C, d = b, h = T;
           break;
         case "q":
-          for (let C = 0; C < v.length; C += 4)
-            _ = n + v[C], T = o + v[C + 1], m = n + v[C + 2], L = o + v[C + 3], i.quadraticCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 4)
+            b = n + v[L], T = o + v[L + 1], m = n + v[L + 2], C = o + v[L + 3], i.quadraticCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), d = _, h = T, n = m, o = L;
+              C + this.offset.y
+            ), d = b, h = T, n = m, o = C;
           break;
         case "T":
-          for (let C = 0; C < v.length; C += 2)
-            u.match(/[QT]/i) ? (_ = 2 * n - d, T = 2 * o - h) : (_ = n, T = o), m = v[C], L = v[C + 1], i.quadraticCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 2)
+            u.match(/[QT]/i) ? (b = 2 * n - d, T = 2 * o - h) : (b = n, T = o), m = v[L], C = v[L + 1], i.quadraticCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), n = m, o = L, d = _, h = T;
+              C + this.offset.y
+            ), n = m, o = C, d = b, h = T;
           break;
         case "t":
-          for (let C = 0; C < v.length; C += 2)
-            u.match(/[QT]/i) ? (_ = 2 * n - d, T = 2 * o - h) : (_ = n, T = o), m = n + v[C], L = o + v[C + 1], i.quadraticCurveTo(
-              _ + this.offset.x,
+          for (let L = 0; L < v.length; L += 2)
+            u.match(/[QT]/i) ? (b = 2 * n - d, T = 2 * o - h) : (b = n, T = o), m = n + v[L], C = o + v[L + 1], i.quadraticCurveTo(
+              b + this.offset.x,
               T + this.offset.y,
               m + this.offset.x,
-              L + this.offset.y
-            ), d = _, h = T, n = m, o = L;
+              C + this.offset.y
+            ), d = b, h = T, n = m, o = C;
           break;
         case "A":
-          for (let C = 0; C < v.length; C += 7)
-            N = v[C], P = v[C + 1], M = v[C + 2], R = v[C + 3], S = v[C + 4], m = v[C + 5], L = v[C + 6], this.drawArc(i, n, o, N, P, M, R, S, m, L), n = m, o = L;
+          for (let L = 0; L < v.length; L += 7)
+            N = v[L], P = v[L + 1], M = v[L + 2], k = v[L + 3], S = v[L + 4], m = v[L + 5], C = v[L + 6], this.drawArc(i, n, o, N, P, M, k, S, m, C), n = m, o = C;
           break;
         case "a":
-          for (let C = 0; C < v.length; C += 7)
-            N = v[C], P = v[C + 1], M = v[C + 2], R = v[C + 3], S = v[C + 4], m = n + v[C + 5], L = o + v[C + 6], this.drawArc(i, n, o, N, P, M, R, S, m, L), n = m, o = L;
+          for (let L = 0; L < v.length; L += 7)
+            N = v[L], P = v[L + 1], M = v[L + 2], k = v[L + 3], S = v[L + 4], m = n + v[L + 5], C = o + v[L + 6], this.drawArc(i, n, o, N, P, M, k, S, m, C), n = m, o = C;
           break;
         case "Z":
         case "z":
@@ -1207,12 +1206,12 @@ class oo {
       )
     );
     isNaN(v) && (v = 0);
-    const m = v * n * p / o, L = v * -o * f / n, _ = g * m - u * L + (e + c) / 2, T = u * m + g * L + (t + d) / 2, O = (f - m) / n, b = (p - L) / o, N = (-f - m) / n, P = (-p - L) / o;
-    let M = Math.atan2(b, O), R = Math.atan2(b * N - O * P, O * N + b * P);
-    l === 0 && R > 0 ? R -= 2 * Math.PI : l === 1 && R < 0 && (R += 2 * Math.PI);
-    const S = M + R;
+    const m = v * n * p / o, C = v * -o * f / n, b = g * m - u * C + (e + c) / 2, T = u * m + g * C + (t + d) / 2, O = (f - m) / n, _ = (p - C) / o, N = (-f - m) / n, P = (-p - C) / o;
+    let M = Math.atan2(_, O), k = Math.atan2(_ * N - O * P, O * N + _ * P);
+    l === 0 && k > 0 ? k -= 2 * Math.PI : l === 1 && k < 0 && (k += 2 * Math.PI);
+    const S = M + k;
     i.ellipse ? i.ellipse(
-      _ + this.offset.x,
+      b + this.offset.x,
       T + this.offset.y,
       n,
       o,
@@ -1483,7 +1482,7 @@ const at = (r) => {
   "selected",
   "shouldRender",
   "rgCalcedVisibility"
-], Be = (r) => {
+], Xe = (r) => {
   if (!r)
     return;
   const i = {};
@@ -1495,14 +1494,14 @@ const at = (r) => {
   }), i;
 }, gt = (r) => {
   if (!!r)
-    return Be(r.line);
+    return Xe(r.line);
 }, lo = {
   json2Line: Pe,
   transLinkToJson: gt
 }, co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   json2Line: Pe,
-  transLineToJson: Be,
+  transLineToJson: Xe,
   transLinkToJson: gt,
   default: lo
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1510,33 +1509,33 @@ function ho(r, i, e, t, n, o, s, a, l) {
   const c = n - r, d = o - i, h = Math.sqrt(c * c + d * d);
   if (h === 0)
     return { x: r, y: i };
-  const u = l * d / h, g = -(l * c) / h, f = r + u, p = i + g, y = r - e / 2, v = r + e / 2, m = i - t / 2, L = i + t / 2;
-  let _ = [];
+  const u = l * d / h, g = -(l * c) / h, f = r + u, p = i + g, y = r - e / 2, v = r + e / 2, m = i - t / 2, C = i + t / 2;
+  let b = [];
   if (c !== 0) {
-    let b = (y - f) / c, N = p + b * d;
-    N >= m && N <= L && _.push({ x: y, y: N });
+    let _ = (y - f) / c, N = p + _ * d;
+    N >= m && N <= C && b.push({ x: y, y: N });
     let P = (v - f) / c, M = p + P * d;
-    M >= m && M <= L && _.push({ x: v, y: M });
+    M >= m && M <= C && b.push({ x: v, y: M });
   }
   if (d !== 0) {
-    let b = (m - p) / d, N = f + b * c;
-    N >= y && N <= v && _.push({ x: N, y: m });
-    let P = (L - p) / d, M = f + P * c;
-    M >= y && M <= v && _.push({ x: M, y: L });
+    let _ = (m - p) / d, N = f + _ * c;
+    N >= y && N <= v && b.push({ x: N, y: m });
+    let P = (C - p) / d, M = f + P * c;
+    M >= y && M <= v && b.push({ x: M, y: C });
   }
-  if (_.length === 0 && c === 0 && d === 0)
+  if (b.length === 0 && c === 0 && d === 0)
     return { x: f, y: p };
   let T = null, O = 1 / 0;
-  return _.forEach((b) => {
-    const N = Math.sqrt((b.x - n) ** 2 + (b.y - o) ** 2);
-    N < O && (O = N, T = b);
+  return b.forEach((_) => {
+    const N = Math.sqrt((_.x - n) ** 2 + (_.y - o) ** 2);
+    N < O && (O = N, T = _);
   }), T;
 }
 const uo = {
   getRectPoint(r, i, e, t, n, o, s, a, l = !1, c = 1, d = 0, h = 14, u = !1) {
     const g = r + n / 2, f = i + o / 2, p = e + s / 2, y = t + a / 2;
     if (c > 1) {
-      const P = Math.min(h, n, o), M = -P / 2, R = P / (c - 1), S = l && u || !l && !u ? M * -1 - d * R : M + d * R, C = ho(
+      const P = Math.min(h, n, o), M = -P / 2, k = P / (c - 1), S = l && u || !l && !u ? M * -1 - d * k : M + d * k, L = ho(
         g,
         f,
         n,
@@ -1547,17 +1546,17 @@ const uo = {
         a,
         S
       );
-      if (C)
-        return C;
+      if (L)
+        return L;
     }
     const v = g < p ? 1 : -1, m = f < y ? 1 : -1;
     if (y === f)
       return { x: g + v * n / 2, y: f };
-    const L = Math.abs((p - g) / (y - f)), _ = n / o;
+    const C = Math.abs((p - g) / (y - f)), b = n / o;
     let T = 0, O = 0;
-    L < _ ? (T = v * o / 2 * L, O = m * o / 2) : (T = v * n / 2, O = m * n / 2 / L);
-    const b = g + T, N = f + O;
-    return { x: b, y: N };
+    C < b ? (T = v * o / 2 * C, O = m * o / 2) : (T = v * n / 2, O = m * n / 2 / C);
+    const _ = g + T, N = f + O;
+    return { x: _, y: N };
   },
   getRectPointBasic(r, i, e, t, n, o, s, a) {
     const l = r + n / 2, c = i + o / 2, d = e + s / 2, h = t + a / 2;
@@ -1665,13 +1664,13 @@ const uo = {
     const y = i + o / 2;
     let v = g - p;
     v > -1 && v < 1 && (g = g - 0.5, p = p + 0.5, v = -1);
-    let L = 0;
+    let C = 0;
     if (c > 1) {
-      const S = Math.min(h, n, o), C = -S / 2, A = S / (c - 1);
-      L = l && u || !l && !u ? C * -1 - d * A : C + d * A;
+      const S = Math.min(h, n, o), L = -S / 2, A = S / (c - 1);
+      C = l && u || !l && !u ? L * -1 - d * A : L + d * A;
     }
-    const _ = f - y, T = Math.sqrt(v ** 2 + _ ** 2) * L / v, O = _ / v, b = n / 2, N = o / 2, P = p < g ? -1 : 1, M = (-1 * b ** 2 * O * T + b * N * Math.sqrt(Math.abs(N ** 2 + O ** 2 * b ** 2 - T ** 2)) / P) / (N ** 2 + b ** 2 * O ** 2), R = O * M + T;
-    return { x: p - M, y: y - R };
+    const b = f - y, T = Math.sqrt(v ** 2 + b ** 2) * C / v, O = b / v, _ = n / 2, N = o / 2, P = p < g ? -1 : 1, M = (-1 * _ ** 2 * O * T + _ * N * Math.sqrt(Math.abs(N ** 2 + O ** 2 * _ ** 2 - T ** 2)) / P) / (N ** 2 + _ ** 2 * O ** 2), k = O * M + T;
+    return { x: p - M, y: y - k };
   },
   getCirclePointBasic(r, i, e, t, n, o, s, a, l) {
     const c = r + n / 2, d = i + o / 2, h = e + s / 2, u = t + a / 2, g = h - c, f = u - d, p = Math.sqrt(g * g + f * f), y = p - l, v = y * g / p * -1, m = y * f / p * -1;
@@ -1712,7 +1711,7 @@ const uo = {
     let n = Math.atan2(t - i, e - r) * 180 / Math.PI;
     return n < 0 && (n += 360), n > 90 && n <= 270 && (n += 180), n >= 360 && (n -= 360), Math.round(n);
   }
-}, ke = (r, i, e, t) => {
+}, Re = (r, i, e, t) => {
   const n = r - e, o = i - t;
   return Math.sqrt(n ** 2 + o ** 2);
 };
@@ -2056,7 +2055,7 @@ class yo extends Te {
     let p = this.getLevelR(l, s) || h + f * d;
     s === 1 && d === 1 && (!this.layoutOptions.levelGaps || this.layoutOptions.levelGaps.length === 0) && (p = this.calculateMinimumRadius(e, 10), p = Math.min(Math.max(p, 200), 500));
     for (const m of e) {
-      const L = ((y = m.lot) == null ? void 0 : y.strengthWithChilds) / a, _ = o.x + p, T = o.y, O = L * g, b = u + O / 2, N = se.getRotatedPoint(_, T, o.x, o.y, b);
+      const C = ((y = m.lot) == null ? void 0 : y.strengthWithChilds) / a, b = o.x + p, T = o.y, O = C * g, _ = u + O / 2, N = se.getRotatedPoint(b, T, o.x, o.y, _);
       m.lot.x = N.x, m.lot.y = N.y, m.lot.childs && m.lot.childs.length > 0 && this.placeNodesInFanRegion(m.lot.childs, u, u + O, o, s + 1, (v = m.lot) == null ? void 0 : v.strengthWithChilds, l, c + 1, d, p), u += O;
     }
   }
@@ -2066,7 +2065,7 @@ class yo extends Te {
       o && (o.dragging = !0);
     } else if (e === V.onNodeDragging) {
       const n = t[0], o = t[1], s = t[2], a = this.calcNodeMap.get(n);
-      console.log("[force]onNodeDragging:", n.id, a), a && (a.x = o, a.y = s);
+      a && (a.x = o, a.y = s);
     } else if (e === V.onNodeDragEnd) {
       const n = t[0], o = this.calcNodeMap.get(n);
       o && (o.dragging = !1);
@@ -2130,7 +2129,7 @@ class yo extends Te {
         }
       });
     }
-    console.warn("Force Layout[" + this.instanceId + "] finished on:", this.layoutTimes, "of", this.maxLayoutTimes), x("Force Layout[" + this.instanceId + "] finished"), this.applyFBuffToNodes(), this.applyPositionToNodes(), this.disConnectToGraphInstance();
+    x("Force Layout[" + this.instanceId + "] finished"), this.applyFBuffToNodes(), this.applyPositionToNodes(), this.disConnectToGraphInstance();
     try {
       this._onFinishCallback && this._onFinishCallback();
     } catch (e) {
@@ -2274,7 +2273,7 @@ class vo extends Te {
     this.layoutOptions.layoutExpansionDirection = a, this.layoutOptions.levelDistance && console.error("Error: levelDistance is not support\uFF0C Please use levelGaps or treeNodeGapH,treeNodeGapV option in layoutOptions"), this.enableGatherNodes = this.layoutOptions.enableGatherNodes, this.layoutOptions.rotate || (this.layoutOptions.rotate = 0);
   }
   placeNodes(e, t) {
-    if (console.log("tree:placeNodes:rootNode", t.id, t), x("RGTreeLayout:placeNodes"), t)
+    if (x("RGTreeLayout:placeNodes"), t)
       x("layout by root:", t);
     else {
       console.error("root is null");
@@ -2299,9 +2298,7 @@ class vo extends Te {
       const { tree: d, reverseTree: h } = this.networkAnalyzer.analyzeNetwork(a, this.rootNode, !0);
       this.placeNodesPosition(this.rootNode, d.networkNodes, d.analyticResult), this.placeNodesPosition(this.rootNode, h.networkNodes, h.analyticResult);
     }
-    const l = this.layoutOptions.rotate || 0;
-    console.log("rotate:", l);
-    const c = { x: t.x, y: t.y };
+    const l = this.layoutOptions.rotate || 0, c = { x: t.x, y: t.y };
     this.allNodes.forEach((d) => {
       if (d.fixed !== !0 && !!F.isVisibleNode(d) && (Number.isNaN(d.lot.x) && (x("bad lot x:", d.text, d.lot.x), d.lot.x = 0), Number.isNaN(d.lot.y) && (x("bad lot y:", d.text, d.lot.y), d.lot.y = 0), d !== t)) {
         if (l) {
@@ -2336,9 +2333,7 @@ class vo extends Te {
         y.fixed !== !0 && y.lot.level !== 0 && (o === "start" ? y.lot.x = e.lot.x - p * y.lot.strengthWithChilds_from : o === "end" ? y.lot.x = e.lot.x + p * y.lot.strengthWithChilds_from : y.lot.x = e.lot.x + p * (l / -2 + y.lot.strengthWithChilds_from + y.lot.strengthWithChilds / 2));
       }), this.applyNodesGap(t, "v"), this.gatherNodes(t, "v", p);
     } else {
-      const c = this.layoutOptions.treeNodeGapH || 20, d = this.layoutOptions.treeNodeGapV || 20;
-      console.log("levelNodesMap:", a);
-      const h = /* @__PURE__ */ new Map();
+      const c = this.layoutOptions.treeNodeGapH || 20, d = this.layoutOptions.treeNodeGapV || 20, h = /* @__PURE__ */ new Map();
       for (const y of s) {
         const v = a.get(y);
         h.set(y, Math.max(...v.map((m) => m.el_W || m.width || 50)));
@@ -2355,7 +2350,7 @@ class vo extends Te {
         y.fixed !== !0 && y !== e && (this.layoutOptions.from === "right" ? y.lot.x = e.lot.x - this.getLevelDistance(y.lot.level, h, c + 50) : y.lot.x = e.lot.x + this.getLevelDistance(y.lot.level, h, c + 50));
       }), t.forEach((y) => {
         y.fixed !== !0 && y.lot.level !== 0 && (o === "start" ? y.lot.y = e.lot.y - p * y.lot.strengthWithChilds_from : o === "end" ? y.lot.y = e.lot.y + p * y.lot.strengthWithChilds_from : y.lot.y = e.lot.y + p * (l / -2 + y.lot.strengthWithChilds_from + y.lot.strengthWithChilds / 2));
-      }), console.log("levelMaxWidthMap:", e.id, h), this.applyNodesGap(t, "h"), this.gatherNodes(t, "h", p);
+      }), this.applyNodesGap(t, "h"), this.gatherNodes(t, "h", p);
     }
   }
   getLevelDistance(e, t, n) {
@@ -2441,85 +2436,84 @@ class vo extends Te {
           p.rgNode.lot.x = F.getNodeLotXY(y, p).x;
         }
       }
-      console.log("levelNodes:", u, g);
     }
     if (t === "h") {
       const u = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-      for (const L of a) {
-        const T = l.get(L).map((O) => h.get(O.id));
-        u.set(L, Math.max(...T.map((O) => O.width))), g.set(L, Math.min(...T.map((O) => O.x)));
+      for (const C of a) {
+        const T = l.get(C).map((O) => h.get(O.id));
+        u.set(C, Math.max(...T.map((O) => O.width))), g.set(C, Math.min(...T.map((O) => O.x)));
       }
       const f = this.layoutOptions.treeNodeGapH;
-      let p = a.filter((L) => L > 0).sort((L, _) => L - _), y = a.filter((L) => L < 0).sort((L, _) => _ - L), v = 1;
+      let p = a.filter((C) => C > 0).sort((C, b) => C - b), y = a.filter((C) => C < 0).sort((C, b) => b - C), v = 1;
       this.layoutOptions.from === "right" && ([y, p] = [p, y], v = -1);
       let m = 0;
-      for (const L of p) {
-        const _ = L - v, T = g.get(_), O = u.get(_), b = g.get(L) + m;
-        u.get(L);
+      for (const C of p) {
+        const b = C - v, T = g.get(b), O = u.get(b), _ = g.get(C) + m;
+        u.get(C);
         const N = T + O + f;
-        if (N > b) {
-          const P = N - b;
-          console.log("[xxxxx]move", _, L, N, b, P), m = P;
-          const M = l.get(L);
-          for (const R of M)
-            R.lot.x += m;
-          g.set(L, b + P);
+        if (N > _) {
+          const P = N - _;
+          m = P;
+          const M = l.get(C);
+          for (const k of M)
+            k.lot.x += m;
+          g.set(C, _ + P);
         } else
-          g.set(L, b);
+          g.set(C, _);
       }
       m = 0;
-      for (const L of y) {
-        const _ = L + v, T = g.get(_);
-        u.get(_);
-        const O = g.get(L) + m, b = u.get(L), N = T - f;
-        if (O + b > N) {
-          const P = N - (O + b);
+      for (const C of y) {
+        const b = C + v, T = g.get(b);
+        u.get(b);
+        const O = g.get(C) + m, _ = u.get(C), N = T - f;
+        if (O + _ > N) {
+          const P = N - (O + _);
           m = P;
-          const M = l.get(L);
-          for (const R of M)
-            R.lot.x += m;
-          g.set(L, O + P);
+          const M = l.get(C);
+          for (const k of M)
+            k.lot.x += m;
+          g.set(C, O + P);
         } else
-          g.set(L, O);
+          g.set(C, O);
       }
     } else {
       const u = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-      for (const L of a) {
-        const T = l.get(L).map((O) => h.get(O.id));
-        u.set(L, Math.max(...T.map((O) => O.height))), g.set(L, Math.min(...T.map((O) => O.y)));
+      for (const C of a) {
+        const T = l.get(C).map((O) => h.get(O.id));
+        u.set(C, Math.max(...T.map((O) => O.height))), g.set(C, Math.min(...T.map((O) => O.y)));
       }
       const f = this.layoutOptions.treeNodeGapV;
-      let p = a.filter((L) => L > 0).sort((L, _) => L - _), y = a.filter((L) => L < 0).sort((L, _) => _ - L), v = 1;
+      let p = a.filter((C) => C > 0).sort((C, b) => C - b), y = a.filter((C) => C < 0).sort((C, b) => b - C), v = 1;
       this.layoutOptions.from === "bottom" && ([y, p] = [p, y], v = -1);
       let m = 0;
-      for (const L of p) {
-        const _ = L - v, T = g.get(_), O = u.get(_), b = g.get(L) + m;
-        u.get(L);
+      for (const C of p) {
+        const b = C - v, T = g.get(b), O = u.get(b), _ = g.get(C) + m;
+        u.get(C);
         const N = T + O + f;
-        if (N > b) {
-          const P = N - b;
-          console.log("[xxxxx]move", _, L, N, b, P), m = P;
-          const M = l.get(L);
-          for (const R of M)
-            R.lot.y += m;
-          g.set(L, b + P);
+        if (N > _) {
+          const P = N - _;
+          m = P;
+          const M = l.get(C);
+          for (const k of M)
+            k.lot.y += m;
+          g.set(C, _ + P);
         } else
-          g.set(L, b);
+          g.set(C, _);
       }
       m = 0;
-      for (const L of y) {
-        const _ = L + v, T = g.get(_);
-        u.get(_);
-        const O = g.get(L) + m, b = u.get(L), N = T - f;
-        if (O + b > N) {
-          const P = N - (O + b);
+      for (const C of y) {
+        const b = C + v, T = g.get(b);
+        u.get(b);
+        const O = g.get(C) + m, _ = u.get(C), N = T - f;
+        if (O + _ > N) {
+          const P = N - (O + _);
           m = P;
-          const M = l.get(L);
-          for (const R of M)
-            R.lot.y += m;
-          g.set(L, O + P);
+          const M = l.get(C);
+          for (const k of M)
+            k.lot.y += m;
+          g.set(C, O + P);
         } else
-          g.set(L, O);
+          g.set(C, O);
       }
     }
   }
@@ -2555,7 +2549,7 @@ class vo extends Te {
       return a;
   }
 }
-const Bt = vo;
+const Xt = vo;
 class mo extends Ue {
   constructor(e, t, n) {
     super(e, t, n);
@@ -2631,7 +2625,7 @@ class xo extends Ue {
     let l = a * 90 / Math.PI / 2;
     l < 200 && (l = 200), l > 800 && (l = 800), s.forEach((c, d) => {
       const h = se.getOvalPoint(o.x, o.y, l, d, a);
-      c.lot.x = h.x, c.lot.y = h.y, console.log("xxxxxxxxxxxxxx:", c.id, c.lot.x, c.lot.y);
+      c.lot.x = h.x, c.lot.y = h.y;
     }), s.forEach((c) => {
       if (c.fixed === !0 || !c.rgCalcedVisibility)
         return;
@@ -2672,7 +2666,7 @@ class Co extends Te {
     w(this, "levelGaps", []);
     this.layoutOptions = e, x("new RGSmartTreeLayout:", this.layoutOptions), this.layoutOptions.from || (this.layoutOptions.from = "left"), this.layoutOptions.levelGaps && (Array.isArray(this.layoutOptions.levelGaps) ? this.levelGaps = this.layoutOptions.levelGaps : console.error("Error levelDistance, levelDistance must is Array"));
     const o = this.layoutOptions.from;
-    o === "top" || o === "bottom" ? (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 10), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 30), this.layoutOptions.treeNodeGapV < 30 && (this.layoutOptions.treeNodeGapV = 30)) : (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 30), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 10), this.layoutOptions.treeNodeGapH < 30 && (this.layoutOptions.treeNodeGapH = 30)), o === "top" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "center"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "start"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.layoutOptions.alignItemsX), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.getReverseAlignItems(this.layoutOptions.alignItemsY))) : o === "bottom" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "center"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "end"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.layoutOptions.alignItemsX), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.getReverseAlignItems(this.layoutOptions.alignItemsY))) : o === "right" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "end"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "center"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.getReverseAlignItems(this.layoutOptions.alignItemsX)), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.layoutOptions.alignItemsY)) : (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "end"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "center"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.getReverseAlignItems(this.layoutOptions.alignItemsX)), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.layoutOptions.alignItemsY)), console.log("this.layoutOptions.alignItemsX:2:", this.layoutOptions.alignItemsX, this.layoutOptions.alignItemsY), this.requireLinks = !0, this.graphInstance = n;
+    o === "top" || o === "bottom" ? (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 10), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 30), this.layoutOptions.treeNodeGapV < 30 && (this.layoutOptions.treeNodeGapV = 30)) : (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 30), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 10), this.layoutOptions.treeNodeGapH < 30 && (this.layoutOptions.treeNodeGapH = 30)), o === "top" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "center"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "start"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.layoutOptions.alignItemsX), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.getReverseAlignItems(this.layoutOptions.alignItemsY))) : o === "bottom" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "center"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "end"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.layoutOptions.alignItemsX), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.getReverseAlignItems(this.layoutOptions.alignItemsY))) : o === "right" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "end"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "center"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.getReverseAlignItems(this.layoutOptions.alignItemsX)), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.layoutOptions.alignItemsY)) : (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "end"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "center"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.getReverseAlignItems(this.layoutOptions.alignItemsX)), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.layoutOptions.alignItemsY)), this.requireLinks = !0, this.graphInstance = n;
   }
   placeNodes(e, t) {
     if (x("RGSmartTreeLayout:placeNodes"), t)
@@ -2777,7 +2771,6 @@ class Co extends Te {
         for (const f of h)
           f.rgNode.x = f.x;
       }
-      console.log("levelNodes:", c, d);
     }
   }
   getLevelDistance(e, t, n) {
@@ -2826,7 +2819,7 @@ class _o extends Te {
       console.error("root is null");
       return;
     }
-    this.rootNode = t, this.allNodes = e, console.log("fixedRootNode:", this.layoutOptions.fixedRootNode);
+    this.rootNode = t, this.allNodes = e;
     const n = {
       alignItemsX: this.layoutOptions.alignItemsX,
       alignItemsY: this.layoutOptions.alignItemsY
@@ -2856,7 +2849,6 @@ class _o extends Te {
     }
     if (c === 0)
       return;
-    console.log("levelMaxWidthMap:", a);
     const h = l / c + s;
     t.forEach((u) => {
       u.fixed !== !0 && u !== e && (this.layoutOptions.from === "right" ? u.lot.x = e.lot.x - this.getLevelDistance(u.lot.level, a, o + 50) : u.lot.x = e.lot.x + this.getLevelDistance(u.lot.level, a, o + 50));
@@ -3101,62 +3093,62 @@ const Yt = _o, Ne = (r) => !r || r.length === 0 ? "" : r.map((i) => {
     tcy: g,
     t_W: f,
     t_H: p
-  } = r, y = d - n, v = h - o, m = n - s, L = o - a, _ = d - u, T = h - g, O = t.lineRadius !== void 0 ? t.lineRadius : e.lineRadius || 0;
-  let b = Math.min(O, Math.abs(y)) * (n < d ? 1 : -1), N = Math.min(O, Math.abs(v)) * (o < h ? 1 : -1);
-  const P = t.fromJunctionPoint || e.defaultJunctionPoint || Z.border, M = t.toJunctionPoint || e.defaultJunctionPoint || Z.border, R = t.lineDirection || (P === Z.tb || P === Z.top || P === Z.bottom ? "v" : "h") || (Math.abs(m) >= l / 2 ? "h" : "v"), S = t.lineDirection || (M === Z.tb || M === Z.top || M === Z.bottom ? "v" : "h") || (Math.abs(_) >= f / 2 ? "h" : "v"), C = [];
-  let A = 0, B = 0;
-  if (R === "v") {
-    const $ = t.polyLineStartDistance || Math.max(Math.min(30, Math.abs(h - o) / 2), 15), U = L > 0 ? $ : -$;
-    if (t.placeText === "start" ? (A = n, B = o + (L > 0 ? 20 : -5)) : t.placeText === "center" || t.placeText === "middle" ? (A = n + (d - n) / 2, B = o + U) : (A = d, B = h - (L > 0 ? 20 : -5)), C.push(
+  } = r, y = d - n, v = h - o, m = n - s, C = o - a, b = d - u, T = h - g, O = t.lineRadius !== void 0 ? t.lineRadius : e.lineRadius || 0;
+  let _ = Math.min(O, Math.abs(y)) * (n < d ? 1 : -1), N = Math.min(O, Math.abs(v)) * (o < h ? 1 : -1);
+  const P = t.fromJunctionPoint || e.defaultJunctionPoint || Z.border, M = t.toJunctionPoint || e.defaultJunctionPoint || Z.border, k = t.lineDirection || (P === Z.tb || P === Z.top || P === Z.bottom ? "v" : "h") || (Math.abs(m) >= l / 2 ? "h" : "v"), S = t.lineDirection || (M === Z.tb || M === Z.top || M === Z.bottom ? "v" : "h") || (Math.abs(b) >= f / 2 ? "h" : "v"), L = [];
+  let A = 0, X = 0;
+  if (k === "v") {
+    const $ = t.polyLineStartDistance || Math.max(Math.min(30, Math.abs(h - o) / 2), 15), U = C > 0 ? $ : -$;
+    if (t.placeText === "start" ? (A = n, X = o + (C > 0 ? 20 : -5)) : t.placeText === "center" || t.placeText === "middle" ? (A = n + (d - n) / 2, X = o + U) : (A = d, X = h - (C > 0 ? 20 : -5)), L.push(
       { type: "M", x: Math.round(n), y: Math.round(o) },
       { type: "v", dy: Math.round(U - N) },
-      { type: "c", dx1: 0, dy1: Math.round(N), dx2: Math.round(b), dy2: Math.round(N), dx: Math.round(b), dy: Math.round(N) }
+      { type: "c", dx1: 0, dy1: Math.round(N), dx2: Math.round(_), dy2: Math.round(N), dx: Math.round(_), dy: Math.round(N) }
     ), S === "v")
-      C.push(
-        { type: "h", dx: Math.round(d - n - b * 2) },
-        { type: "c", dx1: Math.round(b), dy1: 0, dx2: Math.round(b), dy2: Math.round(N), dx: Math.round(b), dy: Math.round(N) },
+      L.push(
+        { type: "h", dx: Math.round(d - n - _ * 2) },
+        { type: "c", dx1: Math.round(_), dy1: 0, dx2: Math.round(_), dy2: Math.round(N), dx: Math.round(_), dy: Math.round(N) },
         { type: "v", dy: Math.round(h - o - U - N) }
       );
     else {
-      const Q = Math.min(30, Math.abs(d - n) / 2), ie = _ > 0 ? -Q : Q;
-      C.push(
-        { type: "h", dx: Math.round(d - n + ie - b) },
-        { type: "c", dx1: Math.round(b), dy1: 0, dx2: Math.round(b), dy2: Math.round(N), dx: Math.round(b), dy: Math.round(N) },
+      const K = Math.min(30, Math.abs(d - n) / 2), ie = b > 0 ? -K : K;
+      L.push(
+        { type: "h", dx: Math.round(d - n + ie - _) },
+        { type: "c", dx1: Math.round(_), dy1: 0, dx2: Math.round(_), dy2: Math.round(N), dx: Math.round(_), dy: Math.round(N) },
         { type: "v", dy: Math.round(h - o - U - N) },
-        { type: "h", dx: Math.round(ie - b) }
+        { type: "h", dx: Math.round(ie - _) }
       );
     }
   } else {
     const $ = t.polyLineStartDistance || Math.max(Math.min(30, Math.abs(d - n) / 2), 15), U = m > 0 ? $ : -$;
-    if (t.placeText === "start" ? (A = n + (m > 0 ? 10 : -50), B = o) : t.placeText === "center" || t.placeText === "middle" ? (A = n + U, B = o + (h - o) / 2) : (A = d - (m > 0 ? 10 : -50), B = h), b = Math.min(O, Math.abs(y)) * (n > s ? 1 : -1), N = Math.min(O, Math.abs(v)) * (o < h ? 1 : -1), C.push(
+    if (t.placeText === "start" ? (A = n + (m > 0 ? 10 : -50), X = o) : t.placeText === "center" || t.placeText === "middle" ? (A = n + U, X = o + (h - o) / 2) : (A = d - (m > 0 ? 10 : -50), X = h), _ = Math.min(O, Math.abs(y)) * (n > s ? 1 : -1), N = Math.min(O, Math.abs(v)) * (o < h ? 1 : -1), L.push(
       { type: "M", x: Math.round(n), y: Math.round(o) },
-      { type: "h", dx: Math.round(U - b) },
-      { type: "c", dx1: Math.round(b), dy1: 0, dx2: Math.round(b), dy2: Math.round(N), dx: Math.round(b), dy: Math.round(N) }
+      { type: "h", dx: Math.round(U - _) },
+      { type: "c", dx1: Math.round(_), dy1: 0, dx2: Math.round(_), dy2: Math.round(N), dx: Math.round(_), dy: Math.round(N) }
     ), S === "v") {
-      b = Math.min(O, Math.abs(y)) * (h < g ? 1 : -1), N = Math.min(O, Math.abs(v)) * (h < g ? 1 : -1);
-      const Q = Math.min(30, Math.abs(h - o) / 2), ie = T > 0 ? -Q : Q;
-      C.push(
+      _ = Math.min(O, Math.abs(y)) * (h < g ? 1 : -1), N = Math.min(O, Math.abs(v)) * (h < g ? 1 : -1);
+      const K = Math.min(30, Math.abs(h - o) / 2), ie = T > 0 ? -K : K;
+      L.push(
         { type: "v", dy: Math.round(h - o + ie - N) },
-        { type: "h", dx: Math.round(d - n - U - b) },
-        { type: "c", dx1: 0, dy1: Math.round(N), dx2: Math.round(b), dy2: Math.round(N), dx: Math.round(b), dy: Math.round(N) },
+        { type: "h", dx: Math.round(d - n - U - _) },
+        { type: "c", dx1: 0, dy1: Math.round(N), dx2: Math.round(_), dy2: Math.round(N), dx: Math.round(_), dy: Math.round(N) },
         { type: "v", dy: Math.round(ie - N) }
       );
     } else
-      b = Math.min(O, Math.abs(y)) * (n + U < d ? 1 : -1), N = Math.min(O, Math.abs(v)) * (h > o ? 1 : -1), C.push(
+      _ = Math.min(O, Math.abs(y)) * (n + U < d ? 1 : -1), N = Math.min(O, Math.abs(v)) * (h > o ? 1 : -1), L.push(
         { type: "v", dy: Math.round(h - o - N * 2) },
-        { type: "c", dx1: 0, dy1: Math.round(N), dx2: Math.round(b), dy2: Math.round(N), dx: Math.round(b), dy: Math.round(N) },
-        { type: "h", dx: Math.round(d - n - U - b) }
+        { type: "c", dx1: 0, dy1: Math.round(N), dx2: Math.round(_), dy2: Math.round(N), dx: Math.round(_), dy: Math.round(N) },
+        { type: "h", dx: Math.round(d - n - U - _) }
       );
   }
-  i.x = A, i.y = B;
-  const H = Ne(C);
+  i.x = A, i.y = X;
+  const H = Ne(L);
   return {
-    pathCommands: C,
+    pathCommands: L,
     pathData: H,
     textPosition: i,
     points: []
   };
-}, Ke = {
+}, Qe = {
   left: { x: -1, y: 0 },
   right: { x: 1, y: 0 },
   top: { x: 0, y: -1 },
@@ -3175,14 +3167,14 @@ function ct({
   sourceOffset: o,
   targetOffset: s
 }) {
-  const a = Ke[i], l = Ke[t], c = { x: r.x + a.x * o, y: r.y + a.y * o }, d = { x: e.x + l.x * s, y: e.y + l.y * s }, h = Po({
+  const a = Qe[i], l = Qe[t], c = { x: r.x + a.x * o, y: r.y + a.y * o }, d = { x: e.x + l.x * s, y: e.y + l.y * s }, h = Po({
     source: c,
     sourcePosition: i,
     target: d
   }), u = h.x !== 0 ? "x" : "y", g = h[u];
   let f = [], p, y;
   const v = { x: 0, y: 0 }, m = { x: 0, y: 0 };
-  let L = 0;
+  let C = 0;
   if (a[u] * l[u] === -1) {
     p = n.x, y = n.y;
     const T = [
@@ -3192,24 +3184,24 @@ function ct({
       { x: c.x, y },
       { x: d.x, y }
     ];
-    a[u] === g ? (L = 1.1, f = u === "x" ? T : O) : (L = 1.2, f = u === "x" ? O : T);
+    a[u] === g ? (C = 1.1, f = u === "x" ? T : O) : (C = 1.2, f = u === "x" ? O : T);
   } else {
     const T = [{ x: c.x, y: d.y }], O = [{ x: d.x, y: c.y }];
     if (u === "x" ? f = a.x === g ? O : T : f = a.y === g ? T : O, i === t) {
-      L = 2.1;
-      const R = Math.abs(r[u] - e[u]), S = a[u] === g ? o : s;
-      if (R <= S) {
-        const C = Math.min(S - 1, S - R);
-        a[u] === g ? v[u] = (c[u] > r[u] ? -1 : 1) * C : m[u] = (d[u] > e[u] ? -1 : 1) * C;
+      C = 2.1;
+      const k = Math.abs(r[u] - e[u]), S = a[u] === g ? o : s;
+      if (k <= S) {
+        const L = Math.min(S - 1, S - k);
+        a[u] === g ? v[u] = (c[u] > r[u] ? -1 : 1) * L : m[u] = (d[u] > e[u] ? -1 : 1) * L;
       }
     }
     if (i !== t) {
-      L = 2.2;
-      const R = u === "x" ? "y" : "x", S = a[u] === l[R], C = c[R] > d[R], A = c[R] < d[R];
-      (a[u] === 1 && (!S && C || S && A) || a[u] !== 1 && (!S && A || S && C)) && (f = u === "x" ? T : O);
+      C = 2.2;
+      const k = u === "x" ? "y" : "x", S = a[u] === l[k], L = c[k] > d[k], A = c[k] < d[k];
+      (a[u] === 1 && (!S && L || S && A) || a[u] !== 1 && (!S && A || S && L)) && (f = u === "x" ? T : O);
     }
-    const b = { x: c.x + v.x, y: c.y + v.y }, N = { x: d.x + m.x, y: d.y + m.y }, P = Math.max(Math.abs(b.x - f[0].x), Math.abs(N.x - f[0].x)), M = Math.max(Math.abs(b.y - f[0].y), Math.abs(N.y - f[0].y));
-    P >= M ? (p = (b.x + N.x) / 2, y = f[0].y) : (p = f[0].x, y = (b.y + N.y) / 2);
+    const _ = { x: c.x + v.x, y: c.y + v.y }, N = { x: d.x + m.x, y: d.y + m.y }, P = Math.max(Math.abs(_.x - f[0].x), Math.abs(N.x - f[0].x)), M = Math.max(Math.abs(_.y - f[0].y), Math.abs(N.y - f[0].y));
+    P >= M ? (p = (_.x + N.x) / 2, y = f[0].y) : (p = f[0].x, y = (_.y + N.y) / 2);
   }
   return [[
     r,
@@ -3217,9 +3209,9 @@ function ct({
     ...f,
     { x: d.x + m.x, y: d.y + m.y },
     e
-  ], p, y, 0, 0, L];
+  ], p, y, 0, 0, C];
 }
-const Qe = (r) => {
+const Ke = (r) => {
   const i = [];
   for (let e = 0; e < r.length; e++) {
     const t = r[e];
@@ -3298,33 +3290,33 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
       return { x: h, y: u };
     }
   return { x: 0, y: 0 };
-}, Ro = (r, i = { x: 0, y: 0, rotate: 0 }, e = {}) => {
-  const { line: t, fromJunctionPoint: n, toJunctionPoint: o, lineDirection: s, lineShape: a, fx: l, fy: c, fcx: d, fcy: h, f_W: u, f_H: g, tx: f, ty: p, tcx: y, tcy: v, t_W: m, t_H: L } = r, _ = l - d, T = c - h;
-  let O = _ > 1 ? 1 : _ < -1 ? -1 : 0, b = T > 1 ? 1 : T < -1 ? -1 : 0;
-  Math.abs(O) === 1 && Math.abs(b) === 1 && (Math.abs(_) > Math.abs(T) ? b = 0 : O = 0), O === 0 && b === 0 && (O = 1);
+}, ko = (r, i = { x: 0, y: 0, rotate: 0 }, e = {}) => {
+  const { line: t, fromJunctionPoint: n, toJunctionPoint: o, lineDirection: s, lineShape: a, fx: l, fy: c, fcx: d, fcy: h, f_W: u, f_H: g, tx: f, ty: p, tcx: y, tcy: v, t_W: m, t_H: C } = r, b = l - d, T = c - h;
+  let O = b > 1 ? 1 : b < -1 ? -1 : 0, _ = T > 1 ? 1 : T < -1 ? -1 : 0;
+  Math.abs(O) === 1 && Math.abs(_) === 1 && (Math.abs(b) > Math.abs(T) ? _ = 0 : O = 0), O === 0 && _ === 0 && (O = 1);
   const N = f - y, P = p - v;
-  let M = N > 1 ? 1 : N < -1 ? -1 : 0, R = P > 1 ? 1 : P < -1 ? -1 : 0;
-  Math.abs(M) === 1 && Math.abs(R) === 1 && (Math.abs(N) > Math.abs(P) ? R = 0 : M = 0), M === 0 && R === 0 && (O = -1);
-  const S = et(n, O, b, !1, l, c, f, p), C = et(o, M, R, !0, l, c, f, p), A = S, B = C, H = l + (f - l) / 2, $ = c + (p - c) / 2;
-  let U = { x: 0, y: 0 }, Q = 20, ie = 20;
-  t.ctrlOptionsFor44 && (U = { x: t.ctrlOptionsFor44.cx, y: t.ctrlOptionsFor44.cy }, Q += t.ctrlOptionsFor44.fd, ie += t.ctrlOptionsFor44.td);
+  let M = N > 1 ? 1 : N < -1 ? -1 : 0, k = P > 1 ? 1 : P < -1 ? -1 : 0;
+  Math.abs(M) === 1 && Math.abs(k) === 1 && (Math.abs(N) > Math.abs(P) ? k = 0 : M = 0), M === 0 && k === 0 && (O = -1);
+  const S = et(n, O, _, !1, l, c, f, p), L = et(o, M, k, !0, l, c, f, p), A = S, X = L, H = l + (f - l) / 2, $ = c + (p - c) / 2;
+  let U = { x: 0, y: 0 }, K = 20, ie = 20;
+  t.ctrlOptionsFor44 && (U = { x: t.ctrlOptionsFor44.cx, y: t.ctrlOptionsFor44.cy }, K += t.ctrlOptionsFor44.fd, ie += t.ctrlOptionsFor44.td);
   const Le = t.lineRadius !== void 0 ? t.lineRadius : e.lineRadius || 0, [ve] = ct({
     source: { x: l, y: c },
     sourcePosition: A,
     target: { x: f, y: p },
-    targetPosition: B,
+    targetPosition: X,
     center: {
       x: H + U.x,
       y: $ + U.y
     },
-    sourceOffset: Q,
+    sourceOffset: K,
     targetOffset: ie
-  }), me = Qe(ve), ye = Ht(me, Le), fe = Ne(ye), Ce = Wt(ve);
+  }), me = Ke(ve), ye = Ht(me, Le), fe = Ne(ye), Ce = Wt(ve);
   if (i.x = Ce.x, i.y = Ce.y, s === "v") {
     const ce = T > 1 ? 1 : T < -1 ? -1 : 0, J = P > 1 ? 1 : P < -1 ? -1 : 0;
     t.placeText === "start" ? (i.x = l, i.y = c + ce * 10) : t.placeText === "end" && (i.x = f, i.y = p + J * 10);
   } else {
-    const ce = _ > 1 ? 1 : _ < -1 ? -1 : 0, J = N > 1 ? 1 : N < -1 ? -1 : 0;
+    const ce = b > 1 ? 1 : b < -1 ? -1 : 0, J = N > 1 ? 1 : N < -1 ? -1 : 0;
     t.placeText === "start" ? (i.x = l + ce * 10, i.y = c) : t.placeText === "end" && (i.x = f + J * 10, i.y = p);
   }
   return {
@@ -3333,17 +3325,17 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     textPosition: i,
     points: me,
     startDirection: A,
-    endDirection: B
+    endDirection: X
   };
-}, ko = (r, i = { x: 0, y: 0, rotate: 0 }, e = {}) => {
-  const { line: t, fromJunctionPoint: n, toJunctionPoint: o, lineDirection: s, lineShape: a, fx: l, fy: c, fcx: d, fcy: h, f_W: u, f_H: g, tx: f, ty: p, tcx: y, tcy: v, t_W: m, t_H: L } = r, _ = l - d, T = c - h;
-  let O = _ > 3 ? 1 : _ < -3 ? -1 : 0, b = T > 3 ? 1 : T < -3 ? -1 : 0;
-  Math.abs(O) === 1 && Math.abs(b) === 1 && (Math.abs(_) > Math.abs(T) ? b = 0 : O = 0), O === 0 && b === 0 && (O = 1);
+}, Ro = (r, i = { x: 0, y: 0, rotate: 0 }, e = {}) => {
+  const { line: t, fromJunctionPoint: n, toJunctionPoint: o, lineDirection: s, lineShape: a, fx: l, fy: c, fcx: d, fcy: h, f_W: u, f_H: g, tx: f, ty: p, tcx: y, tcy: v, t_W: m, t_H: C } = r, b = l - d, T = c - h;
+  let O = b > 3 ? 1 : b < -3 ? -1 : 0, _ = T > 3 ? 1 : T < -3 ? -1 : 0;
+  Math.abs(O) === 1 && Math.abs(_) === 1 && (Math.abs(b) > Math.abs(T) ? _ = 0 : O = 0), O === 0 && _ === 0 && (O = 1);
   const N = f - y, P = p - v;
-  let M = N > 3 ? 1 : N < -3 ? -1 : 0, R = P > 3 ? 1 : P < -3 ? -1 : 0;
-  Math.abs(M) === 1 && Math.abs(R) === 1 && (Math.abs(N) > Math.abs(P) ? R = 0 : M = 0), M === 0 && R === 0 && (O = -1);
-  let S = et(n, O, b, !1, l, c, f, p), C = et(o, M, R, !0, l, c, f, p);
-  const A = t.lineRadius !== void 0 ? t.lineRadius : e.lineRadius || 0, B = t.ctrlPointsFor49;
+  let M = N > 3 ? 1 : N < -3 ? -1 : 0, k = P > 3 ? 1 : P < -3 ? -1 : 0;
+  Math.abs(M) === 1 && Math.abs(k) === 1 && (Math.abs(N) > Math.abs(P) ? k = 0 : M = 0), M === 0 && k === 0 && (O = -1);
+  let S = et(n, O, _, !1, l, c, f, p), L = et(o, M, k, !0, l, c, f, p);
+  const A = t.lineRadius !== void 0 ? t.lineRadius : e.lineRadius || 0, X = t.ctrlPointsFor49;
   let H = {
     x: Math.round(l),
     y: Math.round(c)
@@ -3351,13 +3343,13 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     x: Math.round(f),
     y: Math.round(p)
   }, U = {
-    x: Math.round(B[0].x),
-    y: Math.round(B[0].y)
-  }, Q = {
-    x: Math.round(B[B.length - 1].x),
-    y: Math.round(B[B.length - 1].y)
-  }, ie = [...B];
-  if (t.isReverse && ([S, C] = [C, S]), Math.abs(H.x - U.x) > 3 || Math.abs(H.y - U.y) > 3) {
+    x: Math.round(X[0].x),
+    y: Math.round(X[0].y)
+  }, K = {
+    x: Math.round(X[X.length - 1].x),
+    y: Math.round(X[X.length - 1].y)
+  }, ie = [...X];
+  if (t.isReverse && ([S, L] = [L, S]), Math.abs(H.x - U.x) > 3 || Math.abs(H.y - U.y) > 3) {
     const fe = H.x + (U.x - H.x) / 2, Ce = H.y + (U.y - H.y) / 2, ce = _t(S), [J] = ct({
       source: H,
       sourcePosition: S,
@@ -3367,28 +3359,28 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
       sourceOffset: 20,
       targetOffset: 5
     });
-    ie = Qe([...J, ...ie]);
+    ie = Ke([...J, ...ie]);
   }
-  if (Math.abs($.x - Q.x) > 3 || Math.abs($.y - Q.y) > 3) {
-    const fe = Q.x + ($.x - Q.x) / 2, Ce = Q.y + ($.y - Q.y) / 2, ce = _t(C), [J] = ct({
-      source: Q,
+  if (Math.abs($.x - K.x) > 3 || Math.abs($.y - K.y) > 3) {
+    const fe = K.x + ($.x - K.x) / 2, Ce = K.y + ($.y - K.y) / 2, ce = _t(L), [J] = ct({
+      source: K,
       sourcePosition: ce,
       target: $,
-      targetPosition: C,
+      targetPosition: L,
       center: { x: fe, y: Ce },
       sourceOffset: 5,
       targetOffset: 20
     });
-    ie = Qe([...ie, ...J]);
+    ie = Ke([...ie, ...J]);
   }
-  const Le = ie, ve = Ht(Le, A), me = Ne(ve), ye = Wt(B);
+  const Le = ie, ve = Ht(Le, A), me = Ne(ve), ye = Wt(X);
   return i.x = ye.x, i.y = ye.y, {
     pathCommands: [],
     pathData: me,
     textPosition: i,
     points: Le,
     startDirection: S,
-    endDirection: C
+    endDirection: L
   };
 }, Mo = (r, i = { x: 0, y: 0, rotate: 0 }) => {
   const {
@@ -3403,37 +3395,37 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     tcx: d,
     tcy: h
   } = r, u = l - n, g = c - o;
-  let f = n - s, p = o - a, y = l - d, v = c - h, { fromJunctionPoint: m, toJunctionPoint: L } = e;
-  e.isReverse && ([m, L] = [L, m]), (m === Z.left || m === Z.right) && (p = 0), (m === Z.top || m === Z.bottom) && (f = 0), (L === Z.left || L === Z.right) && (v = 0), (L === Z.top || L === Z.bottom) && (y = 0);
-  const _ = Math.min(200, Math.max(100, Math.abs(u / 2))), T = Math.min(200, Math.max(100, Math.abs(g / 2))), O = f / (Math.abs(f) + Math.abs(p)) * _, b = p / (Math.abs(f) + Math.abs(p)) * T;
-  let N = { x: O, y: b };
-  const P = y / (Math.abs(y) + Math.abs(v)) * _ + u, M = v / (Math.abs(y) + Math.abs(v)) * T + g;
-  let R = { x: P, y: M };
-  e.ctrlPoints && e.ctrlPoints.length > 0 && (e.isReverse ? (N.x += e.ctrlPoints[1].x, N.y += e.ctrlPoints[1].y, R.x += e.ctrlPoints[0].x, R.y += e.ctrlPoints[0].y) : (N.x += e.ctrlPoints[0].x, N.y += e.ctrlPoints[0].y, R.x += e.ctrlPoints[1].x, R.y += e.ctrlPoints[1].y));
-  const S = { x: n + N.x, y: o + N.y }, C = { x: n + R.x, y: o + R.y }, A = { x: n + u, y: o + g }, B = [
+  let f = n - s, p = o - a, y = l - d, v = c - h, { fromJunctionPoint: m, toJunctionPoint: C } = e;
+  e.isReverse && ([m, C] = [C, m]), (m === Z.left || m === Z.right) && (p = 0), (m === Z.top || m === Z.bottom) && (f = 0), (C === Z.left || C === Z.right) && (v = 0), (C === Z.top || C === Z.bottom) && (y = 0);
+  const b = Math.min(200, Math.max(100, Math.abs(u / 2))), T = Math.min(200, Math.max(100, Math.abs(g / 2))), O = f / (Math.abs(f) + Math.abs(p)) * b, _ = p / (Math.abs(f) + Math.abs(p)) * T;
+  let N = { x: O, y: _ };
+  const P = y / (Math.abs(y) + Math.abs(v)) * b + u, M = v / (Math.abs(y) + Math.abs(v)) * T + g;
+  let k = { x: P, y: M };
+  e.ctrlPoints && e.ctrlPoints.length > 0 && (e.isReverse ? (N.x += e.ctrlPoints[1].x, N.y += e.ctrlPoints[1].y, k.x += e.ctrlPoints[0].x, k.y += e.ctrlPoints[0].y) : (N.x += e.ctrlPoints[0].x, N.y += e.ctrlPoints[0].y, k.x += e.ctrlPoints[1].x, k.y += e.ctrlPoints[1].y));
+  const S = { x: n + N.x, y: o + N.y }, L = { x: n + k.x, y: o + k.y }, A = { x: n + u, y: o + g }, X = [
     { type: "M", x: n, y: o },
     {
       type: "c",
       dx1: N.x,
       dy1: N.y,
-      dx2: R.x,
-      dy2: R.y,
+      dx2: k.x,
+      dy2: k.y,
       dx: u,
       dy: g
     }
   ];
-  t === 8 && B.push({ type: "Z" });
+  t === 8 && X.push({ type: "Z" });
   const H = Ut(
     { x: n, y: o },
     S,
-    C,
+    L,
     A,
     t < 6 ? 0.8 : 0.5
   );
   i.x = H.x, i.y = H.y;
-  const $ = Ne(B);
+  const $ = Ne(X);
   return {
-    pathCommands: B,
+    pathCommands: X,
     pathData: $,
     textPosition: i,
     points: []
@@ -3460,41 +3452,41 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     tcy: y,
     t_W: v,
     t_H: m
-  } = r, L = g - a, _ = f - l, T = g > a ? 1 : -1, O = f > l ? 1 : -1, b = o === "v" ? O : T, N = a - c, P = l - d, M = g - p, R = f - y, S = 1 / (t + 1) * (n + 1);
-  let C = { x: 0, y: 0 }, A = { x: 0, y: 0 };
+  } = r, C = g - a, b = f - l, T = g > a ? 1 : -1, O = f > l ? 1 : -1, _ = o === "v" ? O : T, N = a - c, P = l - d, M = g - p, k = f - y, S = 1 / (t + 1) * (n + 1);
+  let L = { x: 0, y: 0 }, A = { x: 0, y: 0 };
   if (s === j.Curve2)
-    C = o === "v" ? { x: 0, y: b * 30 } : { x: b * 30, y: 0 }, A = o === "v" ? { x: L * S, y: b * -10 } : { x: b * -10, y: _ * S };
+    L = o === "v" ? { x: 0, y: _ * 30 } : { x: _ * 30, y: 0 }, A = o === "v" ? { x: C * S, y: _ * -10 } : { x: _ * -10, y: b * S };
   else if (s === j.Curve3)
-    C = o === "v" ? { x: 0, y: _ * S } : { x: b * 30, y: 0 }, A = o === "v" ? { x: 0, y: 0 } : { x: b * -10, y: _ * S };
+    L = o === "v" ? { x: 0, y: b * S } : { x: _ * 30, y: 0 }, A = o === "v" ? { x: 0, y: 0 } : { x: _ * -10, y: b * S };
   else if (s === j.Curve5)
-    C = { x: 0, y: 0 }, A = o === "v" ? { x: 0, y: _ * S } : { x: L * S, y: 0 };
+    L = { x: 0, y: 0 }, A = o === "v" ? { x: 0, y: b * S } : { x: C * S, y: 0 };
   else if (s === j.Curve7 || s === j.Curve8) {
     const me = N / (Math.abs(N) + Math.abs(P)) * 30, ye = P / (Math.abs(N) + Math.abs(P)) * 30;
-    C = { x: me, y: ye };
-    const fe = M / (Math.abs(M) + Math.abs(R)) * 30 + L, Ce = R / (Math.abs(M) + Math.abs(R)) * 30 + _;
+    L = { x: me, y: ye };
+    const fe = M / (Math.abs(M) + Math.abs(k)) * 30 + C, Ce = k / (Math.abs(M) + Math.abs(k)) * 30 + b;
     A = { x: fe, y: Ce };
   }
-  const B = { x: a + C.x, y: l + C.y }, H = { x: a + A.x, y: l + A.y }, $ = { x: a + L, y: l + _ }, U = [
+  const X = { x: a + L.x, y: l + L.y }, H = { x: a + A.x, y: l + A.y }, $ = { x: a + C, y: l + b }, U = [
     { type: "M", x: a, y: l },
     {
       type: "c",
-      dx1: C.x,
-      dy1: C.y,
+      dx1: L.x,
+      dy1: L.y,
       dx2: A.x,
       dy2: A.y,
-      dx: L,
-      dy: _
+      dx: C,
+      dy: b
     }
   ];
   s === 8 && U.push({ type: "Z" });
-  const Q = Ut(
+  const K = Ut(
     { x: a, y: l },
-    B,
+    X,
     H,
     $,
     s < 6 ? 0.8 : 0.5
   );
-  i.x = Q.x, i.y = Q.y;
+  i.x = K.x, i.y = K.y;
   const ie = Ne(U);
   return {
     pathCommands: U,
@@ -3524,7 +3516,7 @@ class Io {
     });
   }
 }
-class Do extends Io {
+class Eo extends Io {
   constructor() {
     super();
   }
@@ -3617,7 +3609,7 @@ class Do extends Io {
     return null;
   }
 }
-class Eo {
+class Do {
   constructor() {
     w(this, "map");
     this.map = /* @__PURE__ */ new Map();
@@ -3851,7 +3843,7 @@ const yt = (r = {}) => {
   appendDefaultOptions4Layout: Jt,
   default: Ao
 }, Symbol.toStringTag, { value: "Module" }));
-class Je extends Do {
+class Je extends Eo {
   constructor() {
     super();
     w(this, "commits");
@@ -3892,10 +3884,9 @@ class Je extends Do {
     this.commits = this.resetCommints(), this.updateViewHook(e);
   }
   updateOptions(e) {
-    var t;
-    if (e.layout && console.log("RGDataProvider:updateOptions:layout:", (t = e.layout) == null ? void 0 : t.layoutName, e.layout), Object.assign(this.options, e), this.isPerformanceMode() && !this.options.showEasyView) {
-      const n = Object.keys(e);
-      console.log("changedKeys:", n.join(",")), n.includes("canvasZoom") && (this.commits.nodesListChanged = !0, this.commits.linesListChanged = !0), n.includes("viewSize") && (this.commits.nodesListChanged = !0, this.commits.linesListChanged = !0), n.includes("canvasOffset") && (this.commits.nodesListChanged = !0, this.commits.linesListChanged = !0);
+    if (e.layout, Object.assign(this.options, e), this.isPerformanceMode() && !this.options.showEasyView) {
+      const t = Object.keys(e);
+      t.includes("canvasZoom") && (this.commits.nodesListChanged = !0, this.commits.linesListChanged = !0), t.includes("viewSize") && (this.commits.nodesListChanged = !0, this.commits.linesListChanged = !0), t.includes("canvasOffset") && (this.commits.nodesListChanged = !0, this.commits.linesListChanged = !0);
     }
     this.commits.optionsChanged = !0;
   }
@@ -4002,7 +3993,7 @@ class Je extends Do {
     this.commits.connectTargetsListChanged = !0;
   }
   updateLinks(e = []) {
-    const t = new Eo();
+    const t = new Do();
     for (const n of this.runtimeDATA4Links) {
       const { from: o, to: s } = n.line, a = t.addEdge(o, s);
       a !== n.currentLineIndex && (n.currentLineIndex = a, this.commitLine(n.lineId));
@@ -4223,7 +4214,7 @@ class zo {
     e !== -1 && this.eventHandlers.splice(e, 1);
   }
   setEventEmitHook(i) {
-    this._emitHook = i, console.warn("[setEventEmitHook]", this._emitHook);
+    this._emitHook = i;
   }
   emitEvent(i, ...e) {
     let { result: t, handled: n } = this.defaultEventHandler(i, ...e);
@@ -4381,7 +4372,7 @@ class zo {
     Object.assign(this.listeners, i);
   }
 }
-class Xo extends zo {
+class Bo extends zo {
   constructor() {
     super(...arguments);
     w(this, "$dom");
@@ -4471,20 +4462,20 @@ class Xo extends zo {
     throw new Error("Please use isLine");
   }
 }
-class Bo extends Je {
+class Xo extends Je {
   constructor(e, t, n, o) {
     super();
     w(this, "dataStores");
     this.dataStores = e;
     const s = Object.assign({}, this.options, n);
     this.options = n, Object.assign(this.options, s), this.graphData = t, this.runtimeDATA4Links = o.runtimeDATA4Links, this.runtimeDATA4ShouldRenderItems = o.runtimeDATA4ShouldRenderItems, this.runtimeDATA4ConnectTargets = o.runtimeDATA4ConnectTargets, this.runtimeDATA4NodeMap = o.runtimeDATA4NodeMap, this.runtimeDATA4LinkMap = o.runtimeDATA4LinkMap, this.runtimeDATA4ElLineTargets = o.runtimeDATA4ElLineTargets, this.updateViewHook = (a) => {
-      if (console.log("###########updateViewHook"), a.optionsChanged && (this.dataStores.store4Options.set(this.getOptions()), console.log("[updateViewHook]optionsChanged")), a.nodesListChanged && (this.dataStores.store4ShouldRenderNodes.set(this.getShouldRenderNodes()), console.log("[updateViewHook]nodesListChanged")), a.linesListChanged) {
+      if (a.optionsChanged && this.dataStores.store4Options.set(this.getOptions()), a.nodesListChanged && this.dataStores.store4ShouldRenderNodes.set(this.getShouldRenderNodes()), a.linesListChanged) {
         const l = this.getShouldRenderLines();
-        this.dataStores.store4ShouldRenderLines.set(l), console.log("[updateViewHook]linesListChanged");
+        this.dataStores.store4ShouldRenderLines.set(l);
       }
       if (a.fakeLinesListChanged) {
         const l = this.getShouldRenderFakeLines();
-        this.dataStores.store4ShouldRenderFakeLines.set(l), console.log("[updateViewHook]fakeLinesListChanged");
+        this.dataStores.store4ShouldRenderFakeLines.set(l);
       }
     };
   }
@@ -4501,7 +4492,7 @@ class Go extends Je {
     super();
     w(this, "dataStores");
     this.dataStores = e, this.updateViewHook = (n) => {
-      n.optionsChanged && this.dataStores.store4Options.set(this.getOptions()), (n.nodesListChanged || n.changedNodes.length > 0) && (this.dataStores.store4ShouldRenderNodes.set(this.getShouldRenderNodes()), console.log("[updateViewHook]nodesListChanged")), (n.nodesListChanged || n.linesListChanged || n.changedLines.length > 0) && (this.dataStores.store4ShouldRenderLines.set(this.getShouldRenderLines()), console.log("[updateViewHook]linesListChanged")), (n.fakeLinesListChanged || n.changedFakeLines.length > 0) && this.dataStores.store4ShouldRenderFakeLines.set([...this.getShouldRenderFakeLines()]);
+      n.optionsChanged && this.dataStores.store4Options.set(this.getOptions()), (n.nodesListChanged || n.changedNodes.length > 0) && this.dataStores.store4ShouldRenderNodes.set(this.getShouldRenderNodes()), (n.nodesListChanged || n.linesListChanged || n.changedLines.length > 0) && this.dataStores.store4ShouldRenderLines.set(this.getShouldRenderLines()), (n.fakeLinesListChanged || n.changedFakeLines.length > 0) && this.dataStores.store4ShouldRenderFakeLines.set([...this.getShouldRenderFakeLines()]);
     };
   }
 }
@@ -4520,7 +4511,7 @@ class $o extends Je {
     };
   }
 }
-class Yo extends Xo {
+class Yo extends Bo {
   constructor() {
     super();
     w(this, "_initRawPropertyFn", (e, t, n) => {
@@ -4535,7 +4526,7 @@ class Yo extends Xo {
     };
   }
   setReactiveData4Vue3(e, t, n, o, s) {
-    this.useReactiveDataToAutoUpdateView = !0, this.dataProvider = new Bo(e, t, n, o), this._initRawPropertyFn = s, this.options = this.dataProvider.getOptions(), this.dataStores = {
+    this.useReactiveDataToAutoUpdateView = !0, this.dataProvider = new Xo(e, t, n, o), this._initRawPropertyFn = s, this.options = this.dataProvider.getOptions(), this.dataStores = {
       optionsStore: e.store4Options,
       shouldRenderNodesStore: e.store4ShouldRenderNodes,
       shouldRenderLinesStore: e.store4ShouldRenderLines,
@@ -4546,7 +4537,7 @@ class Yo extends Xo {
       shouldRenderFakeLinesRef: e.shouldRenderFakeLinesRef,
       textContainer4NormalRef: e.textContainer4NormalRef,
       textContainer4FakeLineRef: e.textContainer4FakeLineRef
-    }, console.error("[RelationGraphWith2Data] setReactiveData4Vue3:", this.options);
+    };
   }
   setReactiveData4React(e, t) {
     this.dataProvider = new $o(e, t), this.options = this.dataProvider.getOptions(), this.dataStores = {
@@ -4562,7 +4553,7 @@ class Yo extends Xo {
       shouldRenderNodesStore: e.store4ShouldRenderNodes,
       shouldRenderLinesStore: e.store4ShouldRenderLines,
       shouldRenderFakeLinesStore: e.store4ShouldRenderFakeLines
-    }, console.log("[RelationGraphWith2Data] setReactiveData4Svelte:", this.options);
+    };
   }
   generateNewNodeId(e = 5) {
     const t = ft(e);
@@ -4896,7 +4887,7 @@ class Uo extends Wo {
   addElementLines(e) {
     x("addElementLines:", e), e.forEach((t) => {
       t.fromType = z.HTMLElementId, t.toType = z.HTMLElementId, t.isFakeLine = !0, t.id || (t.id = this.generateNewUUID(6)), t.forDisplayOnly = !0;
-    }), this.addFakeLines(e), console.log("addElementLines:", e.length, e), this.updateElementLines();
+    }), this.addFakeLines(e), this.updateElementLines();
   }
   updateNodeOffsetSize(e, t, n) {
     const o = this.getNodeById(e);
@@ -5043,7 +5034,6 @@ class Jo extends Uo {
   updateConnectTargetsOnCanvas(e, t) {
     if (!t)
       return;
-    console.warn(`updateConnectTargetsOnCanvas:[${e}]:`);
     const n = t.classList.contains("rg-canvas-slot-above") ? "above" : "behind", o = this.canvasConnectTargetsMap.get(n);
     o && o.length > 0 && this.updateConnectTargetList(e, t, o);
   }
@@ -5081,28 +5071,26 @@ class Jo extends Uo {
     }, Math.min(this._connectTargetUpdateRequestedSet.size + 10, 50));
   }
   _updateAllRequestedConnectTargetOffsets() {
-    let e = 0, t = 0;
-    for (const n of this._connectTargetUpdateRequestedSet.values()) {
-      const { by: o, connectTargetEl: s, relativeEl: a, connectTarget: l } = n;
-      if (this.dataProvider.isPerformanceMode() && l.nodeId) {
-        const u = this.getNodeById(l.nodeId);
-        if (!u || !u.rgShouldRender || !u.rgCalcedVisibility) {
-          t++;
+    let e = 0;
+    for (const t of this._connectTargetUpdateRequestedSet.values()) {
+      const { by: n, connectTargetEl: o, relativeEl: s, connectTarget: a } = t;
+      if (this.dataProvider.isPerformanceMode() && a.nodeId) {
+        const h = this.getNodeById(a.nodeId);
+        if (!h || !h.rgShouldRender || !h.rgCalcedVisibility)
           continue;
-        }
       }
-      if (!this.dataProvider.getConnectTargetById(l.targetId))
+      if (!this.dataProvider.getConnectTargetById(a.targetId))
         continue;
-      const d = this.dataProvider.getCanvasScale();
-      this._updateConnectTargetOffset(o, l, s, a, d) ? e++ : n.stableTimes++, n.stableTimes > 2 && this._connectTargetUpdateRequestedSet.delete(l.targetId);
+      const c = this.dataProvider.getCanvasScale();
+      this._updateConnectTargetOffset(n, a, o, s, c) ? e++ : t.stableTimes++, t.stableTimes > 2 && this._connectTargetUpdateRequestedSet.delete(a.targetId);
     }
-    e > 0 ? (console.warn(`_updateAllRequestedConnectTargetOffsets: ${e} of ${this._connectTargetUpdateRequestedSet.size} changed, ${t} Skipped!`), clearTimeout(this._updateTimer), this._updateTimer = setTimeout(() => {
+    e > 0 ? (clearTimeout(this._updateTimer), this._updateTimer = setTimeout(() => {
       this._updateAllRequestedConnectTargetOffsets();
-    }, Math.min(e / 2 + 10, 100)), this._dataUpdated()) : (console.warn("_updateAllRequestedConnectTargetOffsets:::::::OK", this._connectTargetUpdateRequestedSet.size), this._connectTargetUpdateRequestedSet.clear(), this._dataUpdated());
+    }, Math.min(e / 2 + 10, 100)), this._dataUpdated()) : (this._connectTargetUpdateRequestedSet.clear(), this._dataUpdated());
   }
   _updateConnectTargetOffset(e, t, n, o, s) {
-    const a = o.getBoundingClientRect(), l = n.getBoundingClientRect(), c = Math.round(l.x - a.x), d = Math.round(l.y - a.y), h = this.dataProvider.getCanvasScale(), u = Math.round(c / h), g = Math.round(d / h), f = Math.round(l.width / h), p = Math.round(l.height / h), y = t.offsetX !== u, v = t.offsetY !== g, m = f !== 0 && t.width !== f, L = p !== 0 && t.height !== p;
-    return y || v || m || L ? (this.dataProvider.updateConnectTarget(t.targetId, {
+    const a = o.getBoundingClientRect(), l = n.getBoundingClientRect(), c = Math.round(l.x - a.x), d = Math.round(l.y - a.y), h = this.dataProvider.getCanvasScale(), u = Math.round(c / h), g = Math.round(d / h), f = Math.round(l.width / h), p = Math.round(l.height / h), y = t.offsetX !== u, v = t.offsetY !== g, m = f !== 0 && t.width !== f, C = p !== 0 && t.height !== p;
+    return y || v || m || C ? (this.dataProvider.updateConnectTarget(t.targetId, {
       offsetX: u,
       offsetY: g,
       width: f,
@@ -5425,7 +5413,7 @@ class Zo extends qo {
     };
   }
 }
-const Ko = (r) => {
+const Qo = (r) => {
   const i = Math.sin(r) * 1e4;
   return i - Math.floor(i);
 }, bt = (r, i, e, t, n, o) => {
@@ -5434,8 +5422,8 @@ const Ko = (r) => {
   for (let y = 1; y <= d; y++) {
     let v = r + a * y / d, m = i + l * y / d;
     if (y < d) {
-      const L = Ko(n + y) - 0.5;
-      v += h * L * o, m += u * L * o;
+      const C = Qo(n + y) - 0.5;
+      v += h * C * o, m += u * C * o;
     }
     g.push({
       type: "l",
@@ -5444,7 +5432,7 @@ const Ko = (r) => {
     }), f = v, p = m;
   }
   return g;
-}, Qo = (r, i = { x: 0, y: 0, rotate: 0 }) => {
+}, Ko = (r, i = { x: 0, y: 0, rotate: 0 }) => {
   const { fx: e, fy: t, tx: n, ty: o } = r;
   i.rotate = se.getTextAngle(e, t, n, o), i.x = e + (n - e) / 2, i.y = t + (o - t) / 2, Number.isNaN(i.rotate) && (i.rotate = 0);
   const s = e + t + n + o, a = bt(e, t, n, o, s, 2.5), l = bt(e, t, n, o, s + 99, 1.5), c = `${Ne(a)} ${Ne(l)}`;
@@ -5548,7 +5536,7 @@ class ei extends Zo {
       throw this.throwLineError("D", 10, 10);
     if (c === 0 && h === 0 && d === 0 && u === 0)
       throw this.throwLineError("D", 10, 10);
-    const v = h - c + (u - d) > 0, m = i.isReverse ? t : e, L = i.isReverse ? e : t, _ = $e(m.nodeShape, s.defaultNodeShape), T = i.junctionOffset || s.defaultLineJunctionOffset || 0;
+    const v = h - c + (u - d) > 0, m = i.isReverse ? t : e, C = i.isReverse ? e : t, b = $e(m.nodeShape, s.defaultNodeShape), T = i.junctionOffset || s.defaultLineJunctionOffset || 0;
     c -= T, d -= T, h -= T, u -= T, g += T * 2, f += T * 2, p += T * 2, y += T * 2;
     const O = {
       from_x: c,
@@ -5559,13 +5547,13 @@ class ei extends Zo {
       f_H: f,
       t_W: p,
       t_H: y,
-      nodeShape: _,
+      nodeShape: b,
       isReverse: v,
       isEndPoint: !1,
       totalLinesBetweenNodes: n,
       currentLineIndex: o,
       lineDistance: s.multiLineDistance || 30
-    }, b = $e(L.nodeShape, s.defaultNodeShape), N = {
+    }, _ = $e(C.nodeShape, s.defaultNodeShape), N = {
       from_x: h,
       from_y: u,
       to_x: c,
@@ -5574,22 +5562,22 @@ class ei extends Zo {
       f_H: y,
       t_W: g,
       t_H: f,
-      nodeShape: b,
+      nodeShape: _,
       isReverse: v,
       isEndPoint: !0,
       totalLinesBetweenNodes: n,
       currentLineIndex: o,
       lineDistance: s.multiLineDistance || 50
     }, P = s.defaultJunctionPoint || Z.border;
-    let M = i.fromJunctionPoint || P, R = i.toJunctionPoint || P, S = i.fromJunctionPointOffsetX || 0, C = i.fromJunctionPointOffsetY || 0, A = i.toJunctionPointOffsetX || 0, B = i.toJunctionPointOffsetY || 0;
-    i.isReverse && ([M, R] = [R, M], [S, C, A, B] = [A, B, S, C]), (e === t || c === 0 && h === 0 && d === 0 && u === 0) && S === 0 && C === 0 && A === 0 && B === 0 && ((a === j.StandardStraight || a === j.Curve2 || a === j.Curve3 || a === j.SimpleOrthogonal || a === j.Curve5) && (a = j.StandardCurve), B = 20);
+    let M = i.fromJunctionPoint || P, k = i.toJunctionPoint || P, S = i.fromJunctionPointOffsetX || 0, L = i.fromJunctionPointOffsetY || 0, A = i.toJunctionPointOffsetX || 0, X = i.toJunctionPointOffsetY || 0;
+    i.isReverse && ([M, k] = [k, M], [S, L, A, X] = [A, X, S, L]), (e === t || c === 0 && h === 0 && d === 0 && u === 0) && S === 0 && L === 0 && A === 0 && X === 0 && ((a === j.StandardStraight || a === j.Curve2 || a === j.Curve3 || a === j.SimpleOrthogonal || a === j.Curve5) && (a = j.StandardCurve), X = 20);
     const H = this._getJunctionPoint(M, O);
-    H.x += S, H.y += C;
-    const $ = this._getJunctionPoint(R, N);
-    if ($.x += A, $.y += B, !H || !$)
+    H.x += S, H.y += L;
+    const $ = this._getJunctionPoint(k, N);
+    if ($.x += A, $.y += X, !H || !$)
       throw this.throwLineError("E", -20, -20);
-    const U = c + g / 2, Q = d + f / 2, ie = h + p / 2, Le = u + y / 2;
-    M === "horizontalLine" ? (H.x = $.x, (a === 44 || a === 49) && (H.x += ($.x > ie ? 1 : -1) * 30)) : M === "verticalLine" && (H.y = $.y, (a === 44 || a === 49) && (H.y += ($.y > Le ? 1 : -1) * 30)), R === "horizontalLine" ? ($.x = H.x, (a === 44 || a === 49) && ($.x += (H.x > U ? 1 : -1) * 30)) : R === "verticalLine" && ($.y = H.y, (a === 44 || a === 49) && ($.y += (H.y > Q ? 1 : -1) * 30));
+    const U = c + g / 2, K = d + f / 2, ie = h + p / 2, Le = u + y / 2;
+    M === "horizontalLine" ? (H.x = $.x, (a === 44 || a === 49) && (H.x += ($.x > ie ? 1 : -1) * 30)) : M === "verticalLine" && (H.y = $.y, (a === 44 || a === 49) && (H.y += ($.y > Le ? 1 : -1) * 30)), k === "horizontalLine" ? ($.x = H.x, (a === 44 || a === 49) && ($.x += (H.x > U ? 1 : -1) * 30)) : k === "verticalLine" && ($.y = H.y, (a === 44 || a === 49) && ($.y += (H.y > K ? 1 : -1) * 30));
     const ve = H.x, me = H.y, ye = $.x, fe = $.y;
     if (Number.isNaN(ve) || Number.isNaN(me))
       throw x("error start point:", e.text), this.throwLineError("F", -10, 0);
@@ -5603,11 +5591,11 @@ class ei extends Zo {
       lineShape: a,
       lineRadius: s.lineRadius || 0,
       fromJunctionPoint: M,
-      toJunctionPoint: R,
+      toJunctionPoint: k,
       fx: ve,
       fy: me,
       fcx: U,
-      fcy: Q,
+      fcy: K,
       f_W: g,
       f_H: f,
       tx: ye,
@@ -5621,7 +5609,7 @@ class ei extends Zo {
   createLinePathData(i) {
     const { lineShape: e } = i;
     let t;
-    return e === j.SimpleOrthogonal ? t = Oo(i, void 0, this._getLineDefaultOptions()) : e === j.StandardOrthogonal ? t = Ro(i, void 0, this._getLineDefaultOptions()) : e === j.HardOrthogonal ? t = ko(i, void 0, this._getLineDefaultOptions()) : e === j.StandardCurve ? t = Mo(i) : e === j.Curve2 || e === j.Curve3 || e === j.Curve5 || e === j.Curve7 ? t = So(i) : e === j.Curve8 ? t = Qo(i) : t = No(i), t;
+    return e === j.SimpleOrthogonal ? t = Oo(i, void 0, this._getLineDefaultOptions()) : e === j.StandardOrthogonal ? t = ko(i, void 0, this._getLineDefaultOptions()) : e === j.HardOrthogonal ? t = Ro(i, void 0, this._getLineDefaultOptions()) : e === j.StandardCurve ? t = Mo(i) : e === j.Curve2 || e === j.Curve3 || e === j.Curve5 || e === j.Curve7 ? t = So(i) : e === j.Curve8 ? t = Ko(i) : t = No(i), t;
   }
   getArrowMarkerId(i, e = !1) {
     let t = i.showStartArrow === !0, n = i.showEndArrow !== !1;
@@ -5758,7 +5746,7 @@ class ni extends ti {
       canvasOpacity: 0.01
     }), this._dataUpdated();
     const e = this.getOptions(), t = this.getNodesRectBox(), n = t.height, o = t.width, s = e.viewSize.width - i * 2, a = t.minX + t.width / 2, l = t.minY + t.height / 2;
-    console.warn("[fitContentHeight]nodesCenter:", a, l), this.dataProvider.setCanvasCenter(a, l);
+    this.dataProvider.setCanvasCenter(a, l);
     const c = Math.min(1, s / o), d = n * c + i * 2;
     this.dataProvider.updateOptions({
       viewSize: {
@@ -5834,12 +5822,12 @@ class oi extends Te {
     w(this, "layoutOptions");
     this.layoutOptions = e, x("new RGTreeLayout:", this.layoutOptions), this.layoutOptions.from || (this.layoutOptions.from = "left"), this.layoutOptions.levelGaps || (this.layoutOptions.levelGaps = []);
     const o = this.layoutOptions.from;
-    console.log("this.layoutOptions.alignItemsX:1:", this.layoutOptions.alignItemsX), o === "top" || o === "bottom" ? (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 10), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 50)) : (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 50), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 10)), o === "top" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "center"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "start"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.layoutOptions.alignItemsX), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.getReverseAlignItems(this.layoutOptions.alignItemsY))) : (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "start"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "start"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.getReverseAlignItems(this.layoutOptions.alignItemsX)), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.layoutOptions.alignItemsY)), console.log("this.layoutOptions.alignItemsX:2:", this.layoutOptions.alignItemsX), this.layoutOptions.ignoreNodeSize === void 0 && (this.layoutOptions.ignoreNodeSize = !1);
+    o === "top" || o === "bottom" ? (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 10), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 50)) : (this.layoutOptions.treeNodeGapH || (this.layoutOptions.treeNodeGapH = 50), this.layoutOptions.treeNodeGapV || (this.layoutOptions.treeNodeGapV = 10)), o === "top" ? (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "center"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "start"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.layoutOptions.alignItemsX), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.getReverseAlignItems(this.layoutOptions.alignItemsY))) : (this.layoutOptions.alignItemsX || (this.layoutOptions.alignItemsX = "start"), this.layoutOptions.alignItemsY || (this.layoutOptions.alignItemsY = "start"), this.layoutOptions.alignParentItemsX || (this.layoutOptions.alignParentItemsX = this.getReverseAlignItems(this.layoutOptions.alignItemsX)), this.layoutOptions.alignParentItemsY || (this.layoutOptions.alignParentItemsY = this.layoutOptions.alignItemsY)), this.layoutOptions.ignoreNodeSize === void 0 && (this.layoutOptions.ignoreNodeSize = !1);
     const s = this.layoutOptions.layoutExpansionDirection, a = s === "start" || s === "left" || s === "top" ? "start" : s === "end" || s === "right" || s === "bottom" ? "end" : "center";
     this.layoutOptions.layoutExpansionDirection = a, this.layoutOptions.treeNodeGapH < 100 && (this.layoutOptions.treeNodeGapH = 100), this.layoutOptions.treeNodeGapV < 10 && (this.layoutOptions.treeNodeGapV = 10), (this.layoutOptions.from === "bottom" || this.layoutOptions.from === "right") && (this.rotate = 180), this.layoutOptions.changeNodeSizeDuringLayout === void 0 && (this.layoutOptions.changeNodeSizeDuringLayout = !1);
   }
   placeNodes(e, t) {
-    if (console.log("tree:placeNodes:rootNode", t.id, t), x("RGTreeLayout:placeNodes"), t)
+    if (x("RGTreeLayout:placeNodes"), t)
       x("layout by root:", t);
     else {
       console.error("root is null");
@@ -5847,20 +5835,18 @@ class oi extends Te {
     }
     x("allNodes:", e.length), this.layoutOptions.alignItemsX, this.layoutOptions.alignItemsY, this.layoutOptions.alignParentItemsX, this.layoutOptions.alignParentItemsY, this.rootNode = t, this.allNodes = e, t.fixed || this.layoutOptions.fixedRootNode || this.updateNodePosition(t, 0, 0), t.lot.x = t.x, t.lot.y = t.y;
     const n = e;
-    x("groupNodes:2:", n.length, n.map((a) => a.text).join(","));
-    const o = this.rotate;
-    console.log("rotate:", o), this.networkAnalyzer.analyzeNetwork(n, this.rootNode, !1), this.placeNodesPosition(t, n);
-    const s = { x: t.x, y: t.y };
-    this.allNodes.forEach((a) => {
-      if (a.fixed !== !0 && !!F.isVisibleNode(a) && (Number.isNaN(a.lot.x) && (x("bad lot x:", a.text, a.lot.x), a.lot.x = 0), Number.isNaN(a.lot.y) && (x("bad lot y:", a.text, a.lot.y), a.lot.y = 0), a !== t)) {
-        this.layoutOptions.from === "right" && (a.lot.x = se.getFlippedX(a.lot.x, s.x)), this.layoutOptions.from === "bottom" && (a.lot.y = se.getFlippedY(a.lot.y, s.y));
-        const l = this.layoutOptions.from === "right" ? F.getNodeXByLotX({ alignItemsX: "end" }, a) : a.lot.x, c = this.layoutOptions.from === "bottom" ? F.getNodeYByLotY({ alignItemsY: "end" }, a) : a.lot.y;
-        this.updateNodePosition(a, l, c);
+    x("groupNodes:2:", n.length, n.map((s) => s.text).join(",")), this.rotate, this.networkAnalyzer.analyzeNetwork(n, this.rootNode, !1), this.placeNodesPosition(t, n);
+    const o = { x: t.x, y: t.y };
+    this.allNodes.forEach((s) => {
+      if (s.fixed !== !0 && !!F.isVisibleNode(s) && (Number.isNaN(s.lot.x) && (x("bad lot x:", s.text, s.lot.x), s.lot.x = 0), Number.isNaN(s.lot.y) && (x("bad lot y:", s.text, s.lot.y), s.lot.y = 0), s !== t)) {
+        this.layoutOptions.from === "right" && (s.lot.x = se.getFlippedX(s.lot.x, o.x)), this.layoutOptions.from === "bottom" && (s.lot.y = se.getFlippedY(s.lot.y, o.y));
+        const a = this.layoutOptions.from === "right" ? F.getNodeXByLotX({ alignItemsX: "end" }, s) : s.lot.x, l = this.layoutOptions.from === "bottom" ? F.getNodeYByLotY({ alignItemsY: "end" }, s) : s.lot.y;
+        this.updateNodePosition(s, a, l);
       }
     });
-    for (const a of this.allNodes)
-      this.graphInstance.updateNode(a, {
-        rgChildrenSize: a.lot.childs.length
+    for (const s of this.allNodes)
+      this.graphInstance.updateNode(s, {
+        rgChildrenSize: s.lot.childs.length
       });
     x("create rootNode coordinates:1", t.x, t.y), this.layoutEnd();
   }
@@ -5876,7 +5862,7 @@ class oi extends Te {
     let a = e.lot.x - e.x, l = e.lot.y - e.y;
     this.layoutOptions.from === "right" && (a += e.lot.width), this.layoutOptions.from === "bottom" && (l += e.lot.height), n.forEach((c) => {
       c.fixed !== !0 && (c.lot.x -= a, c.lot.y -= l);
-    }), console.log("levelMaxWidthMap:", e.id);
+    });
   }
   buildNetwork(e, t, n) {
     n === 0 && t.push(...e);
@@ -5895,7 +5881,6 @@ class oi extends Te {
   reduceNodeRect(e, t, n = !1) {
     let o = this.layoutOptions.treeNodeGapH, s = this.layoutOptions.treeNodeGapV;
     const a = o, l = s, c = e.filter((d) => d.lot.level === t);
-    console.log("reduceNodeRect:level:", t, c.length);
     for (const d of c) {
       if (!F.isVisibleNode(d))
         continue;
@@ -5926,7 +5911,6 @@ class oi extends Te {
     const n = this.layoutOptions.treeNodeGapH, o = this.layoutOptions.treeNodeGapV, s = n, a = o;
     let l = 0;
     const c = e.filter((d) => d.lot.level === t);
-    console.log("placeNodeChildren:level:", t, c.length);
     for (const d of c) {
       l++;
       let h = d.lot.width;
@@ -5956,7 +5940,6 @@ class oi extends Te {
     const n = this.layoutOptions.treeNodeGapH, o = this.layoutOptions.treeNodeGapV, s = n, a = o;
     let l = 0;
     const c = e.filter((d) => d.lot.level === t);
-    console.log("placeNodeChildren:level:", t, c.length);
     for (const d of c) {
       l++;
       let h = d.lot.height;
@@ -6154,7 +6137,7 @@ class si extends ni {
     const n = this.getOptions();
     Jt(e);
     let o = null;
-    if (e.layoutName === "tree" ? o = new Bt(e, n, this) : e.layoutName === "center" ? o = new Ft(e, n, this) : e.layoutName === "circle" ? o = new Gt(e, n, this) : e.layoutName === "force" ? o = new Ue(e, n, this) : e.layoutName === "fixed" ? o = new $t(e, n, this) : e.layoutName === "smart-tree" ? o = new wo(e, n, this) : e.layoutName === "io-tree" ? o = new ii(e, n, this) : e.layoutName === "folder" && (o = new Yt(e, n, this)), !o)
+    if (e.layoutName === "tree" ? o = new Xt(e, n, this) : e.layoutName === "center" ? o = new Ft(e, n, this) : e.layoutName === "circle" ? o = new Gt(e, n, this) : e.layoutName === "force" ? o = new Ue(e, n, this) : e.layoutName === "fixed" ? o = new $t(e, n, this) : e.layoutName === "smart-tree" ? o = new wo(e, n, this) : e.layoutName === "io-tree" ? o = new ii(e, n, this) : e.layoutName === "folder" && (o = new Yt(e, n, this)), !o)
       throw new Error("unknown layout: " + e.layoutName);
     return x("########supportAutoLayout:", o.autoLayout !== void 0, e.disableAsForceLayout), this.setLayoutor(o, t, o.autoLayout !== void 0 && e.disableAsForceLayout !== !0), o;
   }
@@ -6252,9 +6235,9 @@ class di extends si {
       if (!h || s)
         return;
       const f = this.getViewXyByEvent(h), p = this.getCanvasXyByViewXy(f), y = p.x - l.x, v = p.y - l.y;
-      let m = y + c.x, L = v + c.y, _ = m - c.x, T = L - c.y;
-      const O = this.emitEvent(V.onNodeDragging, e, m, L, _, T, h);
-      O && (typeof O.x == "number" && (m = O.x, _ = m - c.x), typeof O.y == "number" && (L = O.y, T = L - c.y)), this.canvasAutoMoving(f), this.draggingSelectedNodes(e, m, L, _, T), this._dataUpdated();
+      let m = y + c.x, C = v + c.y, b = m - c.x, T = C - c.y;
+      const O = this.emitEvent(V.onNodeDragging, e, m, C, b, T, h);
+      O && (typeof O.x == "number" && (m = O.x, b = m - c.x), typeof O.y == "number" && (C = O.y, T = C - c.y)), this.canvasAutoMoving(f), this.draggingSelectedNodes(e, m, C, b, T), this._dataUpdated();
     }, g = () => {
       u(), this._canvasMovingTimer = requestAnimationFrame(g);
     };
@@ -6348,7 +6331,7 @@ class di extends si {
     };
     const a = this.getViewBoundingClientRect();
     x("[CreatingNodePlot]startCreatingNodePlot:");
-    const l = Xe(e), c = l.clientX - a.x + 10, d = l.clientY - a.y + 10;
+    const l = Be(e), c = l.clientX - a.x + 10, d = l.clientY - a.y + 10;
     o || s(c, d);
     const h = (f) => {
       x("[CreatingNodePlot]objectTemplateMove");
@@ -6366,16 +6349,16 @@ class di extends si {
         x("[CreatingNodePlot]action be abort!");
         return;
       }
-      const y = Xe(f), v = y.clientX - a.x + 10, m = y.clientY - a.y + 10;
+      const y = Be(f), v = y.clientX - a.x + 10, m = y.clientY - a.y + 10;
       if (Math.abs(c - v) < 30 && Math.abs(d - m) < 30) {
         x("[CreatingNodePlot]create node be abort!");
         return;
       }
-      const L = this.getCanvasXyByClientXy({
+      const C = this.getCanvasXyByClientXy({
         x: y.clientX,
         y: y.clientY
       });
-      x("[CreatingNodePlot]objectBePlaced:", L), t.onCreateNode(L.x, L.y, this.getOptions().newNodeTemplate), this._dataUpdated();
+      x("[CreatingNodePlot]objectBePlaced:", C), t.onCreateNode(C.x, C.y, this.getOptions().newNodeTemplate), this._dataUpdated();
     };
     setTimeout(() => {
       this.$dom.addEventListener("click", g), this.$dom.addEventListener("contextmenu", u);
@@ -6464,28 +6447,28 @@ class di extends si {
       x("[CreatingLinePlot]content point:", h.dataset.point);
       let g = h.dataset.point || "border";
       if (h.classList.contains("rg-connect-target")) {
-        const { width: f, height: p, x: y, y: v } = h.getBoundingClientRect(), m = this.getCanvasXyByClientXy({ x: y, y: v }), L = this.dataProvider.getCanvasScale(), _ = {
+        const { width: f, height: p, x: y, y: v } = h.getBoundingClientRect(), m = this.getCanvasXyByClientXy({ x: y, y: v }), C = this.dataProvider.getCanvasScale(), b = {
           x: m.x,
           y: m.y,
-          el_W: f / L,
-          el_H: p / L,
+          el_W: f / C,
+          el_H: p / C,
           nodeShape: 1,
           id: h.dataset.targetId,
           targetData: JSON.parse(h.dataset.targetData || "{}"),
           targetType: h.dataset.targetType
         };
-        c = !0, d.x = _.x, d.y = _.y, d.el_W = _.el_W, d.el_H = _.el_H, d.nodeShape = _.nodeShape, console.log("[CreatingLinePlot]fakeNode:", JSON.stringify(_)), this.dataProvider.updateOptions({
+        c = !0, d.x = b.x, d.y = b.y, d.el_W = b.el_W, d.el_H = b.el_H, d.nodeShape = b.nodeShape, this.dataProvider.updateOptions({
           nodeConnectController: {
             ...this.getOptions().nodeConnectController,
-            node: _,
+            node: b,
             show: !1
           }
-        }), g = h.dataset.point, n.newLinkTemplate.toNode && (s = _.id, a = _.targetType, this.dataProvider.updateOptions({
+        }), g = h.dataset.point, n.newLinkTemplate.toNode && (s = b.id, a = b.targetType, this.dataProvider.updateOptions({
           newLinkTemplate: {
             ...this.getOptions().newLinkTemplate,
             toNode: {
               ...this.getOptions().newLinkTemplate.toNode,
-              nodeShape: _.nodeShape
+              nodeShape: b.nodeShape
             }
           }
         })), this._updateEditingConnectControllerView();
@@ -6557,7 +6540,7 @@ class di extends si {
     let n = !1;
     if (!t.newLinkTemplate.toNodeObject) {
       x("[CreatingLinePlot]CreatingLinePlot:toNodeObject not set!");
-      const o = Xe(e), s = this.getCanvasXyByClientXy({
+      const o = Be(e), s = this.getCanvasXyByClientXy({
         x: o.clientX,
         y: o.clientY
       });
@@ -6607,7 +6590,7 @@ class di extends si {
     e.stopPropagation(), e.preventDefault(), this.stopCreatingLinePlot();
     let t = "canvas", n = this.isNode(e.target);
     n ? t = "node" : (n = this.isLine(e.target), n && (t = "line")), x("contextmenu:objectType", t, n);
-    const o = Xe(e), s = this.getCanvasXyByClientXy({
+    const o = Be(e), s = this.getCanvasXyByClientXy({
       x: o.clientX,
       y: o.clientY
     }), a = this.getViewXyByCanvasXy(s);
@@ -6617,7 +6600,7 @@ class di extends si {
     const t = this.getOptions();
     if (e !== void 0 && e === t.fullscreen)
       return;
-    x("fullscreen:newValue:", e), console.log("fullscreen:newValue:", e), e === void 0 && (e = !t.fullscreen);
+    x("fullscreen:newValue:", e), e === void 0 && (e = !t.fullscreen);
     let n = this.$dom;
     t.fullscreenElementXPath && (n = document.querySelector(t.fullscreenElementXPath) || this.$dom), await ai(n, e), this.dataProvider.updateOptions({ fullscreen: e }), this.emitEvent(V.onFullscreen, e), this._dataUpdated();
   }
@@ -6712,11 +6695,11 @@ class di extends si {
           f.preventDefault();
           const v = p[1], m = this.getOptions();
           l || (l = { x: v.clientX, y: v.clientY }, c = m.canvasZoom);
-          const L = { x: y.clientX, y: y.clientY }, _ = { x: v.clientX, y: v.clientY }, T = Math.hypot(l.x - g.x, l.y - g.y), b = Math.hypot(_.x - L.x, _.y - L.y) / T, N = m.mouseWheelSpeed * b, P = c * N;
+          const C = { x: y.clientX, y: y.clientY }, b = { x: v.clientX, y: v.clientY }, T = Math.hypot(l.x - g.x, l.y - g.y), _ = Math.hypot(b.x - C.x, b.y - C.y) / T, N = m.mouseWheelSpeed * _, P = c * N;
           this.setZoom(P, g), this._dataUpdated();
         } else {
-          const v = y.clientX, m = y.clientY, L = v - g.x, _ = m - g.y, T = u.x + L, O = u.y + _;
-          this.onCanvasDragging(T, O, _, L), this._updateEditingControllerView(), this._dataUpdated();
+          const v = y.clientX, m = y.clientY, C = v - g.x, b = m - g.y, T = u.x + C, O = u.y + b;
+          this.onCanvasDragging(T, O, b, C), this._updateEditingControllerView(), this._dataUpdated();
         }
       };
     } else
@@ -7075,8 +7058,8 @@ class hi extends ci {
     if (!a.showReferenceLine)
       return;
     if (!a.editingReferenceLine.show) {
-      const S = Math.abs(o), C = Math.abs(s);
-      S + C > 2 && this.dataProvider.updateOptions({
+      const S = Math.abs(o), L = Math.abs(s);
+      S + L > 2 && this.dataProvider.updateOptions({
         editingReferenceLine: {
           ...a.editingReferenceLine,
           show: !0
@@ -7089,67 +7072,67 @@ class hi extends ci {
       x: h,
       y: f
     });
-    let v = !1, m = !1, L = 0, _ = 0;
+    let v = !1, m = !1, C = 0, b = 0;
     const T = this.getNodes().filter((S) => this._nodeXYMappingBeforeDrag[S.id] ? !1 : Math.abs(S.x - h) < 600 && Math.abs(S.y - f) < 600);
-    T.sort((S, C) => {
-      const A = ke(
+    T.sort((S, L) => {
+      const A = Re(
         h,
         f,
         S.x + S.el_W / 2,
         S.y + S.el_H / 2
-      ), B = ke(
+      ), X = Re(
         h,
         f,
-        C.x + C.el_W / 2,
-        C.y + C.el_H / 2
+        L.x + L.el_W / 2,
+        L.y + L.el_H / 2
       );
-      return A < B ? -1 : 1;
+      return A < X ? -1 : 1;
     });
-    let { v_x: O, v_y: b, v_height: N, h_x: P, h_y: M, h_width: R } = a.editingReferenceLine;
+    let { v_x: O, v_y: _, v_height: N, h_x: P, h_y: M, h_width: k } = a.editingReferenceLine;
     for (const S of T) {
-      const C = S.x, A = S.el_W, B = S.el_H, H = S.x + A / 2, $ = S.x + A, U = S.y, Q = S.y + B / 2, ie = S.y + B, Le = Math.abs(l - C), ve = Math.abs(h - H), me = Math.abs(u - $), ye = Math.abs(g - U), fe = Math.abs(f - Q), Ce = Math.abs(p - ie), ce = 5;
+      const L = S.x, A = S.el_W, X = S.el_H, H = S.x + A / 2, $ = S.x + A, U = S.y, K = S.y + X / 2, ie = S.y + X, Le = Math.abs(l - L), ve = Math.abs(h - H), me = Math.abs(u - $), ye = Math.abs(g - U), fe = Math.abs(f - K), Ce = Math.abs(p - ie), ce = 5;
       if (ve < 800 && fe < 800) {
         if (!m && ve < ce) {
           const J = this.getViewXyByCanvasXy({
             x: H,
-            y: Q
+            y: K
           });
-          O = J.x, b = y.y > J.y ? J.y : y.y, N = Math.round(Math.abs(y.y - J.y)), m = !0, L = H - c / 2;
+          O = J.x, _ = y.y > J.y ? J.y : y.y, N = Math.round(Math.abs(y.y - J.y)), m = !0, C = H - c / 2;
         }
         if (!m && Le < ce) {
           const J = this.getViewXyByCanvasXy({
-            x: C,
-            y: Q
+            x: L,
+            y: K
           });
-          O = J.x, b = y.y > J.y ? J.y : y.y, N = Math.round(Math.abs(y.y - J.y)), m = !0, L = C;
+          O = J.x, _ = y.y > J.y ? J.y : y.y, N = Math.round(Math.abs(y.y - J.y)), m = !0, C = L;
         }
         if (!m && me < ce) {
           const J = this.getViewXyByCanvasXy({
             x: $,
-            y: Q
+            y: K
           });
-          O = J.x, b = y.y > J.y ? J.y : y.y, N = Math.round(Math.abs(y.y - J.y)), m = !0, L = $ - c;
+          O = J.x, _ = y.y > J.y ? J.y : y.y, N = Math.round(Math.abs(y.y - J.y)), m = !0, C = $ - c;
         }
         if (!v && fe < ce) {
           const J = this.getViewXyByCanvasXy({
             x: H,
-            y: Q
+            y: K
           });
-          M = J.y, P = y.x > J.x ? J.x : y.x, R = Math.round(Math.abs(y.x - J.x)), v = !0, _ = Q - d / 2;
+          M = J.y, P = y.x > J.x ? J.x : y.x, k = Math.round(Math.abs(y.x - J.x)), v = !0, b = K - d / 2;
         }
         if (!v && ye < ce) {
           const J = this.getViewXyByCanvasXy({
             x: H,
             y: U
           });
-          M = J.y, P = y.x > J.x ? J.x : y.x, R = Math.round(Math.abs(y.x - J.x)), v = !0, _ = U;
+          M = J.y, P = y.x > J.x ? J.x : y.x, k = Math.round(Math.abs(y.x - J.x)), v = !0, b = U;
         }
         if (!v && Ce < ce) {
           const J = this.getViewXyByCanvasXy({
             x: H,
             y: ie
           });
-          M = J.y, P = y.x > J.x ? J.x : y.x, R = Math.abs(y.x - J.x), v = !0, _ = ie - d;
+          M = J.y, P = y.x > J.x ? J.x : y.x, k = Math.abs(y.x - J.x), v = !0, b = ie - d;
         }
         if (v && m)
           break;
@@ -7159,20 +7142,20 @@ class hi extends ci {
       editingReferenceLine: {
         ...a.editingReferenceLine,
         v_x: O,
-        v_y: b,
+        v_y: _,
         v_height: N,
         h_x: P,
         h_y: M,
-        h_width: R,
+        h_width: k,
         directionH: v,
         directionV: m
       }
     }), a.referenceLineAdsorption)
       return {
         showV: m,
-        fixedX: L,
+        fixedX: C,
         showH: v,
-        fixedY: _
+        fixedY: b
       };
   }
   hideEditingLineView() {
@@ -7214,49 +7197,49 @@ class hi extends ci {
     }
     if (t.lineShape === j.StandardOrthogonal) {
       let {
-        textPosition: _,
+        textPosition: b,
         pathData: T,
         points: O,
-        startDirection: b,
+        startDirection: _,
         endDirection: N
       } = l;
-      a = _, o = O[0], s = O[O.length - 1];
+      a = b, o = O[0], s = O[O.length - 1];
       const P = [];
       for (let M = 0; M < O.length - 1; M++) {
-        const R = O[M], S = O[M + 1], C = {
+        const k = O[M], S = O[M + 1], L = {
           pIndex: M,
           optionName: "cp-" + M,
           x: 0,
           y: 0,
           direction: "v",
-          startDirection: b,
+          startDirection: _,
           endDirection: N
         };
-        R.x !== S.x && (C.direction = "h");
+        k.x !== S.x && (L.direction = "h");
         const A = this.getViewXyByCanvasXy({
-          x: (R.x + S.x) / 2,
-          y: (R.y + S.y) / 2
+          x: (k.x + S.x) / 2,
+          y: (k.y + S.y) / 2
         });
-        C.x = A.x, C.y = A.y, P.push(C);
+        L.x = A.x, L.y = A.y, P.push(L);
       }
       if (P.length !== 1) {
         if (P.length !== 2)
           if (P.length === 3) {
-            const M = O[0], R = O[1], S = O[3];
+            const M = O[0], k = O[1], S = O[3];
             if (P[1].direction === "v") {
-              const C = M.x, A = R.x, B = S.x;
-              if (Math.max(C, A, B) !== A && Math.min(C, A, B) !== A)
+              const L = M.x, A = k.x, X = S.x;
+              if (Math.max(L, A, X) !== A && Math.min(L, A, X) !== A)
                 P[1].optionName = "cx";
               else {
-                const $ = Math.abs(A - C), U = Math.abs(A - B);
+                const $ = Math.abs(A - L), U = Math.abs(A - X);
                 $ >= U ? P[1].optionName = "td" : $ < U && (P[1].optionName = "fd");
               }
             } else {
-              const C = M.y, A = R.y, B = S.y;
-              if (Math.max(C, A, B) !== A && Math.min(C, A, B) !== A)
+              const L = M.y, A = k.y, X = S.y;
+              if (Math.max(L, A, X) !== A && Math.min(L, A, X) !== A)
                 P[1].optionName = "cy";
               else {
-                const $ = Math.abs(A - C), U = Math.abs(A - B);
+                const $ = Math.abs(A - L), U = Math.abs(A - X);
                 $ >= U ? P[1].optionName = "td" : $ < U && (P[1].optionName = "fd");
               }
             }
@@ -7272,36 +7255,36 @@ class hi extends ci {
       });
     } else if (t.lineShape === j.HardOrthogonal) {
       let {
-        textPosition: _,
+        textPosition: b,
         pathData: T,
         points: O,
-        startDirection: b,
+        startDirection: _,
         endDirection: N
       } = l;
-      a = _;
+      a = b;
       const P = [];
       O = t.ctrlPointsFor49, o = O[0], s = O[O.length - 1];
       const M = O;
-      for (let R = 0; R < M.length - 1; R++) {
-        const S = M[R], C = M[R + 1], A = {
-          pIndex: R,
-          optionName: "cp-" + R,
+      for (let k = 0; k < M.length - 1; k++) {
+        const S = M[k], L = M[k + 1], A = {
+          pIndex: k,
+          optionName: "cp-" + k,
           x: 0,
           y: 0,
           direction: "v",
-          startDirection: b,
+          startDirection: _,
           endDirection: N
         };
-        S.x !== C.x ? (A.direction = "h", Math.abs(S.x - C.x) < 15 && (A.hide = !0)) : Math.abs(S.y - C.y) < 15 && (A.hide = !0);
-        const B = this.getViewXyByCanvasXy({
-          x: (S.x + C.x) / 2,
-          y: (S.y + C.y) / 2
+        S.x !== L.x ? (A.direction = "h", Math.abs(S.x - L.x) < 15 && (A.hide = !0)) : Math.abs(S.y - L.y) < 15 && (A.hide = !0);
+        const X = this.getViewXyByCanvasXy({
+          x: (S.x + L.x) / 2,
+          y: (S.y + L.y) / 2
         });
-        A.x = B.x, A.y = B.y, P.push(A);
+        A.x = X.x, A.y = X.y, P.push(A);
       }
-      for (let R = 0; R < P.length; R++) {
-        const S = P[R - 1], C = P[R], A = P[R + 1];
-        R === 0 && C.direction === A.direction && (C.hide = !0), R === P.length - 1 && C.direction === S.direction && (C.hide = !0);
+      for (let k = 0; k < P.length; k++) {
+        const S = P[k - 1], L = P[k], A = P[k + 1];
+        k === 0 && L.direction === A.direction && (L.hide = !0), k === P.length - 1 && L.direction === S.direction && (L.hide = !0);
       }
       this.dataProvider.updateOptions({
         editingLineController: {
@@ -7312,9 +7295,9 @@ class hi extends ci {
       });
     } else if (t.lineShape !== 1) {
       a = l.textPosition;
-      const _ = Ct(l.pathData);
+      const b = Ct(l.pathData);
       let T, O;
-      t.isReverse ? (o = _.endPoint, s = _.startPoint, T = this.getViewXyByCanvasXy(_.ctrl1), O = this.getViewXyByCanvasXy(_.ctrl2)) : (o = _.startPoint, s = _.endPoint, T = this.getViewXyByCanvasXy(_.ctrl1), O = this.getViewXyByCanvasXy(_.ctrl2)), this.dataProvider.updateOptions({
+      t.isReverse ? (o = b.endPoint, s = b.startPoint, T = this.getViewXyByCanvasXy(b.ctrl1), O = this.getViewXyByCanvasXy(b.ctrl2)) : (o = b.startPoint, s = b.endPoint, T = this.getViewXyByCanvasXy(b.ctrl1), O = this.getViewXyByCanvasXy(b.ctrl2)), this.dataProvider.updateOptions({
         editingLineController: {
           ...this.getOptions().editingLineController,
           ctrlPoint1: T,
@@ -7323,7 +7306,7 @@ class hi extends ci {
       });
     } else {
       a = l.textPosition;
-      const _ = l.pathData, T = Ct(_);
+      const b = l.pathData, T = Ct(b);
       o = T.startPoint, s = T.endPoint;
     }
     const c = this.getViewXyByCanvasXy(t.isReverse ? s : o), d = this.getViewXyByCanvasXy(t.isReverse ? o : s);
@@ -7337,22 +7320,22 @@ class hi extends ci {
     const h = this.getViewXyByCanvasXy(a), u = this.$canvasDom.querySelector(`g[data-id='${t.id}']`);
     let g = 0, f = 0, p = t.textOffsetX || 0, y = t.textOffsetY || 0;
     const v = this.dataProvider.getCanvasScale();
-    let m = 20, L = 20;
+    let m = 20, C = 20;
     if (u) {
-      const _ = u.querySelector("text.rg-line-text");
-      if (_) {
-        p = Math.floor(parseFloat(_.getAttribute("x") || "0")), y = Math.floor(parseFloat(_.getAttribute("y") || "0"));
-        const T = _.clientWidth, O = _.clientHeight;
-        m = T, L = O;
+      const b = u.querySelector("text.rg-line-text");
+      if (b) {
+        p = Math.floor(parseFloat(b.getAttribute("x") || "0")), y = Math.floor(parseFloat(b.getAttribute("y") || "0"));
+        const T = b.clientWidth, O = b.clientHeight;
+        m = T, C = O;
       }
     }
-    m += 40, L += 10, m > 120 && (m = 120), L > 20 && (L = 20), this.dataProvider.updateOptions({
+    m += 40, C += 10, m > 120 && (m = 120), C > 20 && (C = 20), this.dataProvider.updateOptions({
       editingLineController: {
         ...this.getOptions().editingLineController,
         text: {
           ...this.getOptions().editingLineController.text,
           width: m,
-          height: L,
+          height: C,
           x: h.x + g + p * v,
           y: h.y + f + y * v
         }
@@ -7370,7 +7353,7 @@ class hi extends ci {
       a = h, l = u;
     }
     let c = a;
-    this.dataProvider.setEditingLine(null), s ? this.removeLine(o) : this.removeFakeLine(o), console.log("DragLine start:", e, o.isReverse);
+    this.dataProvider.setEditingLine(null), s ? this.removeLine(o) : this.removeFakeLine(o);
     let d = !1;
     o.lineShape === j.HardOrthogonal && (o.lineShape = j.StandardOrthogonal), e === "start" ? (o.fromJunctionPointOffsetX = 0, o.fromJunctionPointOffsetY = 0, c = l, d = !0) : (o.toJunctionPointOffsetX = 0, o.toJunctionPointOffsetY = 0), this.startCreatingLinePlot(t, {
       template: o,
@@ -7409,7 +7392,6 @@ class hi extends ci {
     const s = this.getOptions();
     if (!s.creatingLinePlot || Date.now() - this._startCreateLineFromNodeTime < 500)
       return;
-    console.log("Connect end:isReverse:", s.newLineTemplate.isReverse);
     const a = s.nodeConnectController.node;
     let {
       toJunctionPoint: l,
@@ -7473,9 +7455,7 @@ class hi extends ci {
   startMoveLineText(e, t) {
     if (Ge(e))
       return;
-    const n = this.getViewXyByEvent(e), s = this.getOptions().editingLineController.line;
-    console.log("startMoveLineText:", s.id);
-    const a = s.textOffsetX || 0, l = s.textOffsetY || 0;
+    const n = this.getViewXyByEvent(e), s = this.getOptions().editingLineController.line, a = s.textOffsetX || 0, l = s.textOffsetY || 0;
     let c = !1;
     const d = (u) => {
       const g = this.dataProvider.getCanvasScale(), f = this.getViewXyByEvent(u), p = f.x - n.x, y = f.y - n.y;
@@ -7491,7 +7471,7 @@ class hi extends ci {
     let l = a.ctrlPoints || [];
     l.length === 0 && (l.push({ x: 0, y: 0 }), l.push({ x: 0, y: 0 })), this.dataProvider.updateLine(a.id, {
       ctrlPoints: l
-    }), console.log("startMoveLine6CtrlPoint:line:", a), l = a.ctrlPoints, a.isReverse && (e = l.length - 1 - e);
+    }), l = a.ctrlPoints, a.isReverse && (e = l.length - 1 - e);
     const c = this.dataProvider.getCanvasScale(), d = l[e], { x: h, y: u } = d, g = () => {
       n(a), this._dataUpdated();
     };
@@ -7504,7 +7484,6 @@ class hi extends ci {
   startMoveLine44CtrlPoint(e, t, n) {
     t.stopPropagation(), t.preventDefault();
     const s = this.getOptions().editingLineController, a = s.line;
-    console.log("startMoveLine44CtrlPoint:", a == null ? void 0 : a.lineShape, e.optionName);
     let l = a.ctrlOptionsFor44;
     l || (l = { cx: 0, cy: 0, fd: 0, td: 0 }, this.dataProvider.updateLine(a.id, {
       ctrlOptionsFor44: l
@@ -7512,7 +7491,6 @@ class hi extends ci {
     const c = l[e.optionName], d = { indexOffset: 0 };
     let h = a.ctrlPointsFor49 ? JSON.parse(JSON.stringify(a.ctrlPointsFor49)) : null;
     const u = (f, p) => {
-      console.log("lineSplitCtrlMoving:", a == null ? void 0 : a.lineShape, e.optionName);
       const y = this.dataProvider.getCanvasScale();
       if (a.lineShape === j.StandardOrthogonal) {
         if (e.optionName === "cx") {
@@ -7526,18 +7504,18 @@ class hi extends ci {
             ctrlOptionsFor44: l
           });
         } else if (e.optionName === "fd") {
-          const v = Ke[e.startDirection], m = e.direction === "v" ? f * v.x : p * v.y;
+          const v = Qe[e.startDirection], m = e.direction === "v" ? f * v.x : p * v.y;
           l.fd = c + m / y, this.dataProvider.updateLine(a.id, {
             ctrlOptionsFor44: l
           });
         } else if (e.optionName === "td") {
-          const v = Ke[e.endDirection], m = e.direction === "v" ? f * v.x : p * v.y;
+          const v = Qe[e.endDirection], m = e.direction === "v" ? f * v.x : p * v.y;
           l.td = c + m / y, this.dataProvider.updateLine(a.id, {
             ctrlOptionsFor44: l
           });
         } else if (e.direction === "v" && Math.abs(f) > 5 || e.direction === "h" && Math.abs(p) > 5) {
           const v = s.line49Points;
-          h = JSON.parse(JSON.stringify(v)), console.log(":startCtrlPointsFor49:::", h), this.dataProvider.updateLine(a.id, {
+          h = JSON.parse(JSON.stringify(v)), this.dataProvider.updateLine(a.id, {
             ctrlPointsFor49: h
           }), this.dataProvider.updateLine(a.id, {
             lineShape: j.HardOrthogonal
@@ -7559,7 +7537,7 @@ class hi extends ci {
       }
     }, g = () => {
       if (a.lineShape === j.HardOrthogonal) {
-        const f = Qe(a.ctrlPointsFor49);
+        const f = Ke(a.ctrlPointsFor49);
         this.dataProvider.updateLine(a.id, {
           ctrlPointsFor49: f
         });
@@ -7575,14 +7553,14 @@ class hi extends ci {
       this.onLineVertexBeDropped(e, t, void 0, o);
       return;
     }
-    const s = Xe(t), a = n.getBoundingClientRect(), l = { x: a.left, y: a.top + a.height / 2 }, c = { x: a.left + a.width / 2, y: a.top }, d = { x: a.left + a.width, y: a.top + a.height / 2 }, h = { x: a.left + a.width / 2, y: a.top + a.height };
+    const s = Be(t), a = n.getBoundingClientRect(), l = { x: a.left, y: a.top + a.height / 2 }, c = { x: a.left + a.width / 2, y: a.top }, d = { x: a.left + a.width, y: a.top + a.height / 2 }, h = { x: a.left + a.width / 2, y: a.top + a.height };
     let u = _e.left;
     const g = { x: 0, y: 0 };
     if (e)
       u = e, u === _e.top || u === _e.bottom ? g.x = s.clientX - h.x : u === _e.right ? g.y = s.clientY - d.y : g.y = s.clientY - l.y;
     else {
-      const p = ke(s.clientX, s.clientY, l.x, l.y), y = ke(s.clientX, s.clientY, c.x, c.y), v = ke(s.clientX, s.clientY, d.x, d.y), m = ke(s.clientX, s.clientY, h.x, h.y), L = Math.min(p, y, v, m);
-      L === p ? (u = _e.left, g.x = s.clientX - l.x, g.y = s.clientY - l.y) : L === y ? (u = _e.top, g.x = s.clientX - c.x, g.y = s.clientY - c.y) : L === v ? (u = _e.right, g.x = s.clientX - d.x, g.y = s.clientY - d.y) : L === m && (u = _e.bottom, g.x = s.clientX - h.x, g.y = s.clientY - h.y);
+      const p = Re(s.clientX, s.clientY, l.x, l.y), y = Re(s.clientX, s.clientY, c.x, c.y), v = Re(s.clientX, s.clientY, d.x, d.y), m = Re(s.clientX, s.clientY, h.x, h.y), C = Math.min(p, y, v, m);
+      C === p ? (u = _e.left, g.x = s.clientX - l.x, g.y = s.clientY - l.y) : C === y ? (u = _e.top, g.x = s.clientX - c.x, g.y = s.clientY - c.y) : C === v ? (u = _e.right, g.x = s.clientX - d.x, g.y = s.clientY - d.y) : C === m && (u = _e.bottom, g.x = s.clientX - h.x, g.y = s.clientY - h.y);
     }
     const f = this.dataProvider.getCanvasScale();
     g.x = g.x / f, g.y = g.y / f, x("onMouseUpWithOffset:", e, g), this.onLineVertexBeDropped(u, t, g, o);
@@ -7628,8 +7606,8 @@ class ui extends hi {
     for (const m of this.getNodes())
       if (m.rgCalcedVisibility && m.opacity !== 0) {
         m.x < e && (e = m.x), m.y < t && (t = m.y);
-        const L = m.x + m.el_W, _ = m.y + m.el_H;
-        L > n && (n = L), _ > o && (o = _), s++;
+        const C = m.x + m.el_W, b = m.y + m.el_H;
+        C > n && (n = C), b > o && (o = b), s++;
       }
     const a = 1, l = 50, c = 50;
     s === 0 ? (this.miniViewBox.canvas_start_x = -100 - l, this.miniViewBox.canvas_start_y = -100 - c, this.miniViewBox.canvas_end_x = 100 + l, this.miniViewBox.canvas_end_y = 100 + c, this.miniViewBox.canvas_width = this.miniViewBox.canvas_end_x - this.miniViewBox.canvas_start_x, this.miniViewBox.canvas_height = this.miniViewBox.canvas_end_y - this.miniViewBox.canvas_start_y) : (this.miniViewBox.canvas_start_x = e - l, this.miniViewBox.canvas_start_y = t - c, this.miniViewBox.canvas_end_x = n + l, this.miniViewBox.canvas_end_y = o + c, this.miniViewBox.canvas_width = this.miniViewBox.canvas_end_x - this.miniViewBox.canvas_start_x, this.miniViewBox.canvas_height = this.miniViewBox.canvas_end_y - this.miniViewBox.canvas_start_y);
@@ -7647,9 +7625,10 @@ class ui extends hi {
     this.miniViewBox.visibleAreaStart = e, this.miniViewBox.visibleAreaEnd = n;
     const l = o * s, c = o * a, d = e.x - this.miniViewBox.canvas_start_x, h = e.y - this.miniViewBox.canvas_start_y, u = o * d, g = o * h;
     let f = !1;
-    (u + l < 0 || g + c < 0 || g > this.miniViewBox.miniview_height || u > this.miniViewBox.miniview_width) && (f = !0), this.dataProvider.updateOptions({
+    (u + l < 0 || g + c < 0 || g > this.miniViewBox.miniview_height || u > this.miniViewBox.miniview_width) && (f = !0);
+    const p = this.getOptions().miniViewVisibleHandle;
+    (p.emptyContent !== f || p.width !== l || p.height !== c || p.x !== l || p.y !== c) && this.dataProvider.updateOptions({
       miniViewVisibleHandle: {
-        ...this.getOptions().miniViewVisibleHandle,
         emptyContent: f,
         width: l,
         height: c,
@@ -7722,10 +7701,10 @@ class ui extends hi {
     });
   }
   onVisibleViewHandleDragStart(e) {
-    e.preventDefault(), e.stopPropagation(), console.log("onVisibleViewHandleDragStart:");
+    e.preventDefault(), e.stopPropagation();
     const t = this.getOptions(), n = t.canvasOffset.x, o = t.canvasOffset.y, s = this.miniViewBox.canvas_width, a = this.miniViewBox.canvas_height, l = () => {
       const f = u / this.miniViewBox.miniview_width, p = g / this.miniViewBox.miniview_height, y = this.dataProvider.getCanvasScale(), v = s * f * y, m = a * p * y;
-      console.log("setCanvasOffset:buff:", u, g), this.dataProvider.setCanvasOffset(n - v, o - m), this._updateEditingControllerView(), this.updateMiniViewVisibleArea(), this.updateShouldRenderGraphData(), this.dataProvider.dataUpdated();
+      this.dataProvider.setCanvasOffset(n - v, o - m), this._updateEditingControllerView(), this.updateMiniViewVisibleArea(), this.updateShouldRenderGraphData(), this.dataProvider.dataUpdated();
     };
     let c;
     const d = (f, p, y) => {
@@ -7733,7 +7712,7 @@ class ui extends hi {
     };
     let h = !1, u = 0, g = 0;
     Oe.startDrag(e, { x: 0, y: 0 }, d, (f, p) => {
-      u = f, g = p, console.log("onVisibleViewHandleDragStart:move:", f, p), !h && Math.abs(f) + Math.abs(p) > 3 && (console.log("onVisibleViewHandleDragStart:start"), h = !0, c = setInterval(() => {
+      u = f, g = p, !h && Math.abs(f) + Math.abs(p) > 3 && (h = !0, c = setInterval(() => {
         l();
       }, 50));
     });
@@ -7861,7 +7840,7 @@ class pi extends fi {
     const t = this.$canvasDom.parentElement.querySelector(".rg-canvas-slot-behind");
     if (t)
       this.mutationObserver4CanvasSlotBehind = new MutationObserver((o) => {
-        console.warn("MutationObserver:updateConnectTargetsOnCanvas:mutations:", o), this.updateConnectTargetsOnCanvas("CanvasBehind-Mutation", t);
+        this.updateConnectTargetsOnCanvas("CanvasBehind-Mutation", t);
       }), this.mutationObserver4CanvasSlotBehind.observe(t, {
         childList: !0,
         subtree: !0,
@@ -7990,10 +7969,10 @@ class gi extends pi {
       const a = Ze(s);
       a && i.push(a);
     }), this.getLines().forEach((s) => {
-      const a = Be(s);
+      const a = Xe(s);
       a && e.push(a);
     }), this.getFakeLines().forEach((s) => {
-      const a = Be(s);
+      const a = Xe(s);
       a && t.push(a);
     });
     const n = {
@@ -8010,7 +7989,7 @@ class gi extends pi {
     return gt(i);
   }
   transRGLineToJsonObject(i) {
-    return Be(i);
+    return Xe(i);
   }
   getGraphJsonOptions() {
     const i = {}, e = [
@@ -8043,12 +8022,10 @@ class gi extends pi {
     this._clearGraph(), this._dataUpdated();
   }
   printOptions() {
-    const i = this.getGraphJsonOptions();
-    console.log("options:", i), console.log("options-json-string:"), console.log(JSON.stringify(i));
+    this.getGraphJsonOptions();
   }
   printData() {
-    const i = this.getGraphJsonData();
-    console.log("data:", i), console.log("data-json-string:"), console.log(JSON.stringify(i));
+    this.getGraphJsonData();
   }
   printGraphJsonData() {
     this.printOptions(), this.printData();
@@ -8070,13 +8047,12 @@ class yi extends gi {
   }
 }
 function jt(r, i = !1) {
-  console.log("No parent RGProvider found, creating new graphInstance", i);
   const e = Pt(r ? Reflect.construct(r, []) : new yi());
   return e._rgAsConnectArea = i, e;
 }
 function qt(r, i = !1) {
   const e = ut(qe, null);
-  return e ? (console.log("Use existing graphInstance from parent RGProvider"), e.graphInstance) : jt(r, i);
+  return e ? e.graphInstance : jt(r, i);
 }
 const rt = (r) => ({
   get value() {
@@ -8094,7 +8070,6 @@ function vt(r) {
     },
     setup(i, { slots: e }) {
       if (!ut(qe, null)) {
-        console.error("RGDataProvider");
         const n = ee({
           rootNode: void 0,
           nodes: [],
@@ -8135,12 +8110,11 @@ function vt(r) {
           runtimeDATA4NodeMap: u.value,
           runtimeDATA4LinkMap: g.value,
           runtimeDATA4ShouldRenderItems: s.value
-        }, (O, b, N) => {
-          O[b] = Pt(N);
-        }), r.setOptions(i.options || {}), console.log("Providing new graphInstance on RelationGraph component", T.optionsRef.value), sn(qe, { graphInstance: r });
+        }, (O, _, N) => {
+          O[_] = Pt(N);
+        }), r.setOptions(i.options || {}), sn(qe, { graphInstance: r });
       }
       return ae(() => {
-        console.error("RGDataProvider mounted");
       }), () => e.default ? e.default() : null;
     }
   });
@@ -8177,7 +8151,7 @@ const Zt = {
   onForceLayoutFinish: () => !0,
   beforeScrollStart: (r, i, e) => !0
 };
-function Kt({ relationGraphCore: r } = {}) {
+function Qt({ relationGraphCore: r } = {}) {
   const i = qt(r), e = vt(i);
   return {
     RelationGraph: G({
@@ -8198,15 +8172,15 @@ function Kt({ relationGraphCore: r } = {}) {
       },
       emits: Zt,
       setup(t, { slots: n, emit: o }) {
-        return console.error("RelationGraph:props:", n), ae(() => {
+        return ae(() => {
           const s = t.emitProxy || o;
           i.setEventEmitHook((a, ...l) => {
             s(a, ...l);
-          }), Rt("Vue3"), t.options && i.setOptions(t.options || {}), i.ready(), t.initialData && i.applyInitialData(t.initialData);
-        }), Ee(() => {
+          }), kt("Vue3"), t.options && i.setOptions(t.options || {}), i.ready(), t.initialData && i.applyInitialData(t.initialData);
+        }), De(() => {
           i.beforeUnmount();
-        }), () => De(e, { options: t.options }, {
-          default: () => De(no, t, n)
+        }), () => Ee(e, { options: t.options }, {
+          default: () => Ee(no, t, n)
         });
       }
     }),
@@ -8479,7 +8453,7 @@ https://www.relation-graph.com/docs.'
   },
   emits: Zt,
   setup(r, { slots: i, emit: e, expose: t, attrs: n }) {
-    const { RelationGraph: o, graphInstance: s } = Kt({
+    const { RelationGraph: o, graphInstance: s } = Qt({
       relationGraphCore: r.relationGraphCore
     });
     if (i["graph-plug"])
@@ -8498,7 +8472,7 @@ https://www.relation-graph.com/docs.'
       async setJsonData() {
         throw new Error(Nt.setJsonData);
       }
-    }), () => De(o, {
+    }), () => Ee(o, {
       options: r.options,
       initialData: r.initialData,
       emitProxy: e
@@ -8512,7 +8486,7 @@ https://www.relation-graph.com/docs.'
 }, _i = /* @__PURE__ */ G({
   __name: "RelationLinkerCanvas",
   setup(r) {
-    const i = ee(), e = W(), t = E(() => e.dataStores.optionsRef.value), n = E(() => ({
+    const i = ee(), e = W(), t = D(() => e.dataStores.optionsRef.value), n = D(() => ({
       "background-color": "transparent",
       "text-wrap": "unset",
       position: "relative",
@@ -8521,8 +8495,8 @@ https://www.relation-graph.com/docs.'
     }));
     return ae(() => {
       x("[RGCanvas mounted]"), e.setCanvasDom(i.value);
-    }), (o, s) => (k(), D("div", {
-      class: K(["rg-map", [
+    }), (o, s) => (R(), E("div", {
+      class: Q(["rg-map", [
         t.value.canvasOpacity === 1 && "rg-map-ready"
       ]])
     }, [
@@ -8531,7 +8505,7 @@ https://www.relation-graph.com/docs.'
         class: "rg-map-canvas rg-canvas-behind"
       }, [
         I("div", wi, [
-          X(o.$slots, "canvas-behind")
+          B(o.$slots, "canvas-behind")
         ])
       ], 4),
       I("div", {
@@ -8551,7 +8525,7 @@ https://www.relation-graph.com/docs.'
           "graph-instance-id": t.value.instanceId
         }, {
           line: ne((a) => [
-            X(o.$slots, "line", le(de(a)))
+            B(o.$slots, "line", le(de(a)))
           ]),
           _: 3
         }, 8, ["show-easy-view", "creating-line", "default-expand-holder-position", "draggingNodeId", "checkedNodeId", "defaultLineTextOnPath", "checked-line-id", "graph-instance-id"])
@@ -8561,19 +8535,19 @@ https://www.relation-graph.com/docs.'
 }), bi = ["id"], Ni = { class: "rg-graph-plugs" }, Oi = { class: "rg-view-slot" }, Pi = /* @__PURE__ */ G({
   __name: "RelationLinkerUI",
   setup(r) {
-    const i = W(), e = ee(), t = E(() => i.dataStores.optionsRef.value), n = ee(!1);
+    const i = W(), e = ee(), t = D(() => i.dataStores.optionsRef.value), n = ee(!1);
     return ae(() => {
       i.setDom(e.value), n.value = !0;
-    }), Ee(() => {
+    }), De(() => {
       i.beforeUnmount();
     }), (o, s) => {
       var a, l, c, d, h, u, g, f, p;
-      return k(), D("div", {
+      return R(), E("div", {
         ref_key: "relationGraphRef$",
         ref: e,
         id: "relation-graph-ins-" + ((a = t.value) == null ? void 0 : a.instanceId),
         tabindex: "1",
-        class: K([
+        class: Q([
           "relation-graph",
           t.value && t.value.creatingLinePlot ? "rg-creating-line" : ""
         ]),
@@ -8591,20 +8565,20 @@ https://www.relation-graph.com/docs.'
           "--rg-line-width": ((p = t.value) == null ? void 0 : p.defaultLineWidth) + "px"
         })
       }, [
-        t.value && n.value ? (k(), D(xe, { key: 0 }, [
+        t.value && n.value ? (R(), E(xe, { key: 0 }, [
           oe(_i, null, {
             line: ne((y) => [
-              X(o.$slots, "line", le(de(y)))
+              B(o.$slots, "line", le(de(y)))
             ]),
             "canvas-behind": ne(() => [
-              X(o.$slots, "default")
+              B(o.$slots, "default")
             ]),
             _: 3
           }),
           oe(zt),
           I("div", Ni, [
             I("div", Oi, [
-              X(o.$slots, "view")
+              B(o.$slots, "view")
             ])
           ])
         ], 64)) : Y("", !0)
@@ -8627,7 +8601,7 @@ function Ti(r, { options: i, emitProxy: e }) {
         o(a, ...l);
       });
       const s = async (a) => {
-        a && (r.clearGraph(), r.addFakeLines(a), console.error("applyReactiveData:", a));
+        a && (r.clearGraph(), r.addFakeLines(a));
       };
       return lt(
         () => t.lines,
@@ -8636,14 +8610,14 @@ function Ti(r, { options: i, emitProxy: e }) {
         },
         { deep: !0 }
       ), ae(() => {
-        Rt("Vue-Linker"), r.ready(), console.error("RelationLinkerUIFrame mounted, data:", t), console.error("RelationLinkerUIFrame mounted, lines:", t.lines), t.lines && s(t.lines);
-      }), Ee(() => {
+        kt("Vue-Linker"), r.ready(), t.lines && s(t.lines);
+      }), De(() => {
         r.beforeUnmount();
-      }), () => De(Pi, {}, n);
+      }), () => Ee(Pi, {}, n);
     }
   });
 }
-function Ri({ relationGraphCore: r, options: i, emitProxy: e } = {}) {
+function ki({ relationGraphCore: r, options: i, emitProxy: e } = {}) {
   const t = qt(r, !0), n = vt(t), o = Ti(t, {
     options: i,
     emitProxy: e
@@ -8656,10 +8630,9 @@ function Ri({ relationGraphCore: r, options: i, emitProxy: e } = {}) {
       }
     },
     setup(a, { attrs: l, slots: c }) {
-      return console.error("RelationLinker", a), ae(() => {
-        console.error("RelationLinker mounted", a);
-      }), () => De(n, {}, {
-        default: () => De(o, a, c)
+      return ae(() => {
+      }), () => Ee(n, {}, {
+        default: () => Ee(o, a, c)
       });
     }
   });
@@ -8670,7 +8643,7 @@ function Ri({ relationGraphCore: r, options: i, emitProxy: e } = {}) {
     graphInstance: t
   };
 }
-const ki = /* @__PURE__ */ G({
+const Ri = /* @__PURE__ */ G({
   __name: "RelationLinker",
   props: {
     options: {},
@@ -8679,22 +8652,22 @@ const ki = /* @__PURE__ */ G({
   },
   emits: ["onReady", "onNodeClick", "onNodeExpand", "onNodeCollapse", "onLineClick", "onNodeDragStart", "onNodeDragEnd", "onNodeDragging", "onCanvasDragEnd", "onCanvasDragging", "onContextmenu", "onFullscreen", "onCanvasClick", "onCanvasSelectionEnd", "beforeZoomStart", "onZoomEnd", "onViewResize", "onResizeStart", "beforeNodeResize", "onResizeEnd", "onLineVertexDropped", "beforeCreateLine", "onLineBeCreated", "beforeAddNodes", "beforeAddLines", "onKeyboardDown", "onKeyboardUp", "onCanvasDragStart", "onForceLayoutFinish", "beforeScrollStart"],
   setup(r, { emit: i }) {
-    const e = r, t = i, { RelationLinker: n } = Ri({
+    const e = r, t = i, { RelationLinker: n } = ki({
       options: e.options,
       relationGraphCore: e.relationGraphCore,
       emitProxy: t
     });
-    return console.error("lines:", e.lines), (o, s) => (k(), re(Me(n), {
+    return (o, s) => (R(), re(Me(n), {
       lines: e.lines
     }, {
       view: ne(() => [
-        X(o.$slots, "view")
+        B(o.$slots, "view")
       ]),
       line: ne((a) => [
-        X(o.$slots, "line", le(de(a)))
+        B(o.$slots, "line", le(de(a)))
       ]),
       default: ne(() => [
-        X(o.$slots, "default")
+        B(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["lines"]));
@@ -8707,27 +8680,27 @@ const ki = /* @__PURE__ */ G({
   },
   setup(r) {
     const i = r, e = jt(i.relationGraphCore, i.forLinker), t = vt(e);
-    return (n, o) => (k(), re(Me(t), null, {
+    return (n, o) => (R(), re(Me(t), null, {
       default: ne(() => [
-        X(n.$slots, "default")
+        B(n.$slots, "default")
       ]),
       _: 3
     }));
   }
-}), Si = ["data-id"], Ii = { class: "rg-node-text" }, Di = /* @__PURE__ */ G({
+}), Si = ["data-id"], Ii = { class: "rg-node-text" }, Ei = /* @__PURE__ */ G({
   __name: "RGFakeNode",
   props: {
     node: {}
   },
   setup(r) {
-    const i = r, e = ee(), t = W(), n = E(() => t.dataStores.optionsRef.value), o = E(() => i.node.borderColor), s = E(() => n.value.draggingNodeId === i.node.id), a = E(() => i.node.borderWidth === void 0 ? void 0 : i.node.borderWidth + "px"), l = E(() => i.node.width ? i.node.width + "px" : void 0), c = E(() => i.node.height ? i.node.height + "px" : void 0), d = (h) => {
+    const i = r, e = ee(), t = W(), n = D(() => t.dataStores.optionsRef.value), o = D(() => i.node.borderColor), s = D(() => n.value.draggingNodeId === i.node.id), a = D(() => i.node.borderWidth === void 0 ? void 0 : i.node.borderWidth + "px"), l = D(() => i.node.width ? i.node.width + "px" : void 0), c = D(() => i.node.height ? i.node.height + "px" : void 0), d = (h) => {
       t.onNodeDragStart(i.node, h);
     };
     return ae(() => {
       t.addNodeResizeListener(e.value, i.node);
-    }), Ee(() => {
+    }), De(() => {
       t.removeNodeResizeListener(e.value);
-    }), (h, u) => (k(), D("div", {
+    }), (h, u) => (R(), E("div", {
       ref_key: "nodePeelRef",
       ref: e,
       style: te({
@@ -8745,7 +8718,7 @@ const ki = /* @__PURE__ */ G({
         "--rg-node-border-radius": h.node.borderRadius && h.node.borderRadius + "px",
         "--rg-node-border-color": o.value
       }),
-      class: K(["rg-node-peel", [
+      class: Q(["rg-node-peel", [
         h.node.selected && "rg-node-selected",
         s.value && "rg-node-dragging",
         h.node.id === n.value.checkedNodeId && "rg-node-checked",
@@ -8760,7 +8733,7 @@ const ki = /* @__PURE__ */ G({
         onMousedown: u[0] || (u[0] = ge((g) => d(g), ["left", "stop"])),
         onTouchstart: u[1] || (u[1] = ge((g) => d(g), ["stop"]))
       }, [
-        X(h.$slots, "default", {}, () => [
+        B(h.$slots, "default", {}, () => [
           I("div", Ii, [
             I("span", null, ue(h.node.text), 1)
           ])
@@ -8768,10 +8741,10 @@ const ki = /* @__PURE__ */ G({
       ], 32)
     ], 14, Si));
   }
-}), Ei = { class: "c-debug-tools-row" }, Ai = /* @__PURE__ */ G({
+}), Di = { class: "c-debug-tools-row" }, Ai = /* @__PURE__ */ G({
   __name: "RGDebugView",
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value), t = ee(!1), n = () => {
+    const i = W(), e = D(() => i.dataStores.optionsRef.value), t = ee(!1), n = () => {
       t.value = !t.value;
     }, o = () => {
       i.printOptions();
@@ -8780,14 +8753,14 @@ const ki = /* @__PURE__ */ G({
     }, a = () => {
       i.enableDebugLog(!i.options.debug), x("debugLog:", i.options.debug);
     };
-    return (l, c) => (k(), D("div", null, [
+    return (l, c) => (R(), E("div", null, [
       I("div", {
-        class: K([[], "rg-setting-panel-button"]),
+        class: Q([[], "rg-setting-panel-button"]),
         onClick: n
       }, " Debug "),
-      t.value ? (k(), D("div", {
+      t.value ? (R(), E("div", {
         key: 0,
-        class: K([[], "rg-setting-panel"])
+        class: Q([[], "rg-setting-panel"])
       }, [
         I("div", { class: "c-debug-tools-row" }, [
           I("button", { onClick: o }, "print options in console")
@@ -8795,11 +8768,11 @@ const ki = /* @__PURE__ */ G({
         I("div", { class: "c-debug-tools-row" }, [
           I("button", { onClick: s }, "print json data in console")
         ]),
-        I("div", Ei, [
+        I("div", Di, [
           Ot("debug log status: " + ue(e.value.debug) + " ", 1),
           I("button", { onClick: a }, ue(e.value.debug ? "disable" : "enable") + " debug log", 1)
         ]),
-        X(l.$slots, "default")
+        B(l.$slots, "default")
       ])) : Y("", !0)
     ]));
   }
@@ -8811,7 +8784,7 @@ const ki = /* @__PURE__ */ G({
     positionV: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value);
+    const i = W(), e = D(() => i.dataStores.optionsRef.value);
     ae(() => {
     });
     const t = () => {
@@ -8827,8 +8800,8 @@ const ki = /* @__PURE__ */ G({
     }, a = () => {
       i.fullscreen();
     };
-    return (l, c) => (k(), D("div", {
-      class: K(["rg-toolbar", [
+    return (l, c) => (R(), E("div", {
+      class: Q(["rg-toolbar", [
         "rg-toolbar-h-" + (l.positionH || e.value.toolBarPositionH),
         "rg-toolbar-v-" + (l.positionV || e.value.toolBarPositionV),
         "rg-toolbar-" + (l.direction || e.value.toolBarDirection)
@@ -8858,17 +8831,17 @@ const ki = /* @__PURE__ */ G({
       }, [
         oe(he, { "icon-name": "icon-suoxiao" })
       ]),
-      e.value.layout.supportAutoLayout ? (k(), D("div", {
+      e.value.layout.supportAutoLayout ? (R(), E("div", {
         key: 0,
         title: e.value.layout.autoLayouting ? "\u70B9\u51FB\u505C\u6B62\u81EA\u52A8\u5E03\u5C40" : "\u70B9\u51FB\u5F00\u59CB\u81EA\u52A8\u8C03\u6574\u5E03\u5C40",
-        class: K([{ "rg-mb-button-on": e.value.layout.autoLayouting }, "rg-mb-button"]),
+        class: Q([{ "rg-mb-button-on": e.value.layout.autoLayouting }, "rg-mb-button"]),
         onClick: n
       }, [
-        e.value.layout.autoLayouting ? (k(), re(he, {
+        e.value.layout.autoLayouting ? (R(), re(he, {
           key: 1,
           "icon-name": "icon-lianjiezhong",
           "class-name": "rg-loading-icon"
-        })) : (k(), re(he, {
+        })) : (R(), re(he, {
           key: 0,
           "icon-name": "icon-zidong"
         }))
@@ -8879,11 +8852,11 @@ const ki = /* @__PURE__ */ G({
       }, [
         oe(he, { "icon-name": "icon-ico_reset" })
       ]),
-      X(l.$slots, "default"),
+      B(l.$slots, "default"),
       c[3] || (c[3] = I("div", { style: { clear: "both" } }, null, -1))
     ], 2));
   }
-}), Xi = /* @__PURE__ */ G({
+}), Bi = /* @__PURE__ */ G({
   __name: "GraphBackground",
   props: {
     forImage: { type: Boolean, default: !0 },
@@ -8891,23 +8864,23 @@ const ki = /* @__PURE__ */ G({
   },
   setup(r) {
     const i = W(), e = r;
-    E(() => i.dataStores.optionsRef.value);
+    D(() => i.dataStores.optionsRef.value);
     const t = ee();
     return ae(() => {
       i.setBackgroundDom(t.value, e.forImage, e.forDisplay);
     }), He(() => {
       i.setBackgroundDom(null, e.forImage, e.forDisplay);
-    }), (n, o) => Se((k(), D("div", {
+    }), (n, o) => Se((R(), E("div", {
       class: "rg-background",
       ref_key: "$backgroundRef",
       ref: t
     }, [
-      X(n.$slots, "default")
+      B(n.$slots, "default")
     ], 512)), [
       [Ie, n.forDisplay !== !1]
     ]);
   }
-}), Bi = /* @__PURE__ */ G({
+}), Xi = /* @__PURE__ */ G({
   __name: "GraphWatermark",
   props: {
     forImage: { type: Boolean, default: !0 },
@@ -8917,7 +8890,7 @@ const ki = /* @__PURE__ */ G({
     height: {}
   },
   setup(r) {
-    const i = W(), e = r, t = E(() => i.dataStores.optionsRef.value), n = E(() => {
+    const i = W(), e = r, t = D(() => i.dataStores.optionsRef.value), n = D(() => {
       let s = !1;
       return t.value.snapshotting ? e.forImage === !1 ? s = !1 : s = !0 : e.forDisplay === !0 ? s = !0 : s = !1, s;
     }), o = ee();
@@ -8925,8 +8898,8 @@ const ki = /* @__PURE__ */ G({
       i.setWatermarkDom(o.value, e.forImage, e.forDisplay, e.position);
     }), He(() => {
       i.setWatermarkDom(null, e.forImage, e.forDisplay);
-    }), (s, a) => Se((k(), D("div", {
-      class: K(["rg-watermark", ["rg-watermark-" + (s.position || "br")]]),
+    }), (s, a) => Se((R(), E("div", {
+      class: Q(["rg-watermark", ["rg-watermark-" + (s.position || "br")]]),
       ref_key: "$watermarkRef",
       ref: o,
       style: te({
@@ -8934,7 +8907,7 @@ const ki = /* @__PURE__ */ G({
         "--watermark-height": s.height
       })
     }, [
-      X(s.$slots, "default")
+      B(s.$slots, "default")
     ], 6)), [
       [Ie, n.value]
     ]);
@@ -8942,8 +8915,8 @@ const ki = /* @__PURE__ */ G({
 }), Fi = /* @__PURE__ */ G({
   __name: "RGEditingNodeController",
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value);
-    return (t, n) => e.value.editingController.show ? (k(), D("div", {
+    const i = W(), e = D(() => i.dataStores.optionsRef.value);
+    return (t, n) => e.value.editingController.show ? (R(), E("div", {
       key: 0,
       class: "rg-editing-ctrl",
       style: te({
@@ -8952,7 +8925,7 @@ const ki = /* @__PURE__ */ G({
         transform: `translate(${e.value.editingController.x}px, ${e.value.editingController.y}px)`
       })
     }, [
-      X(t.$slots, "default")
+      B(t.$slots, "default")
     ], 4)) : Y("", !0);
   }
 }), Gi = { class: "rg-resize-ctl" }, $i = /* @__PURE__ */ G({
@@ -8963,46 +8936,46 @@ const ki = /* @__PURE__ */ G({
   },
   emits: ["beforeResizeStart"],
   setup(r, { emit: i }) {
-    const e = W(), t = i, n = E(() => e.dataStores.optionsRef.value), o = (s, a) => {
+    const e = W(), t = i, n = D(() => e.dataStores.optionsRef.value), o = (s, a) => {
       a.stopPropagation(), t("beforeResizeStart"), e.onResizeStart(s, a);
     };
-    return (s, a) => (k(), D("div", Gi, [
-      n.value.editingController.width > 30 && !s.disableResizeWidth && !s.disableResizeHeight ? (k(), D("div", {
+    return (s, a) => (R(), E("div", Gi, [
+      n.value.editingController.width > 30 && !s.disableResizeWidth && !s.disableResizeHeight ? (R(), E("div", {
         key: 0,
         class: "rg-resize-ctl-handler rg-resize-ctl-tl",
         onMousedown: a[0] || (a[0] = (l) => o("tl", l))
       }, null, 32)) : Y("", !0),
-      n.value.editingController.width > 30 && !s.disableResizeWidth && !s.disableResizeHeight ? (k(), D("div", {
+      n.value.editingController.width > 30 && !s.disableResizeWidth && !s.disableResizeHeight ? (R(), E("div", {
         key: 1,
         class: "rg-resize-ctl-handler rg-resize-ctl-tr",
         onMousedown: a[1] || (a[1] = (l) => o("tr", l))
       }, null, 32)) : Y("", !0),
-      n.value.editingController.width > 30 && !s.disableResizeWidth && !s.disableResizeHeight ? (k(), D("div", {
+      n.value.editingController.width > 30 && !s.disableResizeWidth && !s.disableResizeHeight ? (R(), E("div", {
         key: 2,
         class: "rg-resize-ctl-handler rg-resize-ctl-bl",
         onMousedown: a[2] || (a[2] = (l) => o("bl", l))
       }, null, 32)) : Y("", !0),
-      !s.disableResizeWidth && !s.disableResizeHeight ? (k(), D("div", {
+      !s.disableResizeWidth && !s.disableResizeHeight ? (R(), E("div", {
         key: 3,
         class: "rg-resize-ctl-handler rg-resize-ctl-br",
         onMousedown: a[3] || (a[3] = (l) => o("br", l))
       }, null, 32)) : Y("", !0),
-      (n.value.editingController.width > 60 || s.disableResizeWidth) && !s.disableResizeHeight ? (k(), D("div", {
+      (n.value.editingController.width > 60 || s.disableResizeWidth) && !s.disableResizeHeight ? (R(), E("div", {
         key: 4,
         class: "rg-resize-ctl-handler rg-resize-ctl-t",
         onMousedown: a[4] || (a[4] = (l) => o("t", l))
       }, null, 32)) : Y("", !0),
-      (n.value.editingController.width > 60 || s.disableResizeWidth) && !s.disableResizeHeight ? (k(), D("div", {
+      (n.value.editingController.width > 60 || s.disableResizeWidth) && !s.disableResizeHeight ? (R(), E("div", {
         key: 5,
         class: "rg-resize-ctl-handler rg-resize-ctl-b",
         onMousedown: a[5] || (a[5] = (l) => o("b", l))
       }, null, 32)) : Y("", !0),
-      (n.value.editingController.height > 60 || s.disableResizeHeight) && !s.disableResizeWidth ? (k(), D("div", {
+      (n.value.editingController.height > 60 || s.disableResizeHeight) && !s.disableResizeWidth ? (R(), E("div", {
         key: 6,
         class: "rg-resize-ctl-handler rg-resize-ctl-l",
         onMousedown: a[6] || (a[6] = (l) => o("l", l))
       }, null, 32)) : Y("", !0),
-      (n.value.editingController.height > 60 || s.disableResizeHeight) && !s.disableResizeWidth ? (k(), D("div", {
+      (n.value.editingController.height > 60 || s.disableResizeHeight) && !s.disableResizeWidth ? (R(), E("div", {
         key: 7,
         class: "rg-resize-ctl-handler rg-resize-ctl-r",
         onMousedown: a[7] || (a[7] = (l) => o("r", l))
@@ -9018,7 +8991,7 @@ const ki = /* @__PURE__ */ G({
     className: {}
   },
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value), t = ee(), n = ee();
+    const i = W(), e = D(() => i.dataStores.optionsRef.value), t = ee(), n = ee();
     ae(() => {
       i.onMiniViewMounted(), i.setMiniViewCanvas(n.value);
     }), He(() => {
@@ -9029,8 +9002,8 @@ const ki = /* @__PURE__ */ G({
     }, s = (a) => {
       i.resetByVisiableView(a);
     };
-    return (a, l) => (k(), D("div", {
-      class: K(["rg-miniview", [
+    return (a, l) => (R(), E("div", {
+      class: Q(["rg-miniview", [
         "rg-miniview-" + (a.position || "br"),
         a.$attrs.className
       ]]),
@@ -9046,7 +9019,7 @@ const ki = /* @__PURE__ */ G({
         I("canvas", {
           ref_key: "$rgMiniViewCanvas",
           ref: n,
-          class: K({
+          class: Q({
             "rg-mv-canvas-reset": e.value.miniViewVisibleHandle.emptyContent
           }),
           onClick: s
@@ -9069,10 +9042,10 @@ const ki = /* @__PURE__ */ G({
     position: {}
   },
   setup(r) {
-    return (i, e) => (k(), D("div", {
-      class: K(["rg-editing-bar", ["rg-editing-bar-" + (i.position || "top")]])
+    return (i, e) => (R(), E("div", {
+      class: Q(["rg-editing-bar", ["rg-editing-bar-" + (i.position || "top")]])
     }, [
-      X(i.$slots, "default")
+      B(i.$slots, "default")
     ], 2));
   }
 }), Ui = {
@@ -9082,7 +9055,7 @@ const ki = /* @__PURE__ */ G({
   key: 0,
   class: "rg-edt-ctrl-svg",
   xmlns: "http://www.w3.org/2000/svg"
-}, ji = ["d"], qi = ["d"], Zi = ["onMousedown", "onTouchstart"], Ki = { key: 0 }, Qi = {
+}, ji = ["d"], qi = ["d"], Zi = ["onMousedown", "onTouchstart"], Qi = { key: 0 }, Ki = {
   key: 1,
   class: "empty-text"
 }, es = ["value"], ts = /* @__PURE__ */ G({
@@ -9093,58 +9066,58 @@ const ki = /* @__PURE__ */ G({
   },
   emits: ["onMoveLineVertexStart", "onMoveLineVertexEnd", "onLinePathChanged", "onLineTextDragEnd", "onLineTextChanged"],
   setup(r, { emit: i }) {
-    const e = W(), t = E(() => e.dataStores.optionsRef.value), n = E(() => t.value.editingLineController), o = E(() => n.value.line), s = E(() => {
-      var b;
-      return (b = n.value.line) == null ? void 0 : b.lineShape;
-    }), a = E(() => n.value.ctrlPoint1), l = E(() => n.value.ctrlPoint2), c = E(() => `M ${n.value.startPoint.x} ${n.value.startPoint.y} L ${a.value.x} ${a.value.y}`), d = E(() => `M ${n.value.endPoint.x} ${n.value.endPoint.y} L ${l.value.x} ${l.value.y}`), h = E(() => n.value.line44Splits), u = E(() => o.value && o.value.text), g = ee(""), f = ee(!1);
+    const e = W(), t = D(() => e.dataStores.optionsRef.value), n = D(() => t.value.editingLineController), o = D(() => n.value.line), s = D(() => {
+      var _;
+      return (_ = n.value.line) == null ? void 0 : _.lineShape;
+    }), a = D(() => n.value.ctrlPoint1), l = D(() => n.value.ctrlPoint2), c = D(() => `M ${n.value.startPoint.x} ${n.value.startPoint.y} L ${a.value.x} ${a.value.y}`), d = D(() => `M ${n.value.endPoint.x} ${n.value.endPoint.y} L ${l.value.x} ${l.value.y}`), h = D(() => n.value.line44Splits), u = D(() => o.value && o.value.text), g = ee(""), f = ee(!1);
     let p = ee(0);
     const y = i;
-    lt(u, (b) => {
-      b !== g.value && (g.value = b, ot(() => {
+    lt(u, (_) => {
+      _ !== g.value && (g.value = _, ot(() => {
         e.updateEditingLineView();
       }));
-    }), lt(s, (b) => {
+    }), lt(s, (_) => {
       ot(() => {
         e.updateEditingLineView();
       });
     });
-    const v = (b, N) => {
-      e.startMoveLine6CtrlPoint(b, N, (P) => {
-        y("onLinePathChanged", P, b);
+    const v = (_, N) => {
+      e.startMoveLine6CtrlPoint(_, N, (P) => {
+        y("onLinePathChanged", P, _);
       });
-    }, m = (b, N) => {
-      e.startMoveLine44CtrlPoint(b, N, (P) => {
-        y("onLinePathChanged", P, b);
+    }, m = (_, N) => {
+      e.startMoveLine44CtrlPoint(_, N, (P) => {
+        y("onLinePathChanged", P, _);
       });
-    }, L = (b, N) => {
+    }, C = (_, N) => {
       const P = t.value.editingLineController.line;
-      y("onMoveLineVertexStart", b, P), e.startMoveLineVertex(b, N, (M, R, S) => {
-        y("onMoveLineVertexEnd", M, R, S), e.defaultLineVertexBeChangedHandler(M, R, S);
+      y("onMoveLineVertexStart", _, P), e.startMoveLineVertex(_, N, (M, k, S) => {
+        y("onMoveLineVertexEnd", M, k, S), e.defaultLineVertexBeChangedHandler(M, k, S);
       });
-    }, _ = (b) => {
-      e.startMoveLineText(b, () => {
+    }, b = (_) => {
+      e.startMoveLineText(_, () => {
         const N = t.value.editingLineController.line;
         y("onLineTextDragEnd", N);
       });
-    }, T = (b) => {
+    }, T = (_) => {
       p.value && Date.now() - p.value < 500 && (f.value = !0, ot(() => {
-        b.target.focus();
+        _.target.focus();
       })), p.value = Date.now();
-    }, O = (b) => {
+    }, O = (_) => {
       const N = o.value;
-      N && N.text !== b.target.value && (e.updateLine(N.id, {
-        text: b.target.value
+      N && N.text !== _.target.value && (e.updateLine(N.id, {
+        text: _.target.value
       }), y("onLineTextChanged", N)), f.value = !1;
     };
-    return (b, N) => n.value.show ? (k(), D("div", Ui, [
-      X(b.$slots, "default"),
-      b.pathEditable ? (k(), D("svg", Ji, [
+    return (_, N) => n.value.show ? (R(), E("div", Ui, [
+      B(_.$slots, "default"),
+      _.pathEditable ? (R(), E("svg", Ji, [
         I("g", null, [
-          o.value.lineShape === 6 && a.value ? (k(), D("path", {
+          o.value.lineShape === 6 && a.value ? (R(), E("path", {
             key: 0,
             d: c.value
           }, null, 8, ji)) : Y("", !0),
-          o.value.lineShape === 6 && l.value ? (k(), D("path", {
+          o.value.lineShape === 6 && l.value ? (R(), E("path", {
             key: 1,
             d: d.value
           }, null, 8, qi)) : Y("", !0)
@@ -9156,8 +9129,8 @@ const ki = /* @__PURE__ */ G({
           "--rg-ctl-x": n.value.startPoint.x + "px",
           "--rg-ctl-y": n.value.startPoint.y + "px"
         }),
-        onMousedown: N[0] || (N[0] = ge((P) => L("start", P), ["left"])),
-        onTouchstart: N[1] || (N[1] = (P) => L("start", P))
+        onMousedown: N[0] || (N[0] = ge((P) => C("start", P), ["left"])),
+        onTouchstart: N[1] || (N[1] = (P) => C("start", P))
       }, null, 36),
       I("div", {
         class: "rg-line-ctrl-dot end-dot",
@@ -9165,10 +9138,10 @@ const ki = /* @__PURE__ */ G({
           "--rg-ctl-x": n.value.endPoint.x + "px",
           "--rg-ctl-y": n.value.endPoint.y + "px"
         }),
-        onMousedown: N[2] || (N[2] = ge((P) => L("end", P), ["left"])),
-        onTouchstart: N[3] || (N[3] = (P) => L("end", P))
+        onMousedown: N[2] || (N[2] = ge((P) => C("end", P), ["left"])),
+        onTouchstart: N[3] || (N[3] = (P) => C("end", P))
       }, null, 36),
-      b.pathEditable && o.value.lineShape === 6 && a.value ? (k(), D("div", {
+      _.pathEditable && o.value.lineShape === 6 && a.value ? (R(), E("div", {
         key: 1,
         class: "rg-line-ctrl-dot ctrl-dot",
         style: te({
@@ -9178,7 +9151,7 @@ const ki = /* @__PURE__ */ G({
         onMousedown: N[4] || (N[4] = ge((P) => v(0, P), ["left"])),
         onTouchstart: N[5] || (N[5] = (P) => v(0, P))
       }, null, 36)) : Y("", !0),
-      b.pathEditable && o.value.lineShape === 6 && l.value ? (k(), D("div", {
+      _.pathEditable && o.value.lineShape === 6 && l.value ? (R(), E("div", {
         key: 2,
         class: "rg-line-ctrl-dot ctrl-dot",
         style: te({
@@ -9188,10 +9161,10 @@ const ki = /* @__PURE__ */ G({
         onMousedown: N[6] || (N[6] = ge((P) => v(1, P), ["left"])),
         onTouchstart: N[7] || (N[7] = (P) => v(1, P))
       }, null, 36)) : Y("", !0),
-      b.pathEditable && (o.value.lineShape === 44 || o.value.lineShape === 49) ? (k(!0), D(xe, { key: 3 }, tt(h.value, (P) => (k(), D(xe, null, [
-        P.hide ? Y("", !0) : (k(), D("div", {
+      _.pathEditable && (o.value.lineShape === 44 || o.value.lineShape === 49) ? (R(!0), E(xe, { key: 3 }, tt(h.value, (P) => (R(), E(xe, null, [
+        P.hide ? Y("", !0) : (R(), E("div", {
           key: P.optionName,
-          class: K(["rg-line-ctrl-dot ctrl-split", {
+          class: Q(["rg-line-ctrl-dot ctrl-split", {
             "ctrl-split-core": !P.optionName.startsWith("cp-"),
             "ctrl-split-v": P.direction === "v",
             "ctrl-split-h": P.direction === "h"
@@ -9204,37 +9177,37 @@ const ki = /* @__PURE__ */ G({
           onTouchstart: (M) => m(P, M)
         }, null, 46, Zi))
       ], 64))), 256)) : Y("", !0),
-      b.textEditable && o.value ? (k(), D("div", {
+      _.textEditable && o.value ? (R(), E("div", {
         key: 4,
-        class: K(["rg-line-ctrl-text", f.value && "rg-line-ctrl-text-editing"]),
+        class: Q(["rg-line-ctrl-text", f.value && "rg-line-ctrl-text-editing"]),
         style: te({
           "--rg-ctl-x": n.value.text.x + "px",
           "--rg-ctl-y": n.value.text.y + "px"
         }),
         onClick: T,
-        onMousedown: N[8] || (N[8] = (P) => _(P)),
-        onTouchstart: N[9] || (N[9] = (P) => _(P))
+        onMousedown: N[8] || (N[8] = (P) => b(P)),
+        onTouchstart: N[9] || (N[9] = (P) => b(P))
       }, [
-        f.value ? (k(), D("input", {
+        f.value ? (R(), E("input", {
           key: 1,
           ref: "inputRef",
           class: "rg-line-text-input",
           value: g.value,
           onBlur: O
-        }, null, 40, es)) : (k(), D(xe, { key: 0 }, [
-          g.value ? (k(), D("p", Ki, ue(g.value), 1)) : (k(), D("p", Qi, "Add Text..."))
+        }, null, 40, es)) : (R(), E(xe, { key: 0 }, [
+          g.value ? (R(), E("p", Qi, ue(g.value), 1)) : (R(), E("p", Ki, "Add Text..."))
         ], 64))
       ], 38)) : Y("", !0)
     ])) : Y("", !0);
   }
-}), Qt = /* @__PURE__ */ G({
+}), Kt = /* @__PURE__ */ G({
   __name: "RGEditingConnectPoints",
   props: {
     mouseUpOnJunctionPoint: { type: Function },
     mouseUpOnJunctionPointWithOffset: { type: Function }
   },
   setup(r) {
-    return (i, e) => (k(), D("div", {
+    return (i, e) => (R(), E("div", {
       class: "rg-connect-ctl",
       onMouseup: e[15] || (e[15] = (t) => i.mouseUpOnJunctionPointWithOffset("", t)),
       onTouchend: e[16] || (e[16] = (t) => i.mouseUpOnJunctionPointWithOffset("", t))
@@ -9307,7 +9280,7 @@ const ki = /* @__PURE__ */ G({
 }), ns = /* @__PURE__ */ G({
   __name: "RGEditingConnectController",
   setup(r) {
-    const i = W(), e = E(() => i.dataStores.optionsRef.value), t = ee(), n = (s, a) => {
+    const i = W(), e = D(() => i.dataStores.optionsRef.value), t = ee(), n = (s, a) => {
       i.onLineVertexBeDroppedOnConnectController(s, a, void 0, (l, c, d) => {
         x("onLineVertexBeDropped:callback:", d);
       });
@@ -9316,7 +9289,7 @@ const ki = /* @__PURE__ */ G({
         x("onLineVertexBeDropped:callback:", d);
       });
     };
-    return (s, a) => e.value.nodeConnectController.show ? (k(), D("div", {
+    return (s, a) => e.value.nodeConnectController.show ? (R(), E("div", {
       key: 0,
       class: "rg-editing-connect-ctrl",
       ref_key: "connectBoxRef",
@@ -9327,11 +9300,11 @@ const ki = /* @__PURE__ */ G({
         height: e.value.nodeConnectController.height + "px"
       })
     }, [
-      X(s.$slots, "default", {
+      B(s.$slots, "default", {
         mouseUpOnJunctionPoint: n,
         mouseUpOnJunctionPointWithOffset: o
       }, () => [
-        oe(Qt, {
+        oe(Kt, {
           mouseUpOnJunctionPoint: n,
           mouseUpOnJunctionPointWithOffset: o
         })
@@ -9352,8 +9325,8 @@ const ki = /* @__PURE__ */ G({
         n("onLineConnectEnd", l, c, d), e.defaultLineConnectEndHandler(l, c, d);
       });
     };
-    return (a, l) => (k(), D("div", {
-      class: K(["rg-connect-source-handle", [
+    return (a, l) => (R(), E("div", {
+      class: Q(["rg-connect-source-handle", [
         "rg-connect-ctl-handler",
         "rg-connect-target",
         a.$attrs.className
@@ -9362,7 +9335,7 @@ const ki = /* @__PURE__ */ G({
       onMousedown: l[0] || (l[0] = (c) => s(c)),
       onClick: o
     }, [
-      X(a.$slots, "default")
+      B(a.$slots, "default")
     ], 38));
   }
 }), is = ["data-point", "data-target-id", "data-target-type", "data-target-data"], ss = ["data-point", "data-target-id", "data-target-type", "data-target-data"], as = /* @__PURE__ */ G({
@@ -9399,11 +9372,11 @@ const ki = /* @__PURE__ */ G({
         n("onDragConnectEnd", h, u, g);
       });
     };
-    return (c, d) => c.forSvg ? (k(), D("g", {
+    return (c, d) => c.forSvg ? (R(), E("g", {
       key: 0,
       ref_key: "targetRef",
       ref: o,
-      class: K([
+      class: Q([
         "rg-connect-ctl-handler",
         "rg-connect-target",
         c.$attrs.className
@@ -9417,12 +9390,12 @@ const ki = /* @__PURE__ */ G({
       onMouseup: d[0] || (d[0] = (h) => a(c.junctionPoint, h)),
       onClick: s
     }, [
-      X(c.$slots, "default")
-    ], 46, is)) : (k(), D("div", {
+      B(c.$slots, "default")
+    ], 46, is)) : (R(), E("div", {
       key: 1,
       ref_key: "targetRef",
       ref: o,
-      class: K([
+      class: Q([
         "rg-connect-ctl-handler",
         "rg-connect-target",
         c.$attrs.className
@@ -9436,7 +9409,7 @@ const ki = /* @__PURE__ */ G({
       onMouseup: d[1] || (d[1] = (h) => a(c.junctionPoint, h)),
       onClick: s
     }, [
-      X(c.$slots, "default")
+      B(c.$slots, "default")
     ], 46, ss));
   }
 }), rs = { class: "rg-editing-referline" }, ls = { class: "referline" }, ds = { key: 0 }, cs = { class: "referline" }, hs = { key: 0 }, us = /* @__PURE__ */ G({
@@ -9446,12 +9419,12 @@ const ki = /* @__PURE__ */ G({
     adsorption: { type: Boolean }
   },
   setup(r) {
-    const i = W(), e = r, t = E(() => i.dataStores.optionsRef.value);
+    const i = W(), e = r, t = D(() => i.dataStores.optionsRef.value);
     return ae(() => {
       i.onReferenceLineMounted(e.adsorption);
     }), He(() => {
       i.onReferenceLineUnMounted();
-    }), (n, o) => Se((k(), D("div", rs, [
+    }), (n, o) => Se((R(), E("div", rs, [
       Se(I("div", {
         class: "rg-referline rg-referline-v",
         style: te({
@@ -9460,7 +9433,7 @@ const ki = /* @__PURE__ */ G({
         })
       }, [
         I("div", ls, [
-          n.showText !== !1 ? (k(), D("div", ds, ue(Math.round(t.value.editingReferenceLine.v_height)) + "px", 1)) : Y("", !0)
+          n.showText !== !1 ? (R(), E("div", ds, ue(Math.round(t.value.editingReferenceLine.v_height)) + "px", 1)) : Y("", !0)
         ])
       ], 4), [
         [Ie, t.value.editingReferenceLine.directionV]
@@ -9473,7 +9446,7 @@ const ki = /* @__PURE__ */ G({
         })
       }, [
         I("div", cs, [
-          n.showText !== !1 ? (k(), D("div", hs, ue(Math.round(t.value.editingReferenceLine.h_width)) + "px", 1)) : Y("", !0)
+          n.showText !== !1 ? (R(), E("div", hs, ue(Math.round(t.value.editingReferenceLine.h_width)) + "px", 1)) : Y("", !0)
         ])
       ], 4), [
         [Ie, t.value.editingReferenceLine.directionH]
@@ -9491,7 +9464,7 @@ function fs() {
     optionsRef: r.dataStores.optionsRef
   };
 }
-function Re() {
+function ke() {
   const r = W();
   if (!r)
     throw new Error("RGHooks.useGraphStore must be used inside RGProvider or RelationGraph tag.");
@@ -9502,30 +9475,30 @@ function ps() {
   if (!r)
     throw new Error("RGHooks.useGraphStore must be used inside RGProvider or RelationGraph tag.");
   const i = r.dataStores.optionsRef;
-  return E(() => r.getCreatingLine(i.value));
+  return D(() => r.getCreatingLine(i.value));
 }
 function gs() {
   const r = W();
   if (!r)
     throw new Error("RGHooks.useGraphStore must be used inside RGProvider or RelationGraph tag.");
   const i = r.dataStores.optionsRef;
-  return E(() => r.getCreatingNode(i.value));
+  return D(() => r.getCreatingNode(i.value));
 }
 function ys() {
-  const r = Re();
-  return E(() => r.value.editingController);
+  const r = ke();
+  return D(() => r.value.editingController);
 }
 function vs() {
-  const r = Re();
-  return E(() => r.value.editingLineController);
+  const r = ke();
+  return D(() => r.value.editingLineController);
 }
 function ms() {
-  const r = Re();
-  return E(() => r.value.nodeConnectController);
+  const r = ke();
+  return D(() => r.value.nodeConnectController);
 }
 function xs() {
-  const r = Re();
-  return E(() => ({
+  const r = ke();
+  return D(() => ({
     viewSize: r.value.viewSize,
     canvasSize: r.value.canvasSize,
     canvasOffset: r.value.canvasOffset,
@@ -9535,15 +9508,15 @@ function xs() {
   }));
 }
 function Ls() {
-  const r = Re();
-  return E(() => ({
+  const r = ke();
+  return D(() => ({
     ...r.value.selectionView,
     show: r.value.creatingSelection
   }));
 }
 function Cs() {
-  const r = Re();
-  return E(() => ({
+  const r = ke();
+  return D(() => ({
     checkedLineId: r.value.checkedLineId,
     checkedNodeId: r.value.checkedNodeId,
     draggingNodeId: r.value.draggingNodeId
@@ -9562,10 +9535,10 @@ function ws() {
 }
 const en = {
   useGraphInstance: W,
-  useRelationGraph: Kt,
+  useRelationGraph: Qt,
   useGraphStore: fs,
   useGraphData: ws,
-  useGraphOptions: Re,
+  useGraphOptions: ke,
   useCreatingLine: ps,
   useCreatingNode: gs,
   useEditingNodes: ys,
@@ -9576,7 +9549,7 @@ const en = {
   useCheckedItem: Cs
 }, Os = Tt, Ps = {
   BaseLayout: Te,
-  BidirectionalTreeLayout: Bt,
+  BidirectionalTreeLayout: Xt,
   CenterLayout: Ft,
   CircleLayout: Gt,
   FixedLayout: $t,
@@ -9589,11 +9562,11 @@ const en = {
   RGGraphMath: se,
   RGNodesAnalyticUtils: Ye,
   RGEffectUtils: Oe
-}, Rs = Di, ks = Dt, Ms = It, Ss = Ai, Is = zi, Ds = kt, Es = Xt, As = Hi, Vs = Xi, zs = Bi, Xs = Fi, Bs = $i, Fs = Wi, Gs = ts, $s = ns, Ys = os, Hs = as, Ws = Qt, Us = us, Js = en, js = en.useRelationGraph, qs = Mi, Zs = ki;
+}, ks = Ei, Rs = Et, Ms = It, Ss = Ai, Is = zi, Es = Rt, Ds = Bt, As = Hi, Vs = Bi, zs = Xi, Bs = Fi, Xs = $i, Fs = Wi, Gs = ts, $s = ns, Ys = os, Hs = as, Ws = Kt, Us = us, Js = en, js = en.useRelationGraph, qs = Mi, Zs = Ri;
 ht.install = (r) => {
   r.component("RelationGraph", ht);
 };
-const Ks = ht;
+const Qs = ht;
 export {
   Ns as INSTALLED_KEY,
   Vs as RGBackground,
@@ -9605,32 +9578,32 @@ export {
   Ws as RGEditingConnectPoints,
   Gs as RGEditingLineController,
   Fs as RGEditingNearNodeWidget,
-  Xs as RGEditingNodeController,
+  Bs as RGEditingNodeController,
   Us as RGEditingReferenceLine,
-  Bs as RGEditingResize,
+  Xs as RGEditingResize,
   V as RGEventNames,
   Zt as RGEventsDefine4Vue3,
-  Rs as RGFakeNode,
+  ks as RGFakeNode,
   Js as RGHooks,
   z as RGInnerConnectTargetType,
   Z as RGJunctionPoint,
   Ps as RGLayouts,
-  ks as RGLinePath,
+  Rs as RGLinePath,
   j as RGLineShape,
   Ms as RGLineText,
-  Es as RGMiniToolBar,
+  Ds as RGMiniToolBar,
   As as RGMiniView,
-  Ds as RGNodeExpandHolder,
+  Es as RGNodeExpandHolder,
   nt as RGNodeShape,
   qs as RGProvider,
   Is as RGToolBar,
   Ts as RGUtils,
   zs as RGWatermark,
-  Ks as RelationGraph,
+  Qs as RelationGraph,
   yi as RelationGraphCore,
   qe as RelationGraphProvideKey,
   Zs as RelationLinker,
-  Ks as default,
+  Qs as default,
   js as useRelationGraph,
   Os as version
 };