npm - @relation-graph/vue3 - Versions diffs - 3.0.4 → 3.0.6 - Mend

@relation-graph/vue3 3.0.4 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/package.json +1 -1
package/relation-graph.js +4 -4
package/relation-graph.mjs +164 -154
package/relation-graph.umd.js +4 -4
package/types/packages/platforms/svelte/src/core4svelte/web-components/RGLineContent.svelte.d.ts +1 -0
package/types/packages/platforms/svelte/src/index.d.ts +41 -0

package/relation-graph.mjs CHANGED Viewed

@@ -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:400px;min-height:300px;--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{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}.relation-graph .rg-linetext-container .rg-line-peel .rg-line-label-on-path{background-color:#fff}.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-linetext-container .rg-line-checked .rg-line-label-on-path{background-color:var(--rg-line-color, #ffffff)}.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}.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,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) 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;
+(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,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) 2x,url(data:image/png;base64,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) 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 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 De, defineEmits as an, watch as lt, unref as Me, onUnmounted as He, nextTick as ot } from "vue";
+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";
 /*!
- * relation-graph v3.0.4
+ * relation-graph v3.0.6
  * (c) 2026 WanLian <seeksdream@qq.com>
  * Released under the MIT License.
  * Repository: https://github.com/seeksdream/relation-graph
  */
-const Tt = "3.0.4", Ns = Symbol("INSTALLED_KEY"), qe = "RelationGraphProvideKey", be = (r) => {
+const Tt = "3.0.6", 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;
-}, Be = (r) => {
+}, Xe = (r) => {
   if (be(r)) {
     const i = r.touches || r.targetTouches;
     if (!i)
@@ -262,7 +262,7 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
       ]),
       "data-id": u.nodeProps.id
     }, [
-      l.value ? B(u.$slots, "node-expand-button", {
+      l.value ? X(u.$slots, "node-expand-button", {
         key: 0,
         node: u.nodeProps,
         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"])
       }, [
-        B(u.$slots, "node", {
+        X(u.$slots, "node", {
           node: u.nodeProps,
           checked: u.checked,
           dragging: u.dragging
@@ -314,10 +314,10 @@ const un = ["data-id"], fn = { class: "rg-node-text" }, Mt = /* @__PURE__ */ G({
         checked: o.id === t.checkedNodeId
       }, {
         node: ne((s) => [
-          B(t.$slots, "node", je({ ref_for: !0 }, s))
+          X(t.$slots, "node", je({ ref_for: !0 }, s))
         ]),
         "node-expand-button": ne((s) => [
-          B(t.$slots, "node-expand-button", je({ ref_for: !0 }, s))
+          X(t.$slots, "node-expand-button", je({ ref_for: !0 }, s))
         ]),
         _: 2
       }, 1032, ["node-props", "default-expand-holder-position", "dragging", "checked"]))), 128))
@@ -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),
-      B(t.$slots, "default")
+      X(t.$slots, "default")
     ]));
   }
 });
@@ -397,7 +397,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
             ...e.value.cssVars || {}
           })
         }, [
-          B(n.$slots, "default")
+          X(n.$slots, "default")
         ], 14, wn)
       ], 8, ["to"]))
     ])) : (k(), D("g", _n, [
@@ -468,7 +468,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
           }, ue(a.value.text), 9, Rn)
         ], 40, Tn)
       ])) : Y("", !0),
-      B(h.$slots, "default")
+      X(h.$slots, "default")
     ], 14, bn));
   }
 }), Et = /* @__PURE__ */ G({
@@ -523,7 +523,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
   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, [
-      B(t.$slots, "line", {
+      X(t.$slots, "line", {
         lineConfig: e.value,
         defaultLineTextOnPath: t.defaultLineTextOnPath,
         graphInstanceId: t.graphInstanceId,
@@ -550,7 +550,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => (console.error("allFakeLineConfigList: computed!"), i.getShouldRenderFakeLines(i.dataStores.shouldRenderFakeLinesRef.value)));
+    const i = W(), e = E(() => i.getShouldRenderFakeLines(i.dataStores.shouldRenderFakeLinesRef.value));
     return ae(() => {
       x("[RGCanvas mounted]");
     }), (t, n) => (k(), D("div", Mn, [
@@ -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) => [
-              B(t.$slots, "line", je({ ref_for: !0 }, s))
+              X(t.$slots, "line", je({ ref_for: !0 }, s))
             ]),
             _: 2
           }, 1032, ["line", "defaultLineTextOnPath", "checked", "graph-instance-id"])) : Y("", !0)
@@ -587,13 +587,13 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     graphInstanceId: {}
   },
   setup(r) {
-    const i = W(), e = E(() => (console.error("creatingLineConfig: computed!"), i.generateCreatingLineConfig(i.dataStores.optionsRef.value)));
+    const i = W(), e = E(() => i.generateCreatingLineConfig(i.dataStores.optionsRef.value));
     return ae(() => {
       x("[RGCanvas mounted]");
     }), (t, n) => (k(), D("div", Dn, [
       n[0] || (n[0] = I("div", { class: "rg-linetext-container" }, null, -1)),
       (k(), D("svg", En, [
-        B(t.$slots, "line", { lineConfig: e.value }, () => [
+        X(t.$slots, "line", { lineConfig: e.value }, () => [
           oe(Et, {
             "line-config": e.value,
             defaultLineTextOnPath: t.defaultLineTextOnPath,
@@ -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"
-}, Bn = /* @__PURE__ */ G({
+}, Xn = /* @__PURE__ */ G({
   __name: "RGCanvasContent4Lines",
   props: {
     showEasyView: { type: Boolean },
@@ -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) => [
-              B(t.$slots, "line", je({ ref_for: !0 }, s))
+              X(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
       ]))
     ]));
   }
-}), Xn = { class: "rg-single-graph" }, Fn = { class: "rg-nodes-container-wrapper" }, Vt = /* @__PURE__ */ G({
+}), Bn = { class: "rg-single-graph" }, Fn = { class: "rg-nodes-container-wrapper" }, Vt = /* @__PURE__ */ G({
   __name: "RGCanvasContent",
   props: {
     showEasyView: { type: Boolean },
@@ -654,15 +654,15 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
     defaultLineTextOnPath: { type: Boolean }
   },
   setup(r) {
-    return (i, e) => (k(), D("div", Xn, [
-      mt([i.defaultLineTextOnPath, i.checkedLineId], () => oe(Bn, {
+    return (i, e) => (k(), D("div", Bn, [
+      mt([i.defaultLineTextOnPath, i.checkedLineId], () => oe(Xn, {
         showEasyView: i.showEasyView,
         defaultLineTextOnPath: i.defaultLineTextOnPath,
         "checked-line-id": i.checkedLineId,
         "graph-instance-id": i.graphInstanceId
       }, {
         line: ne((t) => [
-          B(i.$slots, "line", le(de(t)))
+          X(i.$slots, "line", le(de(t)))
         ]),
         _: 3
       }, 8, ["showEasyView", "defaultLineTextOnPath", "checked-line-id", "graph-instance-id"]), e, 0),
@@ -674,10 +674,10 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
           checkedNodeId: i.checkedNodeId
         }, {
           node: ne((t) => [
-            B(i.$slots, "node", le(de(t)))
+            X(i.$slots, "node", le(de(t)))
           ]),
           "node-expand-button": ne((t) => [
-            B(i.$slots, "node-expand-button", le(de(t)))
+            X(i.$slots, "node-expand-button", le(de(t)))
           ]),
           _: 3
         }, 8, ["default-expand-holder-position", "draggingNodeId", "checkedNodeId"])), e, 1)
@@ -689,7 +689,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
         "graph-instance-id": i.graphInstanceId
       }, {
         line: ne((t) => [
-          B(i.$slots, "line", le(de(t)))
+          X(i.$slots, "line", le(de(t)))
         ]),
         _: 3
       }, 8, ["showEasyView", "defaultLineTextOnPath", "checked-line-id", "graph-instance-id"]),
@@ -699,7 +699,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
         "checked-line-id": i.checkedLineId
       }, {
         line: ne((t) => [
-          B(i.$slots, "line", le(de(t)))
+          X(i.$slots, "line", le(de(t)))
         ]),
         _: 3
       }, 8, ["defaultLineTextOnPath", "checked-line-id"])) : Y("", !0)
@@ -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, [
-        B(a.$slots, "background")
+        X(a.$slots, "background")
       ]),
       I("div", {
         style: te(s.value),
         class: "rg-map-canvas rg-canvas-behind"
       }, [
         I("div", Yn, [
-          B(a.$slots, "canvas-plug-behind")
+          X(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) => [
-            B(a.$slots, "line", le(de(c)))
+            X(a.$slots, "line", le(de(c)))
           ]),
           node: ne((c) => [
-            B(a.$slots, "node", le(de(c)))
+            X(a.$slots, "node", le(de(c)))
           ]),
           "node-expand-button": ne((c) => [
-            B(a.$slots, "node-expand-button", le(de(c)))
+            X(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, [
-          B(a.$slots, "canvas-plug-above")
+          X(a.$slots, "canvas-plug-above")
         ])
       ], 4)
     ], 34));
@@ -846,7 +846,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
           "node-props": e.value.newNodeTemplate
         }, {
           node: ne(() => [
-            B(t.$slots, "node", {
+            X(t.$slots, "node", {
               node: e.value.newNodeTemplate
             })
           ]),
@@ -866,7 +866,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
       oe(jn)
     ])) : Y("", !0);
   }
-}), Kn = ["title"], Bt = /* @__PURE__ */ G({
+}), Kn = ["title"], Xt = /* @__PURE__ */ G({
   __name: "GraphXsToolBar",
   props: {
     direction: {},
@@ -928,7 +928,7 @@ const Cn = { key: 0 }, wn = ["data-id"], _n = { key: 1 }, It = /* @__PURE__ */ G
           "icon-name": "icon-zidong"
         }))
       ], 10, Kn)) : Y("", !0),
-      B(a.$slots, "default"),
+      X(a.$slots, "default"),
       l[2] || (l[2] = I("div", { style: { clear: "both" } }, null, -1))
     ], 2));
   }
@@ -977,38 +977,38 @@ 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(Bt, { key: 0 })) : Y("", !0),
+          t.value.showToolBar ? (k(), re(Xt, { key: 0 })) : Y("", !0),
           oe(Wn, null, {
             node: ne((L) => [
-              B(s.$slots, "node", le(de(L)))
+              X(s.$slots, "node", le(de(L)))
             ]),
             line: ne((L) => [
-              B(s.$slots, "line", le(de(L)))
+              X(s.$slots, "line", le(de(L)))
             ]),
             "canvas-plug-behind": ne(() => [
-              B(s.$slots, "canvas"),
-              B(s.$slots, "default")
+              X(s.$slots, "canvas"),
+              X(s.$slots, "default")
             ]),
             "canvas-plug-above": ne(() => [
-              B(s.$slots, "canvas-above")
+              X(s.$slots, "canvas-above")
             ]),
             "node-expand-button": ne((L) => [
-              B(s.$slots, "node-expand-button", le(de(L)))
+              X(s.$slots, "node-expand-button", le(de(L)))
             ]),
             background: ne(() => [
-              B(s.$slots, "background")
+              X(s.$slots, "background")
             ]),
             _: 3
           }),
           oe(zt, null, {
             node: ne((L) => [
-              B(s.$slots, "node", le(de(L)))
+              X(s.$slots, "node", le(de(L)))
             ]),
             _: 3
           }),
           I("div", eo, [
             I("div", to, [
-              B(s.$slots, "view")
+              X(s.$slots, "view")
             ])
           ])
         ], 64)) : Y("", !0)
@@ -1483,7 +1483,7 @@ const at = (r) => {
   "selected",
   "shouldRender",
   "rgCalcedVisibility"
-], Xe = (r) => {
+], Be = (r) => {
   if (!r)
     return;
   const i = {};
@@ -1495,14 +1495,14 @@ const at = (r) => {
   }), i;
 }, gt = (r) => {
   if (!!r)
-    return Xe(r.line);
+    return Be(r.line);
 }, lo = {
   json2Line: Pe,
   transLinkToJson: gt
 }, co = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   json2Line: Pe,
-  transLineToJson: Xe,
+  transLineToJson: Be,
   transLinkToJson: gt,
   default: lo
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2555,7 +2555,7 @@ class vo extends Te {
       return a;
   }
 }
-const Xt = vo;
+const Bt = vo;
 class mo extends Ue {
   constructor(e, t, n) {
     super(e, t, n);
@@ -2721,7 +2721,12 @@ class Co extends Te {
     t.fixed = !0, h.skipInitLayout = !0, h.resetCalcNodes(), setTimeout(() => {
       t.fixed = u;
     }, 800), h.onFinish(() => {
-      t.fixed = u, this.graphInstance && (this.graphInstance.enableNodeXYAnimation(), this.graphInstance._dataUpdated()), this.applyNodesGap(this.allNodes), this.graphInstance && (this.graphInstance._dataUpdated(), setTimeout(() => {
+      t.fixed = u, this.graphInstance && (this.graphInstance.enableNodeXYAnimation(), this.graphInstance._dataUpdated()), this.applyNodesGap(this.allNodes), this.graphInstance && (this.graphInstance._dataUpdated(), this.allNodes.forEach((g) => {
+        this.graphInstance.updateNode(g, {
+          x: g.x,
+          y: g.y
+        });
+      }), setTimeout(() => {
         this.graphInstance.disableNodeXYAnimation(), this.graphInstance._dataUpdated();
       }, 300));
     }), h.placeNodes(this.allNodes, t), this.layoutEnd();
@@ -2844,7 +2849,7 @@ class _o extends Te {
     const o = this.layoutOptions.treeNodeGapH || 20, s = this.layoutOptions.treeNodeGapV || 20, a = /* @__PURE__ */ new Map();
     let l = 0, c = 0;
     for (const u of t) {
-      const g = u.lot.level, f = u.el_W, p = u.el_H;
+      const g = u.lot.level, f = u.width || u.el_W || 50, p = u.height || u.el_H || 50;
       l += p, c++;
       const y = a.get(g);
       y === void 0 ? a.set(g, f) : f > y && a.set(g, y);
@@ -3099,10 +3104,10 @@ const Yt = _o, Ne = (r) => !r || r.length === 0 ? "" : r.map((i) => {
   } = 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, X = 0;
+  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, X = o + (L > 0 ? 20 : -5)) : t.placeText === "center" || t.placeText === "middle" ? (A = n + (d - n) / 2, X = o + U) : (A = d, X = h - (L > 0 ? 20 : -5)), C.push(
+    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(
       { 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) }
@@ -3123,7 +3128,7 @@ const Yt = _o, Ne = (r) => !r || r.length === 0 ? "" : r.map((i) => {
     }
   } 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), X = o) : t.placeText === "center" || t.placeText === "middle" ? (A = n + U, X = o + (h - o) / 2) : (A = d - (m > 0 ? 10 : -50), X = 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), 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(
       { 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) }
@@ -3143,7 +3148,7 @@ const Yt = _o, Ne = (r) => !r || r.length === 0 ? "" : r.map((i) => {
         { type: "h", dx: Math.round(d - n - U - b) }
       );
   }
-  i.x = A, i.y = X;
+  i.x = A, i.y = B;
   const H = Ne(C);
   return {
     pathCommands: C,
@@ -3300,14 +3305,14 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
   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, X = C, H = l + (f - l) / 2, $ = c + (p - c) / 2;
+  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);
   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: X,
+    targetPosition: B,
     center: {
       x: H + U.x,
       y: $ + U.y
@@ -3328,7 +3333,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     textPosition: i,
     points: me,
     startDirection: A,
-    endDirection: X
+    endDirection: B
   };
 }, 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;
@@ -3338,7 +3343,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
   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, X = t.ctrlPointsFor49;
+  const A = t.lineRadius !== void 0 ? t.lineRadius : e.lineRadius || 0, B = t.ctrlPointsFor49;
   let H = {
     x: Math.round(l),
     y: Math.round(c)
@@ -3346,12 +3351,12 @@ 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(X[0].x),
-    y: Math.round(X[0].y)
+    x: Math.round(B[0].x),
+    y: Math.round(B[0].y)
   }, Q = {
-    x: Math.round(X[X.length - 1].x),
-    y: Math.round(X[X.length - 1].y)
-  }, ie = [...X];
+    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) {
     const fe = H.x + (U.x - H.x) / 2, Ce = H.y + (U.y - H.y) / 2, ce = _t(S), [J] = ct({
       source: H,
@@ -3376,7 +3381,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     });
     ie = Qe([...ie, ...J]);
   }
-  const Le = ie, ve = Ht(Le, A), me = Ne(ve), ye = Wt(X);
+  const Le = ie, ve = Ht(Le, A), me = Ne(ve), ye = Wt(B);
   return i.x = ye.x, i.y = ye.y, {
     pathCommands: [],
     pathData: me,
@@ -3405,7 +3410,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
   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 }, X = [
+  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 = [
     { type: "M", x: n, y: o },
     {
       type: "c",
@@ -3417,7 +3422,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
       dy: g
     }
   ];
-  t === 8 && X.push({ type: "Z" });
+  t === 8 && B.push({ type: "Z" });
   const H = Ut(
     { x: n, y: o },
     S,
@@ -3426,9 +3431,9 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     t < 6 ? 0.8 : 0.5
   );
   i.x = H.x, i.y = H.y;
-  const $ = Ne(X);
+  const $ = Ne(B);
   return {
-    pathCommands: X,
+    pathCommands: B,
     pathData: $,
     textPosition: i,
     points: []
@@ -3469,7 +3474,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
     const fe = M / (Math.abs(M) + Math.abs(R)) * 30 + L, Ce = R / (Math.abs(M) + Math.abs(R)) * 30 + _;
     A = { x: fe, y: Ce };
   }
-  const X = { x: a + C.x, y: l + C.y }, H = { x: a + A.x, y: l + A.y }, $ = { x: a + L, y: l + _ }, U = [
+  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 = [
     { type: "M", x: a, y: l },
     {
       type: "c",
@@ -3484,7 +3489,7 @@ const et = (r, i, e, t, n, o, s, a) => r === "left" ? "left" : r === "right" ? "
   s === 8 && U.push({ type: "Z" });
   const Q = Ut(
     { x: a, y: l },
-    X,
+    B,
     H,
     $,
     s < 6 ? 0.8 : 0.5
@@ -3953,7 +3958,7 @@ class Je extends Do {
     this.setCanvasOffset(n - e * s, o - t * s);
   }
   removeNodeById(e) {
-    this.beforeNodeBeRemove(e), x("Removed Node line/connect-arget\uFF1A", e);
+    this.beforeNodeBeRemove(e);
     let t = 0;
     for (let n = 0; n < this.graphData.nodes.length; n++)
       e.includes(this.graphData.nodes[n].id) && (this.graphData.nodes.splice(n, 1), n--, t++);
@@ -4009,29 +4014,28 @@ class Je extends Do {
     t.clear();
   }
   beforeNodeBeRemove(e) {
-    let t = 0;
-    for (let n = 0; n < this.runtimeDATA4Links.length; n++) {
-      const o = this.runtimeDATA4Links[n];
-      (e.includes(o.fromNode.id) || e.includes(o.toNode.id)) && (this.removeLinkByLineIds([o.lineId]), n--, t++);
-    }
-    x("Removed Node link\uFF1A", e, t);
-    for (let n = 0; n < this.graphData.fakeLines.length; n++) {
-      const o = this.graphData.fakeLines[n];
-      let s = !1;
-      if (o.fromType === z.Node && e.includes(o.from))
-        s = !0;
-      else if (o.fromType === z.CanvasPoint || o.fromType === z.NodePoint) {
-        const a = this.getConnectTargetById(o.from);
-        a && a.nodeId && e.includes(a.nodeId) && (s = !0);
-      } else if (o.toType === z.CanvasPoint || o.toType === z.NodePoint) {
-        const a = this.getConnectTargetById(o.to);
-        a && a.nodeId && e.includes(a.nodeId) && (s = !0);
-      }
-      s && (this.graphData.fakeLines.splice(n, 1), n--, this.commits.fakeLinesListChanged = !0);
-    }
-    for (let n = 0; n < this.runtimeDATA4ConnectTargets.length; n++) {
-      const o = this.runtimeDATA4ConnectTargets[n];
-      o.nodeId && e.includes(o.nodeId) && (this.runtimeDATA4ConnectTargets.splice(n, 1), this.commitConnectTarget(o.targetId), n--);
+    for (let t = 0; t < this.runtimeDATA4Links.length; t++) {
+      const n = this.runtimeDATA4Links[t];
+      (e.includes(n.fromNode.id) || e.includes(n.toNode.id)) && (x("Removed Node-line\uFF1A", n.lineId), this.removeLineByIds([n.lineId]), t--);
+    }
+    for (let t = 0; t < this.graphData.fakeLines.length; t++) {
+      const n = this.graphData.fakeLines[t];
+      let o = !1;
+      if (n.fromType === z.Node && e.includes(n.from))
+        o = !0;
+      else if (n.fromType === z.CanvasPoint || n.fromType === z.NodePoint) {
+        const s = this.getConnectTargetById(n.from);
+        s && s.nodeId && e.includes(s.nodeId) && (o = !0);
+      } else if (n.toType === z.CanvasPoint || n.toType === z.NodePoint) {
+        const s = this.getConnectTargetById(n.to);
+        s && s.nodeId && e.includes(s.nodeId) && (o = !0);
+      }
+      o && (this.graphData.fakeLines.splice(t, 1), x("Removed Node-fakeLine\uFF1A", n.id), t--, this.commits.fakeLinesListChanged = !0);
+    }
+    x("Removed Node connect-target\uFF1A");
+    for (let t = 0; t < this.runtimeDATA4ConnectTargets.length; t++) {
+      const n = this.runtimeDATA4ConnectTargets[t];
+      n.nodeId && e.includes(n.nodeId) && (this.runtimeDATA4ConnectTargets.splice(t, 1), x("Removed Node-connect-target\uFF1A", n.targetId), this.commitConnectTarget(n.targetId), t--);
     }
   }
   addFakeLines(e) {
@@ -4377,7 +4381,7 @@ class zo {
     Object.assign(this.listeners, i);
   }
 }
-class Bo extends zo {
+class Xo extends zo {
   constructor() {
     super(...arguments);
     w(this, "$dom");
@@ -4467,7 +4471,7 @@ class Bo extends zo {
     throw new Error("Please use isLine");
   }
 }
-class Xo extends Je {
+class Bo extends Je {
   constructor(e, t, n, o) {
     super();
     w(this, "dataStores");
@@ -4497,7 +4501,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.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()), 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()]);
     };
   }
 }
@@ -4516,7 +4520,7 @@ class $o extends Je {
     };
   }
 }
-class Yo extends Bo {
+class Yo extends Xo {
   constructor() {
     super();
     w(this, "_initRawPropertyFn", (e, t, n) => {
@@ -4531,7 +4535,7 @@ class Yo extends Bo {
     };
   }
   setReactiveData4Vue3(e, t, n, o, s) {
-    this.useReactiveDataToAutoUpdateView = !0, this.dataProvider = new Xo(e, t, n, o), this._initRawPropertyFn = s, this.options = this.dataProvider.getOptions(), this.dataStores = {
+    this.useReactiveDataToAutoUpdateView = !0, this.dataProvider = new Bo(e, t, n, o), this._initRawPropertyFn = s, this.options = this.dataProvider.getOptions(), this.dataStores = {
       optionsStore: e.store4Options,
       shouldRenderNodesStore: e.store4ShouldRenderNodes,
       shouldRenderLinesStore: e.store4ShouldRenderLines,
@@ -4808,10 +4812,10 @@ class Uo extends Wo {
     e.forEach((t) => this.dataProvider.removeNodeById(e)), this._dataUpdated();
   }
   removeNodes(e) {
-    this.dataProvider.removeNodeById(e.map((t) => t.id)), this._dataUpdated();
+    this.removeNodesByIds(e.map((t) => t.id));
   }
   removeNode(e) {
-    this.dataProvider.removeNodeById([e.id]), this._dataUpdated();
+    this.removeNodes([e]);
   }
   removeELementLineById(e) {
     x("removeELementLineById:", e), this.removeFakeLineById(e);
@@ -5577,12 +5581,12 @@ class ei extends Zo {
       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, X = i.toJunctionPointOffsetY || 0;
-    i.isReverse && ([M, R] = [R, M], [S, C, A, X] = [A, X, S, C]), (e === t || c === 0 && h === 0 && d === 0 && u === 0) && S === 0 && C === 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);
+    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);
     const H = this._getJunctionPoint(M, O);
     H.x += S, H.y += C;
     const $ = this._getJunctionPoint(R, N);
-    if ($.x += A, $.y += X, !H || !$)
+    if ($.x += A, $.y += B, !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));
@@ -5654,7 +5658,7 @@ class ei extends Zo {
   generateLineTextStyle(i, e) {
     const t = this.getOptions(), n = {
       transform: "",
-      transformOrigin: ""
+      transformOrigin: "0 0"
     };
     if (!i || !e)
       return { cssStyles: n };
@@ -6150,7 +6154,7 @@ class si extends ni {
     const n = this.getOptions();
     Jt(e);
     let o = null;
-    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)
+    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)
       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;
   }
@@ -6195,6 +6199,8 @@ class di extends si {
     w(this, "_fullscreenchangeHandler");
   }
   onNodeClick(e, t) {
+    if ("button" in t && t.button === 2)
+      return;
     if (Date.now() - this._prevClickNodeTime < 200) {
       x("[node]click abort : time < 200");
       return;
@@ -6262,6 +6268,8 @@ class di extends si {
     this.updateElementLines();
   }
   onLineClick(e, t) {
+    if ("button" in t && t.button === 2)
+      return;
     const n = this.getLinkByLineId(e.id);
     x("onLineClick:", "line:", e, "link:", n);
     const o = this.getOptions();
@@ -6292,6 +6300,8 @@ class di extends si {
     this._updateEditingControllerView(), this.updateShouldRenderGraphData(), this._dataUpdated(), this.emitEvent(V.onCanvasDragEnd, e);
   }
   onCanvasClick(e) {
+    if ("button" in e && e.button === 2)
+      return;
     if (this.getOptions().creatingLinePlot)
       this.onCanvasClickWhenCreatingLinePlot(e);
     else {
@@ -6338,7 +6348,7 @@ class di extends si {
     };
     const a = this.getViewBoundingClientRect();
     x("[CreatingNodePlot]startCreatingNodePlot:");
-    const l = Be(e), c = l.clientX - a.x + 10, d = l.clientY - a.y + 10;
+    const l = Xe(e), c = l.clientX - a.x + 10, d = l.clientY - a.y + 10;
     o || s(c, d);
     const h = (f) => {
       x("[CreatingNodePlot]objectTemplateMove");
@@ -6356,7 +6366,7 @@ class di extends si {
         x("[CreatingNodePlot]action be abort!");
         return;
       }
-      const y = Be(f), v = y.clientX - a.x + 10, m = y.clientY - a.y + 10;
+      const y = Xe(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;
@@ -6547,7 +6557,7 @@ class di extends si {
     let n = !1;
     if (!t.newLinkTemplate.toNodeObject) {
       x("[CreatingLinePlot]CreatingLinePlot:toNodeObject not set!");
-      const o = Be(e), s = this.getCanvasXyByClientXy({
+      const o = Xe(e), s = this.getCanvasXyByClientXy({
         x: o.clientX,
         y: o.clientY
       });
@@ -6597,7 +6607,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 = Be(e), s = this.getCanvasXyByClientXy({
+    const o = Xe(e), s = this.getCanvasXyByClientXy({
       x: o.clientX,
       y: o.clientY
     }), a = this.getViewXyByCanvasXy(s);
@@ -7087,17 +7097,17 @@ class hi extends ci {
         f,
         S.x + S.el_W / 2,
         S.y + S.el_H / 2
-      ), X = ke(
+      ), B = ke(
         h,
         f,
         C.x + C.el_W / 2,
         C.y + C.el_H / 2
       );
-      return A < X ? -1 : 1;
+      return A < B ? -1 : 1;
     });
     let { v_x: O, v_y: b, v_height: N, h_x: P, h_y: M, h_width: R } = a.editingReferenceLine;
     for (const S of T) {
-      const C = S.x, A = S.el_W, X = S.el_H, H = S.x + A / 2, $ = S.x + A, U = S.y, Q = S.y + X / 2, ie = S.y + X, 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 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;
       if (ve < 800 && fe < 800) {
         if (!m && ve < ce) {
           const J = this.getViewXyByCanvasXy({
@@ -7234,19 +7244,19 @@ class hi extends ci {
           if (P.length === 3) {
             const M = O[0], R = O[1], S = O[3];
             if (P[1].direction === "v") {
-              const C = M.x, A = R.x, X = S.x;
-              if (Math.max(C, A, X) !== A && Math.min(C, A, X) !== A)
+              const C = M.x, A = R.x, B = S.x;
+              if (Math.max(C, A, B) !== A && Math.min(C, A, B) !== A)
                 P[1].optionName = "cx";
               else {
-                const $ = Math.abs(A - C), U = Math.abs(A - X);
+                const $ = Math.abs(A - C), U = Math.abs(A - B);
                 $ >= U ? P[1].optionName = "td" : $ < U && (P[1].optionName = "fd");
               }
             } else {
-              const C = M.y, A = R.y, X = S.y;
-              if (Math.max(C, A, X) !== A && Math.min(C, A, X) !== A)
+              const C = M.y, A = R.y, B = S.y;
+              if (Math.max(C, A, B) !== A && Math.min(C, A, B) !== A)
                 P[1].optionName = "cy";
               else {
-                const $ = Math.abs(A - C), U = Math.abs(A - X);
+                const $ = Math.abs(A - C), U = Math.abs(A - B);
                 $ >= U ? P[1].optionName = "td" : $ < U && (P[1].optionName = "fd");
               }
             }
@@ -7283,11 +7293,11 @@ class hi extends ci {
           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 X = this.getViewXyByCanvasXy({
+        const B = this.getViewXyByCanvasXy({
           x: (S.x + C.x) / 2,
           y: (S.y + C.y) / 2
         });
-        A.x = X.x, A.y = X.y, P.push(A);
+        A.x = B.x, A.y = B.y, P.push(A);
       }
       for (let R = 0; R < P.length; R++) {
         const S = P[R - 1], C = P[R], A = P[R + 1];
@@ -7565,7 +7575,7 @@ class hi extends ci {
       this.onLineVertexBeDropped(e, t, void 0, o);
       return;
     }
-    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 };
+    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 };
     let u = _e.left;
     const g = { x: 0, y: 0 };
     if (e)
@@ -7980,10 +7990,10 @@ class gi extends pi {
       const a = Ze(s);
       a && i.push(a);
     }), this.getLines().forEach((s) => {
-      const a = Xe(s);
+      const a = Be(s);
       a && e.push(a);
     }), this.getFakeLines().forEach((s) => {
-      const a = Xe(s);
+      const a = Be(s);
       a && t.push(a);
     });
     const n = {
@@ -8000,7 +8010,7 @@ class gi extends pi {
     return gt(i);
   }
   transRGLineToJsonObject(i) {
-    return Xe(i);
+    return Be(i);
   }
   getGraphJsonOptions() {
     const i = {}, e = [
@@ -8521,7 +8531,7 @@ https://www.relation-graph.com/docs.'
         class: "rg-map-canvas rg-canvas-behind"
       }, [
         I("div", wi, [
-          B(o.$slots, "canvas-behind")
+          X(o.$slots, "canvas-behind")
         ])
       ], 4),
       I("div", {
@@ -8541,7 +8551,7 @@ https://www.relation-graph.com/docs.'
           "graph-instance-id": t.value.instanceId
         }, {
           line: ne((a) => [
-            B(o.$slots, "line", le(de(a)))
+            X(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"])
@@ -8584,17 +8594,17 @@ https://www.relation-graph.com/docs.'
         t.value && n.value ? (k(), D(xe, { key: 0 }, [
           oe(_i, null, {
             line: ne((y) => [
-              B(o.$slots, "line", le(de(y)))
+              X(o.$slots, "line", le(de(y)))
             ]),
             "canvas-behind": ne(() => [
-              B(o.$slots, "default")
+              X(o.$slots, "default")
             ]),
             _: 3
           }),
           oe(zt),
           I("div", Ni, [
             I("div", Oi, [
-              B(o.$slots, "view")
+              X(o.$slots, "view")
             ])
           ])
         ], 64)) : Y("", !0)
@@ -8678,13 +8688,13 @@ const ki = /* @__PURE__ */ G({
       lines: e.lines
     }, {
       view: ne(() => [
-        B(o.$slots, "view")
+        X(o.$slots, "view")
       ]),
       line: ne((a) => [
-        B(o.$slots, "line", le(de(a)))
+        X(o.$slots, "line", le(de(a)))
       ]),
       default: ne(() => [
-        B(o.$slots, "default")
+        X(o.$slots, "default")
       ]),
       _: 3
     }, 8, ["lines"]));
@@ -8699,7 +8709,7 @@ const ki = /* @__PURE__ */ G({
     const i = r, e = jt(i.relationGraphCore, i.forLinker), t = vt(e);
     return (n, o) => (k(), re(Me(t), null, {
       default: ne(() => [
-        B(n.$slots, "default")
+        X(n.$slots, "default")
       ]),
       _: 3
     }));
@@ -8750,7 +8760,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"]))
       }, [
-        B(h.$slots, "default", {}, () => [
+        X(h.$slots, "default", {}, () => [
           I("div", Ii, [
             I("span", null, ue(h.node.text), 1)
           ])
@@ -8789,7 +8799,7 @@ const ki = /* @__PURE__ */ G({
           Ot("debug log status: " + ue(e.value.debug) + " ", 1),
           I("button", { onClick: a }, ue(e.value.debug ? "disable" : "enable") + " debug log", 1)
         ]),
-        B(l.$slots, "default")
+        X(l.$slots, "default")
       ])) : Y("", !0)
     ]));
   }
@@ -8869,11 +8879,11 @@ const ki = /* @__PURE__ */ G({
       }, [
         oe(he, { "icon-name": "icon-ico_reset" })
       ]),
-      B(l.$slots, "default"),
+      X(l.$slots, "default"),
       c[3] || (c[3] = I("div", { style: { clear: "both" } }, null, -1))
     ], 2));
   }
-}), Bi = /* @__PURE__ */ G({
+}), Xi = /* @__PURE__ */ G({
   __name: "GraphBackground",
   props: {
     forImage: { type: Boolean, default: !0 },
@@ -8892,12 +8902,12 @@ const ki = /* @__PURE__ */ G({
       ref_key: "$backgroundRef",
       ref: t
     }, [
-      B(n.$slots, "default")
+      X(n.$slots, "default")
     ], 512)), [
       [Ie, n.forDisplay !== !1]
     ]);
   }
-}), Xi = /* @__PURE__ */ G({
+}), Bi = /* @__PURE__ */ G({
   __name: "GraphWatermark",
   props: {
     forImage: { type: Boolean, default: !0 },
@@ -8924,7 +8934,7 @@ const ki = /* @__PURE__ */ G({
         "--watermark-height": s.height
       })
     }, [
-      B(s.$slots, "default")
+      X(s.$slots, "default")
     ], 6)), [
       [Ie, n.value]
     ]);
@@ -8942,7 +8952,7 @@ const ki = /* @__PURE__ */ G({
         transform: `translate(${e.value.editingController.x}px, ${e.value.editingController.y}px)`
       })
     }, [
-      B(t.$slots, "default")
+      X(t.$slots, "default")
     ], 4)) : Y("", !0);
   }
 }), Gi = { class: "rg-resize-ctl" }, $i = /* @__PURE__ */ G({
@@ -9062,7 +9072,7 @@ const ki = /* @__PURE__ */ G({
     return (i, e) => (k(), D("div", {
       class: K(["rg-editing-bar", ["rg-editing-bar-" + (i.position || "top")]])
     }, [
-      B(i.$slots, "default")
+      X(i.$slots, "default")
     ], 2));
   }
 }), Ui = {
@@ -9127,7 +9137,7 @@ const ki = /* @__PURE__ */ G({
       }), y("onLineTextChanged", N)), f.value = !1;
     };
     return (b, N) => n.value.show ? (k(), D("div", Ui, [
-      B(b.$slots, "default"),
+      X(b.$slots, "default"),
       b.pathEditable ? (k(), D("svg", Ji, [
         I("g", null, [
           o.value.lineShape === 6 && a.value ? (k(), D("path", {
@@ -9317,7 +9327,7 @@ const ki = /* @__PURE__ */ G({
         height: e.value.nodeConnectController.height + "px"
       })
     }, [
-      B(s.$slots, "default", {
+      X(s.$slots, "default", {
         mouseUpOnJunctionPoint: n,
         mouseUpOnJunctionPointWithOffset: o
       }, () => [
@@ -9352,7 +9362,7 @@ const ki = /* @__PURE__ */ G({
       onMousedown: l[0] || (l[0] = (c) => s(c)),
       onClick: o
     }, [
-      B(a.$slots, "default")
+      X(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({
@@ -9407,7 +9417,7 @@ const ki = /* @__PURE__ */ G({
       onMouseup: d[0] || (d[0] = (h) => a(c.junctionPoint, h)),
       onClick: s
     }, [
-      B(c.$slots, "default")
+      X(c.$slots, "default")
     ], 46, is)) : (k(), D("div", {
       key: 1,
       ref_key: "targetRef",
@@ -9426,7 +9436,7 @@ const ki = /* @__PURE__ */ G({
       onMouseup: d[1] || (d[1] = (h) => a(c.junctionPoint, h)),
       onClick: s
     }, [
-      B(c.$slots, "default")
+      X(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({
@@ -9566,7 +9576,7 @@ const en = {
   useCheckedItem: Cs
 }, Os = Tt, Ps = {
   BaseLayout: Te,
-  BidirectionalTreeLayout: Xt,
+  BidirectionalTreeLayout: Bt,
   CenterLayout: Ft,
   CircleLayout: Gt,
   FixedLayout: $t,
@@ -9579,7 +9589,7 @@ const en = {
   RGGraphMath: se,
   RGNodesAnalyticUtils: Ye,
   RGEffectUtils: Oe
-}, Rs = Di, ks = Dt, Ms = It, Ss = Ai, Is = zi, Ds = kt, Es = Bt, As = Hi, Vs = Bi, zs = Xi, Bs = Fi, Xs = $i, Fs = Wi, Gs = ts, $s = ns, Ys = os, Hs = as, Ws = Qt, Us = us, Js = en, js = en.useRelationGraph, qs = Mi, Zs = ki;
+}, 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;
 ht.install = (r) => {
   r.component("RelationGraph", ht);
 };
@@ -9595,9 +9605,9 @@ export {
   Ws as RGEditingConnectPoints,
   Gs as RGEditingLineController,
   Fs as RGEditingNearNodeWidget,
-  Bs as RGEditingNodeController,
+  Xs as RGEditingNodeController,
   Us as RGEditingReferenceLine,
-  Xs as RGEditingResize,
+  Bs as RGEditingResize,
   V as RGEventNames,
   Zt as RGEventsDefine4Vue3,
   Rs as RGFakeNode,