@next-bricks/diagram 0.38.0 → 0.39.0

package/dist/bricks.json

@@ -1,8 +1,8 @@
 {
   "id": "bricks/diagram",
   "bricks": [
-    "diagram.editable-label",
-    "diagram.experimental-node"
+    "diagram.experimental-node",
+    "diagram.editable-label"
   ],
   "elements": [
     "eo-diagram",
@@ -16,5 +16,5 @@
       "basic.lock-body-scroll"
     ]
   },
-  "filePath": "bricks/diagram/dist/index.0cc8c28f.js"
+  "filePath": "bricks/diagram/dist/index.87f72e5d.js"
 }

package/dist/chunks/2443.3cd60e77.js

@@ -0,0 +1,3 @@
+/*! For license information please see 2443.3cd60e77.js.LICENSE.txt */
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[2443],{3657:(e,t,n)=>{n.r(t);var i,a=n(4635),s=n(918),l=n(6902),o=n(5536),r=n(6121),h=n(829),c=n(2740),d=n(8769),u=n.n(d),p=n(1929),g=n(4223),f=(n(9583),n(7566)),A=n(1517),y=n(3373),v=n.n(y),m=n(1030),b=n(9126),k=n(8892),w=n(5157),x=n(8308),_=n(9576),M=n(9137),E=n(2547),C=n(1803),N=n(3739),W=n(9191),T=n(6671),R=n(8060),L=n(2448),S=n(8657),$=n(8069),z=n(1324),B=n(821),D=n(9741),P=n(2673),O=n(5987);let H,I,K,Y,U,X,j,V,q,Z,F,J,G,Q,ee,te,ne,ie,ae,se,le,oe,re,he,ce,de,ue,pe,ge,fe,Ae,ye,ve,me,be,ke,we,xe,_e,Me,Ee,Ce,Ne,We,Te,Re,Le,Se,$e,ze,Be,De,Pe,Oe;const{defineElement:He,property:Ie,event:Ke,method:Ye}=(0,p.createDecorators)(),Ue=(0,d.forwardRef)(wt);let Xe;var je=new WeakMap,Ve=new WeakMap,qe=new WeakMap,Ze=new WeakMap,Fe=new WeakMap,Je=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,et=new WeakMap,tt=new WeakMap,nt=new WeakMap,it=new WeakMap,at=new WeakMap,st=new WeakMap,lt=new WeakMap,ot=new WeakSet,rt=new WeakMap,ht=new WeakMap,ct=new WeakMap,dt=new WeakMap,ut=new WeakMap,pt=new WeakMap,gt=new WeakMap,ft=new WeakMap,At=new WeakMap,yt=new WeakMap,vt=new WeakMap,mt=new WeakMap,bt=new WeakMap;class kt extends g.ReactNextElement{constructor(){super(...arguments),(0,a.A)(this,ot),(0,s.A)(this,je,(H(this),K(this))),(0,s.A)(this,Ve,(Y(this),U(this))),(0,s.A)(this,qe,(X(this),j(this))),(0,s.A)(this,Ze,(V(this),q(this))),(0,s.A)(this,Fe,(Z(this),F(this))),(0,s.A)(this,Je,(J(this),G(this))),(0,s.A)(this,Ge,(Q(this),ee(this))),(0,s.A)(this,Qe,(te(this),ne(this))),(0,s.A)(this,et,(ie(this),ae(this))),(0,s.A)(this,tt,(se(this),le(this))),(0,s.A)(this,nt,(oe(this),re(this,!0))),(0,s.A)(this,it,(he(this),ce(this,!0))),(0,s.A)(this,at,(de(this),ue(this,!0))),(0,s.A)(this,st,(pe(this),ge(this))),(0,s.A)(this,lt,(fe(this),Ae(this))),(0,s.A)(this,rt,(me(this),e=>{(0,o.A)(ot,this,ye).emit(e)})),(0,s.A)(this,ht,be(this)),(0,s.A)(this,ct,(xe(this),e=>{(0,o.A)(ot,this,ke).emit(e)})),(0,s.A)(this,dt,_e(this)),(0,s.A)(this,ut,(Ce(this),e=>{(0,o.A)(ot,this,Me).emit(e)})),(0,s.A)(this,pt,Ne(this)),(0,s.A)(this,gt,(Re(this),e=>{(0,o.A)(ot,this,We).emit(e)})),(0,s.A)(this,ft,Le(this)),(0,s.A)(this,At,(ze(this),e=>{(0,o.A)(ot,this,Se).emit(e)})),(0,s.A)(this,yt,Be(this)),(0,s.A)(this,vt,(Oe(this),e=>{(0,o.A)(ot,this,De).emit(e)})),(0,s.A)(this,mt,(e=>{(0,P.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,s.A)(this,bt,(0,d.createRef)())}get layout(){return(0,h.A)(je,this)}set layout(e){(0,r.A)(je,this,e)}get nodes(){return(0,h.A)(Ve,this)}set nodes(e){(0,r.A)(Ve,this,e)}get edges(){return(0,h.A)(qe,this)}set edges(e){(0,r.A)(qe,this,e)}get nodeBricks(){return(0,h.A)(Ze,this)}set nodeBricks(e){(0,r.A)(Ze,this,e)}get lines(){return(0,h.A)(Fe,this)}set lines(e){(0,r.A)(Fe,this,e)}get layoutOptions(){return(0,h.A)(Je,this)}set layoutOptions(e){(0,r.A)(Je,this,e)}get activeTarget(){return(0,h.A)(Ge,this)}set activeTarget(e){(0,r.A)(Ge,this,e)}get disableKeyboardAction(){return(0,h.A)(Qe,this)}set disableKeyboardAction(e){(0,r.A)(Qe,this,e)}get connectNodes(){return(0,h.A)(et,this)}set connectNodes(e){(0,r.A)(et,this,e)}get dragNodes(){return(0,h.A)(tt,this)}set dragNodes(e){(0,r.A)(tt,this,e)}get zoomable(){return(0,h.A)(nt,this)}set zoomable(e){(0,r.A)(nt,this,e)}get scrollable(){return(0,h.A)(it,this)}set scrollable(e){(0,r.A)(it,this,e)}get pannable(){return(0,h.A)(at,this)}set pannable(e){(0,r.A)(at,this,e)}get scaleRange(){return(0,h.A)(st,this)}set scaleRange(e){(0,r.A)(st,this,e)}callOnLineLabel(e,t){for(var n,i=arguments.length,a=new Array(i>2?i-2:0),s=2;s<i;s++)a[s-2]=arguments[s];null===(n=(0,h.A)(bt,this).current)||void 0===n||n.callOnLineLabel(e,t,...a)}render(){return u().createElement(Ue,{ref:(0,h.A)(bt,this),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,connectNodes:this.connectNodes,dragNodes:this.dragNodes,activeTarget:this.activeTarget,disableKeyboardAction:this.disableKeyboardAction,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,h.A)(rt,this),onSwitchActiveTarget:(0,h.A)(mt,this),onNodeDelete:(0,h.A)(ct,this),onEdgeDelete:(0,h.A)(ut,this),onLineClick:(0,h.A)(gt,this),onLineDoubleClick:(0,h.A)(At,this),onNodesConnect:(0,h.A)(vt,this)})}}function wt(e,t){let{layout:n,nodes:i,edges:a,nodeBricks:s,lines:l,layoutOptions:o,connectNodes:r,dragNodes:h,activeTarget:c,disableKeyboardAction:p,zoomable:g,scrollable:y,pannable:B,scaleRange:H,onActiveTargetChange:I,onSwitchActiveTarget:K,onNodeDelete:Y,onEdgeDelete:U,onLineClick:X,onLineDoubleClick:j,onNodesConnect:V}=e;const[q,Z]=(0,d.useState)(!1),[F,J]=(0,d.useState)(0),[G,Q]=(0,d.useState)(null),[ee,te]=(0,d.useState)(!1),[ne,ie]=(0,d.useState)(0),[ae,se]=(0,d.useState)(null),[le,oe]=(0,d.useState)([]),[re,he]=(0,d.useState)(!1),[ce,de]=(0,d.useState)({k:1,x:0,y:0}),ue=(0,d.useRef)(new Map),pe=(0,d.useRef)(null),ge=(0,d.useRef)(null),[fe,Ae]=(0,d.useState)(!1),{userViewReady:ye,userViewNodesMap:ve,saveUserView:me}=(0,D._)(null==h?void 0:h.save),[be,ke]=(0,d.useState)([0,0]),[we,xe]=(0,d.useState)(null),[_e,Me]=(0,d.useState)("initial"),[Ee,Ce]=(0,d.useState)(null);(0,d.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var n,i=arguments.length,a=new Array(i>2?i-2:0),s=2;s<i;s++)a[s-2]=arguments[s];null==ae||null===(n=ae.get(e))||void 0===n||null===(n=n.firstElementChild)||void 0===n||n[t](...a)}}))),(0,d.useEffect)((()=>{const e=e=>{(0,L.P)(e,{nodes:i,nodesRefRepository:G,connectNodes:r,dragNodes:h,scale:ce.k,setConnectLineState:xe,setConnectLineTo:ke,setManualLayoutStatus:Me,setNodeMovement:Ce,onSwitchActiveTarget:K,onNodesConnect:V})},t=ge.current;return null==t||t.addEventListener("mousedown",e),()=>{null==t||t.removeEventListener("mousedown",e)}}),[i,r,h,ce.k,G,V,K]);const{normalizedLines:Ne,normalizedLinesMap:We,markers:Te}=(0,d.useMemo)((()=>(0,M.t)(a,l)),[a,l]),Re=(0,d.useMemo)((()=>Ne.flatMap((e=>{let t,n,{line:{text:i,label:a,$id:s},edge:l}=e;return i||a?(a?(t="label",n=[].concat(a)):(t="text",n=[].concat(i)),n.map((e=>({[t]:e,id:`${s}-${e.placement??"center"}`,edge:l})))):[]}))),[Ne]),{nodes:Le,edges:Se}=(0,$.o)({layout:n,nodes:i,edges:a,manualLayoutStatus:_e,userViewReady:ye,userViewNodesMap:ve,nodeMovement:Ee,nodesRefRepository:G,lineLabelsRefRepository:ae,normalizedLinesMap:We,layoutOptions:o,nodesRenderId:F,lineLabelsRenderId:ne});(0,d.useEffect)((()=>{"finished"===_e&&me(Le.map((e=>({id:e.id,x:e.x,y:e.y}))))}),[_e]);const $e=(0,d.useMemo)((()=>(0,_.R)(Se,Le,Ne)),[Ne,Le,Se]),ze=c??null,[Be,De]=(0,d.useState)(ze);(0,d.useEffect)((()=>{De((e=>(0,P.c)(e,ze)?e:ze))}),[ze]);const Pe=(0,d.useRef)(!1);(0,d.useEffect)((()=>{Pe.current?null==I||I(Be):Pe.current=!0}),[Be,I]),(0,d.useEffect)((()=>{const e=pe.current;if(!e||p)return;const t=e=>{const t=(0,w.a)(e,{renderedNodes:Le,activeTarget:Be});"delete-node"===(null==t?void 0:t.action)?null==Y||Y(t.node):"delete-edge"===(null==t?void 0:t.action)?null==U||U(t.edge):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==K||K({type:"node",nodeId:t.node.id}))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Be,Le,p,K,Y,U]);const Oe=(0,d.useCallback)((e=>{e&&(J((e=>e+1)),Q(e)),Z((t=>t||!!e))}),[]),He=(0,d.useCallback)((e=>{e&&(ie((e=>e+1)),se(e)),te((t=>t||!!e))}),[]),Ie=(0,d.useMemo)((()=>H??[S.sS,S.Yt]),[H]),Ke=(0,d.useMemo)((()=>(0,A.s_)()),[]);(0,d.useEffect)((()=>{let e=!1;Ke.scaleExtent(g?Ie:[1,1]).on("start",(()=>{e=!1,he(!0)})).on("zoom",(t=>{e=!0,de(t.transform)})).on("end",(()=>{he(!1),e||null==K||K(null)}))}),[K,Ie,g,Ke]),(0,d.useEffect)((()=>{const e=pe.current;if(!e)return;const t=(0,f.A)(e),n=()=>{t.on(".zoom",null).on(".zoom.custom",null).on("wheel",null)};if(g||y||B)return(g||y)&&t.on("wheel.zoom.custom",(e=>{e.ctrlKey||(e.stopImmediatePropagation(),y&&(e.preventDefault(),Ke.translateBy(t,e.wheelDeltaX/5,e.wheelDeltaY/5)))})),t.call(Ke).on("wheel",(e=>e.preventDefault())).on("dblclick.zoom",null),B||t.on("mousedown.zoom",null).on("touchstart.zoom",null).on("touchmove.zoom",null).on("touchend.zoom",null),n;n()}),[B,y,g,Ke]),(0,d.useEffect)((()=>{const e=pe.current;if(0===Le.length||!e||fe)return;const{k:t,x:n,y:i}=(0,x.r)(Le,{canvasWidth:e.clientWidth,canvasHeight:e.clientHeight,scaleRange:g?Ie:void 0});Ke.transform((0,f.A)(e),new A.uV(t,n,i)),Ae(!0)}),[fe,Le,Ie,g,Ke]);const Ye=(0,d.useMemo)((()=>`${(0,m.uniqueId)("diagram-")}-`),[]),Ue=`${Ye}line-arrow-`,Xe=`${Ye}mask-`,je=`${Ye}active-line-`;(0,d.useEffect)((()=>{oe((e=>(0,R.z)(e,$e,ue.current)))}),[$e]);const[Ve,qe]=u().useState(new Map);return(0,d.useEffect)((()=>{if(!ae)return;(0,z.F)(le,ae);const e=new b.A((()=>{qe((0,O.G)(le,ae))}));for(const t of ae.values())e.observe(t);return()=>{e.disconnect()}}),[ne,ae,le]),"dagre"!==n&&"force"!==n?u().createElement("div",null,`Diagram layout not supported: "${n}"`):u().createElement("div",{className:v()("diagram",{ready:q&&fe,grabbing:re,pannable:B}),tabIndex:-1,ref:pe},u().createElement("svg",{width:"100%",height:"100%",className:"lines"},u().createElement("defs",null,Te.map(((e,t)=>{let{type:n,strokeColor:i}=e;return u().createElement(N.c,{key:t,id:`${Ue}${t}`,type:n,strokeColor:i})})),[...Ve].map((e=>{let[t,n]=e;return u().createElement(W.y,{key:t,lineId:t,rects:n,maskPrefix:Xe,renderedLineLabels:le})})),u().createElement("marker",{id:`${je}start`,viewBox:"0 0 8 8",refX:4,refY:4,markerWidth:8,markerHeight:8,orient:"auto"},u().createElement("path",{d:"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"})),u().createElement("marker",{id:`${je}end`,viewBox:"0 0 14 8",refX:3,refY:4,markerWidth:14,markerHeight:8,orient:"auto"},u().createElement("path",{d:"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z",stroke:"var(--palette-blue-3)",strokeWidth:1,fill:"var(--palette-blue-3)"}),u().createElement("path",{d:"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z",stroke:"var(--palette-gray-7)",strokeWidth:1,fill:"var(--palette-gray-1)"}))),u().createElement("g",{transform:`translate(${ce.x} ${ce.y}) scale(${ce.k})`},$e.map((e=>u().createElement(C.m,{key:e.line.$id,line:e,linePaths:ue.current,lineMaskRects:Ve,maskPrefix:Xe,markerPrefix:Ue,activeLineMarkerPrefix:je,active:"edge"===(null==Be?void 0:Be.type)&&Be.edge.source===e.edge.source&&Be.edge.target===e.edge.target,activeRelated:"node"===(null==Be?void 0:Be.type)&&(e.edge.source===Be.nodeId||e.edge.target===Be.nodeId),onLineClick:X,onLineDoubleClick:j}))))),u().createElement("div",{className:v()("line-labels",{ready:ee}),style:{left:ce.x,top:ce.y,transform:`scale(${ce.k})`}},u().createElement(E.d2,{labels:Re,onRendered:He})),u().createElement("div",{className:"nodes",ref:ge,style:{left:ce.x,top:ce.y,transform:`scale(${ce.k})`}},u().createElement(k.p,{nodes:i,nodeBricks:s,onRendered:Oe})),u().createElement(T.w,{connectLineState:we,connectLineTo:be,markerPrefix:Ue}))}i=kt,({e:[K,Y,U,X,j,V,q,Z,F,J,G,Q,ee,te,ne,ie,ae,se,le,oe,re,he,ce,de,ue,pe,ge,fe,Ae,ye,ve,me,be,ke,we,xe,_e,Me,Ee,Ce,Ne,We,Te,Re,Le,Se,$e,ze,Be,De,Pe,Oe,H],c:[Xe,I]}=(0,c.A)(i,[He("eo-diagram",{styleTexts:[B.A]})],[[Ie({type:String}),1,"layout"],[Ie({attribute:!1}),1,"nodes"],[Ie({attribute:!1}),1,"edges"],[Ie({attribute:!1}),1,"nodeBricks"],[Ie({attribute:!1}),1,"lines"],[Ie({attribute:!1}),1,"layoutOptions"],[Ie({attribute:!1}),1,"activeTarget"],[Ie({type:Boolean}),1,"disableKeyboardAction"],[Ie({attribute:!1}),1,"connectNodes"],[Ie({attribute:!1}),1,"dragNodes"],[Ie({type:Boolean}),1,"zoomable"],[Ie({type:Boolean}),1,"scrollable"],[Ie({type:Boolean}),1,"pannable"],[Ie({attribute:!1}),1,"scaleRange"],[Ke({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(lt,e),(e,t)=>(0,r.A)(lt,e,t)],[Ke({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(ht,e),(e,t)=>(0,r.A)(ht,e,t)],[Ke({type:"edge.delete"}),1,"edgeDelete",e=>(0,h.A)(dt,e),(e,t)=>(0,r.A)(dt,e,t)],[Ke({type:"line.click"}),1,"lineClick",e=>(0,h.A)(pt,e),(e,t)=>(0,r.A)(pt,e,t)],[Ke({type:"line.dblclick"}),1,"lineDoubleClick",e=>(0,h.A)(ft,e),(e,t)=>(0,r.A)(ft,e,t)],[Ke({type:"nodes.connect"}),1,"connectNodes",e=>(0,h.A)(yt,e),(e,t)=>(0,r.A)(yt,e,t)],[Ye(),2,"callOnLineLabel"]],0,(e=>bt.has((0,l.A)(e))),g.ReactNextElement)),I();var xt,_t=n(3971);let Mt,Et,Ct,Nt,Wt,Tt,Rt,Lt,St,$t,zt,Bt,Dt,Pt;const{defineElement:Ot,property:Ht,event:It,method:Kt}=(0,p.createDecorators)(),Yt=(0,d.forwardRef)(en);let Ut;var Xt=new WeakMap,jt=new WeakMap,Vt=new WeakMap,qt=new WeakSet,Zt=new WeakMap,Ft=new WeakMap,Jt=new WeakMap,Gt=new WeakMap;class Qt extends g.ReactNextElement{constructor(){super(...arguments),(0,a.A)(this,qt),(0,s.A)(this,Xt,(Mt(this),Ct(this))),(0,s.A)(this,jt,(Nt(this),Wt(this))),(0,s.A)(this,Vt,(Tt(this),Rt(this))),(0,s.A)(this,Zt,($t(this),e=>{(0,o.A)(qt,this,Lt).emit(e)})),(0,s.A)(this,Ft,zt(this)),(0,s.A)(this,Jt,(Pt(this),e=>{(0,o.A)(qt,this,Bt).emit(e)})),(0,s.A)(this,Gt,(0,d.createRef)())}get label(){return(0,h.A)(Xt,this)}set label(e){(0,r.A)(Xt,this,e)}get type(){return(0,h.A)(jt,this)}set type(e){(0,r.A)(jt,this,e)}enableEditing(){var e;null===(e=(0,h.A)(Gt,this).current)||void 0===e||e.enableEditing()}render(){return u().createElement(Yt,{ref:(0,h.A)(Gt,this),label:this.label,onLabelEditingChange:(0,h.A)(Zt,this),onLabelChange:(0,h.A)(Jt,this)})}}function en(e,t){let{label:n,onLabelChange:i,onLabelEditingChange:a}=e;const s=n??"",[l,o]=(0,d.useState)(s),[r,h]=(0,d.useState)(!1),c=(0,d.useRef)(!1),[p,g]=(0,d.useState)(!1),f=(0,d.useRef)(null);(0,d.useImperativeHandle)(t,(()=>({enableEditing(){h(!0)}}))),(0,d.useEffect)((()=>{o(s)}),[s]);const A=(0,d.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),h(!0)}),[]);(0,d.useEffect)((()=>{var e,t;r&&(null===(e=f.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=f.current)||void 0===t||t.select())}),[r]),(0,d.useEffect)((()=>{c.current?null==a||a(r):c.current=!0}),[r,a]);const y=(0,d.useCallback)((e=>{o(e.target.value)}),[]),m=(0,d.useCallback)((e=>{const t=e.key||e.keyCode||e.which;var n;"Enter"!==t&&13!==t||null===(n=f.current)||void 0===n||n.blur()}),[]),b=(0,d.useCallback)((()=>{h(!1),g(!0)}),[]);(0,d.useEffect)((()=>{p&&(null==i||i(l),g(!1))}),[l,i,p]);const k=(0,d.useCallback)((e=>{e.stopPropagation()}),[]);return u().createElement("div",{className:v()("label",{editing:r,empty:!l}),onDoubleClick:k,onMouseDown:k},u().createElement("input",{className:"label-input",value:l,ref:f,onChange:y,onKeyDown:m,onBlur:b}),u().createElement("div",{className:"label-text",onDoubleClick:A},l))}xt=Qt,({e:[Ct,Nt,Wt,Tt,Rt,Lt,St,$t,zt,Bt,Dt,Pt,Mt],c:[Ut,Et]}=(0,c.A)(xt,[Ot("diagram.editable-label",{styleTexts:[_t.A]})],[[Ht(),1,"label"],[Ht({render:!1}),1,"type"],[It({type:"label.editing.change"}),1,"labelEditingChange",e=>(0,h.A)(Vt,e),(e,t)=>(0,r.A)(Vt,e,t)],[It({type:"label.change"}),1,"labelChange",e=>(0,h.A)(Ft,e),(e,t)=>(0,r.A)(Ft,e,t)],[Kt(),2,"enableEditing"]],0,(e=>Gt.has((0,l.A)(e))),g.ReactNextElement)),Et();var tn=n(2559),nn=n(8896),an=n(5748),sn=n(531),ln=n(8185),on=n(4197),rn=n(7805);function hn(e){let{connectLineState:t,transform:n,markerEnd:i,onConnect:a}=e;const[s,l]=(0,d.useState)(null);return(0,d.useEffect)((()=>{t&&l(t.from)}),[t]),(0,d.useEffect)((()=>{if(t){const e=e=>{l([(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},i=e=>{e.stopPropagation()},s=e=>{e.stopPropagation(),o(),a(t,[(e.clientX-n.x-t.offset[0])/n.k,(e.clientY-n.y-t.offset[1])/n.k])},o=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",i,{capture:!0}),document.removeEventListener("click",s,{capture:!0}),l(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",i,{capture:!0}),document.addEventListener("click",s,{capture:!0}),o}}),[t,a,n]),u().createElement("path",{className:v()("connect-line",{connecting:!!t&&s&&(s[0]-t.from[0])**2+(s[1]-t.from[1])**2>25}),d:t&&s?`M${t.from.join(" ")}L${s.join(" ")}`:"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:`url(#${i})`})}var cn=n(3783),dn=n(2098),un=n(227),pn=n(3033),gn=n(8091),fn=n(1819),An=n(7099),yn=n(1484),vn=n(8197),mn=n(7531);var bn,kn=n(3012),wn=n(6237),xn=n(9386);let _n,Mn,En,Cn,Nn,Wn,Tn,Rn,Ln,Sn,$n,zn,Bn,Dn,Pn,On,Hn,In,Kn,Yn,Un,Xn,jn,Vn,qn,Zn,Fn,Jn,Gn,Qn,ei,ti,ni,ii,ai,si,li,oi,ri,hi,ci,di,ui,pi,gi,fi,Ai,yi,vi,mi,bi,ki,wi,xi,_i,Mi,Ei,Ci,Ni,Wi,Ti,Ri,Li,Si,$i,zi,Bi,Di,Pi,Oi,Hi,Ii,Ki,Yi,Ui,Xi,ji,Vi,qi,Zi,Fi,Ji,Gi,Qi,ea,ta;const na=(0,nn.unwrapProvider)("basic.lock-body-scroll"),{defineElement:ia,property:aa,method:sa,event:la}=(0,p.createDecorators)(),oa=u().forwardRef(es);let ra;var ha=new WeakMap,ca=new WeakMap,da=new WeakMap,ua=new WeakMap,pa=new WeakMap,ga=new WeakMap,fa=new WeakMap,Aa=new WeakMap,ya=new WeakMap,va=new WeakMap,ma=new WeakMap,ba=new WeakMap,ka=new WeakMap,wa=new WeakMap,xa=new WeakMap,_a=new WeakMap,Ma=new WeakMap,Ea=new WeakMap,Ca=new WeakMap,Na=new WeakSet,Wa=new WeakMap,Ta=new WeakMap,Ra=new WeakMap,La=new WeakMap,Sa=new WeakMap,$a=new WeakMap,za=new WeakMap,Ba=new WeakMap,Da=new WeakMap,Pa=new WeakMap,Oa=new WeakMap,Ha=new WeakMap,Ia=new WeakMap,Ka=new WeakMap,Ya=new WeakMap,Ua=new WeakMap,Xa=new WeakMap,ja=new WeakMap,Va=new WeakMap,qa=new WeakMap,Za=new WeakMap,Fa=new WeakMap,Ja=new WeakMap;class Ga extends g.ReactNextElement{constructor(){super(...arguments),(0,a.A)(this,Na),(0,s.A)(this,ha,(_n(this),En(this))),(0,s.A)(this,ca,(Cn(this),Nn(this))),(0,s.A)(this,da,(Wn(this),Tn(this))),(0,s.A)(this,ua,(Rn(this),Ln(this,[pn.HP,pn.HP]))),(0,s.A)(this,pa,(Sn(this),$n(this))),(0,s.A)(this,ga,(zn(this),Bn(this))),(0,s.A)(this,fa,(Dn(this),Pn(this))),(0,s.A)(this,Aa,(On(this),Hn(this))),(0,s.A)(this,ya,(In(this),Kn(this))),(0,s.A)(this,va,(Yn(this),Un(this))),(0,s.A)(this,ma,(Xn(this),jn(this,!0))),(0,s.A)(this,ba,(Vn(this),qn(this,!0))),(0,s.A)(this,ka,(Zn(this),Fn(this,!0))),(0,s.A)(this,wa,(Jn(this),Gn(this,!0))),(0,s.A)(this,xa,(Qn(this),ei(this,!1))),(0,s.A)(this,_a,(ti(this),ni(this))),(0,s.A)(this,Ma,(ii(this),ai(this))),(0,s.A)(this,Ea,(si(this),li(this))),(0,s.A)(this,Ca,(oi(this),ri(this))),(0,s.A)(this,Wa,(di(this),e=>{(0,o.A)(Na,this,hi).emit(e)})),(0,s.A)(this,Ta,(e=>{(0,ln.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,s.A)(this,Ra,ui(this)),(0,s.A)(this,La,(fi(this),Ai(this))),(0,s.A)(this,Sa,(mi(this),e=>{(0,o.A)(Na,this,yi).emit(e),"node"===e.type&&(0,o.A)(Na,this,pi).emit(e)})),(0,s.A)(this,$a,bi(this)),(0,s.A)(this,za,(xi(this),e=>{(0,o.A)(Na,this,ki).emit(e)})),(0,s.A)(this,Ba,_i(this)),(0,s.A)(this,Da,(Ci(this),e=>{(0,o.A)(Na,this,Mi).emit(e)})),(0,s.A)(this,Pa,Ni(this)),(0,s.A)(this,Oa,(Ri(this),Li(this))),(0,s.A)(this,Ha,(zi(this),e=>{(0,o.A)(Na,this,Si).emit(e),"node"===e.type&&(0,o.A)(Na,this,Wi).emit(e)})),(0,s.A)(this,Ia,Bi(this)),(0,s.A)(this,Ka,(Oi(this),e=>{(0,o.A)(Na,this,Di).emit(e)})),(0,s.A)(this,Ya,Hi(this)),(0,s.A)(this,Ua,(Yi(this),e=>{(0,o.A)(Na,this,Ii).emit(e)})),(0,s.A)(this,Xa,Ui(this)),(0,s.A)(this,ja,(Vi(this),e=>{(0,o.A)(Na,this,Xi).emit(e)})),(0,s.A)(this,Va,qi(this)),(0,s.A)(this,qa,(Ji(this),e=>{(0,o.A)(Na,this,Zi).emit(e)})),(0,s.A)(this,Za,Gi(this)),(0,s.A)(this,Fa,(ta(this),e=>{(0,o.A)(Na,this,Qi).emit(e)})),(0,s.A)(this,Ja,(0,d.createRef)())}get cells(){return(0,h.A)(ha,this)}set cells(e){(0,r.A)(ha,this,e)}get layout(){return(0,h.A)(ca,this)}set layout(e){(0,r.A)(ca,this,e)}get layoutOptions(){return(0,h.A)(da,this)}set layoutOptions(e){(0,r.A)(da,this,e)}get defaultNodeSize(){return(0,h.A)(ua,this)}set defaultNodeSize(e){(0,r.A)(ua,this,e)}get defaultNodeBricks(){return(0,h.A)(pa,this)}set defaultNodeBricks(e){(0,r.A)(pa,this,e)}get degradedThreshold(){return(0,h.A)(ga,this)}set degradedThreshold(e){(0,r.A)(ga,this,e)}get degradedNodeLabel(){return(0,h.A)(fa,this)}set degradedNodeLabel(e){(0,r.A)(fa,this,e)}get defaultEdgeLines(){return(0,h.A)(Aa,this)}set defaultEdgeLines(e){(0,r.A)(Aa,this,e)}get activeTarget(){return(0,h.A)(ya,this)}set activeTarget(e){(0,r.A)(ya,this,e)}get fadeUnrelatedCells(){return(0,h.A)(va,this)}set fadeUnrelatedCells(e){(0,r.A)(va,this,e)}get zoomable(){return(0,h.A)(ma,this)}set zoomable(e){(0,r.A)(ma,this,e)}get scrollable(){return(0,h.A)(ba,this)}set scrollable(e){(0,r.A)(ba,this,e)}get pannable(){return(0,h.A)(ka,this)}set pannable(e){(0,r.A)(ka,this,e)}get selectable(){return(0,h.A)(wa,this)}set selectable(e){(0,r.A)(wa,this,e)}get allowEdgeToArea(){return(0,h.A)(xa,this)}set allowEdgeToArea(e){(0,r.A)(xa,this,e)}get dragBehavior(){return(0,h.A)(_a,this)}set dragBehavior(e){(0,r.A)(_a,this,e)}get ctrlDragBehavior(){return(0,h.A)(Ma,this)}set ctrlDragBehavior(e){(0,r.A)(Ma,this,e)}get scaleRange(){return(0,h.A)(Ea,this)}set scaleRange(e){(0,r.A)(Ea,this,e)}async dropNode(e){var t,n;let{id:i,position:a,size:s,data:l,useBrick:o}=e;if(null===(t=(n=document).elementsFromPoint)||void 0===t||null===(t=t.call(n,a[0],a[1]))||void 0===t?void 0:t.includes(this)){var r;const e=this.getBoundingClientRect(),t=(0,h.A)(Ja,this).current.getTransform(),n={type:"node",id:i,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(a[0]-e.left-t.x)/t.k,y:(a[1]-e.top-t.y)/t.k},width:(null==s?void 0:s[0])??this.defaultNodeSize[0],height:(null==s?void 0:s[1])??this.defaultNodeSize[0]},data:l,useBrick:o};return null===(r=(0,h.A)(Ja,this).current)||void 0===r||r.dropNode(n),n}return null}async dropDecorator(e){var t,n;let{position:i,decorator:a,text:s,direction:l}=e;if(null===(t=(n=document).elementsFromPoint)||void 0===t||null===(t=t.call(n,i[0],i[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,h.A)(Ja,this).current.getTransform(),n={type:"decorator",decorator:a,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(i[0]-e.left-t.x)/t.k,y:(i[1]-e.top-t.y)/t.k,width:pn.N8,height:pn.w1,text:s,direction:l}};return null===(o=(0,h.A)(Ja,this).current)||void 0===o||o.dropDecorator(n),n}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:n,id:i,data:a}=e;return{type:"node",id:i,data:a,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:n}}));return(0,h.A)(Ja,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:n,target:i,data:a}=e;const s={type:"edge",source:n,target:i,data:a};return null===(t=(0,h.A)(Ja,this).current)||void 0===t||t.addEdge(s),s}manuallyConnectNodes(e){return(0,h.A)(Ja,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,tn.A)(Na,this,Qa).call(this);const{updated:n}=(0,h.A)(Ja,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:n}}disconnectedCallback(){super.disconnectedCallback(),na(this,!1)}render(){return u().createElement(oa,{host:this,ref:(0,h.A)(Ja,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,h.A)(Wa,this),onSwitchActiveTarget:(0,h.A)(Ta,this),onCellMove:(0,h.A)(Sa,this),onCellsMove:(0,h.A)(za,this),onCellResize:(0,h.A)(Da,this),onCellDelete:(0,h.A)(Ha,this),onCellsDelete:(0,h.A)(Ka,this),onCellContextMenu:(0,h.A)(Ua,this),onDecoratorTextChange:(0,h.A)(ja,this),onContainerContainerChange:(0,h.A)(qa,this),onScaleChange:(0,h.A)(Fa,this)})}}function Qa(){return new Promise((e=>{const t=()=>{(0,h.A)(Ja,this).current?e():setTimeout(t,10)};t()}))}function es(e,t){let{host:n,layout:i,layoutOptions:a,cells:s,defaultNodeSize:l,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:h,degradedNodeLabel:c,activeTarget:p,fadeUnrelatedCells:g,zoomable:A,scrollable:y,pannable:b,dragBehavior:k,ctrlDragBehavior:w,scaleRange:x,allowEdgeToArea:_,onActiveTargetChange:M,onSwitchActiveTarget:E,onCellMove:C,onCellResize:W,onCellDelete:T,onCellsMove:R,onCellsDelete:L,onCellContextMenu:S,onDecoratorTextChange:$,onScaleChange:z,onContainerContainerChange:B}=e;const[{cells:D,layoutKey:P},O]=(0,d.useReducer)(an.d,s,(e=>({cells:(0,cn.C)(e,{defaultNodeSize:l}),layoutKey:0}))),H=(0,d.useMemo)((()=>D.filter(sn.N).length>=(h??pn.pC)),[D,h]),I=(0,d.useRef)(null),K=(0,d.useRef)(null),Y=(0,d.useRef)(null),[U,X]=(0,d.useState)([]),{grabbing:j,transform:V,zoomer:q,scaleRange:Z}=(0,gn.f)({rootRef:I,zoomable:A,scrollable:y,pannable:b,draggable:"grab"===k,ctrlDraggable:"grab"===w,scaleRange:x,onSwitchActiveTarget:E});(0,d.useEffect)((()=>{z(V.k)}),[z,V.k]);const[F,J]=(0,d.useState)(null),[G,Q]=(0,d.useState)(null),{centered:ee,setCentered:te,getNextLayoutKey:ne}=(0,yn.g)({layout:i,layoutOptions:a,rootRef:I,cells:D,zoomable:A,zoomer:q,scaleRange:Z,layoutKey:P,allowEdgeToArea:_,dispatch:O});(0,d.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&te(!0),O({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&te(!0),O({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:n,canvasWidth:a,canvasHeight:s}=t;const l=D.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...D.slice(0,l),...e,...D.slice(l)],{cells:r,updated:h,shouldReCenter:c}=(0,dn.L)({cells:o,layout:i,previousCells:D,defaultNodeSize:n,canvasWidth:a,canvasHeight:s,scaleRange:Z,transform:V,allowEdgeToArea:_});return c&&te(!1),O({type:"update-cells",payload:r}),h.filter((t=>e.includes(t)))},addEdge(e){O({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:n,...a}=(0,dn.L)({...t,layout:i,previousCells:D,cells:e,scaleRange:Z,transform:V,allowEdgeToArea:_});return n&&te(!1),O({type:"update-cells",payload:a.cells}),a},getTransform:()=>V,manuallyConnectNodes(e){const t=D.find((t=>(_&&(0,sn.o6)(t)||(0,sn.N)(t))&&t.id===e));if(t){const e=I.current.getBoundingClientRect();return Q({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{Y.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[D,i,Z,te,V,_]);const ie=(0,d.useCallback)(((e,t)=>{var n;for(let n=D.length-1;n>=0;n--){const a=D[n];if((_&&(0,sn.o6)(a)||(0,sn.N)(a))&&a.id!==e.source.id&&a.view.x<t[0]&&a.view.x+a.view.width>t[0]&&a.view.y<t[1]&&a.view.y+a.view.height>t[1]){var i;null===(i=Y.current)||void 0===i||i.resolve({source:e.source,target:a});break}}null===(n=Y.current)||void 0===n||n.reject(null),Q(null)}),[D]);(0,d.useEffect)((()=>{na(n,!(!G&&!F))}),[G,n,F]);const ae=(0,fn.J)({cellsRef:K,activeTarget:p,onActiveTargetChange:M}),[se,le]=(0,d.useState)([]);(0,d.useEffect)((()=>{const e=g?(0,un.Y)(D,G,ae,_):[];le((t=>0===t.length&&0===e.length?t:e))}),[ae,D,G,g,_]),(0,d.useEffect)((()=>{const e=I.current;if(!e||U.length>0)return;const t=e=>{const t=function(e,t){let{cells:n,activeTarget:i}=t;const a=n.filter((e=>(0,on.Q)(e,i)));if(0!==a.length)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cells",cells:a}}}(e,{cells:D,activeTarget:ae});"delete-cells"===(null==t?void 0:t.action)&&(L(t.cells),1===t.cells.length&&T(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[ae,D,U.length,T,L]);const oe=`${(0,d.useMemo)((()=>`${(0,m.uniqueId)("diagram-")}-`),[])}line-arrow-`,re=(0,d.useCallback)((e=>{O({type:"move-cells",payload:e})}),[]),he=(0,d.useCallback)((e=>{O({type:"move-cells",payload:e}),R(e),1===e.length&&C(e[0]),function(e,t,n){const i=e.filter((e=>(0,sn.N)(e))),a=t.filter((e=>(0,sn.N)(e)));i.forEach((e=>{const n=e.x,i=e.x+e.width,a=e.y,s=e.y+e.height,l=t.filter((e=>(0,sn.t2)(e)));for(const t of l){const l=t.view.x,o=t.view.x+t.view.width,r=t.view.y,h=t.view.y+t.view.height;if(n>=l&&i<=o&&a>=r&&s<=h){e.containerCell=t;break}}}));const s=i.filter((e=>{var t;const n=a.find((t=>t.id===e.id));return(null==n?void 0:n.containerId)!==(null===(t=e.containerCell)||void 0===t?void 0:t.id)}));s.length>0&&n(s)}(e,D,B)}),[C,R,D,B]),ce=(0,d.useCallback)((e=>{O({type:"resize-cell",payload:e})}),[]),de=(0,d.useCallback)((e=>{O({type:"resize-cell",payload:e}),W(e)}),[W]),ue=(0,d.useCallback)((e=>{let{id:t,editing:n}=e;X(n?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),pe=(0,d.useCallback)(((e,t)=>{const n=ne();O({type:"update-node-size",payload:{id:e,size:t},layoutKey:n})}),[ne]),ge=(0,d.useCallback)((e=>{q.scaleTo((0,f.A)(I.current),e/100)}),[q]),fe=(0,d.useCallback)((()=>{te(!1)}),[te]),[Ae,ye]=(0,mn.d)({cells:D,defaultEdgeLines:r,markerPrefix:oe}),ve=(0,vn.H)({cells:D,layout:i,centered:ee});return(0,d.useEffect)((()=>{const e=I.current;if(!e||"lasso"!==k)return;const t=e.getBoundingClientRect(),n=e=>{!function(e,t){let{transform:n,offset:i,onLassoing:a,onLassoed:s}=t;if(e.ctrlKey||e.button)return;e.stopPropagation();const l=[e.clientX,e.clientY],o=(e.clientX-i[0]-n.x)/n.k,r=(e.clientY-i[1]-n.y)/n.k;let h=!1;const c=(e,t)=>{const i=function(e){return[(e.clientX-l[0])/n.k,(e.clientY-l[1])/n.k]}(e);if(h||(h=i[0]**2+i[1]**2>=9),h){let[e,n]=i,l=o,h=r;e<0&&(l=o+e,e=-e),n<0&&(h=r+n,n=-n),(t?s:a)({x:l,y:h,width:e,height:n})}},d=e=>{c(e)},u=e=>{c(e,!0),h=!1,document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",u)};document.addEventListener("mousemove",d),document.addEventListener("mouseup",u)}(e,{transform:V,offset:[t.left,t.top],onLassoing(e){J(e)},onLassoed(e){J(null);const t=[];for(const n of D)if((0,sn.o6)(n)||(0,sn.Hs)(n)){const i=n.view.x,a=n.view.y;i>=e.x&&i+n.view.width<=e.x+e.width&&a>=e.y&&a+n.view.height<=e.y+e.height&&t.push(n)}null==E||E(t.length>1?{type:"multi",targets:t.map(xn.P)}:1===t.length?(0,xn.P)(t[0]):null)}})};return e.addEventListener("mousedown",n),()=>{e.removeEventListener("mousedown",n)}}),[V,D,k,E]),u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:I,className:v()("root",{grabbing:j,pannable:b,ready:ve}),tabIndex:-1},u().createElement("defs",null,ye.map(((e,t)=>u().createElement(N.c,{key:t,id:`${oe}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${V.x} ${V.y}) scale(${V.k})`},u().createElement("g",{className:v()("cells",{allowEdgeToArea:_}),ref:K},D.map((e=>u().createElement(rn.m,{key:`${e.type}:${(0,sn.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:i,cell:e,cells:D,degraded:H,degradedNodeLabel:c,defaultNodeBricks:o,transform:V,lineConfMap:Ae,activeTarget:ae,unrelatedCells:se,onCellsMoving:re,onCellsMoved:he,onCellResizing:ce,onCellResized:de,onSwitchActiveTarget:E,onCellContextMenu:S,onDecoratorTextChange:$,onDecoratorTextEditing:ue,onNodeBrickResize:pe})))),u().createElement(hn,{connectLineState:G,transform:V,markerEnd:`${oe}0`,onConnect:ie}),F&&u().createElement("rect",{x:F.x,y:F.y,width:F.width,height:F.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}))),u().createElement(An.Y,{shadowRoot:n.shadowRoot,scale:V.k,scaleRange:Z,onZoomChange:ge,onReCenter:fe}))}bn=Ga,({e:[En,Cn,Nn,Wn,Tn,Rn,Ln,Sn,$n,zn,Bn,Dn,Pn,On,Hn,In,Kn,Yn,Un,Xn,jn,Vn,qn,Zn,Fn,Jn,Gn,Qn,ei,ti,ni,ii,ai,si,li,oi,ri,hi,ci,di,ui,pi,gi,fi,Ai,yi,vi,mi,bi,ki,wi,xi,_i,Mi,Ei,Ci,Ni,Wi,Ti,Ri,Li,Si,$i,zi,Bi,Di,Pi,Oi,Hi,Ii,Ki,Yi,Ui,Xi,ji,Vi,qi,Zi,Fi,Ji,Gi,Qi,ea,ta,_n],c:[ra,Mn]}=(0,c.A)(bn,[ia("eo-draw-canvas",{styleTexts:[kn.A,wn.A]})],[[aa({attribute:!1}),1,"cells"],[aa({type:String}),1,"layout"],[aa({attribute:!1}),1,"layoutOptions"],[aa({attribute:!1}),1,"defaultNodeSize"],[aa({attribute:!1}),1,"defaultNodeBricks"],[aa({type:Number}),1,"degradedThreshold"],[aa({attribute:!1}),1,"degradedNodeLabel"],[aa({attribute:!1}),1,"defaultEdgeLines"],[aa({attribute:!1}),1,"activeTarget"],[aa({type:Boolean}),1,"fadeUnrelatedCells"],[aa({type:Boolean}),1,"zoomable"],[aa({type:Boolean}),1,"scrollable"],[aa({type:Boolean}),1,"pannable"],[aa({type:Boolean}),1,"selectable"],[aa({type:Boolean}),1,"allowEdgeToArea"],[aa(),1,"dragBehavior"],[aa(),1,"ctrlDragBehavior"],[aa({attribute:!1}),1,"scaleRange"],[la({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(Ca,e),(e,t)=>(0,r.A)(Ca,e,t)],[la({type:"node.move"}),1,"nodeMoveEvent",e=>(0,h.A)(Ra,e),(e,t)=>(0,r.A)(Ra,e,t)],[la({type:"cell.move"}),1,"cellMoveEvent",e=>(0,h.A)(La,e),(e,t)=>(0,r.A)(La,e,t)],[la({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,h.A)($a,e),(e,t)=>(0,r.A)($a,e,t)],[la({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,h.A)(Ba,e),(e,t)=>(0,r.A)(Ba,e,t)],[la({type:"node.delete"}),1,"nodeDelete",e=>(0,h.A)(Pa,e),(e,t)=>(0,r.A)(Pa,e,t)],[la({type:"cell.delete"}),1,"cellDelete",e=>(0,h.A)(Oa,e),(e,t)=>(0,r.A)(Oa,e,t)],[la({type:"cells.delete"}),1,"cellsDelete",e=>(0,h.A)(Ia,e),(e,t)=>(0,r.A)(Ia,e,t)],[la({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(Ya,e),(e,t)=>(0,r.A)(Ya,e,t)],[la({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,h.A)(Xa,e),(e,t)=>(0,r.A)(Xa,e,t)],[la({type:"node.container.change"}),1,"containerContainerChange",e=>(0,h.A)(Va,e),(e,t)=>(0,r.A)(Va,e,t)],[la({type:"scale.change"}),1,"scaleChange",e=>(0,h.A)(Za,e),(e,t)=>(0,r.A)(Za,e,t)],[sa(),2,"dropNode"],[sa(),2,"dropDecorator"],[sa(),2,"addNodes"],[sa(),2,"addEdge"],[sa(),2,"manuallyConnectNodes"],[sa(),2,"updateCells"]],0,(e=>Ja.has((0,l.A)(e))),g.ReactNextElement)),Mn();var ts,ns=n(497);let is,as,ss,ls,os,rs,hs,cs,ds,us,ps,gs,fs,As,ys,vs,ms,bs,ks;const{defineElement:ws,property:xs,event:_s}=(0,p.createDecorators)();let Ms;var Es,Cs=new WeakMap,Ns=new WeakMap,Ws=new WeakMap,Ts=new WeakMap,Rs=new WeakSet,Ls=new WeakMap,Ss=new WeakMap,$s=new WeakMap,zs=new WeakMap,Bs=new WeakMap;class Ds extends g.ReactNextElement{constructor(){super(...arguments),(0,a.A)(this,Rs),(0,s.A)(this,Cs,as(this)),(0,s.A)(this,Ns,(ss(this),ls(this))),(0,s.A)(this,Ws,(os(this),rs(this))),(0,s.A)(this,Ts,(hs(this),cs(this))),(0,s.A)(this,Ls,(ps(this),e=>{(0,o.A)(Rs,this,ds).emit(e)})),(0,s.A)(this,Ss,gs(this)),(0,s.A)(this,$s,(ys(this),e=>{(0,o.A)(Rs,this,fs).emit(e)})),(0,s.A)(this,zs,vs(this)),(0,s.A)(this,Bs,(ks(this),e=>{(0,o.A)(Rs,this,ms).emit(e)}))}get usage(){return(0,h.A)(Cs,this)}set usage(e){(0,r.A)(Cs,this,e)}get status(){return(0,h.A)(Ns,this)}set status(e){(0,r.A)(Ns,this,e)}get decorator(){return(0,h.A)(Ws,this)}set decorator(e){(0,r.A)(Ws,this,e)}render(){return u().createElement(Ps,{usage:this.usage,onDragStart:(0,h.A)(Ls,this),onDragMove:(0,h.A)($s,this),onDragEnd:(0,h.A)(Bs,this)})}}function Ps(e){let{usage:t,onDragStart:n,onDragMove:i,onDragEnd:a}=e;const s=(0,d.useCallback)((e=>{if("library"!==t)return;e.stopPropagation(),e.preventDefault();const s=[e.clientX,e.clientY];let l=!1;const o=e=>{l||(l=(e.clientX-s[0])**2+(e.clientY-s[1])**2>=9,l&&(null==n||n([e.clientX,e.clientY]))),l&&(null==i||i([e.clientX,e.clientY]))},r=e=>{document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",r),l&&(null==a||a([e.clientX,e.clientY]))};document.addEventListener("mousemove",o),document.addEventListener("mouseup",r)}),[a,i,n,t]);return u().createElement("div",{onMouseDown:s},u().createElement("slot",null))}let Os,Hs,Is,Ks,Ys,Us,Xs,js,Vs,qs,Zs,Fs,Js,Gs,Qs,el,tl,nl,il,al,sl,ll,ol,rl,hl,cl,dl,ul,pl,gl,fl,Al,yl,vl,ml,bl,kl,wl,xl,_l,Ml;ts=Ds,({e:[as,ss,ls,os,rs,hs,cs,ds,us,ps,gs,fs,As,ys,vs,ms,bs,ks],c:[Ms,is]}=(0,c.A)(ts,[ws("diagram.experimental-node",{styleTexts:[ns.A]})],[[xs(),1,"usage"],[xs({type:String,render:!1}),1,"status"],[xs({type:String}),1,"decorator"],[_s({type:"drag.start"}),1,"dragStartEvent",e=>(0,h.A)(Ts,e),(e,t)=>(0,r.A)(Ts,e,t)],[_s({type:"drag.move"}),1,"dragMoveEvent",e=>(0,h.A)(Ss,e),(e,t)=>(0,r.A)(Ss,e,t)],[_s({type:"drag.end"}),1,"dragEndEvent",e=>(0,h.A)(zs,e),(e,t)=>(0,r.A)(zs,e,t)]],0,(e=>Bs.has((0,l.A)(e))),g.ReactNextElement)),is();const{defineElement:El,property:Cl,event:Nl}=(0,p.createDecorators)();let Wl;var Tl=new WeakMap,Rl=new WeakMap,Ll=new WeakMap,Sl=new WeakMap,$l=new WeakMap,zl=new WeakMap,Bl=new WeakMap,Dl=new WeakMap,Pl=new WeakMap,Ol=new WeakMap,Hl=new WeakMap,Il=new WeakMap,Kl=new WeakMap,Yl=new WeakMap,Ul=new WeakMap,Xl=new WeakSet,jl=new WeakMap,Vl=new WeakMap,ql=new WeakMap,Zl=new WeakMap,Fl=new WeakMap,Jl=new WeakMap;class Gl extends g.ReactNextElement{constructor(){super(...arguments),(0,a.A)(this,Xl),(0,s.A)(this,Tl,Hs(this)),(0,s.A)(this,Rl,(Is(this),Ks(this))),(0,s.A)(this,Ll,(Ys(this),Us(this))),(0,s.A)(this,Sl,(Xs(this),js(this,[pn.HP,pn.HP]))),(0,s.A)(this,$l,(Vs(this),qs(this))),(0,s.A)(this,zl,(Zs(this),Fs(this))),(0,s.A)(this,Bl,(Js(this),Gs(this))),(0,s.A)(this,Dl,(Qs(this),el(this))),(0,s.A)(this,Pl,(tl(this),nl(this))),(0,s.A)(this,Ol,(il(this),al(this))),(0,s.A)(this,Hl,(sl(this),ll(this,!0))),(0,s.A)(this,Il,(ol(this),rl(this,!0))),(0,s.A)(this,Kl,(hl(this),cl(this,!0))),(0,s.A)(this,Yl,(dl(this),ul(this))),(0,s.A)(this,Ul,(pl(this),gl(this))),(0,s.A)(this,jl,(yl(this),e=>{(0,o.A)(Xl,this,fl).emit(e)})),(0,s.A)(this,Vl,(e=>{(0,ln.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,s.A)(this,ql,vl(this)),(0,s.A)(this,Zl,(kl(this),e=>{(0,o.A)(Xl,this,ml).emit(e)})),(0,s.A)(this,Fl,wl(this)),(0,s.A)(this,Jl,(Ml(this),e=>{(0,o.A)(Xl,this,xl).emit(e)}))}get cells(){return(0,h.A)(Tl,this)}set cells(e){(0,r.A)(Tl,this,e)}get layout(){return(0,h.A)(Rl,this)}set layout(e){(0,r.A)(Rl,this,e)}get layoutOptions(){return(0,h.A)(Ll,this)}set layoutOptions(e){(0,r.A)(Ll,this,e)}get defaultNodeSize(){return(0,h.A)(Sl,this)}set defaultNodeSize(e){(0,r.A)(Sl,this,e)}get defaultNodeBricks(){return(0,h.A)($l,this)}set defaultNodeBricks(e){(0,r.A)($l,this,e)}get degradedThreshold(){return(0,h.A)(zl,this)}set degradedThreshold(e){(0,r.A)(zl,this,e)}get degradedNodeLabel(){return(0,h.A)(Bl,this)}set degradedNodeLabel(e){(0,r.A)(Bl,this,e)}get defaultEdgeLines(){return(0,h.A)(Dl,this)}set defaultEdgeLines(e){(0,r.A)(Dl,this,e)}get activeTarget(){return(0,h.A)(Pl,this)}set activeTarget(e){(0,r.A)(Pl,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Ol,this)}set fadeUnrelatedCells(e){(0,r.A)(Ol,this,e)}get zoomable(){return(0,h.A)(Hl,this)}set zoomable(e){(0,r.A)(Hl,this,e)}get scrollable(){return(0,h.A)(Il,this)}set scrollable(e){(0,r.A)(Il,this,e)}get pannable(){return(0,h.A)(Kl,this)}set pannable(e){(0,r.A)(Kl,this,e)}get scaleRange(){return(0,h.A)(Yl,this)}set scaleRange(e){(0,r.A)(Yl,this,e)}render(){return u().createElement(Ql,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,onActiveTargetChange:(0,h.A)(jl,this),onSwitchActiveTarget:(0,h.A)(Vl,this),onCellContextMenu:(0,h.A)(Zl,this),onCellClick:(0,h.A)(Jl,this)})}}function Ql(e){let{shadowRoot:t,cells:n,layout:i,layoutOptions:a,defaultNodeSize:s,defaultNodeBricks:l,defaultEdgeLines:o,degradedThreshold:r,degradedNodeLabel:h,activeTarget:c,fadeUnrelatedCells:p,zoomable:g,scrollable:A,pannable:y,scaleRange:b,onActiveTargetChange:k,onSwitchActiveTarget:w,onCellContextMenu:x,onCellClick:_}=e;const[{cells:M,layoutKey:E},C]=(0,d.useReducer)(an.d,n,(e=>({cells:(0,cn.C)(e,{defaultNodeSize:s}),layoutKey:1}))),W=(0,d.useMemo)((()=>M.filter(sn.N).length>=(r??pn.pC)),[M,r]),T=(0,d.useRef)(null),R=(0,d.useRef)(null),{grabbing:L,transform:S,zoomer:$,scaleRange:z}=(0,gn.f)({rootRef:T,zoomable:g,scrollable:A,pannable:y,draggable:!0,scaleRange:b,onSwitchActiveTarget:w}),{centered:B,setCentered:D,getNextLayoutKey:P}=(0,yn.g)({layout:i,layoutOptions:a,rootRef:T,cells:M,zoomable:g,zoomer:$,scaleRange:z,layoutKey:E,dispatch:C}),O=(0,d.useCallback)((()=>{D(!1)}),[D]),H=(0,d.useRef)(n);(0,d.useEffect)((()=>{if(n!==H.current){H.current=n;const e=(0,dn.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:s,layout:i,previousCells:M,cells:n,scaleRange:z,transform:S});C({type:"update-cells",payload:e.cells})}}),[M,s,n,i,z,t,S]);const I=(0,fn.J)({cellsRef:R,activeTarget:c,onActiveTargetChange:k}),K=`${(0,d.useMemo)((()=>`${(0,m.uniqueId)("diagram-")}-`),[])}line-arrow-`,Y=(0,d.useCallback)(((e,t)=>{C({type:"update-node-size",payload:{id:e,size:t},layoutKey:P()})}),[P]),[U,X]=(0,d.useState)(null),j=(0,d.useCallback)((e=>{X(e)}),[]),V=(0,d.useCallback)((e=>{X((t=>t===e?null:t))}),[]),[q,Z]=(0,d.useState)([]);(0,d.useEffect)((()=>{const e=p?(0,un.Y)(M,null,U):[];Z((t=>0===t.length&&0===e.length?t:e))}),[M,p,U]);const F=(0,d.useCallback)((e=>{$.scaleTo((0,f.A)(T.current),e/100)}),[$]),[J,G]=(0,mn.d)({cells:M,defaultEdgeLines:o,markerPrefix:K}),Q=(0,vn.H)({cells:M,layout:i,centered:B});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:T,className:v()("root",{grabbing:L,pannable:y,ready:Q}),tabIndex:-1},u().createElement("defs",null,G.map(((e,t)=>u().createElement(N.c,{key:t,id:`${K}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${S.x} ${S.y}) scale(${S.k})`},u().createElement("g",{className:"cells",ref:R},M.map((e=>u().createElement(rn.m,{key:`${e.type}:${(0,sn.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:void 0,cell:e,cells:M,degraded:W,degradedNodeLabel:h,defaultNodeBricks:l,lineConfMap:J,transform:S,activeTarget:I,readOnly:!0,unrelatedCells:q,onSwitchActiveTarget:w,onCellContextMenu:x,onCellClick:_,onNodeBrickResize:Y,onCellMouseEnter:p&&(0,sn.N)(e)?j:void 0,onCellMouseLeave:p&&(0,sn.N)(e)?V:void 0})))))),u().createElement(An.Y,{shadowRoot:t,scale:S.k,scaleRange:z,onZoomChange:F,onReCenter:O}))}Es=Gl,({e:[Hs,Is,Ks,Ys,Us,Xs,js,Vs,qs,Zs,Fs,Js,Gs,Qs,el,tl,nl,il,al,sl,ll,ol,rl,hl,cl,dl,ul,pl,gl,fl,Al,yl,vl,ml,bl,kl,wl,xl,_l,Ml],c:[Wl,Os]}=(0,c.A)(Es,[El("eo-display-canvas",{styleTexts:[kn.A,wn.A]})],[[Cl({attribute:!1}),1,"cells"],[Cl({type:String}),1,"layout"],[Cl({attribute:!1}),1,"layoutOptions"],[Cl({attribute:!1}),1,"defaultNodeSize"],[Cl({attribute:!1}),1,"defaultNodeBricks"],[Cl({type:Number}),1,"degradedThreshold"],[Cl({attribute:!1}),1,"degradedNodeLabel"],[Cl({attribute:!1}),1,"defaultEdgeLines"],[Cl({attribute:!1}),1,"activeTarget"],[Cl({type:Boolean}),1,"fadeUnrelatedCells"],[Cl({type:Boolean}),1,"zoomable"],[Cl({type:Boolean}),1,"scrollable"],[Cl({type:Boolean}),1,"pannable"],[Cl({attribute:!1}),1,"scaleRange"],[Nl({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(Ul,e),(e,t)=>(0,r.A)(Ul,e,t)],[Nl({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(ql,e),(e,t)=>(0,r.A)(ql,e,t)],[Nl({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(Fl,e),(e,t)=>(0,r.A)(Fl,e,t)]],0,(e=>Jl.has((0,l.A)(e))),g.ReactNextElement)),Os()},3971:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(6758),a=n.n(i),s=n(935),l=n.n(s)()(a());l.push([e.id,':host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type="line"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}',""]);const o=l.toString()},497:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(6758),a=n.n(i),s=n(935),l=n.n(s)()(a());l.push([e.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host(:not([usage="dragging"]):not([usage="library"]):hover),\n:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}:host([decorator="area"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator="text"]){width:auto;height:auto;background:none;border:none}',""]);const o=l.toString()},6330:(e,t,n)=>{function i(e,t,n,i,a,s,l){try{var o=e[s](l),r=o.value}catch(e){return void n(e)}o.done?t(r):Promise.resolve(r).then(i,a)}function a(e){return function(){var t=this,n=arguments;return new Promise((function(a,s){var l=e.apply(t,n);function o(e){i(l,a,s,o,r,"next",e)}function r(e){i(l,a,s,o,r,"throw",e)}o(void 0)}))}}n.d(t,{A:()=>a})},780:(e,t,n)=>{n.d(t,{_:()=>s});var i=n(6330),a=n(3496),s=function(){var e=(0,i.A)((function*(e,t,n){return(yield a.http.post("api/gateway/cmdb.instance.CreateInstance/v2/object/".concat(e,"/instance"),t,n)).data}));return function(t,n,i){return e.apply(this,arguments)}}()},8406:(e,t,n)=>{n.d(t,{y:()=>s});var i=n(6330),a=n(3496),s=function(){var e=(0,i.A)((function*(e,t,n){return(yield a.http.post("api/gateway/cmdb.instance.PostSearchV3/v3/object/".concat(e,"/instance/_search"),t,n)).data}));return function(t,n,i){return e.apply(this,arguments)}}()},6841:(e,t,n)=>{n.d(t,{x:()=>s});var i=n(6330),a=n(3496),s=function(){var e=(0,i.A)((function*(e,t,n,i){return(yield a.http.put("api/gateway/cmdb.instance.UpdateInstanceV2/v2/object/".concat(e,"/instance/").concat(t),n,i)).data}));return function(t,n,i,a){return e.apply(this,arguments)}}()},4993:(e,t,n)=>{function i(e,t,n){e._context.bezierCurveTo((2*e._x0+e._x1)/3,(2*e._y0+e._y1)/3,(e._x0+2*e._x1)/3,(e._y0+2*e._y1)/3,(e._x0+4*e._x1+t)/6,(e._y0+4*e._y1+n)/6)}function a(e){this._context=e}function s(e){return new a(e)}n.d(t,{Ay:()=>s}),a.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=NaN,this._point=0},lineEnd:function(){switch(this._point){case 3:i(this,this._x1,this._y1);case 2:this._context.lineTo(this._x1,this._y1)}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;break;case 2:this._point=3,this._context.lineTo((5*this._x0+this._x1)/6,(5*this._y0+this._y1)/6);default:i(this,e,t)}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}}},4643:(e,t,n)=>{n.d(t,{dJ:()=>a,kl:()=>s});class i{constructor(e,t){this._context=e,this._x=t}areaStart(){this._line=0}areaEnd(){this._line=NaN}lineStart(){this._point=0}lineEnd(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line}point(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:this._x?this._context.bezierCurveTo(this._x0=(this._x0+e)/2,this._y0,this._x0,t,e,t):this._context.bezierCurveTo(this._x0,this._y0=(this._y0+t)/2,e,this._y0,e,t)}this._x0=e,this._y0=t}}function a(e){return new i(e,!0)}function s(e){return new i(e,!1)}},482:(e,t,n)=>{function i(e){this._context=e}function a(e){return new i(e)}n.d(t,{A:()=>a}),i.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:this._context.lineTo(e,t)}}}},3488:(e,t,n)=>{function i(e){return e<0?-1:1}function a(e,t,n){var a=e._x1-e._x0,s=t-e._x1,l=(e._y1-e._y0)/(a||s<0&&-0),o=(n-e._y1)/(s||a<0&&-0),r=(l*s+o*a)/(a+s);return(i(l)+i(o))*Math.min(Math.abs(l),Math.abs(o),.5*Math.abs(r))||0}function s(e,t){var n=e._x1-e._x0;return n?(3*(e._y1-e._y0)/n-t)/2:t}function l(e,t,n){var i=e._x0,a=e._y0,s=e._x1,l=e._y1,o=(s-i)/3;e._context.bezierCurveTo(i+o,a+o*t,s-o,l-o*n,s,l)}function o(e){this._context=e}function r(e){this._context=new h(e)}function h(e){this._context=e}function c(e){return new o(e)}function d(e){return new r(e)}n.d(t,{G:()=>c,N:()=>d}),o.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=this._t0=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x1,this._y1);break;case 3:l(this,this._t0,s(this,this._t0))}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){var n=NaN;if(t=+t,(e=+e)!==this._x1||t!==this._y1){switch(this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;break;case 2:this._point=3,l(this,s(this,n=a(this,e,t)),n);break;default:l(this,this._t0,n=a(this,e,t))}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t,this._t0=n}}},(r.prototype=Object.create(o.prototype)).point=function(e,t){o.prototype.point.call(this,t,e)},h.prototype={moveTo:function(e,t){this._context.moveTo(t,e)},closePath:function(){this._context.closePath()},lineTo:function(e,t){this._context.lineTo(t,e)},bezierCurveTo:function(e,t,n,i,a,s){this._context.bezierCurveTo(t,e,i,n,s,a)}}},6066:(e,t,n)=>{function i(e){this._context=e}function a(e){var t,n,i=e.length-1,a=new Array(i),s=new Array(i),l=new Array(i);for(a[0]=0,s[0]=2,l[0]=e[0]+2*e[1],t=1;t<i-1;++t)a[t]=1,s[t]=4,l[t]=4*e[t]+2*e[t+1];for(a[i-1]=2,s[i-1]=7,l[i-1]=8*e[i-1]+e[i],t=1;t<i;++t)n=a[t]/s[t-1],s[t]-=n,l[t]-=n*l[t-1];for(a[i-1]=l[i-1]/s[i-1],t=i-2;t>=0;--t)a[t]=(l[t]-a[t+1])/s[t];for(s[i-1]=(e[i]+a[i-1])/2,t=0;t<i-1;++t)s[t]=2*e[t+1]-a[t+1];return[a,s]}function s(e){return new i(e)}n.d(t,{A:()=>s}),i.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x=[],this._y=[]},lineEnd:function(){var e=this._x,t=this._y,n=e.length;if(n)if(this._line?this._context.lineTo(e[0],t[0]):this._context.moveTo(e[0],t[0]),2===n)this._context.lineTo(e[1],t[1]);else for(var i=a(e),s=a(t),l=0,o=1;o<n;++l,++o)this._context.bezierCurveTo(i[0][l],s[0][l],i[1][l],s[1][l],e[o],t[o]);(this._line||0!==this._line&&1===n)&&this._context.closePath(),this._line=1-this._line,this._x=this._y=null},point:function(e,t){this._x.push(+e),this._y.push(+t)}}},3269:(e,t,n)=>{function i(e){return function(){return e}}n.d(t,{A:()=>p}),Array.prototype.slice;var a=n(482);const s=Math.PI,l=2*s,o=1e-6,r=l-o;function h(e){this._+=e[0];for(let t=1,n=e.length;t<n;++t)this._+=arguments[t]+e[t]}class c{constructor(e){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=null==e?h:function(e){let t=Math.floor(e);if(!(t>=0))throw new Error(`invalid digits: ${e}`);if(t>15)return h;const n=10**t;return function(e){this._+=e[0];for(let t=1,i=e.length;t<i;++t)this._+=Math.round(arguments[t]*n)/n+e[t]}}(e)}moveTo(e,t){this._append`M${this._x0=this._x1=+e},${this._y0=this._y1=+t}`}closePath(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(e,t){this._append`L${this._x1=+e},${this._y1=+t}`}quadraticCurveTo(e,t,n,i){this._append`Q${+e},${+t},${this._x1=+n},${this._y1=+i}`}bezierCurveTo(e,t,n,i,a,s){this._append`C${+e},${+t},${+n},${+i},${this._x1=+a},${this._y1=+s}`}arcTo(e,t,n,i,a){if(e=+e,t=+t,n=+n,i=+i,(a=+a)<0)throw new Error(`negative radius: ${a}`);let l=this._x1,r=this._y1,h=n-e,c=i-t,d=l-e,u=r-t,p=d*d+u*u;if(null===this._x1)this._append`M${this._x1=e},${this._y1=t}`;else if(p>o)if(Math.abs(u*h-c*d)>o&&a){let g=n-l,f=i-r,A=h*h+c*c,y=g*g+f*f,v=Math.sqrt(A),m=Math.sqrt(p),b=a*Math.tan((s-Math.acos((A+p-y)/(2*v*m)))/2),k=b/m,w=b/v;Math.abs(k-1)>o&&this._append`L${e+k*d},${t+k*u}`,this._append`A${a},${a},0,0,${+(u*g>d*f)},${this._x1=e+w*h},${this._y1=t+w*c}`}else this._append`L${this._x1=e},${this._y1=t}`}arc(e,t,n,i,a,h){if(e=+e,t=+t,h=!!h,(n=+n)<0)throw new Error(`negative radius: ${n}`);let c=n*Math.cos(i),d=n*Math.sin(i),u=e+c,p=t+d,g=1^h,f=h?i-a:a-i;null===this._x1?this._append`M${u},${p}`:(Math.abs(this._x1-u)>o||Math.abs(this._y1-p)>o)&&this._append`L${u},${p}`,n&&(f<0&&(f=f%l+l),f>r?this._append`A${n},${n},0,1,${g},${e-c},${t-d}A${n},${n},0,1,${g},${this._x1=u},${this._y1=p}`:f>o&&this._append`A${n},${n},0,${+(f>=s)},${g},${this._x1=e+n*Math.cos(a)},${this._y1=t+n*Math.sin(a)}`)}rect(e,t,n,i){this._append`M${this._x0=this._x1=+e},${this._y0=this._y1=+t}h${n=+n}v${+i}h${-n}Z`}toString(){return this._}}function d(e){return e[0]}function u(e){return e[1]}function p(e,t){var n=i(!0),s=null,l=a.A,o=null,r=function(e){let t=3;return e.digits=function(n){if(!arguments.length)return t;if(null==n)t=null;else{const e=Math.floor(n);if(!(e>=0))throw new RangeError(`invalid digits: ${n}`);t=e}return e},()=>new c(t)}(h);function h(i){var a,h,c,d=(i=function(e){return"object"==typeof e&&"length"in e?e:Array.from(e)}(i)).length,u=!1;for(null==s&&(o=l(c=r())),a=0;a<=d;++a)!(a<d&&n(h=i[a],a,i))===u&&((u=!u)?o.lineStart():o.lineEnd()),u&&o.point(+e(h,a,i),+t(h,a,i));if(c)return o=null,c+""||null}return e="function"==typeof e?e:void 0===e?d:i(e),t="function"==typeof t?t:void 0===t?u:i(t),h.x=function(t){return arguments.length?(e="function"==typeof t?t:i(+t),h):e},h.y=function(e){return arguments.length?(t="function"==typeof e?e:i(+e),h):t},h.defined=function(e){return arguments.length?(n="function"==typeof e?e:i(!!e),h):n},h.curve=function(e){return arguments.length?(l=e,null!=s&&(o=l(s)),h):l},h.context=function(e){return arguments.length?(null==e?s=o=null:o=l(s=e),h):s},h}c.prototype}}]);
+//# sourceMappingURL=2443.3cd60e77.js.map